@cupcodev/ui 6.0.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,
@@ -2535,47 +2548,6 @@ var NavbarCupcode = ({
 };
 var NavbarCupcode_default = NavbarCupcode;
 
-// src/components/cupcode/TelescupImage.tsx
-var import_jsx_runtime12 = require("react/jsx-runtime");
-var TelescupImage = ({
-  apiId,
-  imageWidth,
-  imageHeight,
-  fit = "cover",
-  format = "avif",
-  quality = 60,
-  lang = "pt-BR",
-  alt,
-  title,
-  loading = "lazy",
-  className,
-  ...props
-}) => {
-  const { url, meta } = useTelescupImage(
-    {
-      id: apiId,
-      width: imageWidth,
-      height: imageHeight,
-      fit,
-      format,
-      quality
-    },
-    lang
-  );
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-    "img",
-    {
-      src: url,
-      "data-api-id": apiId,
-      alt: alt || meta.alt || "",
-      title: title || meta.title,
-      loading,
-      className,
-      ...props
-    }
-  );
-};
-
 // src/components/cupcode/UserMenuCupcode.tsx
 var DialogPrimitive2 = __toESM(require("@radix-ui/react-dialog"), 1);
 var import_lucide_react8 = require("lucide-react");
@@ -2585,11 +2557,11 @@ var import_react15 = require("react");
 var React6 = __toESM(require("react"), 1);
 var SelectPrimitive = __toESM(require("@radix-ui/react-select"), 1);
 var import_lucide_react4 = require("lucide-react");
-var import_jsx_runtime13 = require("react/jsx-runtime");
+var import_jsx_runtime12 = require("react/jsx-runtime");
 var Select = SelectPrimitive.Root;
 var SelectGroup = SelectPrimitive.Group;
 var SelectValue = SelectPrimitive.Value;
-var SelectTrigger = React6.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+var SelectTrigger = React6.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
   SelectPrimitive.Trigger,
   {
     ref,
@@ -2600,32 +2572,32 @@ var SelectTrigger = React6.forwardRef(({ className, children, ...props }, ref) =
     ...props,
     children: [
       children,
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react4.ChevronDown, { className: "h-4 w-4 opacity-50" }) })
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react4.ChevronDown, { className: "h-4 w-4 opacity-50" }) })
     ]
   }
 ));
 SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
-var SelectScrollUpButton = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+var SelectScrollUpButton = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
   SelectPrimitive.ScrollUpButton,
   {
     ref,
     className: cn("flex cursor-default items-center justify-center py-1", className),
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react4.ChevronUp, { className: "h-4 w-4" })
+    children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react4.ChevronUp, { className: "h-4 w-4" })
   }
 ));
 SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
-var SelectScrollDownButton = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+var SelectScrollDownButton = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
   SelectPrimitive.ScrollDownButton,
   {
     ref,
     className: cn("flex cursor-default items-center justify-center py-1", className),
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react4.ChevronDown, { className: "h-4 w-4" })
+    children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react4.ChevronDown, { className: "h-4 w-4" })
   }
 ));
 SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
-var SelectContent = React6.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(SelectPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+var SelectContent = React6.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(SelectPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
   SelectPrimitive.Content,
   {
     ref,
@@ -2637,8 +2609,8 @@ var SelectContent = React6.forwardRef(({ className, children, position = "popper
     position,
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(SelectScrollUpButton, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(SelectScrollUpButton, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
         SelectPrimitive.Viewport,
         {
           className: cn(
@@ -2648,14 +2620,14 @@ var SelectContent = React6.forwardRef(({ className, children, position = "popper
           children
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(SelectScrollDownButton, {})
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(SelectScrollDownButton, {})
     ]
   }
 ) }));
 SelectContent.displayName = SelectPrimitive.Content.displayName;
-var SelectLabel = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(SelectPrimitive.Label, { ref, className: cn("py-1.5 pl-8 pr-2 text-sm font-semibold", className), ...props }));
+var SelectLabel = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(SelectPrimitive.Label, { ref, className: cn("py-1.5 pl-8 pr-2 text-sm font-semibold", className), ...props }));
 SelectLabel.displayName = SelectPrimitive.Label.displayName;
-var SelectItem = React6.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+var SelectItem = React6.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
   SelectPrimitive.Item,
   {
     ref,
@@ -2665,20 +2637,20 @@ var SelectItem = React6.forwardRef(({ className, children, ...props }, ref) => /
     ),
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react4.Check, { className: "h-4 w-4" }) }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(SelectPrimitive.ItemText, { children })
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react4.Check, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(SelectPrimitive.ItemText, { children })
     ]
   }
 ));
 SelectItem.displayName = SelectPrimitive.Item.displayName;
-var SelectSeparator = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(SelectPrimitive.Separator, { ref, className: cn("-mx-1 my-1 h-px bg-muted", className), ...props }));
+var SelectSeparator = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(SelectPrimitive.Separator, { ref, className: cn("-mx-1 my-1 h-px bg-muted", className), ...props }));
 SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
 
 // src/components/ui/avatar.tsx
 var React7 = __toESM(require("react"), 1);
 var AvatarPrimitive2 = __toESM(require("@radix-ui/react-avatar"), 1);
-var import_jsx_runtime14 = require("react/jsx-runtime");
-var Avatar2 = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+var import_jsx_runtime13 = require("react/jsx-runtime");
+var Avatar2 = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
   AvatarPrimitive2.Root,
   {
     ref,
@@ -2687,7 +2659,7 @@ var Avatar2 = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
   }
 ));
 Avatar2.displayName = AvatarPrimitive2.Root.displayName;
-var AvatarImage2 = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+var AvatarImage2 = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
   AvatarPrimitive2.Image,
   {
     ref,
@@ -2696,7 +2668,7 @@ var AvatarImage2 = React7.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 AvatarImage2.displayName = AvatarPrimitive2.Image.displayName;
-var AvatarFallback2 = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+var AvatarFallback2 = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
   AvatarPrimitive2.Fallback,
   {
     ref,
@@ -2755,7 +2727,7 @@ function responsiveSizeClasses(s, currentBp) {
 
 // src/components/cupcode/JellyButton.tsx
 var import_react9 = require("react");
-var import_jsx_runtime15 = require("react/jsx-runtime");
+var import_jsx_runtime14 = require("react/jsx-runtime");
 var JellyButton = (0, import_react9.forwardRef)(
   ({ variant = "primary", size = "md", className, children, type = "button", ...props }, ref) => {
     const sizeClass = {
@@ -2764,7 +2736,7 @@ var JellyButton = (0, import_react9.forwardRef)(
       lg: "cc-blob-cta--lg"
     }[size];
     const variantClass = variant === "primary" || variant === "original-green" ? "cc-blob-cta--primary" : variant === "secondary" || variant === "original-pink" ? "cc-blob-cta--secondary" : "cc-blob-cta--half";
-    return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
       "button",
       {
         ref,
@@ -2772,15 +2744,15 @@ var JellyButton = (0, import_react9.forwardRef)(
         className: cn("cc-blob-cta", sizeClass, variantClass, className),
         ...props,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("span", { className: "cc-blob-cta__color-wrap", "aria-hidden": "true", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "cc-blob-cta__color cc-blob-cta__color--1" }),
-            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "cc-blob-cta__color cc-blob-cta__color--3" }),
-            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "cc-blob-cta__color cc-blob-cta__color--2" }),
-            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "cc-blob-cta__bg" })
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("span", { className: "cc-blob-cta__color-wrap", "aria-hidden": "true", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "cc-blob-cta__color cc-blob-cta__color--1" }),
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "cc-blob-cta__color cc-blob-cta__color--3" }),
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "cc-blob-cta__color cc-blob-cta__color--2" }),
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "cc-blob-cta__bg" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "cc-blob-cta__label", children }),
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "cc-blob-cta__glow cc-blob-cta__glow--1", "aria-hidden": "true" }),
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "cc-blob-cta__glow cc-blob-cta__glow--2", "aria-hidden": "true" })
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "cc-blob-cta__label", children }),
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "cc-blob-cta__glow cc-blob-cta__glow--1", "aria-hidden": "true" }),
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "cc-blob-cta__glow cc-blob-cta__glow--2", "aria-hidden": "true" })
         ]
       }
     );
@@ -2789,7 +2761,7 @@ var JellyButton = (0, import_react9.forwardRef)(
 JellyButton.displayName = "JellyButton";
 
 // src/components/cupcode/JellyButtonOriginal.tsx
-var import_jsx_runtime16 = require("react/jsx-runtime");
+var import_jsx_runtime15 = require("react/jsx-runtime");
 var resolveResponsiveSize = (value, currentBp) => {
   var _a78, _b7, _c, _d, _e;
   if (typeof value === "string") {
@@ -2839,16 +2811,16 @@ function JellyButtonOriginal({
       window.location.href = href;
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
     JellyButton,
     {
       variant: color === "green" ? "original-green" : "original-pink",
       size: resolvedSize,
       className,
       onClick: handleClick,
-      children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("span", { className: "inline-flex items-center gap-2", children: [
-        icon ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "inline-flex items-center justify-center", children: icon }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { children: label })
+      children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("span", { className: "inline-flex items-center gap-2", children: [
+        icon ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "inline-flex items-center justify-center", children: icon }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { children: label })
       ] })
     }
   );
@@ -2858,14 +2830,14 @@ function JellyButtonOriginal({
 var React8 = __toESM(require("react"), 1);
 var DropdownMenuPrimitive = __toESM(require("@radix-ui/react-dropdown-menu"), 1);
 var import_lucide_react5 = require("lucide-react");
-var import_jsx_runtime17 = require("react/jsx-runtime");
+var import_jsx_runtime16 = require("react/jsx-runtime");
 var DropdownMenu = DropdownMenuPrimitive.Root;
 var DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
 var DropdownMenuGroup = DropdownMenuPrimitive.Group;
 var DropdownMenuPortal = DropdownMenuPrimitive.Portal;
 var DropdownMenuSub = DropdownMenuPrimitive.Sub;
 var DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
-var DropdownMenuSubTrigger = React8.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+var DropdownMenuSubTrigger = React8.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
   DropdownMenuPrimitive.SubTrigger,
   {
     ref,
@@ -2877,12 +2849,12 @@ var DropdownMenuSubTrigger = React8.forwardRef(({ className, inset, children, ..
     ...props,
     children: [
       children,
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react5.ChevronRight, { className: "ml-auto h-4 w-4" })
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react5.ChevronRight, { className: "ml-auto h-4 w-4" })
     ]
   }
 ));
 DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
-var DropdownMenuSubContent = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+var DropdownMenuSubContent = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
   DropdownMenuPrimitive.SubContent,
   {
     ref,
@@ -2894,7 +2866,7 @@ var DropdownMenuSubContent = React8.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
-var DropdownMenuContent = React8.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+var DropdownMenuContent = React8.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
   DropdownMenuPrimitive.Content,
   {
     ref,
@@ -2907,7 +2879,7 @@ var DropdownMenuContent = React8.forwardRef(({ className, sideOffset = 4, ...pro
   }
 ) }));
 DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
-var DropdownMenuItem = React8.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+var DropdownMenuItem = React8.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
   DropdownMenuPrimitive.Item,
   {
     ref,
@@ -2920,7 +2892,7 @@ var DropdownMenuItem = React8.forwardRef(({ className, inset, ...props }, ref) =
   }
 ));
 DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
-var DropdownMenuCheckboxItem = React8.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+var DropdownMenuCheckboxItem = React8.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
   DropdownMenuPrimitive.CheckboxItem,
   {
     ref,
@@ -2931,13 +2903,13 @@ var DropdownMenuCheckboxItem = React8.forwardRef(({ className, children, checked
     checked,
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react5.Check, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react5.Check, { className: "h-4 w-4" }) }) }),
       children
     ]
   }
 ));
 DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
-var DropdownMenuRadioItem = React8.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+var DropdownMenuRadioItem = React8.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
   DropdownMenuPrimitive.RadioItem,
   {
     ref,
@@ -2947,13 +2919,13 @@ var DropdownMenuRadioItem = React8.forwardRef(({ className, children, ...props }
     ),
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react5.Circle, { className: "h-2 w-2 fill-current" }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react5.Circle, { className: "h-2 w-2 fill-current" }) }) }),
       children
     ]
   }
 ));
 DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
-var DropdownMenuLabel = React8.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+var DropdownMenuLabel = React8.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
   DropdownMenuPrimitive.Label,
   {
     ref,
@@ -2962,10 +2934,10 @@ var DropdownMenuLabel = React8.forwardRef(({ className, inset, ...props }, ref)
   }
 ));
 DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
-var DropdownMenuSeparator = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(DropdownMenuPrimitive.Separator, { ref, className: cn("-mx-1 my-1 h-px bg-muted", className), ...props }));
+var DropdownMenuSeparator = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(DropdownMenuPrimitive.Separator, { ref, className: cn("-mx-1 my-1 h-px bg-muted", className), ...props }));
 DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;
 var DropdownMenuShortcut = ({ className, ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: cn("ml-auto text-xs tracking-widest opacity-60", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: cn("ml-auto text-xs tracking-widest opacity-60", className), ...props });
 };
 DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
 
@@ -2977,7 +2949,7 @@ var AlertDialogPrimitive = __toESM(require("@radix-ui/react-alert-dialog"), 1);
 var React9 = __toESM(require("react"), 1);
 var import_react_slot = require("@radix-ui/react-slot");
 var import_class_variance_authority = require("class-variance-authority");
-var import_jsx_runtime18 = require("react/jsx-runtime");
+var import_jsx_runtime17 = require("react/jsx-runtime");
 var buttonVariants = (0, import_class_variance_authority.cva)(
   "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
   {
@@ -3007,17 +2979,17 @@ var buttonVariants = (0, import_class_variance_authority.cva)(
 var Button = React9.forwardRef(
   ({ className, variant, size, asChild = false, ...props }, ref) => {
     const Comp = asChild ? import_react_slot.Slot : "button";
-    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Comp, { className: cn(buttonVariants({ variant, size, className })), ref, ...props });
+    return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Comp, { className: cn(buttonVariants({ variant, size, className })), ref, ...props });
   }
 );
 Button.displayName = "Button";
 
 // src/components/ui/alert-dialog.tsx
-var import_jsx_runtime19 = require("react/jsx-runtime");
+var import_jsx_runtime18 = require("react/jsx-runtime");
 var AlertDialog = AlertDialogPrimitive.Root;
 var AlertDialogTrigger = AlertDialogPrimitive.Trigger;
 var AlertDialogPortal = AlertDialogPrimitive.Portal;
-var AlertDialogOverlay = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+var AlertDialogOverlay = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
   AlertDialogPrimitive.Overlay,
   {
     className: cn(
@@ -3029,9 +3001,9 @@ var AlertDialogOverlay = React10.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 AlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName;
-var AlertDialogContent = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(AlertDialogPortal, { children: [
-  /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(AlertDialogOverlay, {}),
-  /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+var AlertDialogContent = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(AlertDialogPortal, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(AlertDialogOverlay, {}),
+  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
     AlertDialogPrimitive.Content,
     {
       ref,
@@ -3044,17 +3016,17 @@ var AlertDialogContent = React10.forwardRef(({ className, ...props }, ref) => /*
   )
 ] }));
 AlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName;
-var AlertDialogHeader = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: cn("flex flex-col space-y-2 text-center sm:text-left", className), ...props });
+var AlertDialogHeader = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: cn("flex flex-col space-y-2 text-center sm:text-left", className), ...props });
 AlertDialogHeader.displayName = "AlertDialogHeader";
-var AlertDialogFooter = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className), ...props });
+var AlertDialogFooter = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className), ...props });
 AlertDialogFooter.displayName = "AlertDialogFooter";
-var AlertDialogTitle = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(AlertDialogPrimitive.Title, { ref, className: cn("text-lg font-semibold", className), ...props }));
+var AlertDialogTitle = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(AlertDialogPrimitive.Title, { ref, className: cn("text-lg font-semibold", className), ...props }));
 AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName;
-var AlertDialogDescription = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(AlertDialogPrimitive.Description, { ref, className: cn("text-sm text-muted-foreground", className), ...props }));
+var AlertDialogDescription = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(AlertDialogPrimitive.Description, { ref, className: cn("text-sm text-muted-foreground", className), ...props }));
 AlertDialogDescription.displayName = AlertDialogPrimitive.Description.displayName;
-var AlertDialogAction = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(AlertDialogPrimitive.Action, { ref, className: cn(buttonVariants(), className), ...props }));
+var AlertDialogAction = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(AlertDialogPrimitive.Action, { ref, className: cn(buttonVariants(), className), ...props }));
 AlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName;
-var AlertDialogCancel = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+var AlertDialogCancel = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
   AlertDialogPrimitive.Cancel,
   {
     ref,
@@ -3068,12 +3040,12 @@ AlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName;
 var React11 = __toESM(require("react"), 1);
 var DialogPrimitive = __toESM(require("@radix-ui/react-dialog"), 1);
 var import_lucide_react6 = require("lucide-react");
-var import_jsx_runtime20 = require("react/jsx-runtime");
+var import_jsx_runtime19 = require("react/jsx-runtime");
 var Dialog = DialogPrimitive.Root;
 var DialogTrigger = DialogPrimitive.Trigger;
 var DialogPortal = DialogPrimitive.Portal;
 var DialogClose = DialogPrimitive.Close;
-var DialogOverlay = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+var DialogOverlay = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
   DialogPrimitive.Overlay,
   {
     ref,
@@ -3085,9 +3057,9 @@ var DialogOverlay = React11.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
-var DialogContent = React11.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(DialogPortal, { children: [
-  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(DialogOverlay, {}),
-  /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+var DialogContent = React11.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(DialogPortal, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(DialogOverlay, {}),
+  /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
     DialogPrimitive.Content,
     {
       ref,
@@ -3098,20 +3070,20 @@ var DialogContent = React11.forwardRef(({ className, children, ...props }, ref)
       ...props,
       children: [
         children,
-        /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(DialogPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity data-[state=open]:bg-accent data-[state=open]:text-muted-foreground hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react6.X, { className: "h-4 w-4" }),
-          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "sr-only", children: "Close" })
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(DialogPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity data-[state=open]:bg-accent data-[state=open]:text-muted-foreground hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react6.X, { className: "h-4 w-4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "sr-only", children: "Close" })
         ] })
       ]
     }
   )
 ] }));
 DialogContent.displayName = DialogPrimitive.Content.displayName;
-var DialogHeader = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: cn("flex flex-col space-y-1.5 text-center sm:text-left", className), ...props });
+var DialogHeader = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: cn("flex flex-col space-y-1.5 text-center sm:text-left", className), ...props });
 DialogHeader.displayName = "DialogHeader";
-var DialogFooter = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className), ...props });
+var DialogFooter = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className), ...props });
 DialogFooter.displayName = "DialogFooter";
-var DialogTitle = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+var DialogTitle = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
   DialogPrimitive.Title,
   {
     ref,
@@ -3120,14 +3092,14 @@ var DialogTitle = React11.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 DialogTitle.displayName = DialogPrimitive.Title.displayName;
-var DialogDescription = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(DialogPrimitive.Description, { ref, className: cn("text-sm text-muted-foreground", className), ...props }));
+var DialogDescription = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(DialogPrimitive.Description, { ref, className: cn("text-sm text-muted-foreground", className), ...props }));
 DialogDescription.displayName = DialogPrimitive.Description.displayName;
 
 // src/components/ui/switch.tsx
 var React12 = __toESM(require("react"), 1);
 var SwitchPrimitives = __toESM(require("@radix-ui/react-switch"), 1);
-var import_jsx_runtime21 = require("react/jsx-runtime");
-var Switch = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+var import_jsx_runtime20 = require("react/jsx-runtime");
+var Switch = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
   SwitchPrimitives.Root,
   {
     className: cn(
@@ -3136,7 +3108,7 @@ var Switch = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
     ),
     ...props,
     ref,
-    children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
       SwitchPrimitives.Thumb,
       {
         className: cn(
@@ -4810,6 +4782,47 @@ function useTelescupAssets(options) {
   };
 }
 
+// src/components/cupcode/TelescupImage.tsx
+var import_jsx_runtime21 = require("react/jsx-runtime");
+var TelescupImage = ({
+  apiId,
+  imageWidth,
+  imageHeight,
+  fit = "cover",
+  format = "avif",
+  quality = 60,
+  lang = "pt-BR",
+  alt,
+  title,
+  loading = "lazy",
+  className,
+  ...props
+}) => {
+  const { url, meta } = useTelescupImage(
+    {
+      id: apiId,
+      width: imageWidth,
+      height: imageHeight,
+      fit,
+      format,
+      quality
+    },
+    lang
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+    "img",
+    {
+      src: url,
+      "data-api-id": apiId,
+      alt: alt || meta.alt || "",
+      title: title || meta.title,
+      loading,
+      className,
+      ...props
+    }
+  );
+};
+
 // src/components/cupcode/TelescupVideo.tsx
 var import_jsx_runtime22 = require("react/jsx-runtime");
 var TelescupVideo = ({
@@ -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,29 +6877,16 @@ 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;
   const appliedMode = resolveAppliedThemeMode(preference);
   root.classList.toggle("dark", appliedMode === "dark");
   root.classList.toggle("light", appliedMode === "light");
+  root.dataset.theme = appliedMode;
   root.dataset.cupcodeTheme = preference;
-  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) {
-  }
+  root.style.colorScheme = appliedMode;
+  persistThemePreferenceSelection(preference);
 };
 var applyAccessibilityAttributes = (settings) => {
   if (typeof document === "undefined") return;
@@ -7605,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]);
@@ -22311,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;
@@ -22466,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);
@@ -23076,6 +23173,7 @@ var DATE_WITH_YEAR_PT_BR_FORMATTER = new Intl.DateTimeFormat("pt-BR", {
   year: "numeric"
 });
 var CHAT_FEATURE_FLAGS_STORAGE_KEY = "cc_chat_feature_flags";
+var DEFAULT_LOGO_SLOT_CLASS_NAME = "h-10 w-[175px] shrink-0";
 var getDefaultChatFeatureFlags = () => ({
   hasReadAt: true,
   hasReplyToMessage: true,
@@ -24877,30 +24975,7 @@ var MainNavbar = ({
   }, [currentPathname, onNavigate, showNavItems]);
   const resolvedLogo = (0, import_react18.useMemo)(() => {
     if (logo !== void 0) return logo;
-    return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex items-center gap-[15px]", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
-        TelescupImage,
-        {
-          apiId: "be574751-cf1b-499a-8473-360b4115b447",
-          imageWidth: 40,
-          imageHeight: 40,
-          alt: "Design System Cupcode",
-          loading: "eager",
-          className: "h-10 w-auto"
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
-        TelescupImage,
-        {
-          apiId: "3b913721-2eda-48fd-8d76-1a53055a337f",
-          imageWidth: 120,
-          imageHeight: 32,
-          alt: "Cupcode",
-          loading: "eager",
-          className: "h-8 w-auto"
-        }
-      )
-    ] });
+    return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: DEFAULT_LOGO_SLOT_CLASS_NAME, "aria-hidden": "true" });
   }, [logo]);
   const handleCtaClick = () => {
     if (onNavigate) {
@@ -25192,48 +25267,6 @@ var import_lucide_react10 = require("lucide-react");
 var import_react19 = require("react");
 var import_react_router_dom = require("react-router-dom");
 
-// src/components/layout/DsNavbarLogo.tsx
-var import_jsx_runtime40 = require("react/jsx-runtime");
-var DsNavbarLogo = () => {
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "flex items-center gap-[15px]", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
-      TelescupImage,
-      {
-        apiId: "be574751-cf1b-499a-8473-360b4115b447",
-        imageWidth: 40,
-        imageHeight: 40,
-        alt: "Design System Cupcode",
-        loading: "eager",
-        className: "h-10 w-auto"
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
-      TelescupImage,
-      {
-        apiId: "3b913721-2eda-48fd-8d76-1a53055a337f",
-        imageWidth: 120,
-        imageHeight: 32,
-        alt: "Cupcode",
-        loading: "eager",
-        className: "h-8 w-auto"
-      }
-    )
-  ] });
-};
-var DsNavbarCompactLogo = () => {
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
-    TelescupImage,
-    {
-      apiId: "be574751-cf1b-499a-8473-360b4115b447",
-      imageWidth: 32,
-      imageHeight: 32,
-      alt: "Cupcode",
-      loading: "eager",
-      className: "h-8 w-8 rounded-lg object-contain"
-    }
-  );
-};
-
 // src/components/layout/sidebar-groups.tsx
 var toStableId = (value) => value.toLowerCase().normalize("NFD").replace(/\p{Diacritic}+/gu, "").replace(/[^a-z0-9]+/g, "-").replace(/(^-|-$)+/g, "");
 var getGroupMetadata = (item) => {
@@ -25278,13 +25311,15 @@ var buildSidebarGroupsFromNavItems = (items, defaultGroupLabel = "Principal") =>
 var defaultSidebarGroups = buildSidebarGroupsFromNavItems(getMainNavItems());
 
 // src/components/layout/sidebar.tsx
-var import_jsx_runtime41 = require("react/jsx-runtime");
+var import_jsx_runtime40 = require("react/jsx-runtime");
 var findGroupByRoute = (groups, pathname) => {
   var _a78, _b7;
   return (_b7 = (_a78 = groups.find((group) => group.items.some((item) => item.route === pathname))) == null ? void 0 : _a78.label) != null ? _b7 : null;
 };
-var IconFallback = () => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_lucide_react10.Circle, { className: "h-3 w-3 opacity-80", "aria-hidden": "true" });
-var IconSlot = ({ icon, className }) => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: cn("inline-flex items-center justify-center [&>svg]:h-4 [&>svg]:w-4", className), children: icon != null ? icon : /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(IconFallback, {}) });
+var IconFallback = () => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_lucide_react10.Circle, { className: "h-3 w-3 opacity-80", "aria-hidden": "true" });
+var DEFAULT_EXPANDED_LOGO_SLOT = /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "h-10 w-[175px] shrink-0", "aria-hidden": "true" });
+var DEFAULT_COLLAPSED_LOGO_SLOT = /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "h-8 w-8 shrink-0 rounded-lg", "aria-hidden": "true" });
+var IconSlot = ({ icon, className }) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: cn("inline-flex items-center justify-center [&>svg]:h-4 [&>svg]:w-4", className), children: icon != null ? icon : /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(IconFallback, {}) });
 var AppSidebar = ({ isCollapsed, onToggle, groups, logo, collapsedLogo }) => {
   const location = (0, import_react_router_dom.useLocation)();
   const navScrollRef = (0, import_react19.useRef)(null);
@@ -25305,8 +25340,8 @@ var AppSidebar = ({ isCollapsed, onToggle, groups, logo, collapsedLogo }) => {
     })).filter((group) => group.items.length > 0);
   }, [normalizedQuery, resolvedGroups]);
   const visibleGroups = isCollapsed ? resolvedGroups : filteredGroups;
-  const resolvedExpandedLogo = logo != null ? logo : /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(DsNavbarLogo, {});
-  const resolvedCollapsedLogo = collapsedLogo != null ? collapsedLogo : /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(DsNavbarCompactLogo, {});
+  const resolvedExpandedLogo = logo != null ? logo : DEFAULT_EXPANDED_LOGO_SLOT;
+  const resolvedCollapsedLogo = collapsedLogo != null ? collapsedLogo : DEFAULT_COLLAPSED_LOGO_SLOT;
   (0, import_react19.useEffect)(() => {
     if (!openGroup && resolvedGroups.length > 0) {
       setOpenGroup(resolvedGroups[0].label);
@@ -25346,17 +25381,17 @@ var AppSidebar = ({ isCollapsed, onToggle, groups, logo, collapsedLogo }) => {
       window.cancelAnimationFrame(frame);
     };
   }, [location.pathname]);
-  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
     import_framer_motion.motion.aside,
     {
       className: "fixed left-0 top-0 h-full z-30 p-2 overflow-hidden",
       animate: { width: isCollapsed ? 76 : 320 },
       transition: { duration: 0.25, ease: "easeInOut" },
-      children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "h-full rounded-r-2xl border border-l-0 border-white/15 bg-background/40 p-3 shadow-[0_24px_44px_-30px_rgba(58,42,88,0.7)] backdrop-blur-xl [transform:translateZ(0)] flex flex-col overflow-hidden", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: cn("mb-3 flex min-h-11 items-center", isCollapsed ? "justify-center" : "justify-start px-1"), children: isCollapsed ? resolvedCollapsedLogo : resolvedExpandedLogo }),
-        !isCollapsed ? /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "relative mb-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_lucide_react10.Search, { className: "pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-ink/65" }),
-          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "h-full rounded-r-2xl border border-l-0 border-white/15 bg-background/40 p-3 shadow-[0_24px_44px_-30px_rgba(58,42,88,0.7)] backdrop-blur-xl [transform:translateZ(0)] flex flex-col overflow-hidden", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: cn("mb-3 flex min-h-11 items-center", isCollapsed ? "justify-center" : "justify-start px-1"), children: isCollapsed ? resolvedCollapsedLogo : resolvedExpandedLogo }),
+        !isCollapsed ? /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "relative mb-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_lucide_react10.Search, { className: "pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-ink/65" }),
+          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
             "input",
             {
               type: "search",
@@ -25367,9 +25402,9 @@ var AppSidebar = ({ isCollapsed, onToggle, groups, logo, collapsedLogo }) => {
             }
           )
         ] }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { ref: navScrollRef, className: "cc-scrollbar cc-scrollbar-purple flex-1 overflow-y-auto overflow-x-hidden pr-1", children: isCollapsed ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "flex flex-col items-center gap-2", children: resolvedGroups.map((group) => {
+        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { ref: navScrollRef, className: "cc-scrollbar cc-scrollbar-purple flex-1 overflow-y-auto overflow-x-hidden pr-1", children: isCollapsed ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "flex flex-col items-center gap-2", children: resolvedGroups.map((group) => {
           const isActiveGroup = (activeGroup != null ? activeGroup : openGroup) === group.label;
-          return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+          return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
             "button",
             {
               type: "button",
@@ -25382,14 +25417,14 @@ var AppSidebar = ({ isCollapsed, onToggle, groups, logo, collapsedLogo }) => {
                 isActiveGroup ? "bg-cupcode-purple shadow-md text-white" : "bg-white/10 hover:bg-[rgba(151,90,182,0.30)] text-ink"
               ),
               "aria-label": `Abrir grupo ${group.label}`,
-              children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(IconSlot, { icon: group.icon, className: cn("[&>svg]:h-5 [&>svg]:w-5", isActiveGroup && "text-white") })
+              children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(IconSlot, { icon: group.icon, className: cn("[&>svg]:h-5 [&>svg]:w-5", isActiveGroup && "text-white") })
             },
             group.id
           );
-        }) }) : /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "space-y-2", children: visibleGroups.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("p", { className: "rounded-xl bg-white/20 px-3 py-3 text-xs text-ink-muted", children: "Nenhum item encontrado." }) : visibleGroups.map((group) => {
+        }) }) : /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "space-y-2", children: visibleGroups.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("p", { className: "rounded-xl bg-white/20 px-3 py-3 text-xs text-ink-muted", children: "Nenhum item encontrado." }) : visibleGroups.map((group) => {
           const isOpen = openGroup === group.label;
-          return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("section", { className: "rounded-xl bg-white/14", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
+          return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("section", { className: "rounded-xl bg-white/14", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
               "button",
               {
                 type: "button",
@@ -25397,13 +25432,13 @@ var AppSidebar = ({ isCollapsed, onToggle, groups, logo, collapsedLogo }) => {
                 className: "flex w-full items-center gap-3 rounded-xl px-3 py-2.5 text-left transition-colors duration-200 hover:bg-[rgba(151,90,182,0.30)]",
                 "aria-expanded": isOpen,
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(IconSlot, { icon: group.icon, className: "h-8 w-8 rounded-xl bg-white/55 text-ink" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "text-[11px] font-semibold uppercase tracking-[0.12em] text-ink/80", children: group.label }),
-                  /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_lucide_react10.ChevronDown, { className: cn("ml-auto h-4 w-4 text-ink/65 transition-transform", isOpen && "rotate-90") })
+                  /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(IconSlot, { icon: group.icon, className: "h-8 w-8 rounded-xl bg-white/55 text-ink" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "text-[11px] font-semibold uppercase tracking-[0.12em] text-ink/80", children: group.label }),
+                  /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_lucide_react10.ChevronDown, { className: cn("ml-auto h-4 w-4 text-ink/65 transition-transform", isOpen && "rotate-90") })
                 ]
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_framer_motion.AnimatePresence, { initial: false, children: isOpen ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_framer_motion.AnimatePresence, { initial: false, children: isOpen ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
               import_framer_motion.motion.div,
               {
                 initial: { height: 0 },
@@ -25411,9 +25446,9 @@ var AppSidebar = ({ isCollapsed, onToggle, groups, logo, collapsedLogo }) => {
                 exit: { height: 0 },
                 transition: { duration: 0.2, ease: "easeInOut" },
                 className: "overflow-hidden",
-                children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("nav", { className: "space-y-1 pb-2", children: group.items.map((item) => {
+                children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("nav", { className: "space-y-1 pb-2", children: group.items.map((item) => {
                   const isActive = location.pathname === item.route;
-                  return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
+                  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
                     import_react_router_dom.NavLink,
                     {
                       to: item.route,
@@ -25422,7 +25457,7 @@ var AppSidebar = ({ isCollapsed, onToggle, groups, logo, collapsedLogo }) => {
                         isActive && "bg-white/40 font-medium text-ink"
                       ),
                       children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
                           IconSlot,
                           {
                             icon: item.icon,
@@ -25432,7 +25467,7 @@ var AppSidebar = ({ isCollapsed, onToggle, groups, logo, collapsedLogo }) => {
                             )
                           }
                         ),
-                        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: cn("truncate", isActive && "font-medium"), children: item.label })
+                        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: cn("truncate", isActive && "font-medium"), children: item.label })
                       ]
                     },
                     item.id
@@ -25448,7 +25483,7 @@ var AppSidebar = ({ isCollapsed, onToggle, groups, logo, collapsedLogo }) => {
 };
 
 // src/components/layout/main-layout.tsx
-var import_jsx_runtime42 = require("react/jsx-runtime");
+var import_jsx_runtime41 = require("react/jsx-runtime");
 var SIDEBAR_COLLAPSED_WIDTH = 76;
 var SIDEBAR_EXPANDED_WIDTH = 320;
 var SIDEBAR_COLLAPSED_STORAGE_KEY = "cc-layout-sidebar-collapsed";
@@ -25487,8 +25522,8 @@ var MainLayout = ({
     () => cn(navbarOffsetClassName, navbarProps == null ? void 0 : navbarProps.className),
     [navbarOffsetClassName, navbarProps == null ? void 0 : navbarProps.className]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: cn("relative min-h-screen", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: cn("relative min-h-screen", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
       AppSidebar,
       {
         isCollapsed: sidebarCollapsed,
@@ -25497,7 +25532,7 @@ var MainLayout = ({
         collapsedLogo: sidebarCollapsedLogo
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
       MainNavbar,
       {
         ...navbarProps,
@@ -25505,7 +25540,7 @@ var MainLayout = ({
         className: mergedNavbarClassName
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
       "div",
       {
         className: "fixed z-[210]",
@@ -25513,14 +25548,14 @@ var MainLayout = ({
           left: contentMarginLeft - 22,
           top: "calc(max(env(safe-area-inset-top), 0px) + 18px)"
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
           "button",
           {
             type: "button",
             onClick: toggleSidebar,
             "aria-label": sidebarCollapsed ? "Expandir sidebar" : "Recolher sidebar",
             className: "inline-flex h-20 w-11 items-center justify-center rounded-[22px] border border-white/20 bg-[hsla(258,34%,34%,0.4)] text-white/90 shadow-[0_12px_28px_-16px_rgba(0,0,0,0.75)] backdrop-blur-xl transition-colors duration-200 hover:bg-[hsla(258,38%,38%,0.52)]",
-            children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
               import_lucide_react11.ChevronRight,
               {
                 className: cn(
@@ -25533,7 +25568,7 @@ var MainLayout = ({
         )
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
       "main",
       {
         className: cn("relative min-h-screen pt-24", contentClassName),
@@ -25550,7 +25585,7 @@ var MainLayout = ({
 // src/components/cupcode/ErrorBoundary.tsx
 var import_react21 = __toESM(require("react"), 1);
 var import_lucide_react12 = require("lucide-react");
-var import_jsx_runtime43 = require("react/jsx-runtime");
+var import_jsx_runtime42 = require("react/jsx-runtime");
 var ErrorBoundary = class extends import_react21.default.Component {
   constructor(props) {
     super(props);
@@ -25570,17 +25605,17 @@ var ErrorBoundary = class extends import_react21.default.Component {
       if (this.props.fallback) {
         return this.props.fallback;
       }
-      return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "min-h-screen flex items-center justify-center p-6 bg-gradient-to-br from-cupcode-surface to-muted", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "max-w-md w-full glass rounded-xl p-8 text-center animate-scale-in", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "mb-6 flex justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "p-4 rounded-full bg-destructive/10", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_lucide_react12.AlertTriangle, { className: "w-12 h-12 text-destructive" }) }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("h2", { className: "text-2xl font-display font-bold text-foreground mb-3", children: "Algo deu errado" }),
-        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("p", { className: "text-muted-foreground mb-6", children: "Desculpe, encontramos um erro inesperado. Por favor, tente novamente." }),
-        this.state.error && /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("details", { className: "mb-6 text-left", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("summary", { className: "cursor-pointer text-sm text-muted-foreground hover:text-foreground", children: "Detalhes t\xE9cnicos" }),
-          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("pre", { className: "mt-2 p-3 bg-muted rounded-md text-xs overflow-x-auto", children: this.state.error.message })
+      return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "min-h-screen flex items-center justify-center p-6 bg-gradient-to-br from-cupcode-surface to-muted", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "max-w-md w-full glass rounded-xl p-8 text-center animate-scale-in", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "mb-6 flex justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "p-4 rounded-full bg-destructive/10", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react12.AlertTriangle, { className: "w-12 h-12 text-destructive" }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("h2", { className: "text-2xl font-display font-bold text-foreground mb-3", children: "Algo deu errado" }),
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("p", { className: "text-muted-foreground mb-6", children: "Desculpe, encontramos um erro inesperado. Por favor, tente novamente." }),
+        this.state.error && /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("details", { className: "mb-6 text-left", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("summary", { className: "cursor-pointer text-sm text-muted-foreground hover:text-foreground", children: "Detalhes t\xE9cnicos" }),
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("pre", { className: "mt-2 p-3 bg-muted rounded-md text-xs overflow-x-auto", children: this.state.error.message })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "flex gap-3 justify-center", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(JellyButton, { onClick: this.handleReset, variant: "primary", children: "Tentar novamente" }),
-          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(JellyButton, { onClick: () => window.location.href = "/", variant: "secondary", children: "Ir para in\xEDcio" })
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "flex gap-3 justify-center", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(JellyButton, { onClick: this.handleReset, variant: "primary", children: "Tentar novamente" }),
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(JellyButton, { onClick: () => window.location.href = "/", variant: "secondary", children: "Ir para in\xEDcio" })
         ] })
       ] }) });
     }
@@ -25590,7 +25625,7 @@ var ErrorBoundary = class extends import_react21.default.Component {
 
 // src/components/cupcode/EyebrowCupcode.tsx
 var import_react22 = require("react");
-var import_jsx_runtime44 = require("react/jsx-runtime");
+var import_jsx_runtime43 = require("react/jsx-runtime");
 var Eyebrow = (0, import_react22.forwardRef)(
   ({ variant = "galaxy", glow = false, className, children, ...props }, ref) => {
     const baseClasses = cn(
@@ -25606,7 +25641,7 @@ var Eyebrow = (0, import_react22.forwardRef)(
       purple: "bg-cupcode-purple text-white shadow-[0_0_20px_rgba(124,91,187,0.4)]",
       outline: "border-2 border-cupcode-purple text-cupcode-purple bg-transparent"
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
       "div",
       {
         ref,
@@ -25620,7 +25655,7 @@ var Eyebrow = (0, import_react22.forwardRef)(
 Eyebrow.displayName = "Eyebrow";
 
 // src/components/cupcode/HeroTitle.tsx
-var import_jsx_runtime45 = require("react/jsx-runtime");
+var import_jsx_runtime44 = require("react/jsx-runtime");
 var HeroTitle = ({
   eyebrow,
   smallPrefix,
@@ -25634,25 +25669,25 @@ var HeroTitle = ({
     3: "h3"
   };
   const Tag = headingTagMap[level];
-  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: cn("space-y-3", className), children: [
-    eyebrow && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "span-destaque animate-fade-in", children: eyebrow }),
-    /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(Tag, { className: "font-display font-bold leading-tight animate-slide-up", children: [
-      smallPrefix && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("small", { className: "block text-base font-normal opacity-70 mb-1", children: smallPrefix }),
-      /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("b", { className: "block bg-gradient-to-r from-cupcode-hover to-cupcode-purple bg-clip-text text-transparent", children: strong })
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: cn("space-y-3", className), children: [
+    eyebrow && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "span-destaque animate-fade-in", children: eyebrow }),
+    /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(Tag, { className: "font-display font-bold leading-tight animate-slide-up", children: [
+      smallPrefix && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("small", { className: "block text-base font-normal opacity-70 mb-1", children: smallPrefix }),
+      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("b", { className: "block bg-gradient-to-r from-cupcode-hover to-cupcode-purple bg-clip-text text-transparent", children: strong })
     ] })
   ] });
 };
 
 // src/components/cupcode/InputField.tsx
 var React25 = __toESM(require("react"), 1);
-var import_jsx_runtime46 = require("react/jsx-runtime");
+var import_jsx_runtime45 = require("react/jsx-runtime");
 var InputField = React25.forwardRef(
   ({ className, type, label, error, leftIcon, rightIcon, ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "cc-stack space-2 w-full", children: [
-      label && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("label", { className: "text-sm font-semibold text-cupcode-ink", children: label }),
-      /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "relative", children: [
-        leftIcon && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "absolute left-3 top-1/2 -translate-y-1/2 text-cupcode-purple opacity-60", children: leftIcon }),
-        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "cc-stack space-2 w-full", children: [
+      label && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("label", { className: "text-sm font-semibold text-cupcode-ink", children: label }),
+      /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "relative", children: [
+        leftIcon && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "absolute left-3 top-1/2 -translate-y-1/2 text-cupcode-purple opacity-60", children: leftIcon }),
+        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
           "input",
           {
             type,
@@ -25674,16 +25709,16 @@ var InputField = React25.forwardRef(
             ...props
           }
         ),
-        rightIcon && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "absolute right-3 top-1/2 -translate-y-1/2 text-cupcode-purple opacity-60", children: rightIcon })
+        rightIcon && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "absolute right-3 top-1/2 -translate-y-1/2 text-cupcode-purple opacity-60", children: rightIcon })
       ] }),
-      error && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("p", { className: "text-xs font-medium text-destructive animate-fade-in", children: error })
+      error && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("p", { className: "text-xs font-medium text-destructive animate-fade-in", children: error })
     ] });
   }
 );
 InputField.displayName = "InputField";
 
 // src/components/cupcode/LoadingSpinner.tsx
-var import_jsx_runtime47 = require("react/jsx-runtime");
+var import_jsx_runtime46 = require("react/jsx-runtime");
 var sizes = {
   sm: "h-4 w-4 border-2",
   md: "h-8 w-8 border-3",
@@ -25693,7 +25728,7 @@ var LoadingSpinner = ({
   size = "md",
   className
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
     "div",
     {
       className: cn(
@@ -25703,12 +25738,12 @@ var LoadingSpinner = ({
       ),
       role: "status",
       "aria-label": "Loading",
-      children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "sr-only", children: "Loading..." })
+      children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "sr-only", children: "Loading..." })
     }
   );
 };
 var Skeleton2 = ({ className }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
     "div",
     {
       className: cn(
@@ -25719,7 +25754,7 @@ var Skeleton2 = ({ className }) => {
   );
 };
 var SkeletonText = ({ lines = 3 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "space-y-2", children: Array.from({ length: lines }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "space-y-2", children: Array.from({ length: lines }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
     Skeleton2,
     {
       className: cn(
@@ -25732,7 +25767,7 @@ var SkeletonText = ({ lines = 3 }) => {
 };
 
 // src/components/cupcode/LoadingScreen.tsx
-var import_jsx_runtime48 = require("react/jsx-runtime");
+var import_jsx_runtime47 = require("react/jsx-runtime");
 var LoadingScreen = ({
   message = "Carregando...",
   fullScreen = true,
@@ -25740,28 +25775,28 @@ var LoadingScreen = ({
 }) => {
   const containerClasses = fullScreen ? "fixed inset-0 z-50 flex items-center justify-center bg-background" : "flex items-center justify-center p-12";
   if (variant === "minimal") {
-    return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: containerClasses, children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(LoadingSpinner, { size: "lg" }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: containerClasses, children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(LoadingSpinner, { size: "lg" }) });
   }
   if (variant === "galaxy") {
-    return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: cn(containerClasses, "cc-gradient-galaxy"), children: /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "glass rounded-2xl p-8 flex flex-col items-center space-y-4 animate-scale-in", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "relative", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(LoadingSpinner, { size: "lg" }),
-        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "absolute inset-0 blur-2xl bg-cupcode-hover/30 animate-pulse-scale" })
+    return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: cn(containerClasses, "cc-gradient-galaxy"), children: /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "glass rounded-2xl p-8 flex flex-col items-center space-y-4 animate-scale-in", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "relative", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(LoadingSpinner, { size: "lg" }),
+        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "absolute inset-0 blur-2xl bg-cupcode-hover/30 animate-pulse-scale" })
       ] }),
-      message && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("p", { className: "text-white font-semibold text-lg animate-pulse", children: message })
+      message && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("p", { className: "text-white font-semibold text-lg animate-pulse", children: message })
     ] }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: containerClasses, children: /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "glass rounded-2xl p-8 flex flex-col items-center space-y-6 animate-scale-in max-w-sm", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "relative", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "w-20 h-20 rounded-full cc-gradient-animated flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "w-16 h-16 rounded-full bg-background flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(LoadingSpinner, { size: "md" }) }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "absolute inset-0 blur-xl bg-cupcode-purple/20 animate-pulse-scale -z-10" })
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: containerClasses, children: /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "glass rounded-2xl p-8 flex flex-col items-center space-y-6 animate-scale-in max-w-sm", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "relative", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "w-20 h-20 rounded-full cc-gradient-animated flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "w-16 h-16 rounded-full bg-background flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(LoadingSpinner, { size: "md" }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "absolute inset-0 blur-xl bg-cupcode-purple/20 animate-pulse-scale -z-10" })
     ] }),
-    message && /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "text-center space-y-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("p", { className: "font-bold text-lg cc-text-gradient-galaxy", children: message }),
-      /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "flex gap-1 justify-center", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "w-2 h-2 rounded-full bg-cupcode-hover animate-bounce", style: { animationDelay: "0ms" } }),
-        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "w-2 h-2 rounded-full bg-cupcode-purple animate-bounce", style: { animationDelay: "150ms" } }),
-        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "w-2 h-2 rounded-full bg-cupcode-hover animate-bounce", style: { animationDelay: "300ms" } })
+    message && /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "text-center space-y-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("p", { className: "font-bold text-lg cc-text-gradient-galaxy", children: message }),
+      /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "flex gap-1 justify-center", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "w-2 h-2 rounded-full bg-cupcode-hover animate-bounce", style: { animationDelay: "0ms" } }),
+        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "w-2 h-2 rounded-full bg-cupcode-purple animate-bounce", style: { animationDelay: "150ms" } }),
+        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "w-2 h-2 rounded-full bg-cupcode-hover animate-bounce", style: { animationDelay: "300ms" } })
       ] })
     ] })
   ] }) });
@@ -25771,12 +25806,12 @@ var LoadingScreen = ({
 var React26 = __toESM(require("react"), 1);
 var DialogPrimitive3 = __toESM(require("@radix-ui/react-dialog"), 1);
 var import_lucide_react13 = require("lucide-react");
-var import_jsx_runtime49 = require("react/jsx-runtime");
+var import_jsx_runtime48 = require("react/jsx-runtime");
 var Modal = DialogPrimitive3.Root;
 var ModalTrigger = DialogPrimitive3.Trigger;
 var ModalPortal = DialogPrimitive3.Portal;
 var ModalClose = DialogPrimitive3.Close;
-var ModalOverlay = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+var ModalOverlay = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
   DialogPrimitive3.Overlay,
   {
     ref,
@@ -25796,9 +25831,9 @@ var ModalContent = React26.forwardRef(({ className, children, size = "md", ...pr
     lg: "max-w-lg",
     xl: "max-w-xl"
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(ModalPortal, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(ModalOverlay, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(ModalPortal, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(ModalOverlay, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
       DialogPrimitive3.Content,
       {
         ref,
@@ -25813,9 +25848,9 @@ var ModalContent = React26.forwardRef(({ className, children, size = "md", ...pr
         ...props,
         children: [
           children,
-          /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(DialogPrimitive3.Close, { className: "absolute right-4 top-4 rounded-md p-1 opacity-70 ring-offset-background transition-opacity hover:opacity-100 hover:bg-cupcode-ink/10 focus:outline-none focus:ring-2 focus:ring-cupcode-purple focus:ring-offset-2 disabled:pointer-events-none", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_lucide_react13.X, { className: "h-4 w-4" }),
-            /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: "sr-only", children: "Close" })
+          /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(DialogPrimitive3.Close, { className: "absolute right-4 top-4 rounded-md p-1 opacity-70 ring-offset-background transition-opacity hover:opacity-100 hover:bg-cupcode-ink/10 focus:outline-none focus:ring-2 focus:ring-cupcode-purple focus:ring-offset-2 disabled:pointer-events-none", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_lucide_react13.X, { className: "h-4 w-4" }),
+            /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "sr-only", children: "Close" })
           ] })
         ]
       }
@@ -25826,7 +25861,7 @@ ModalContent.displayName = DialogPrimitive3.Content.displayName;
 var ModalHeader = ({
   className,
   ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
   "div",
   {
     className: cn("flex flex-col space-y-2 text-center sm:text-left mb-4", className),
@@ -25837,7 +25872,7 @@ ModalHeader.displayName = "ModalHeader";
 var ModalFooter = ({
   className,
   ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
   "div",
   {
     className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2 mt-6", className),
@@ -25845,7 +25880,7 @@ var ModalFooter = ({
   }
 );
 ModalFooter.displayName = "ModalFooter";
-var ModalTitle = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+var ModalTitle = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
   DialogPrimitive3.Title,
   {
     ref,
@@ -25854,7 +25889,7 @@ var ModalTitle = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 ModalTitle.displayName = DialogPrimitive3.Title.displayName;
-var ModalDescription = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+var ModalDescription = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
   DialogPrimitive3.Description,
   {
     ref,
@@ -25866,7 +25901,7 @@ ModalDescription.displayName = DialogPrimitive3.Description.displayName;
 
 // src/components/cupcode/ParticleSystem.tsx
 var import_react23 = require("react");
-var import_jsx_runtime50 = require("react/jsx-runtime");
+var import_jsx_runtime49 = require("react/jsx-runtime");
 function ParticleSystem({
   count: count2 = 50,
   variant = "stars",
@@ -25938,7 +25973,7 @@ function ParticleSystem({
       cancelAnimationFrame(animationId);
     };
   }, [count2, variant]);
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
     "canvas",
     {
       ref: canvasRef,
@@ -25949,7 +25984,7 @@ function ParticleSystem({
 
 // src/components/cupcode/PricingCard.tsx
 var import_lucide_react14 = require("lucide-react");
-var import_jsx_runtime51 = require("react/jsx-runtime");
+var import_jsx_runtime50 = require("react/jsx-runtime");
 function PricingCard({
   title,
   price,
@@ -25961,7 +25996,7 @@ function PricingCard({
   buttonText = "Escolher plano",
   className
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
     CardGlass,
     {
       className: cn(
@@ -25971,17 +26006,17 @@ function PricingCard({
         className
       ),
       children: [
-        highlighted && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "absolute -top-4 left-1/2 -translate-x-1/2", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "bg-cupcode-purple text-white text-xs font-bold px-4 py-1 rounded-pill", children: "POPULAR" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "text-center mb-6", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("h3", { className: "text-2xl font-display font-bold text-foreground mb-2", children: title }),
-          description && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("p", { className: "text-sm text-muted-foreground", children: description })
+        highlighted && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "absolute -top-4 left-1/2 -translate-x-1/2", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { className: "bg-cupcode-purple text-white text-xs font-bold px-4 py-1 rounded-pill", children: "POPULAR" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "text-center mb-6", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("h3", { className: "text-2xl font-display font-bold text-foreground mb-2", children: title }),
+          description && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("p", { className: "text-sm text-muted-foreground", children: description })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "text-center mb-8", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "flex items-baseline justify-center gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "text-5xl font-display font-bold cc-text-gradient-galaxy", children: price }),
-          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "text-muted-foreground", children: period })
+        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "text-center mb-8", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "flex items-baseline justify-center gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { className: "text-5xl font-display font-bold cc-text-gradient-galaxy", children: price }),
+          /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { className: "text-muted-foreground", children: period })
         ] }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("ul", { className: "space-3 mb-8", children: features.map((feature, index) => /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("li", { className: "flex items-start gap-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("ul", { className: "space-3 mb-8", children: features.map((feature, index) => /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("li", { className: "flex items-start gap-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
             import_lucide_react14.Check,
             {
               className: cn(
@@ -25990,7 +26025,7 @@ function PricingCard({
               )
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
             "span",
             {
               className: cn(
@@ -26001,7 +26036,7 @@ function PricingCard({
             }
           )
         ] }, index)) }),
-        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
           JellyButton,
           {
             onClick: onSelect,
@@ -26018,7 +26053,7 @@ function PricingCard({
 // src/components/cupcode/ProgressCupcode.tsx
 var React27 = __toESM(require("react"), 1);
 var ProgressPrimitive2 = __toESM(require("@radix-ui/react-progress"), 1);
-var import_jsx_runtime52 = require("react/jsx-runtime");
+var import_jsx_runtime51 = require("react/jsx-runtime");
 var ProgressCupcode = React27.forwardRef(({ className, value, variant = "default", showLabel = false, size = "md", ...props }, ref) => {
   const sizeClasses2 = {
     sm: "h-2",
@@ -26032,15 +26067,15 @@ var ProgressCupcode = React27.forwardRef(({ className, value, variant = "default
     warning: "bg-warning",
     error: "bg-destructive"
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "w-full space-y-2", children: [
-    showLabel && /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "flex items-center justify-between text-sm", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "font-semibold text-foreground", children: "Progresso" }),
-      /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("span", { className: "text-muted-foreground", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "w-full space-y-2", children: [
+    showLabel && /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "flex items-center justify-between text-sm", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "font-semibold text-foreground", children: "Progresso" }),
+      /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("span", { className: "text-muted-foreground", children: [
         value,
         "%"
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
       ProgressPrimitive2.Root,
       {
         ref,
@@ -26050,7 +26085,7 @@ var ProgressCupcode = React27.forwardRef(({ className, value, variant = "default
           className
         ),
         ...props,
-        children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
           ProgressPrimitive2.Indicator,
           {
             className: cn(
@@ -26068,7 +26103,7 @@ ProgressCupcode.displayName = "ProgressCupcode";
 
 // src/components/cupcode/ScrollbarTheme.tsx
 var React28 = __toESM(require("react"), 1);
-var import_jsx_runtime53 = require("react/jsx-runtime");
+var import_jsx_runtime52 = require("react/jsx-runtime");
 var SCROLLBAR_COLOR_ATTR = "data-cc-scrollbar-color";
 var SCROLLBAR_THEME_ATTR = "data-cc-scrollbar-theme";
 var ScrollbarThemeProvider = ({
@@ -26107,7 +26142,7 @@ var ScrollbarThemeProvider = ({
   return null;
 };
 var ScrollbarArea = React28.forwardRef(
-  ({ color = "purple", theme = "auto", className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+  ({ color = "purple", theme = "auto", className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
     "div",
     {
       ref,
@@ -26128,11 +26163,11 @@ ScrollbarArea.displayName = "ScrollbarArea";
 var React29 = __toESM(require("react"), 1);
 var SelectPrimitive2 = __toESM(require("@radix-ui/react-select"), 1);
 var import_lucide_react15 = require("lucide-react");
-var import_jsx_runtime54 = require("react/jsx-runtime");
+var import_jsx_runtime53 = require("react/jsx-runtime");
 var Select2 = SelectPrimitive2.Root;
 var SelectGroup2 = SelectPrimitive2.Group;
 var SelectValue2 = SelectPrimitive2.Value;
-var SelectTrigger2 = React29.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
+var SelectTrigger2 = React29.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
   SelectPrimitive2.Trigger,
   {
     ref,
@@ -26150,12 +26185,12 @@ var SelectTrigger2 = React29.forwardRef(({ className, children, ...props }, ref)
     ...props,
     children: [
       children,
-      /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(SelectPrimitive2.Icon, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_lucide_react15.ChevronDown, { className: "h-4 w-4 opacity-50" }) })
+      /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(SelectPrimitive2.Icon, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_lucide_react15.ChevronDown, { className: "h-4 w-4 opacity-50" }) })
     ]
   }
 ));
 SelectTrigger2.displayName = SelectPrimitive2.Trigger.displayName;
-var SelectContent2 = React29.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(SelectPrimitive2.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+var SelectContent2 = React29.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(SelectPrimitive2.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
   SelectPrimitive2.Content,
   {
     ref,
@@ -26172,7 +26207,7 @@ var SelectContent2 = React29.forwardRef(({ className, children, position = "popp
     ),
     position,
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
       SelectPrimitive2.Viewport,
       {
         className: cn(
@@ -26185,7 +26220,7 @@ var SelectContent2 = React29.forwardRef(({ className, children, position = "popp
   }
 ) }));
 SelectContent2.displayName = SelectPrimitive2.Content.displayName;
-var SelectItem2 = React29.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
+var SelectItem2 = React29.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
   SelectPrimitive2.Item,
   {
     ref,
@@ -26198,8 +26233,8 @@ var SelectItem2 = React29.forwardRef(({ className, children, ...props }, ref) =>
     ),
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(SelectPrimitive2.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_lucide_react15.Check, { className: "h-4 w-4 text-cupcode-purple" }) }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(SelectPrimitive2.ItemText, { children })
+      /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(SelectPrimitive2.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_lucide_react15.Check, { className: "h-4 w-4 text-cupcode-purple" }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(SelectPrimitive2.ItemText, { children })
     ]
   }
 ));
@@ -26213,21 +26248,21 @@ var SelectField = ({
   options,
   disabled
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "cc-stack space-2 w-full", children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("label", { className: "text-sm font-semibold text-cupcode-ink", children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(Select2, { value, onValueChange, disabled, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(SelectTrigger2, { children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(SelectValue2, { placeholder }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(SelectContent2, { children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(SelectGroup2, { children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(SelectItem2, { value: option.value, children: option.label }, option.value)) }) })
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "cc-stack space-2 w-full", children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("label", { className: "text-sm font-semibold text-cupcode-ink", children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(Select2, { value, onValueChange, disabled, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(SelectTrigger2, { children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(SelectValue2, { placeholder }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(SelectContent2, { children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(SelectGroup2, { children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(SelectItem2, { value: option.value, children: option.label }, option.value)) }) })
     ] }),
-    error && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("p", { className: "text-xs font-medium text-destructive animate-fade-in", children: error })
+    error && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("p", { className: "text-xs font-medium text-destructive animate-fade-in", children: error })
   ] });
 };
 
 // src/components/cupcode/SwitchField.tsx
 var React30 = __toESM(require("react"), 1);
 var SwitchPrimitives2 = __toESM(require("@radix-ui/react-switch"), 1);
-var import_jsx_runtime55 = require("react/jsx-runtime");
-var Switch2 = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+var import_jsx_runtime54 = require("react/jsx-runtime");
+var Switch2 = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
   SwitchPrimitives2.Root,
   {
     className: cn(
@@ -26242,7 +26277,7 @@ var Switch2 = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__
     ),
     ...props,
     ref,
-    children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
       SwitchPrimitives2.Thumb,
       {
         className: cn(
@@ -26258,21 +26293,21 @@ var Switch2 = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__
 ));
 Switch2.displayName = SwitchPrimitives2.Root.displayName;
 var SwitchField = ({ label, description, ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "flex items-center justify-between space-x-4", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "cc-stack space-1 flex-1", children: [
-      label && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("label", { className: "text-sm font-semibold text-cupcode-ink cursor-pointer", children: label }),
-      description && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("p", { className: "text-xs text-muted-foreground", children: description })
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "flex items-center justify-between space-x-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "cc-stack space-1 flex-1", children: [
+      label && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("label", { className: "text-sm font-semibold text-cupcode-ink cursor-pointer", children: label }),
+      description && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("p", { className: "text-xs text-muted-foreground", children: description })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Switch2, { ...props })
+    /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Switch2, { ...props })
   ] });
 };
 
 // src/components/cupcode/TabsCupcode.tsx
 var React31 = __toESM(require("react"), 1);
 var TabsPrimitive2 = __toESM(require("@radix-ui/react-tabs"), 1);
-var import_jsx_runtime56 = require("react/jsx-runtime");
+var import_jsx_runtime55 = require("react/jsx-runtime");
 var Tabs2 = TabsPrimitive2.Root;
-var TabsList2 = React31.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+var TabsList2 = React31.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
   TabsPrimitive2.List,
   {
     ref,
@@ -26285,7 +26320,7 @@ var TabsList2 = React31.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 TabsList2.displayName = TabsPrimitive2.List.displayName;
-var TabsTrigger2 = React31.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+var TabsTrigger2 = React31.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
   TabsPrimitive2.Trigger,
   {
     ref,
@@ -26307,7 +26342,7 @@ var TabsTrigger2 = React31.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 TabsTrigger2.displayName = TabsPrimitive2.Trigger.displayName;
-var TabsContent2 = React31.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+var TabsContent2 = React31.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
   TabsPrimitive2.Content,
   {
     ref,
@@ -26324,12 +26359,12 @@ TabsContent2.displayName = TabsPrimitive2.Content.displayName;
 
 // src/components/cupcode/TextareaField.tsx
 var React32 = __toESM(require("react"), 1);
-var import_jsx_runtime57 = require("react/jsx-runtime");
+var import_jsx_runtime56 = require("react/jsx-runtime");
 var TextareaField = React32.forwardRef(
   ({ className, label, error, ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "cc-stack space-2 w-full", children: [
-      label && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("label", { className: "text-sm font-semibold text-cupcode-ink", children: label }),
-      /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "cc-stack space-2 w-full", children: [
+      label && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("label", { className: "text-sm font-semibold text-cupcode-ink", children: label }),
+      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
         "textarea",
         {
           className: cn(
@@ -26349,7 +26384,7 @@ var TextareaField = React32.forwardRef(
           ...props
         }
       ),
-      error && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("p", { className: "text-xs font-medium text-destructive animate-fade-in", children: error })
+      error && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("p", { className: "text-xs font-medium text-destructive animate-fade-in", children: error })
     ] });
   }
 );
@@ -26358,7 +26393,7 @@ TextareaField.displayName = "TextareaField";
 // src/components/cupcode/ThemeToggle.tsx
 var React33 = __toESM(require("react"), 1);
 var import_lucide_react16 = require("lucide-react");
-var import_jsx_runtime58 = require("react/jsx-runtime");
+var import_jsx_runtime57 = require("react/jsx-runtime");
 var THEME_STORAGE_KEY2 = "cupcode-theme";
 function isThemeMode(value) {
   return value === "light" || value === "dark";
@@ -26386,13 +26421,25 @@ function applyThemeClass(theme) {
   const root = document.documentElement;
   root.classList.toggle("dark", theme === "dark");
   root.classList.toggle("light", theme === "light");
+  root.dataset.theme = theme;
+  root.style.colorScheme = theme;
+}
+function readThemeFromRoot() {
+  var _a78;
+  if (typeof document === "undefined") return null;
+  const root = document.documentElement;
+  const datasetTheme = (_a78 = root.dataset.theme) != null ? _a78 : null;
+  if (isThemeMode(datasetTheme)) return datasetTheme;
+  if (root.classList.contains("dark")) return "dark";
+  if (root.classList.contains("light")) return "light";
+  return null;
 }
 function resolveTheme(defaultTheme) {
+  const rootTheme = readThemeFromRoot();
+  if (rootTheme) return rootTheme;
   const storedTheme = readStoredTheme();
   if (storedTheme) return storedTheme;
   if (typeof document === "undefined") return defaultTheme;
-  if (document.documentElement.classList.contains("dark")) return "dark";
-  if (document.documentElement.classList.contains("light")) return "light";
   if (typeof window !== "undefined" && window.matchMedia("(prefers-color-scheme: dark)").matches) {
     return "dark";
   }
@@ -26405,43 +26452,57 @@ 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"] });
+    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_runtime58.jsx)("div", { className: cn("w-10 h-10 rounded-lg bg-muted", className) });
+    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);
     }
     onThemeChange == null ? void 0 : onThemeChange(nextTheme);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
     "button",
     {
+      type: "button",
       onClick: handleToggle,
       className: cn(
         "relative inline-flex items-center justify-center w-10 h-10",
@@ -26452,9 +26513,9 @@ var ThemeToggle2 = ({
       ),
       "aria-label": "Toggle theme",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_lucide_react16.Sun, { className: "h-5 w-5 text-cupcode-purple rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0" }),
-        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_lucide_react16.Moon, { className: "absolute h-5 w-5 text-cupcode-hover rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100" }),
-        /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("span", { className: "sr-only", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_lucide_react16.Sun, { className: "h-5 w-5 text-cupcode-purple rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0" }),
+        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_lucide_react16.Moon, { className: "absolute h-5 w-5 text-cupcode-hover rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100" }),
+        /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("span", { className: "sr-only", children: [
           "Current theme: ",
           activeTheme
         ] })
@@ -26466,7 +26527,7 @@ var ThemeToggle2 = ({
 // src/components/theme-provider.tsx
 var import_react24 = require("react");
 var import_react_dom = require("react-dom");
-var import_jsx_runtime59 = require("react/jsx-runtime");
+var import_jsx_runtime58 = require("react/jsx-runtime");
 var STORAGE_KEY2 = "cupcode-theme";
 var LEGACY_STORAGE_KEY = "theme";
 function getPreferredTheme() {
@@ -26483,6 +26544,27 @@ function getStoredTheme() {
   const storedTheme = (_a78 = window.localStorage.getItem(STORAGE_KEY2)) != null ? _a78 : window.localStorage.getItem(LEGACY_STORAGE_KEY);
   return storedTheme === "light" || storedTheme === "dark" ? storedTheme : null;
 }
+function getThemeFromRoot() {
+  if (typeof document === "undefined") {
+    return null;
+  }
+  const { documentElement: root } = document;
+  const datasetTheme = root.dataset.theme;
+  if (datasetTheme === "light" || datasetTheme === "dark") {
+    return datasetTheme;
+  }
+  if (root.classList.contains("dark")) {
+    return "dark";
+  }
+  if (root.classList.contains("light")) {
+    return "light";
+  }
+  return null;
+}
+function resolveTheme2() {
+  var _a78, _b7;
+  return (_b7 = (_a78 = getThemeFromRoot()) != null ? _a78 : getStoredTheme()) != null ? _b7 : getPreferredTheme();
+}
 function applyThemeToRoot(theme) {
   const root = document.documentElement;
   root.classList.toggle("dark", theme === "dark");
@@ -26495,15 +26577,11 @@ function persistTheme(theme) {
   window.localStorage.setItem(LEGACY_STORAGE_KEY, theme);
 }
 function ThemeProvider({ children }) {
-  const [theme, setThemeState] = (0, import_react24.useState)(() => {
-    var _a78;
-    return (_a78 = getStoredTheme()) != null ? _a78 : getPreferredTheme();
-  });
+  const [theme, setThemeState] = (0, import_react24.useState)(() => resolveTheme2());
   const [mounted, setMounted] = (0, import_react24.useState)(false);
   (0, import_react24.useEffect)(() => {
-    var _a78;
-    const initialTheme = (_a78 = getStoredTheme()) != null ? _a78 : getPreferredTheme();
-    setThemeState(initialTheme);
+    const initialTheme = resolveTheme2();
+    setThemeState((currentTheme) => currentTheme === initialTheme ? currentTheme : initialTheme);
     applyThemeToRoot(initialTheme);
     setMounted(true);
   }, []);
@@ -26511,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") {
@@ -26530,35 +26614,65 @@ function ThemeProvider({ children }) {
     mediaQuery.addEventListener("change", handleChange);
     return () => mediaQuery.removeEventListener("change", handleChange);
   }, []);
-  const setTheme = (0, import_react24.useCallback)((nextTheme) => {
-    setThemeState(nextTheme);
+  (0, import_react24.useEffect)(() => {
+    if (typeof document === "undefined") {
+      return;
+    }
+    const root = document.documentElement;
+    const observer = new MutationObserver(() => {
+      const rootTheme = getThemeFromRoot();
+      if (!rootTheme) {
+        return;
+      }
+      setThemeState((currentTheme) => currentTheme === rootTheme ? currentTheme : rootTheme);
+    });
+    observer.observe(root, {
+      attributes: true,
+      attributeFilter: ["class", "data-theme"]
+    });
+    return () => observer.disconnect();
   }, []);
-  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,
@@ -26567,7 +26681,7 @@ function ThemeProvider({ children }) {
     }),
     [theme, setTheme, toggleTheme]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(ThemeContext.Provider, { value, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(ThemeContext.Provider, { value, children });
 }
 function ThemeScript() {
   const script = `
@@ -26588,15 +26702,15 @@ function ThemeScript() {
       root.style.colorScheme = theme;
     })();
   `;
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("script", { dangerouslySetInnerHTML: { __html: script } });
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("script", { dangerouslySetInnerHTML: { __html: script } });
 }
 
 // src/components/cupcode/TimelineCupcode.tsx
-var import_jsx_runtime60 = require("react/jsx-runtime");
+var import_jsx_runtime59 = require("react/jsx-runtime");
 function Timeline({ items, variant = "vertical", className }) {
   if (variant === "horizontal") {
-    return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: cn("flex items-start gap-4 overflow-x-auto pb-4", className), children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "flex flex-col items-center min-w-[200px]", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: cn("flex items-start gap-4 overflow-x-auto pb-4", className), children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "flex flex-col items-center min-w-[200px]", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
         "div",
         {
           className: cn(
@@ -26604,27 +26718,27 @@ function Timeline({ items, variant = "vertical", className }) {
             "transition-all duration-300",
             item.active ? "cc-gradient-galaxy text-white elevation-3 scale-110" : "bg-muted text-muted-foreground"
           ),
-          children: item.icon || /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "text-sm font-bold", children: index + 1 })
+          children: item.icon || /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { className: "text-sm font-bold", children: index + 1 })
         }
       ),
-      index < items.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: cn(
+      index < items.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: cn(
         "h-1 w-full mb-3",
         item.active ? "bg-cupcode-purple" : "bg-muted"
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "text-center", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("h4", { className: cn(
+      /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "text-center", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("h4", { className: cn(
           "font-display font-semibold mb-1",
           item.active ? "text-cupcode-purple" : "text-foreground"
         ), children: item.title }),
-        item.description && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("p", { className: "text-sm text-muted-foreground", children: item.description }),
-        item.date && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("p", { className: "text-xs text-muted-foreground mt-1", children: item.date })
+        item.description && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("p", { className: "text-sm text-muted-foreground", children: item.description }),
+        item.date && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("p", { className: "text-xs text-muted-foreground mt-1", children: item.date })
       ] })
     ] }, item.id)) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: cn("relative space-6", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "absolute left-6 top-0 bottom-0 w-0.5 bg-muted" }),
-    items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "relative flex gap-6 pb-8 last:pb-0", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: cn("relative space-6", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "absolute left-6 top-0 bottom-0 w-0.5 bg-muted" }),
+    items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "relative flex gap-6 pb-8 last:pb-0", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
         "div",
         {
           className: cn(
@@ -26632,16 +26746,16 @@ function Timeline({ items, variant = "vertical", className }) {
             "transition-all duration-300",
             item.active ? "cc-gradient-galaxy text-white elevation-3" : "bg-muted text-muted-foreground"
           ),
-          children: item.icon || /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "text-sm font-bold", children: index + 1 })
+          children: item.icon || /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { className: "text-sm font-bold", children: index + 1 })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "flex-1 pt-1", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("h4", { className: cn(
+      /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "flex-1 pt-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("h4", { className: cn(
           "font-display font-semibold mb-1",
           item.active ? "text-cupcode-purple" : "text-foreground"
         ), children: item.title }),
-        item.description && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("p", { className: "text-sm text-muted-foreground mb-2", children: item.description }),
-        item.date && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("p", { className: "text-xs text-muted-foreground", children: item.date })
+        item.description && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("p", { className: "text-sm text-muted-foreground mb-2", children: item.description }),
+        item.date && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("p", { className: "text-xs text-muted-foreground", children: item.date })
       ] })
     ] }, item.id))
   ] });
@@ -26649,7 +26763,7 @@ function Timeline({ items, variant = "vertical", className }) {
 
 // src/components/cupcode/ToastCupcode.tsx
 var import_lucide_react17 = require("lucide-react");
-var import_jsx_runtime61 = require("react/jsx-runtime");
+var import_jsx_runtime60 = require("react/jsx-runtime");
 var variantStyles2 = {
   success: {
     gradient: "from-success/20 to-success/5",
@@ -26684,7 +26798,7 @@ var ToastCupcode = ({
 }) => {
   const style = variantStyles2[variant];
   const Icon3 = style.icon;
-  return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
     "div",
     {
       className: cn(
@@ -26696,18 +26810,18 @@ var ToastCupcode = ({
         "min-w-[300px] max-w-[420px]",
         "animate-slide-up"
       ),
-      children: /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "flex items-start gap-3", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Icon3, { className: cn("h-5 w-5 shrink-0 mt-0.5", style.iconColor) }),
-        /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "flex-1 space-y-1", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("p", { className: "text-sm font-semibold text-cupcode-ink", children: title }),
-          description && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("p", { className: "text-xs text-cupcode-ink/70", children: description })
+      children: /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "flex items-start gap-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Icon3, { className: cn("h-5 w-5 shrink-0 mt-0.5", style.iconColor) }),
+        /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "flex-1 space-y-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("p", { className: "text-sm font-semibold text-cupcode-ink", children: title }),
+          description && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("p", { className: "text-xs text-cupcode-ink/70", children: description })
         ] }),
-        onClose && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+        onClose && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
           "button",
           {
             onClick: onClose,
             className: "shrink-0 rounded-md p-1 hover:bg-cupcode-ink/10 transition-colors",
-            children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_lucide_react17.X, { className: "h-4 w-4 text-cupcode-ink/50" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_lucide_react17.X, { className: "h-4 w-4 text-cupcode-ink/50" })
           }
         )
       ] })
@@ -26717,11 +26831,11 @@ var ToastCupcode = ({
 
 // src/components/cupcode/VideoWatchButton.tsx
 var import_react25 = __toESM(require("react"), 1);
-var import_jsx_runtime62 = require("react/jsx-runtime");
-var PlayGlyph = () => /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("svg", { viewBox: "0 0 18 18", "aria-hidden": "true", className: "h-[18px] w-[18px]", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("path", { d: "M6 4.5L13.5 9L6 13.5V4.5Z", fill: "currentColor" }) });
+var import_jsx_runtime61 = require("react/jsx-runtime");
+var PlayGlyph = () => /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("svg", { viewBox: "0 0 18 18", "aria-hidden": "true", className: "h-[18px] w-[18px]", children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("path", { d: "M6 4.5L13.5 9L6 13.5V4.5Z", fill: "currentColor" }) });
 var VideoWatchButton = import_react25.default.forwardRef(
   ({ className, label = "Assistir", type = "button", "aria-label": ariaLabel, ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
       "button",
       {
         ref,
@@ -26730,18 +26844,18 @@ var VideoWatchButton = import_react25.default.forwardRef(
         className: cn("cc-video-watch-btn", className),
         ...props,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("span", { className: "cc-video-watch-btn__bg", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: "cc-video-watch-btn__icon", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(PlayGlyph, {}) }),
-            /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: "cc-video-watch-btn__label", children: label }),
-            /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("span", { className: "cc-video-watch-btn__mask", "aria-hidden": "true", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: "cc-video-watch-btn__blob cc-video-watch-btn__blob--1" }),
-              /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: "cc-video-watch-btn__blob cc-video-watch-btn__blob--2" }),
-              /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: "cc-video-watch-btn__blob cc-video-watch-btn__blob--3" }),
-              /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: "cc-video-watch-btn__blob cc-video-watch-btn__blob--4" }),
-              /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: "cc-video-watch-btn__blob cc-video-watch-btn__blob--5" })
+          /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("span", { className: "cc-video-watch-btn__bg", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { className: "cc-video-watch-btn__icon", children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(PlayGlyph, {}) }),
+            /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { className: "cc-video-watch-btn__label", children: label }),
+            /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("span", { className: "cc-video-watch-btn__mask", "aria-hidden": "true", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { className: "cc-video-watch-btn__blob cc-video-watch-btn__blob--1" }),
+              /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { className: "cc-video-watch-btn__blob cc-video-watch-btn__blob--2" }),
+              /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { className: "cc-video-watch-btn__blob cc-video-watch-btn__blob--3" }),
+              /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { className: "cc-video-watch-btn__blob cc-video-watch-btn__blob--4" }),
+              /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { className: "cc-video-watch-btn__blob cc-video-watch-btn__blob--5" })
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: "cc-video-watch-btn__glow", "aria-hidden": "true" })
+          /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { className: "cc-video-watch-btn__glow", "aria-hidden": "true" })
         ]
       }
     );
@@ -26750,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_runtime63 = require("react/jsx-runtime");
+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_runtime63.jsx)(
+var TooltipContent2 = React35.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
   TooltipPrimitive2.Content,
   {
     ref,
@@ -26777,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_runtime64 = require("react/jsx-runtime");
+var import_jsx_runtime63 = require("react/jsx-runtime");
 var Accordion = AccordionPrimitive2.Root;
-var AccordionItem2 = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime64.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_runtime64.jsx)(AccordionPrimitive2.Header, { className: "flex", children: /* @__PURE__ */ (0, import_jsx_runtime64.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,
@@ -26795,26 +26909,26 @@ var AccordionTrigger2 = React37.forwardRef(({ className, children, ...props }, r
     ...props,
     children: [
       children,
-      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_lucide_react18.ChevronDown, { className: "h-4 w-4 shrink-0 transition-transform duration-200" })
+      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_lucide_react18.ChevronDown, { className: "h-4 w-4 shrink-0 transition-transform duration-200" })
     ]
   }
 ) }));
 AccordionTrigger2.displayName = AccordionPrimitive2.Trigger.displayName;
-var AccordionContent2 = React37.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+var AccordionContent2 = React36.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
   AccordionPrimitive2.Content,
   {
     ref,
     className: "overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: cn("pb-4 pt-0", className), children })
+    children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: cn("pb-4 pt-0", className), children })
   }
 ));
 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_runtime65 = require("react/jsx-runtime");
+var import_jsx_runtime64 = require("react/jsx-runtime");
 var alertVariants = (0, import_class_variance_authority3.cva)(
   "relative w-full rounded-lg border p-4 [&>svg~*]:pl-7 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground",
   {
@@ -26829,14 +26943,14 @@ var alertVariants = (0, import_class_variance_authority3.cva)(
     }
   }
 );
-var Alert = React38.forwardRef(({ className, variant, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime65.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(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("h5", { ref, className: cn("mb-1 font-medium leading-none tracking-tight", className), ...props })
+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(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { ref, className: cn("text-sm [&_p]:leading-relaxed", className), ...props })
+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";
 
@@ -26845,14 +26959,14 @@ 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_runtime66 = require("react/jsx-runtime");
-var Breadcrumb = React39.forwardRef(({ ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("nav", { ref, "aria-label": "breadcrumb", ...props }));
+var import_jsx_runtime65 = require("react/jsx-runtime");
+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(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+var BreadcrumbList = React38.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
     "ol",
     {
       ref,
@@ -26865,17 +26979,17 @@ var BreadcrumbList = React39.forwardRef(
   )
 );
 BreadcrumbList.displayName = "BreadcrumbList";
-var BreadcrumbItem = React39.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("li", { ref, className: cn("inline-flex items-center gap-1.5", className), ...props })
+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_runtime66.jsx)(Comp, { ref, className: cn("transition-colors hover:text-foreground", className), ...props });
+  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(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+var BreadcrumbPage = React38.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
     "span",
     {
       ref,
@@ -26888,9 +27002,9 @@ var BreadcrumbPage = React39.forwardRef(
   )
 );
 BreadcrumbPage.displayName = "BreadcrumbPage";
-var BreadcrumbSeparator = ({ children, className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("li", { role: "presentation", "aria-hidden": "true", className: cn("[&>svg]:size-3.5", className), ...props, children: children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_lucide_react19.ChevronRight, {}) });
+var BreadcrumbSeparator = ({ children, className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("li", { role: "presentation", "aria-hidden": "true", className: cn("[&>svg]:size-3.5", className), ...props, children: children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_lucide_react19.ChevronRight, {}) });
 BreadcrumbSeparator.displayName = "BreadcrumbSeparator";
-var BreadcrumbEllipsis = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
+var BreadcrumbEllipsis = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
   "span",
   {
     role: "presentation",
@@ -26898,8 +27012,8 @@ var BreadcrumbEllipsis = ({ className, ...props }) => /* @__PURE__ */ (0, import
     className: cn("flex h-9 w-9 items-center justify-center", className),
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_lucide_react19.MoreHorizontal, { className: "h-4 w-4" }),
-      /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { className: "sr-only", children: "More" })
+      /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_lucide_react19.MoreHorizontal, { className: "h-4 w-4" }),
+      /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { className: "sr-only", children: "More" })
     ]
   }
 );
@@ -26908,9 +27022,9 @@ BreadcrumbEllipsis.displayName = "BreadcrumbElipssis";
 // src/components/ui/calendar.tsx
 var import_lucide_react20 = require("lucide-react");
 var import_react_day_picker = require("react-day-picker");
-var import_jsx_runtime67 = require("react/jsx-runtime");
+var import_jsx_runtime66 = require("react/jsx-runtime");
 function Calendar({ className, classNames, showOutsideDays = true, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
     import_react_day_picker.DayPicker,
     {
       showOutsideDays,
@@ -26945,9 +27059,9 @@ function Calendar({ className, classNames, showOutsideDays = true, ...props }) {
       components: {
         Chevron: ({ orientation, className: className2, ...chevronProps }) => {
           if (orientation === "left") {
-            return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_lucide_react20.ChevronLeft, { className: cn("h-4 w-4", className2), ...chevronProps });
+            return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_lucide_react20.ChevronLeft, { className: cn("h-4 w-4", className2), ...chevronProps });
           }
-          return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_lucide_react20.ChevronRight, { className: cn("h-4 w-4", className2), ...chevronProps });
+          return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_lucide_react20.ChevronRight, { className: cn("h-4 w-4", className2), ...chevronProps });
         }
       },
       ...props
@@ -26957,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 import_jsx_runtime68 = require("react/jsx-runtime");
-var Card = React40.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { ref, className: cn("rounded-lg border bg-card text-card-foreground shadow-sm", className), ...props }));
+var React39 = __toESM(require("react"), 1);
+var import_jsx_runtime67 = require("react/jsx-runtime");
+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(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { ref, className: cn("flex flex-col space-y-1.5 p-6", className), ...props })
+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(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("h3", { ref, className: cn("text-2xl font-semibold leading-none tracking-tight", className), ...props })
+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(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("p", { ref, className: cn("text-sm text-muted-foreground", className), ...props })
+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(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { ref, className: cn("p-6 pt-0", className), ...props })
+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(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { ref, className: cn("flex items-center p-6 pt-0", className), ...props })
+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_runtime69 = require("react/jsx-runtime");
-var CarouselContext = React41.createContext(null);
+var import_jsx_runtime68 = require("react/jsx-runtime");
+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)(
       {
@@ -27004,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();
@@ -27031,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;
       }
@@ -27048,7 +27162,7 @@ var Carousel = React41.forwardRef(
         api == null ? void 0 : api.off("select", onSelect);
       };
     }, [api, onSelect]);
-    return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
       CarouselContext.Provider,
       {
         value: {
@@ -27061,7 +27175,7 @@ var Carousel = React41.forwardRef(
           canScrollPrev,
           canScrollNext
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
           "div",
           {
             ref,
@@ -27078,10 +27192,10 @@ 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_runtime69.jsx)("div", { ref: carouselRef, className: "overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { ref: carouselRef, className: "overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
       "div",
       {
         ref,
@@ -27092,10 +27206,10 @@ 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_runtime69.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
       "div",
       {
         ref,
@@ -27108,10 +27222,10 @@ 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_runtime69.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
       Button,
       {
         ref,
@@ -27126,18 +27240,18 @@ var CarouselPrevious = React41.forwardRef(
         onClick: scrollPrev,
         ...props,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_lucide_react21.ArrowLeft, { className: "h-4 w-4" }),
-          /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { className: "sr-only", children: "Previous slide" })
+          /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_lucide_react21.ArrowLeft, { className: "h-4 w-4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { className: "sr-only", children: "Previous slide" })
         ]
       }
     );
   }
 );
 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_runtime69.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
       Button,
       {
         ref,
@@ -27152,8 +27266,8 @@ var CarouselNext = React41.forwardRef(
         onClick: scrollNext,
         ...props,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_lucide_react21.ArrowRight, { className: "h-4 w-4" }),
-          /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { className: "sr-only", children: "Next slide" })
+          /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_lucide_react21.ArrowRight, { className: "h-4 w-4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { className: "sr-only", children: "Next slide" })
         ]
       }
     );
@@ -27162,22 +27276,22 @@ 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_runtime70 = require("react/jsx-runtime");
+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_runtime70.jsx)(ChartContext.Provider, { value: { config }, children: /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(ChartContext.Provider, { value: { config }, children: /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
     "div",
     {
       "data-chart": chartId,
@@ -27188,8 +27302,8 @@ var ChartContainer = React42.forwardRef(({ id, className, children, config, ...p
       ),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(ChartStyle, { id: chartId, config }),
-        /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(RechartsPrimitive.ResponsiveContainer, { children })
+        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(ChartStyle, { id: chartId, config }),
+        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(RechartsPrimitive.ResponsiveContainer, { children })
       ]
     }
   ) });
@@ -27200,7 +27314,7 @@ var ChartStyle = ({ id, config }) => {
   if (!colorConfig.length) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
     "style",
     {
       dangerouslySetInnerHTML: {
@@ -27220,7 +27334,7 @@ ${colorConfig.map(([key, itemConfig]) => {
   );
 };
 var ChartTooltip = RechartsPrimitive.Tooltip;
-var ChartTooltipContent = React42.forwardRef(
+var ChartTooltipContent = React41.forwardRef(
   ({
     active,
     payload,
@@ -27237,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;
@@ -27247,18 +27361,18 @@ var ChartTooltipContent = React42.forwardRef(
       const itemConfig = getPayloadConfigFromPayload(config, item, key);
       const value = !labelKey && typeof label === "string" ? ((_a78 = config[label]) == null ? void 0 : _a78.label) || label : itemConfig == null ? void 0 : itemConfig.label;
       if (labelFormatter) {
-        return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { className: cn("font-medium", labelClassName), children: labelFormatter(value, payload) });
+        return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: cn("font-medium", labelClassName), children: labelFormatter(value, payload) });
       }
       if (!value) {
         return null;
       }
-      return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { className: cn("font-medium", labelClassName), children: value });
+      return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: cn("font-medium", labelClassName), children: value });
     }, [label, labelFormatter, payload, hideLabel, labelClassName, config, labelKey]);
     if (!active || !(payload == null ? void 0 : payload.length)) {
       return null;
     }
     const nestLabel = payload.length === 1 && indicator !== "dot";
-    return /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
       "div",
       {
         ref,
@@ -27268,19 +27382,19 @@ var ChartTooltipContent = React42.forwardRef(
         ),
         children: [
           !nestLabel ? tooltipLabel : null,
-          /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { className: "grid gap-1.5", children: payload.map((item, index) => {
+          /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "grid gap-1.5", children: payload.map((item, index) => {
             const key = `${nameKey || item.name || item.dataKey || "value"}`;
             const itemConfig = getPayloadConfigFromPayload(config, item, key);
             const indicatorColor = color || item.payload.fill || item.color;
-            return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+            return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
               "div",
               {
                 className: cn(
                   "flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5 [&>svg]:text-muted-foreground",
                   indicator === "dot" && "items-center"
                 ),
-                children: formatter && (item == null ? void 0 : item.value) !== void 0 && item.name ? formatter(item.value, item.name, item, index, item.payload) : /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(import_jsx_runtime70.Fragment, { children: [
-                  (itemConfig == null ? void 0 : itemConfig.icon) ? /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(itemConfig.icon, {}) : !hideIndicator && /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+                children: formatter && (item == null ? void 0 : item.value) !== void 0 && item.name ? formatter(item.value, item.name, item, index, item.payload) : /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(import_jsx_runtime69.Fragment, { children: [
+                  (itemConfig == null ? void 0 : itemConfig.icon) ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(itemConfig.icon, {}) : !hideIndicator && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
                     "div",
                     {
                       className: cn("shrink-0 rounded-[2px] border-[--color-border] bg-[--color-bg]", {
@@ -27295,7 +27409,7 @@ var ChartTooltipContent = React42.forwardRef(
                       }
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(
+                  /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
                     "div",
                     {
                       className: cn(
@@ -27303,11 +27417,11 @@ var ChartTooltipContent = React42.forwardRef(
                         nestLabel ? "items-end" : "items-center"
                       ),
                       children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { className: "grid gap-1.5", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "grid gap-1.5", children: [
                           nestLabel ? tooltipLabel : null,
-                          /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("span", { className: "text-muted-foreground", children: (itemConfig == null ? void 0 : itemConfig.label) || item.name })
+                          /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { className: "text-muted-foreground", children: (itemConfig == null ? void 0 : itemConfig.label) || item.name })
                         ] }),
-                        item.value && /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("span", { className: "font-mono font-medium tabular-nums text-foreground", children: item.value.toLocaleString() })
+                        item.value && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { className: "font-mono font-medium tabular-nums text-foreground", children: item.value.toLocaleString() })
                       ]
                     }
                   )
@@ -27323,12 +27437,12 @@ 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;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
     "div",
     {
       ref,
@@ -27336,12 +27450,12 @@ var ChartLegendContent = React42.forwardRef(({ className, hideIcon = false, payl
       children: payload.map((item) => {
         const key = `${nameKey || item.dataKey || "value"}`;
         const itemConfig = getPayloadConfigFromPayload(config, item, key);
-        return /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(
+        return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
           "div",
           {
             className: cn("flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3 [&>svg]:text-muted-foreground"),
             children: [
-              (itemConfig == null ? void 0 : itemConfig.icon) && !hideIcon ? /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(itemConfig.icon, {}) : /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+              (itemConfig == null ? void 0 : itemConfig.icon) && !hideIcon ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(itemConfig.icon, {}) : /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
                 "div",
                 {
                   className: "h-2 w-2 shrink-0 rounded-[2px]",
@@ -27375,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_runtime71 = require("react/jsx-runtime");
-var Checkbox = React43.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+var import_jsx_runtime70 = require("react/jsx-runtime");
+var Checkbox = React42.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
   CheckboxPrimitive.Root,
   {
     ref,
@@ -27388,7 +27502,7 @@ var Checkbox = React43.forwardRef(({ className, ...props }, ref) => /* @__PURE__
       className
     ),
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(CheckboxPrimitive.Indicator, { className: cn("flex items-center justify-center text-current"), children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_lucide_react22.Check, { className: "h-4 w-4" }) })
+    children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(CheckboxPrimitive.Indicator, { className: cn("flex items-center justify-center text-current"), children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_lucide_react22.Check, { className: "h-4 w-4" }) })
   }
 ));
 Checkbox.displayName = CheckboxPrimitive.Root.displayName;
@@ -27400,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_runtime72 = require("react/jsx-runtime");
-var Command = React44.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+var import_jsx_runtime71 = require("react/jsx-runtime");
+var Command = React43.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
   import_cmdk.Command,
   {
     ref,
@@ -27417,11 +27531,11 @@ var Command = React44.forwardRef(({ className, ...props }, ref) => /* @__PURE__
 ));
 Command.displayName = import_cmdk.Command.displayName;
 var CommandDialog = ({ children, ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(Dialog, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(DialogContent, { className: "overflow-hidden p-0 shadow-lg", children: /* @__PURE__ */ (0, import_jsx_runtime72.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 }) }) });
+  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_runtime72.jsxs)("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_lucide_react23.Search, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
-  /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+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,
     {
       ref,
@@ -27434,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_runtime72.jsx)(
+var CommandList = React43.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
   import_cmdk.Command.List,
   {
     ref,
@@ -27443,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_runtime72.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_runtime72.jsx)(
+var CommandGroup = React43.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
   import_cmdk.Command.Group,
   {
     ref,
@@ -27457,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_runtime72.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_runtime72.jsx)(
+var CommandItem = React43.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
   import_cmdk.Command.Item,
   {
     ref,
@@ -27472,22 +27586,22 @@ var CommandItem = React44.forwardRef(({ className, ...props }, ref) => /* @__PUR
 ));
 CommandItem.displayName = import_cmdk.Command.Item.displayName;
 var CommandShortcut = ({ className, ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("span", { className: cn("ml-auto text-xs tracking-widest text-muted-foreground", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("span", { className: cn("ml-auto text-xs tracking-widest text-muted-foreground", 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_runtime73 = require("react/jsx-runtime");
+var import_jsx_runtime72 = require("react/jsx-runtime");
 var ContextMenu = ContextMenuPrimitive.Root;
 var ContextMenuTrigger = ContextMenuPrimitive.Trigger;
 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_runtime73.jsxs)(
+var ContextMenuSubTrigger = React44.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(
   ContextMenuPrimitive.SubTrigger,
   {
     ref,
@@ -27499,12 +27613,12 @@ var ContextMenuSubTrigger = React45.forwardRef(({ className, inset, children, ..
     ...props,
     children: [
       children,
-      /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_lucide_react24.ChevronRight, { className: "ml-auto h-4 w-4" })
+      /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_lucide_react24.ChevronRight, { className: "ml-auto h-4 w-4" })
     ]
   }
 ));
 ContextMenuSubTrigger.displayName = ContextMenuPrimitive.SubTrigger.displayName;
-var ContextMenuSubContent = React45.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+var ContextMenuSubContent = React44.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
   ContextMenuPrimitive.SubContent,
   {
     ref,
@@ -27516,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_runtime73.jsx)(ContextMenuPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime73.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,
@@ -27528,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_runtime73.jsx)(
+var ContextMenuItem = React44.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
   ContextMenuPrimitive.Item,
   {
     ref,
@@ -27541,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_runtime73.jsxs)(
+var ContextMenuCheckboxItem = React44.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(
   ContextMenuPrimitive.CheckboxItem,
   {
     ref,
@@ -27552,13 +27666,13 @@ var ContextMenuCheckboxItem = React45.forwardRef(({ className, children, checked
     checked,
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_lucide_react24.Check, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_lucide_react24.Check, { className: "h-4 w-4" }) }) }),
       children
     ]
   }
 ));
 ContextMenuCheckboxItem.displayName = ContextMenuPrimitive.CheckboxItem.displayName;
-var ContextMenuRadioItem = React45.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
+var ContextMenuRadioItem = React44.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(
   ContextMenuPrimitive.RadioItem,
   {
     ref,
@@ -27568,13 +27682,13 @@ var ContextMenuRadioItem = React45.forwardRef(({ className, children, ...props }
     ),
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_lucide_react24.Circle, { className: "h-2 w-2 fill-current" }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_lucide_react24.Circle, { className: "h-2 w-2 fill-current" }) }) }),
       children
     ]
   }
 ));
 ContextMenuRadioItem.displayName = ContextMenuPrimitive.RadioItem.displayName;
-var ContextMenuLabel = React45.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+var ContextMenuLabel = React44.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
   ContextMenuPrimitive.Label,
   {
     ref,
@@ -27583,39 +27697,39 @@ var ContextMenuLabel = React45.forwardRef(({ className, inset, ...props }, ref)
   }
 ));
 ContextMenuLabel.displayName = ContextMenuPrimitive.Label.displayName;
-var ContextMenuSeparator = React45.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime73.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_runtime73.jsx)("span", { className: cn("ml-auto text-xs tracking-widest text-muted-foreground", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("span", { className: cn("ml-auto text-xs tracking-widest text-muted-foreground", 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_runtime74 = require("react/jsx-runtime");
+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_runtime74.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_runtime75 = require("react/jsx-runtime");
+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_runtime75.jsx)(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_react_hook_form.Controller, { ...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) {
@@ -27631,23 +27745,23 @@ 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();
-    return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { ref, className: cn("space-y-2", className), ...props }) });
+    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_runtime75.jsx)(Label4, { ref, className: cn(error && "text-destructive", className), htmlFor: formItemId, ...props });
+  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_runtime75.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
       import_react_slot3.Slot,
       {
         ref,
@@ -27660,42 +27774,42 @@ 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_runtime75.jsx)("p", { ref, id: formDescriptionId, className: cn("text-sm text-muted-foreground", className), ...props });
+    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;
     if (!body) {
       return null;
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("p", { ref, id: formMessageId, className: cn("text-sm font-medium text-destructive", className), ...props, children: body });
+    return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("p", { ref, id: formMessageId, className: cn("text-sm font-medium text-destructive", className), ...props, children: body });
   }
 );
 FormMessage.displayName = "FormMessage";
 
 // src/components/ui/glass-card.tsx
-var React48 = __toESM(require("react"), 1);
-var import_jsx_runtime76 = require("react/jsx-runtime");
-var GlassCard = React48.forwardRef(
+var React47 = __toESM(require("react"), 1);
+var import_jsx_runtime75 = require("react/jsx-runtime");
+var GlassCard = React47.forwardRef(
   ({ className, ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { ref, className: cn("glass-card", className), ...props });
+    return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { ref, className: cn("glass-card", className), ...props });
   }
 );
 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_runtime77 = require("react/jsx-runtime");
+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_runtime77.jsx)(
+var HoverCardContent = React48.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
   HoverCardPrimitive.Content,
   {
     ref,
@@ -27711,12 +27825,12 @@ 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_runtime78 = require("react/jsx-runtime");
-var InputOTP = React50.forwardRef(
-  ({ className, containerClassName, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+var import_jsx_runtime77 = require("react/jsx-runtime");
+var InputOTP = React49.forwardRef(
+  ({ className, containerClassName, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
     import_input_otp.OTPInput,
     {
       ref,
@@ -27727,14 +27841,14 @@ var InputOTP = React50.forwardRef(
   )
 );
 InputOTP.displayName = "InputOTP";
-var InputOTPGroup = React50.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { ref, className: cn("flex items-center", className), ...props })
+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_runtime78.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
     "div",
     {
       ref,
@@ -27746,28 +27860,28 @@ var InputOTPSlot = React50.forwardRef(({ index, className, ...props }, ref) => {
       ...props,
       children: [
         char,
-        hasFakeCaret && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "animate-caret-blink h-4 w-px bg-foreground duration-1000" }) })
+        hasFakeCaret && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "animate-caret-blink h-4 w-px bg-foreground duration-1000" }) })
       ]
     }
   );
 });
 InputOTPSlot.displayName = "InputOTPSlot";
-var InputOTPSeparator = React50.forwardRef(
-  ({ ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { ref, role: "separator", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_lucide_react25.Dot, {}) })
+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_runtime79 = require("react/jsx-runtime");
+var import_jsx_runtime78 = require("react/jsx-runtime");
 var MenubarMenu = MenubarPrimitive.Menu;
 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_runtime79.jsx)(
+var Menubar = React50.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
   MenubarPrimitive.Root,
   {
     ref,
@@ -27776,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_runtime79.jsx)(
+var MenubarTrigger = React50.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
   MenubarPrimitive.Trigger,
   {
     ref,
@@ -27788,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_runtime79.jsxs)(
+var MenubarSubTrigger = React50.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
   MenubarPrimitive.SubTrigger,
   {
     ref,
@@ -27800,12 +27914,12 @@ var MenubarSubTrigger = React51.forwardRef(({ className, inset, children, ...pro
     ...props,
     children: [
       children,
-      /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_lucide_react26.ChevronRight, { className: "ml-auto h-4 w-4" })
+      /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_lucide_react26.ChevronRight, { className: "ml-auto h-4 w-4" })
     ]
   }
 ));
 MenubarSubTrigger.displayName = MenubarPrimitive.SubTrigger.displayName;
-var MenubarSubContent = React51.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+var MenubarSubContent = React50.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
   MenubarPrimitive.SubContent,
   {
     ref,
@@ -27817,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_runtime79.jsx)(MenubarPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime79.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,
@@ -27832,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_runtime79.jsx)(
+var MenubarItem = React50.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
   MenubarPrimitive.Item,
   {
     ref,
@@ -27845,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_runtime79.jsxs)(
+var MenubarCheckboxItem = React50.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
   MenubarPrimitive.CheckboxItem,
   {
     ref,
@@ -27856,13 +27970,13 @@ var MenubarCheckboxItem = React51.forwardRef(({ className, children, checked, ..
     checked,
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_lucide_react26.Check, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_lucide_react26.Check, { className: "h-4 w-4" }) }) }),
       children
     ]
   }
 ));
 MenubarCheckboxItem.displayName = MenubarPrimitive.CheckboxItem.displayName;
-var MenubarRadioItem = React51.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(
+var MenubarRadioItem = React50.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
   MenubarPrimitive.RadioItem,
   {
     ref,
@@ -27872,13 +27986,13 @@ var MenubarRadioItem = React51.forwardRef(({ className, children, ...props }, re
     ),
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_lucide_react26.Circle, { className: "h-2 w-2 fill-current" }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_lucide_react26.Circle, { className: "h-2 w-2 fill-current" }) }) }),
       children
     ]
   }
 ));
 MenubarRadioItem.displayName = MenubarPrimitive.RadioItem.displayName;
-var MenubarLabel = React51.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+var MenubarLabel = React50.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
   MenubarPrimitive.Label,
   {
     ref,
@@ -27887,20 +28001,20 @@ var MenubarLabel = React51.forwardRef(({ className, inset, ...props }, ref) => /
   }
 ));
 MenubarLabel.displayName = MenubarPrimitive.Label.displayName;
-var MenubarSeparator = React51.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime79.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_runtime79.jsx)("span", { className: cn("ml-auto text-xs tracking-widest text-muted-foreground", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: cn("ml-auto text-xs tracking-widest text-muted-foreground", 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_runtime80 = require("react/jsx-runtime");
-var NavigationMenu = React52.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
+var import_jsx_runtime79 = require("react/jsx-runtime");
+var NavigationMenu = React51.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(
   NavigationMenuPrimitive.Root,
   {
     ref,
@@ -27908,12 +28022,12 @@ var NavigationMenu = React52.forwardRef(({ className, children, ...props }, ref)
     ...props,
     children: [
       children,
-      /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(NavigationMenuViewport, {})
+      /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(NavigationMenuViewport, {})
     ]
   }
 ));
 NavigationMenu.displayName = NavigationMenuPrimitive.Root.displayName;
-var NavigationMenuList = React52.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+var NavigationMenuList = React51.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
   NavigationMenuPrimitive.List,
   {
     ref,
@@ -27926,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_runtime80.jsxs)(
+var NavigationMenuTrigger = React51.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(
   NavigationMenuPrimitive.Trigger,
   {
     ref,
@@ -27935,7 +28049,7 @@ var NavigationMenuTrigger = React52.forwardRef(({ className, children, ...props
     children: [
       children,
       " ",
-      /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
         import_lucide_react27.ChevronDown,
         {
           className: "relative top-[1px] ml-1 h-3 w-3 transition duration-200 group-data-[state=open]:rotate-180",
@@ -27946,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_runtime80.jsx)(
+var NavigationMenuContent = React51.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
   NavigationMenuPrimitive.Content,
   {
     ref,
@@ -27959,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_runtime80.jsx)("div", { className: cn("absolute left-0 top-full flex justify-center"), children: /* @__PURE__ */ (0, import_jsx_runtime80.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(
@@ -27971,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_runtime80.jsx)(
+var NavigationMenuIndicator = React51.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
   NavigationMenuPrimitive.Indicator,
   {
     ref,
@@ -27980,16 +28094,16 @@ var NavigationMenuIndicator = React52.forwardRef(({ className, ...props }, ref)
       className
     ),
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md" })
+    children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md" })
   }
 ));
 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_runtime81 = require("react/jsx-runtime");
-var Pagination = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+var import_jsx_runtime80 = require("react/jsx-runtime");
+var Pagination = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
   "nav",
   {
     role: "navigation",
@@ -27999,13 +28113,13 @@ var Pagination = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_run
   }
 );
 Pagination.displayName = "Pagination";
-var PaginationContent = React53.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("ul", { ref, className: cn("flex flex-row items-center gap-1", className), ...props })
+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_runtime81.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_runtime81.jsx)(
+var PaginationLink = ({ className, isActive, size = "icon", ...props }) => /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
   "a",
   {
     "aria-current": isActive ? "page" : void 0,
@@ -28020,29 +28134,29 @@ var PaginationLink = ({ className, isActive, size = "icon", ...props }) => /* @_
   }
 );
 PaginationLink.displayName = "PaginationLink";
-var PaginationPrevious = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(PaginationLink, { "aria-label": "Go to previous page", size: "default", className: cn("gap-1 pl-2.5", className), ...props, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_lucide_react28.ChevronLeft, { className: "h-4 w-4" }),
-  /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("span", { children: "Previous" })
+var PaginationPrevious = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(PaginationLink, { "aria-label": "Go to previous page", size: "default", className: cn("gap-1 pl-2.5", className), ...props, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(import_lucide_react28.ChevronLeft, { className: "h-4 w-4" }),
+  /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { children: "Previous" })
 ] });
 PaginationPrevious.displayName = "PaginationPrevious";
-var PaginationNext = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(PaginationLink, { "aria-label": "Go to next page", size: "default", className: cn("gap-1 pr-2.5", className), ...props, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("span", { children: "Next" }),
-  /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_lucide_react28.ChevronRight, { className: "h-4 w-4" })
+var PaginationNext = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(PaginationLink, { "aria-label": "Go to next page", size: "default", className: cn("gap-1 pr-2.5", className), ...props, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { children: "Next" }),
+  /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(import_lucide_react28.ChevronRight, { className: "h-4 w-4" })
 ] });
 PaginationNext.displayName = "PaginationNext";
-var PaginationEllipsis = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("span", { "aria-hidden": true, className: cn("flex h-9 w-9 items-center justify-center", className), ...props, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_lucide_react28.MoreHorizontal, { className: "h-4 w-4" }),
-  /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("span", { className: "sr-only", children: "More pages" })
+var PaginationEllipsis = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("span", { "aria-hidden": true, className: cn("flex h-9 w-9 items-center justify-center", className), ...props, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(import_lucide_react28.MoreHorizontal, { className: "h-4 w-4" }),
+  /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { className: "sr-only", children: "More pages" })
 ] });
 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_runtime82 = require("react/jsx-runtime");
+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_runtime82.jsx)(PopoverPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime82.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,
@@ -28058,16 +28172,16 @@ 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_runtime83 = require("react/jsx-runtime");
-var RadioGroup4 = React55.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(RadioGroupPrimitive.Root, { className: cn("grid gap-2", className), ...props, ref });
+var import_jsx_runtime82 = require("react/jsx-runtime");
+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) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+var RadioGroupItem = React54.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
     RadioGroupPrimitive.Item,
     {
       ref,
@@ -28076,7 +28190,7 @@ var RadioGroupItem = React55.forwardRef(({ className, ...props }, ref) => {
         className
       ),
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_lucide_react29.Circle, { className: "h-2.5 w-2.5 fill-current text-current" }) })
+      children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_lucide_react29.Circle, { className: "h-2.5 w-2.5 fill-current text-current" }) })
     }
   );
 });
@@ -28085,8 +28199,8 @@ RadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;
 // src/components/ui/resizable.tsx
 var import_lucide_react30 = require("lucide-react");
 var ResizablePrimitive = __toESM(require("react-resizable-panels"), 1);
-var import_jsx_runtime84 = require("react/jsx-runtime");
-var ResizablePanelGroup = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
+var import_jsx_runtime83 = require("react/jsx-runtime");
+var ResizablePanelGroup = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
   ResizablePrimitive.PanelGroup,
   {
     className: cn("flex h-full w-full data-[panel-group-direction=vertical]:flex-col", className),
@@ -28098,7 +28212,7 @@ var ResizableHandle = ({
   withHandle,
   className,
   ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
   ResizablePrimitive.PanelResizeHandle,
   {
     className: cn(
@@ -28106,15 +28220,15 @@ var ResizableHandle = ({
       className
     ),
     ...props,
-    children: withHandle && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: "z-10 flex h-4 w-3 items-center justify-center rounded-sm border bg-border", children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_lucide_react30.GripVertical, { className: "h-2.5 w-2.5" }) })
+    children: withHandle && /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("div", { className: "z-10 flex h-4 w-3 items-center justify-center rounded-sm border bg-border", children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_lucide_react30.GripVertical, { className: "h-2.5 w-2.5" }) })
   }
 );
 
 // 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_runtime85 = require("react/jsx-runtime");
-var Separator5 = React56.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+var import_jsx_runtime84 = require("react/jsx-runtime");
+var Separator5 = React55.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
   SeparatorPrimitive.Root,
   {
     ref,
@@ -28130,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 import_jsx_runtime86 = require("react/jsx-runtime");
+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_runtime86.jsx)(
+var SheetOverlay = React56.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
   SheetPrimitive.Overlay,
   {
     className: cn(
@@ -28164,7 +28278,7 @@ var sheetVariants = (0, import_class_variance_authority6.cva)(
     }
   }
 );
-var SheetContent = React57.forwardRef(
+var SheetContent = React56.forwardRef(
   ({
     side = "right",
     className,
@@ -28173,11 +28287,11 @@ var SheetContent = React57.forwardRef(
     closeButtonClassName,
     closeButtonLabel = "Close",
     ...props
-  }, ref) => /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(SheetPortal, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(SheetOverlay, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(SheetPrimitive.Content, { ref, className: cn(sheetVariants({ side }), className), ...props, children: [
+  }, ref) => /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(SheetPortal, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(SheetOverlay, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(SheetPrimitive.Content, { ref, className: cn(sheetVariants({ side }), className), ...props, children: [
       children,
-      showCloseButton ? /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(
+      showCloseButton ? /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(
         SheetPrimitive.Close,
         {
           className: cn(
@@ -28185,8 +28299,8 @@ var SheetContent = React57.forwardRef(
             closeButtonClassName
           ),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_lucide_react31.X, { className: "h-4 w-4" }),
-            /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { className: "sr-only", children: closeButtonLabel })
+            /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_lucide_react31.X, { className: "h-4 w-4" }),
+            /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { className: "sr-only", children: closeButtonLabel })
           ]
         }
       ) : null
@@ -28194,27 +28308,27 @@ var SheetContent = React57.forwardRef(
   ] })
 );
 SheetContent.displayName = SheetPrimitive.Content.displayName;
-var SheetHeader = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: cn("flex flex-col space-y-2 text-center sm:text-left", className), ...props });
+var SheetHeader = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: cn("flex flex-col space-y-2 text-center sm:text-left", className), ...props });
 SheetHeader.displayName = "SheetHeader";
-var SheetFooter = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className), ...props });
+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_runtime86.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_runtime86.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);
@@ -28227,27 +28341,27 @@ function useIsMobile() {
 }
 
 // src/components/ui/sidebar.tsx
-var import_jsx_runtime87 = require("react/jsx-runtime");
+var import_jsx_runtime86 = require("react/jsx-runtime");
 var SIDEBAR_COOKIE_NAME = "sidebar:state";
 var SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
 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) {
@@ -28259,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();
@@ -28273,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,
@@ -28285,7 +28399,7 @@ var SidebarProvider = React59.forwardRef(({ defaultOpen = true, open: openProp,
     }),
     [state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
     "div",
     {
       style: {
@@ -28301,10 +28415,10 @@ 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_runtime87.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
       "div",
       {
         className: cn("flex h-full w-[--sidebar-width] flex-col bg-sidebar text-sidebar-foreground", className),
@@ -28315,7 +28429,7 @@ var Sidebar = React59.forwardRef(({ side = "left", variant = "sidebar", collapsi
     );
   }
   if (isMobile) {
-    return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(Sheet, { open: openMobile, onOpenChange: setOpenMobile, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(Sheet, { open: openMobile, onOpenChange: setOpenMobile, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
       SheetContent,
       {
         "data-sidebar": "sidebar",
@@ -28325,11 +28439,11 @@ var Sidebar = React59.forwardRef(({ side = "left", variant = "sidebar", collapsi
           "--sidebar-width": SIDEBAR_WIDTH_MOBILE
         },
         side,
-        children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "flex h-full w-full flex-col", children })
+        children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "flex h-full w-full flex-col", children })
       }
     ) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(
     "div",
     {
       ref,
@@ -28339,7 +28453,7 @@ var Sidebar = React59.forwardRef(({ side = "left", variant = "sidebar", collapsi
       "data-variant": variant,
       "data-side": side,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
           "div",
           {
             className: cn(
@@ -28350,7 +28464,7 @@ var Sidebar = React59.forwardRef(({ side = "left", variant = "sidebar", collapsi
             )
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
           "div",
           {
             className: cn(
@@ -28361,7 +28475,7 @@ var Sidebar = React59.forwardRef(({ side = "left", variant = "sidebar", collapsi
               className
             ),
             ...props,
-            children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
               "div",
               {
                 "data-sidebar": "sidebar",
@@ -28376,10 +28490,10 @@ 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_runtime87.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(
       Button,
       {
         ref,
@@ -28393,18 +28507,18 @@ var SidebarTrigger = React59.forwardRef(
         },
         ...props,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_lucide_react32.PanelLeft, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { className: "sr-only", children: "Toggle Sidebar" })
+          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_lucide_react32.PanelLeft, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { className: "sr-only", children: "Toggle Sidebar" })
         ]
       }
     );
   }
 );
 SidebarTrigger.displayName = "SidebarTrigger";
-var SidebarRail = React59.forwardRef(
+var SidebarRail = React58.forwardRef(
   ({ className, ...props }, ref) => {
     const { toggleSidebar } = useSidebar();
-    return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
       "button",
       {
         ref,
@@ -28428,8 +28542,8 @@ var SidebarRail = React59.forwardRef(
   }
 );
 SidebarRail.displayName = "SidebarRail";
-var SidebarInset = React59.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+var SidebarInset = React58.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
     "main",
     {
       ref,
@@ -28443,9 +28557,9 @@ 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_runtime87.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
       Input,
       {
         ref,
@@ -28460,17 +28574,17 @@ var SidebarInput = React59.forwardRef(
   }
 );
 SidebarInput.displayName = "SidebarInput";
-var SidebarHeader = React59.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { ref, "data-sidebar": "header", className: cn("flex flex-col gap-2 p-2", className), ...props });
+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) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { ref, "data-sidebar": "footer", className: cn("flex flex-col gap-2 p-2", className), ...props });
+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_runtime87.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
       Separator5,
       {
         ref,
@@ -28482,8 +28596,8 @@ var SidebarSeparator = React59.forwardRef(
   }
 );
 SidebarSeparator.displayName = "SidebarSeparator";
-var SidebarContent = React59.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+var SidebarContent = React58.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
     "div",
     {
       ref,
@@ -28497,8 +28611,8 @@ var SidebarContent = React59.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarContent.displayName = "SidebarContent";
-var SidebarGroup = React59.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+var SidebarGroup = React58.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
     "div",
     {
       ref,
@@ -28509,10 +28623,10 @@ 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_runtime87.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
       Comp,
       {
         ref,
@@ -28528,10 +28642,10 @@ 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_runtime87.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
       Comp,
       {
         ref,
@@ -28549,13 +28663,13 @@ var SidebarGroupAction = React59.forwardRef(
   }
 );
 SidebarGroupAction.displayName = "SidebarGroupAction";
-var SidebarGroupContent = React59.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { ref, "data-sidebar": "group-content", className: cn("w-full text-sm", className), ...props })
+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_runtime87.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_runtime87.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",
@@ -28577,10 +28691,10 @@ 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_runtime87.jsx)(
+  const button = /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
     Comp,
     {
       ref,
@@ -28599,15 +28713,15 @@ var SidebarMenuButton = React59.forwardRef(({ asChild = false, isActive = false,
       children: tooltip
     };
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(Tooltip, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(TooltipTrigger, { asChild: true, children: button }),
-    /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(TooltipContent, { side: "right", align: "center", hidden: state !== "collapsed" || isMobile, ...tooltip })
+  return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(Tooltip, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(TooltipTrigger, { asChild: true, children: button }),
+    /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(TooltipContent, { side: "right", align: "center", hidden: state !== "collapsed" || isMobile, ...tooltip })
   ] });
 });
 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_runtime87.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
     Comp,
     {
       ref,
@@ -28628,8 +28742,8 @@ var SidebarMenuAction = React59.forwardRef(({ className, asChild = false, showOn
   );
 });
 SidebarMenuAction.displayName = "SidebarMenuAction";
-var SidebarMenuBadge = React59.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+var SidebarMenuBadge = React58.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
     "div",
     {
       ref,
@@ -28648,11 +28762,11 @@ 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_runtime87.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(
     "div",
     {
       ref,
@@ -28660,8 +28774,8 @@ var SidebarMenuSkeleton = React59.forwardRef(({ className, showIcon = false, ...
       className: cn("flex h-8 items-center gap-2 rounded-md px-2", className),
       ...props,
       children: [
-        showIcon && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(Skeleton, { className: "size-4 rounded-md", "data-sidebar": "menu-skeleton-icon" }),
-        /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+        showIcon && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(Skeleton, { className: "size-4 rounded-md", "data-sidebar": "menu-skeleton-icon" }),
+        /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
           Skeleton,
           {
             className: "h-4 max-w-[--skeleton-width] flex-1",
@@ -28676,8 +28790,8 @@ var SidebarMenuSkeleton = React59.forwardRef(({ className, showIcon = false, ...
   );
 });
 SidebarMenuSkeleton.displayName = "SidebarMenuSkeleton";
-var SidebarMenuSub = React59.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+var SidebarMenuSub = React58.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
     "ul",
     {
       ref,
@@ -28692,11 +28806,11 @@ var SidebarMenuSub = React59.forwardRef(
   )
 );
 SidebarMenuSub.displayName = "SidebarMenuSub";
-var SidebarMenuSubItem = React59.forwardRef(({ ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime87.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_runtime87.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
     Comp,
     {
       ref,
@@ -28718,44 +28832,44 @@ 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_runtime88 = require("react/jsx-runtime");
-var Slider = React60.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(
+var import_jsx_runtime87 = require("react/jsx-runtime");
+var Slider = React59.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(
   SliderPrimitive.Root,
   {
     ref,
     className: cn("relative flex w-full touch-none select-none items-center", className),
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(SliderPrimitive.Track, { className: "relative h-2 w-full grow overflow-hidden rounded-full bg-secondary", children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(SliderPrimitive.Range, { className: "absolute h-full bg-primary" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(SliderPrimitive.Thumb, { className: "block h-5 w-5 rounded-full border-2 border-primary bg-background ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50" })
+      /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(SliderPrimitive.Track, { className: "relative h-2 w-full grow overflow-hidden rounded-full bg-secondary", children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(SliderPrimitive.Range, { className: "absolute h-full bg-primary" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(SliderPrimitive.Thumb, { className: "block h-5 w-5 rounded-full border-2 border-primary bg-background ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50" })
     ]
   }
 ));
 Slider.displayName = SliderPrimitive.Root.displayName;
 
 // src/components/ui/table.tsx
-var React61 = __toESM(require("react"), 1);
-var import_jsx_runtime89 = require("react/jsx-runtime");
-var Table = React61.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("table", { ref, className: cn("w-full caption-bottom text-sm", className), ...props }) })
+var React60 = __toESM(require("react"), 1);
+var import_jsx_runtime88 = require("react/jsx-runtime");
+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(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("thead", { ref, className: cn("[&_tr]:border-b", className), ...props })
+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(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("tbody", { ref, className: cn("[&_tr:last-child]:border-0", className), ...props })
+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(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("tfoot", { ref, className: cn("border-t bg-muted/50 font-medium [&>tr]:last:border-b-0", className), ...props })
+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(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
+var TableRow = React60.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
     "tr",
     {
       ref,
@@ -28765,8 +28879,8 @@ var TableRow = React61.forwardRef(
   )
 );
 TableRow.displayName = "TableRow";
-var TableHead = React61.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
+var TableHead = React60.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
     "th",
     {
       ref,
@@ -28779,23 +28893,23 @@ var TableHead = React61.forwardRef(
   )
 );
 TableHead.displayName = "TableHead";
-var TableCell = React61.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("td", { ref, className: cn("p-4 align-middle [&:has([role=checkbox])]:pr-0", className), ...props })
+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(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("caption", { ref, className: cn("mt-4 text-sm text-muted-foreground", className), ...props })
+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_runtime90 = require("react/jsx-runtime");
+var import_jsx_runtime89 = require("react/jsx-runtime");
 var ToastProvider = ToastPrimitives.Provider;
-var ToastViewport = React62.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
+var ToastViewport = React61.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
   ToastPrimitives.Viewport,
   {
     ref,
@@ -28821,11 +28935,11 @@ var toastVariants = (0, import_class_variance_authority8.cva)(
     }
   }
 );
-var Toast = React62.forwardRef(({ className, variant, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(ToastPrimitives.Root, { ref, className: cn(toastVariants({ variant }), className), ...props });
+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_runtime90.jsx)(
+var ToastAction = React61.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
   ToastPrimitives.Action,
   {
     ref,
@@ -28837,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_runtime90.jsx)(
+var ToastClose = React61.forwardRef(({ className, onClick, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
   ToastPrimitives.Close,
   {
     ref,
@@ -28851,39 +28965,39 @@ var ToastClose = React62.forwardRef(({ className, onClick, ...props }, ref) => /
     },
     "toast-close": "",
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_lucide_react33.X, { className: "h-4 w-4" })
+    children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_lucide_react33.X, { className: "h-4 w-4" })
   }
 ));
 ToastClose.displayName = ToastPrimitives.Close.displayName;
-var ToastTitle = React62.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime90.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_runtime90.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
-var import_jsx_runtime91 = require("react/jsx-runtime");
+var import_jsx_runtime90 = require("react/jsx-runtime");
 function Toaster2() {
   const { toasts } = useToast();
-  return /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(ToastProvider, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(ToastProvider, { children: [
     toasts.map(function({ id, title, description, action, ...props }) {
-      return /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(Toast, { ...props, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "grid gap-1", children: [
-          title && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(ToastTitle, { children: title }),
-          description && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(ToastDescription, { children: description })
+      return /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(Toast, { ...props, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "grid gap-1", children: [
+          title && /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(ToastTitle, { children: title }),
+          description && /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(ToastDescription, { children: description })
         ] }),
         action,
-        /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(ToastClose, {})
+        /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(ToastClose, {})
       ] }, id);
     }),
-    /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(ToastViewport, {})
+    /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(ToastViewport, {})
   ] });
 }
 
 // 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_runtime92 = require("react/jsx-runtime");
+var import_jsx_runtime91 = require("react/jsx-runtime");
 var toggleVariants = (0, import_class_variance_authority9.cva)(
   "inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground",
   {
@@ -28904,22 +29018,22 @@ var toggleVariants = (0, import_class_variance_authority9.cva)(
     }
   }
 );
-var Toggle = React63.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime92.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_runtime93 = require("react/jsx-runtime");
-var ToggleGroupContext = React64.createContext({
+var import_jsx_runtime92 = require("react/jsx-runtime");
+var ToggleGroupContext = React63.createContext({
   size: "default",
   variant: "default"
 });
-var ToggleGroup = React64.forwardRef(({ className, variant, size, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(ToggleGroupPrimitive.Root, { ref, className: cn("flex items-center justify-center gap-1", className), ...props, children: /* @__PURE__ */ (0, import_jsx_runtime93.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);
-  return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+var ToggleGroupItem = React63.forwardRef(({ className, children, variant, size, ...props }, ref) => {
+  const context = React63.useContext(ToggleGroupContext);
+  return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
     ToggleGroupPrimitive.Item,
     {
       ref,
@@ -29028,7 +29142,7 @@ var useLayoutModeControl = () => {
 
 // src/lib/auth.tsx
 var import_react28 = require("react");
-var import_jsx_runtime94 = require("react/jsx-runtime");
+var import_jsx_runtime93 = require("react/jsx-runtime");
 var STORAGE_KEYS = {
   accessToken: "cc_access_token",
   idToken: "cc_id_token",
@@ -29916,7 +30030,7 @@ var AuthProvider = ({ children }) => {
     }),
     [status, user, accessToken, login, logout, completeLogin, getAccessToken, presenceStatus, setPresenceStatus]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(AuthContext.Provider, { value, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(AuthContext.Provider, { value, children });
 };
 var useAuth = () => {
   const ctx = (0, import_react28.useContext)(AuthContext);
@@ -30075,6 +30189,7 @@ var useAuth = () => {
   DropdownMenuSubContent,
   DropdownMenuSubTrigger,
   DropdownMenuTrigger,
+  EXPERIENCE_SETTINGS_STORAGE_KEY,
   EmptyState,
   ErrorBoundary,
   Eyebrow,
@@ -30098,6 +30213,7 @@ var useAuth = () => {
   InputOTPSlot,
   JellyButton,
   JellyButtonOriginal,
+  LEGACY_THEME_STORAGE_KEY,
   Label,
   LoadingScreen,
   LoadingSpinner,
@@ -30214,6 +30330,9 @@ var useAuth = () => {
   SonnerToaster,
   Switch,
   SwitchField,
+  THEME_PREFERENCE_CHANGE_EVENT,
+  THEME_PREFERENCE_STORAGE_KEY,
+  THEME_STORAGE_KEY,
   Table,
   TableBody,
   TableCaption,
@@ -30283,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,