@cupcodev/ui 5.1.3 → 6.1.1

package/dist/index.js

@@ -1976,23 +1976,23 @@ var NavbarCupcode = ({
       {
         ref: navRef,
         className: cn(
-          "fixed left-2 right-2 top-[calc(max(env(safe-area-inset-top),0px)+var(--cc-navbar-top-offset,8px))] z-[200] overflow-hidden rounded-2xl",
-          "glass border-border/70 shadow-[var(--elevation-3)] md:left-4 md:right-4",
+          "fixed left-[var(--cc-navbar-side-offset-mobile)] right-[var(--cc-navbar-side-offset-mobile)] top-[calc(max(env(safe-area-inset-top),0px)+var(--cc-navbar-top-offset,8px))] z-[200] overflow-hidden rounded-[var(--cc-navbar-radius)]",
+          "border border-[hsl(var(--cc-navbar-border))] bg-[hsl(var(--cc-navbar-bg))] shadow-[var(--cc-navbar-shadow)] backdrop-blur-[var(--glass-blur-md)] md:left-[var(--cc-navbar-side-offset-desktop)] md:right-[var(--cc-navbar-side-offset-desktop)]",
           className
         ),
         children: /* @__PURE__ */ jsxs9("div", { className: "cc-container", children: [
-          /* @__PURE__ */ jsxs9("div", { className: "hidden h-16 items-center md:flex", children: [
+          /* @__PURE__ */ jsxs9("div", { className: "hidden h-[var(--cc-navbar-height-desktop)] items-center md:flex", children: [
             /* @__PURE__ */ jsx11("div", { className: cn("flex-shrink-0", !hasItems && "mr-auto"), children: logo }),
             hasItems ? /* @__PURE__ */ jsx11("div", { className: "mx-auto flex items-center space-x-8", children: items.map((item, index) => {
               const key = `${item.label}-${index}`;
               const isActive = item.isActive;
               const baseClasses = cn(
                 "flex items-center gap-2 text-sm font-semibold text-foreground",
-                "hover:text-primary transition-colors duration-200",
+                "hover:text-[hsl(var(--cc-navbar-link-hover))] transition-colors duration-200",
                 "relative after:absolute after:bottom-0 after:left-0 after:h-0.5 after:w-0",
-                "after:bg-primary after:transition-all after:duration-300",
+                "after:bg-[hsl(var(--cc-navbar-link-hover))] after:transition-all after:duration-300",
                 "hover:after:w-full",
-                isActive && "text-primary after:w-full"
+                isActive && "text-[hsl(var(--cc-navbar-link-active))] after:w-full after:bg-[hsl(var(--cc-navbar-link-active))]"
               );
               const handleClick = (event) => {
                 var _a78;
@@ -2031,7 +2031,7 @@ var NavbarCupcode = ({
             }) }) : null,
             actions && /* @__PURE__ */ jsx11("div", { className: cn("flex", !hasItems && "ml-auto"), children: actions })
           ] }),
-          hasItems ? /* @__PURE__ */ jsxs9("div", { className: "relative flex h-16 items-center md:hidden", children: [
+          hasItems ? /* @__PURE__ */ jsxs9("div", { className: "relative flex h-[var(--cc-navbar-height-mobile)] items-center md:hidden", children: [
             /* @__PURE__ */ jsx11(
               "button",
               {
@@ -2046,7 +2046,7 @@ var NavbarCupcode = ({
             ),
             /* @__PURE__ */ jsx11("div", { className: "pointer-events-none absolute left-1/2 top-1/2 z-0 w-[min(62vw,18rem)] -translate-x-1/2 -translate-y-1/2 overflow-hidden", children: /* @__PURE__ */ jsx11("div", { className: "flex items-center justify-center", children: logo }) }),
             /* @__PURE__ */ jsx11("div", { className: "z-10 ml-auto flex items-center", children: actions != null ? actions : /* @__PURE__ */ jsx11("span", { className: "inline-flex h-10 w-10", "aria-hidden": "true" }) })
-          ] }) : /* @__PURE__ */ jsxs9("div", { className: "flex h-16 items-center justify-between gap-3 md:hidden", children: [
+          ] }) : /* @__PURE__ */ jsxs9("div", { className: "flex h-[var(--cc-navbar-height-mobile)] items-center justify-between gap-3 md:hidden", children: [
             /* @__PURE__ */ jsx11("div", { className: "min-w-0 shrink", children: logo }),
             /* @__PURE__ */ jsx11("div", { className: "flex items-center", children: actions != null ? actions : /* @__PURE__ */ jsx11("span", { className: "inline-flex h-10 w-10", "aria-hidden": "true" }) })
           ] })
@@ -2069,7 +2069,7 @@ var NavbarCupcode = ({
           id: mobileMenuId,
           ref: mobileDrawerRef,
           className: cn(
-            "glass-strong absolute inset-y-0 left-0 z-10 w-[min(84vw,22rem)] border-r border-border/70 px-3 pb-[max(env(safe-area-inset-bottom),0.75rem)] pt-[max(env(safe-area-inset-top),0.9rem)] text-foreground shadow-[var(--elevation-5)]",
+            "absolute inset-y-0 left-0 z-10 w-[min(84vw,22rem)] border-r border-r-[hsl(var(--cc-navbar-drawer-border))] bg-[hsl(var(--cc-navbar-drawer-bg))] px-3 pb-[max(env(safe-area-inset-bottom),0.75rem)] pt-[max(env(safe-area-inset-top),0.9rem)] text-foreground shadow-[var(--elevation-5)] backdrop-blur-[var(--glass-blur-lg)]",
             "data-[state=open]:animate-in data-[state=open]:slide-in-from-left data-[state=open]:duration-300"
           ),
           "data-state": "open",
@@ -2092,7 +2092,7 @@ var NavbarCupcode = ({
               const isActive = item.isActive;
               const classes = cn(
                 "flex min-h-11 items-center gap-2 rounded-lg px-4 py-2.5 text-sm font-semibold text-foreground transition-colors hover:bg-primary/10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/40",
-                isActive && "text-primary"
+                isActive && "text-[hsl(var(--cc-navbar-link-active))]"
               );
               const handleClick = (event) => {
                 var _a78;
@@ -2118,47 +2118,6 @@ var NavbarCupcode = ({
 };
 var NavbarCupcode_default = NavbarCupcode;
 
-// src/components/cupcode/TelescupImage.tsx
-import { jsx as jsx12 } from "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__ */ jsx12(
-    "img",
-    {
-      src: url,
-      "data-api-id": apiId,
-      alt: alt || meta.alt || "",
-      title: title || meta.title,
-      loading,
-      className,
-      ...props
-    }
-  );
-};
-
 // src/components/cupcode/UserMenuCupcode.tsx
 import * as DialogPrimitive2 from "@radix-ui/react-dialog";
 import {
@@ -2218,7 +2177,7 @@ import {
 import * as React6 from "react";
 import * as SelectPrimitive from "@radix-ui/react-select";
 import { Check, ChevronDown as ChevronDown2, ChevronUp } from "lucide-react";
-import { jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
 var Select = SelectPrimitive.Root;
 var SelectGroup = SelectPrimitive.Group;
 var SelectValue = SelectPrimitive.Value;
@@ -2233,32 +2192,32 @@ var SelectTrigger = React6.forwardRef(({ className, children, ...props }, ref) =
     ...props,
     children: [
       children,
-      /* @__PURE__ */ jsx13(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx13(ChevronDown2, { className: "h-4 w-4 opacity-50" }) })
+      /* @__PURE__ */ jsx12(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx12(ChevronDown2, { className: "h-4 w-4 opacity-50" }) })
     ]
   }
 ));
 SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
-var SelectScrollUpButton = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx13(
+var SelectScrollUpButton = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx12(
   SelectPrimitive.ScrollUpButton,
   {
     ref,
     className: cn("flex cursor-default items-center justify-center py-1", className),
     ...props,
-    children: /* @__PURE__ */ jsx13(ChevronUp, { className: "h-4 w-4" })
+    children: /* @__PURE__ */ jsx12(ChevronUp, { className: "h-4 w-4" })
   }
 ));
 SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
-var SelectScrollDownButton = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx13(
+var SelectScrollDownButton = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx12(
   SelectPrimitive.ScrollDownButton,
   {
     ref,
     className: cn("flex cursor-default items-center justify-center py-1", className),
     ...props,
-    children: /* @__PURE__ */ jsx13(ChevronDown2, { className: "h-4 w-4" })
+    children: /* @__PURE__ */ jsx12(ChevronDown2, { className: "h-4 w-4" })
   }
 ));
 SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
-var SelectContent = React6.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx13(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs10(
+var SelectContent = React6.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx12(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs10(
   SelectPrimitive.Content,
   {
     ref,
@@ -2270,8 +2229,8 @@ var SelectContent = React6.forwardRef(({ className, children, position = "popper
     position,
     ...props,
     children: [
-      /* @__PURE__ */ jsx13(SelectScrollUpButton, {}),
-      /* @__PURE__ */ jsx13(
+      /* @__PURE__ */ jsx12(SelectScrollUpButton, {}),
+      /* @__PURE__ */ jsx12(
         SelectPrimitive.Viewport,
         {
           className: cn(
@@ -2281,12 +2240,12 @@ var SelectContent = React6.forwardRef(({ className, children, position = "popper
           children
         }
       ),
-      /* @__PURE__ */ jsx13(SelectScrollDownButton, {})
+      /* @__PURE__ */ jsx12(SelectScrollDownButton, {})
     ]
   }
 ) }));
 SelectContent.displayName = SelectPrimitive.Content.displayName;
-var SelectLabel = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx13(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__ */ jsx12(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__ */ jsxs10(
   SelectPrimitive.Item,
@@ -2298,20 +2257,20 @@ var SelectItem = React6.forwardRef(({ className, children, ...props }, ref) => /
     ),
     ...props,
     children: [
-      /* @__PURE__ */ jsx13("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx13(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx13(Check, { className: "h-4 w-4" }) }) }),
-      /* @__PURE__ */ jsx13(SelectPrimitive.ItemText, { children })
+      /* @__PURE__ */ jsx12("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx12(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx12(Check, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ jsx12(SelectPrimitive.ItemText, { children })
     ]
   }
 ));
 SelectItem.displayName = SelectPrimitive.Item.displayName;
-var SelectSeparator = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx13(SelectPrimitive.Separator, { ref, className: cn("-mx-1 my-1 h-px bg-muted", className), ...props }));
+var SelectSeparator = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx12(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
 import * as React7 from "react";
 import * as AvatarPrimitive2 from "@radix-ui/react-avatar";
-import { jsx as jsx14 } from "react/jsx-runtime";
-var Avatar2 = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx14(
+import { jsx as jsx13 } from "react/jsx-runtime";
+var Avatar2 = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx13(
   AvatarPrimitive2.Root,
   {
     ref,
@@ -2320,7 +2279,7 @@ var Avatar2 = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
   }
 ));
 Avatar2.displayName = AvatarPrimitive2.Root.displayName;
-var AvatarImage2 = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx14(
+var AvatarImage2 = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx13(
   AvatarPrimitive2.Image,
   {
     ref,
@@ -2329,7 +2288,7 @@ var AvatarImage2 = React7.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 AvatarImage2.displayName = AvatarPrimitive2.Image.displayName;
-var AvatarFallback2 = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx14(
+var AvatarFallback2 = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx13(
   AvatarPrimitive2.Fallback,
   {
     ref,
@@ -2388,7 +2347,7 @@ function responsiveSizeClasses(s, currentBp) {
 
 // src/components/cupcode/JellyButton.tsx
 import { forwardRef as forwardRef8 } from "react";
-import { jsx as jsx15, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs11 } from "react/jsx-runtime";
 var JellyButton = forwardRef8(
   ({ variant = "primary", size = "md", className, children, type = "button", ...props }, ref) => {
     const sizeClass = {
@@ -2396,7 +2355,7 @@ var JellyButton = forwardRef8(
       md: "cc-blob-cta--md",
       lg: "cc-blob-cta--lg"
     }[size];
-    const variantClass = variant === "secondary" || variant === "original-green" ? "cc-blob-cta--secondary" : variant === "half" ? "cc-blob-cta--half" : "cc-blob-cta--primary";
+    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__ */ jsxs11(
       "button",
       {
@@ -2406,14 +2365,14 @@ var JellyButton = forwardRef8(
         ...props,
         children: [
           /* @__PURE__ */ jsxs11("span", { className: "cc-blob-cta__color-wrap", "aria-hidden": "true", children: [
-            /* @__PURE__ */ jsx15("span", { className: "cc-blob-cta__color cc-blob-cta__color--1" }),
-            /* @__PURE__ */ jsx15("span", { className: "cc-blob-cta__color cc-blob-cta__color--3" }),
-            /* @__PURE__ */ jsx15("span", { className: "cc-blob-cta__color cc-blob-cta__color--2" }),
-            /* @__PURE__ */ jsx15("span", { className: "cc-blob-cta__bg" })
+            /* @__PURE__ */ jsx14("span", { className: "cc-blob-cta__color cc-blob-cta__color--1" }),
+            /* @__PURE__ */ jsx14("span", { className: "cc-blob-cta__color cc-blob-cta__color--3" }),
+            /* @__PURE__ */ jsx14("span", { className: "cc-blob-cta__color cc-blob-cta__color--2" }),
+            /* @__PURE__ */ jsx14("span", { className: "cc-blob-cta__bg" })
           ] }),
-          /* @__PURE__ */ jsx15("span", { className: "cc-blob-cta__label", children }),
-          /* @__PURE__ */ jsx15("span", { className: "cc-blob-cta__glow cc-blob-cta__glow--1", "aria-hidden": "true" }),
-          /* @__PURE__ */ jsx15("span", { className: "cc-blob-cta__glow cc-blob-cta__glow--2", "aria-hidden": "true" })
+          /* @__PURE__ */ jsx14("span", { className: "cc-blob-cta__label", children }),
+          /* @__PURE__ */ jsx14("span", { className: "cc-blob-cta__glow cc-blob-cta__glow--1", "aria-hidden": "true" }),
+          /* @__PURE__ */ jsx14("span", { className: "cc-blob-cta__glow cc-blob-cta__glow--2", "aria-hidden": "true" })
         ]
       }
     );
@@ -2422,7 +2381,7 @@ var JellyButton = forwardRef8(
 JellyButton.displayName = "JellyButton";
 
 // src/components/cupcode/JellyButtonOriginal.tsx
-import { jsx as jsx16, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs12 } from "react/jsx-runtime";
 var resolveResponsiveSize = (value, currentBp) => {
   var _a78, _b7, _c, _d, _e;
   if (typeof value === "string") {
@@ -2472,7 +2431,7 @@ function JellyButtonOriginal({
       window.location.href = href;
     }
   };
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx15(
     JellyButton,
     {
       variant: color === "green" ? "original-green" : "original-pink",
@@ -2480,8 +2439,8 @@ function JellyButtonOriginal({
       className,
       onClick: handleClick,
       children: /* @__PURE__ */ jsxs12("span", { className: "inline-flex items-center gap-2", children: [
-        icon ? /* @__PURE__ */ jsx16("span", { className: "inline-flex items-center justify-center", children: icon }) : null,
-        /* @__PURE__ */ jsx16("span", { children: label })
+        icon ? /* @__PURE__ */ jsx15("span", { className: "inline-flex items-center justify-center", children: icon }) : null,
+        /* @__PURE__ */ jsx15("span", { children: label })
       ] })
     }
   );
@@ -2491,7 +2450,7 @@ function JellyButtonOriginal({
 import * as React8 from "react";
 import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
 import { Check as Check2, ChevronRight, Circle } from "lucide-react";
-import { jsx as jsx17, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx16, jsxs as jsxs13 } from "react/jsx-runtime";
 var DropdownMenu = DropdownMenuPrimitive.Root;
 var DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
 var DropdownMenuGroup = DropdownMenuPrimitive.Group;
@@ -2510,12 +2469,12 @@ var DropdownMenuSubTrigger = React8.forwardRef(({ className, inset, children, ..
     ...props,
     children: [
       children,
-      /* @__PURE__ */ jsx17(ChevronRight, { className: "ml-auto h-4 w-4" })
+      /* @__PURE__ */ jsx16(ChevronRight, { className: "ml-auto h-4 w-4" })
     ]
   }
 ));
 DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
-var DropdownMenuSubContent = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx17(
+var DropdownMenuSubContent = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx16(
   DropdownMenuPrimitive.SubContent,
   {
     ref,
@@ -2527,7 +2486,7 @@ var DropdownMenuSubContent = React8.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
-var DropdownMenuContent = React8.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx17(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx17(
+var DropdownMenuContent = React8.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx16(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx16(
   DropdownMenuPrimitive.Content,
   {
     ref,
@@ -2540,7 +2499,7 @@ var DropdownMenuContent = React8.forwardRef(({ className, sideOffset = 4, ...pro
   }
 ) }));
 DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
-var DropdownMenuItem = React8.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx17(
+var DropdownMenuItem = React8.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx16(
   DropdownMenuPrimitive.Item,
   {
     ref,
@@ -2564,7 +2523,7 @@ var DropdownMenuCheckboxItem = React8.forwardRef(({ className, children, checked
     checked,
     ...props,
     children: [
-      /* @__PURE__ */ jsx17("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx17(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx17(Check2, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ jsx16("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx16(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx16(Check2, { className: "h-4 w-4" }) }) }),
       children
     ]
   }
@@ -2580,13 +2539,13 @@ var DropdownMenuRadioItem = React8.forwardRef(({ className, children, ...props }
     ),
     ...props,
     children: [
-      /* @__PURE__ */ jsx17("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx17(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx17(Circle, { className: "h-2 w-2 fill-current" }) }) }),
+      /* @__PURE__ */ jsx16("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx16(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx16(Circle, { className: "h-2 w-2 fill-current" }) }) }),
       children
     ]
   }
 ));
 DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
-var DropdownMenuLabel = React8.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx17(
+var DropdownMenuLabel = React8.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx16(
   DropdownMenuPrimitive.Label,
   {
     ref,
@@ -2595,10 +2554,10 @@ var DropdownMenuLabel = React8.forwardRef(({ className, inset, ...props }, ref)
   }
 ));
 DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
-var DropdownMenuSeparator = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx17(DropdownMenuPrimitive.Separator, { ref, className: cn("-mx-1 my-1 h-px bg-muted", className), ...props }));
+var DropdownMenuSeparator = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx16(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__ */ jsx17("span", { className: cn("ml-auto text-xs tracking-widest opacity-60", className), ...props });
+  return /* @__PURE__ */ jsx16("span", { className: cn("ml-auto text-xs tracking-widest opacity-60", className), ...props });
 };
 DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
 
@@ -2610,13 +2569,14 @@ import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
 import * as React9 from "react";
 import { Slot } from "@radix-ui/react-slot";
 import { cva } from "class-variance-authority";
-import { jsx as jsx18 } from "react/jsx-runtime";
+import { jsx as jsx17 } from "react/jsx-runtime";
 var buttonVariants = 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",
   {
     variants: {
       variant: {
-        default: "bg-primary text-primary-foreground hover:bg-primary/90",
+        default: "bg-[#18b765] text-white hover:bg-[#149355]",
+        primary: "bg-[#18b765] text-white hover:bg-[#149355]",
         destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
         outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
         secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
@@ -2639,17 +2599,17 @@ var buttonVariants = cva(
 var Button = React9.forwardRef(
   ({ className, variant, size, asChild = false, ...props }, ref) => {
     const Comp = asChild ? Slot : "button";
-    return /* @__PURE__ */ jsx18(Comp, { className: cn(buttonVariants({ variant, size, className })), ref, ...props });
+    return /* @__PURE__ */ jsx17(Comp, { className: cn(buttonVariants({ variant, size, className })), ref, ...props });
   }
 );
 Button.displayName = "Button";
 
 // src/components/ui/alert-dialog.tsx
-import { jsx as jsx19, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs14 } from "react/jsx-runtime";
 var AlertDialog = AlertDialogPrimitive.Root;
 var AlertDialogTrigger = AlertDialogPrimitive.Trigger;
 var AlertDialogPortal = AlertDialogPrimitive.Portal;
-var AlertDialogOverlay = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx19(
+var AlertDialogOverlay = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx18(
   AlertDialogPrimitive.Overlay,
   {
     className: cn(
@@ -2662,8 +2622,8 @@ var AlertDialogOverlay = React10.forwardRef(({ className, ...props }, ref) => /*
 ));
 AlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName;
 var AlertDialogContent = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs14(AlertDialogPortal, { children: [
-  /* @__PURE__ */ jsx19(AlertDialogOverlay, {}),
-  /* @__PURE__ */ jsx19(
+  /* @__PURE__ */ jsx18(AlertDialogOverlay, {}),
+  /* @__PURE__ */ jsx18(
     AlertDialogPrimitive.Content,
     {
       ref,
@@ -2676,17 +2636,17 @@ var AlertDialogContent = React10.forwardRef(({ className, ...props }, ref) => /*
   )
 ] }));
 AlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName;
-var AlertDialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsx19("div", { className: cn("flex flex-col space-y-2 text-center sm:text-left", className), ...props });
+var AlertDialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsx18("div", { className: cn("flex flex-col space-y-2 text-center sm:text-left", className), ...props });
 AlertDialogHeader.displayName = "AlertDialogHeader";
-var AlertDialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsx19("div", { className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className), ...props });
+var AlertDialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsx18("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__ */ jsx19(AlertDialogPrimitive.Title, { ref, className: cn("text-lg font-semibold", className), ...props }));
+var AlertDialogTitle = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx18(AlertDialogPrimitive.Title, { ref, className: cn("text-lg font-semibold", className), ...props }));
 AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName;
-var AlertDialogDescription = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx19(AlertDialogPrimitive.Description, { ref, className: cn("text-sm text-muted-foreground", className), ...props }));
+var AlertDialogDescription = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx18(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__ */ jsx19(AlertDialogPrimitive.Action, { ref, className: cn(buttonVariants(), className), ...props }));
+var AlertDialogAction = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx18(AlertDialogPrimitive.Action, { ref, className: cn(buttonVariants(), className), ...props }));
 AlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName;
-var AlertDialogCancel = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx19(
+var AlertDialogCancel = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx18(
   AlertDialogPrimitive.Cancel,
   {
     ref,
@@ -2700,12 +2660,12 @@ AlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName;
 import * as React11 from "react";
 import * as DialogPrimitive from "@radix-ui/react-dialog";
 import { X as X3 } from "lucide-react";
-import { jsx as jsx20, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx19, jsxs as jsxs15 } from "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__ */ jsx20(
+var DialogOverlay = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx19(
   DialogPrimitive.Overlay,
   {
     ref,
@@ -2718,7 +2678,7 @@ var DialogOverlay = React11.forwardRef(({ className, ...props }, ref) => /* @__P
 ));
 DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
 var DialogContent = React11.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs15(DialogPortal, { children: [
-  /* @__PURE__ */ jsx20(DialogOverlay, {}),
+  /* @__PURE__ */ jsx19(DialogOverlay, {}),
   /* @__PURE__ */ jsxs15(
     DialogPrimitive.Content,
     {
@@ -2731,19 +2691,19 @@ var DialogContent = React11.forwardRef(({ className, children, ...props }, ref)
       children: [
         children,
         /* @__PURE__ */ jsxs15(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__ */ jsx20(X3, { className: "h-4 w-4" }),
-          /* @__PURE__ */ jsx20("span", { className: "sr-only", children: "Close" })
+          /* @__PURE__ */ jsx19(X3, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsx19("span", { className: "sr-only", children: "Close" })
         ] })
       ]
     }
   )
 ] }));
 DialogContent.displayName = DialogPrimitive.Content.displayName;
-var DialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsx20("div", { className: cn("flex flex-col space-y-1.5 text-center sm:text-left", className), ...props });
+var DialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsx19("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__ */ jsx20("div", { className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className), ...props });
+var DialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsx19("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__ */ jsx20(
+var DialogTitle = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx19(
   DialogPrimitive.Title,
   {
     ref,
@@ -2752,14 +2712,14 @@ var DialogTitle = React11.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 DialogTitle.displayName = DialogPrimitive.Title.displayName;
-var DialogDescription = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx20(DialogPrimitive.Description, { ref, className: cn("text-sm text-muted-foreground", className), ...props }));
+var DialogDescription = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx19(DialogPrimitive.Description, { ref, className: cn("text-sm text-muted-foreground", className), ...props }));
 DialogDescription.displayName = DialogPrimitive.Description.displayName;
 
 // src/components/ui/switch.tsx
 import * as React12 from "react";
 import * as SwitchPrimitives from "@radix-ui/react-switch";
-import { jsx as jsx21 } from "react/jsx-runtime";
-var Switch = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx21(
+import { jsx as jsx20 } from "react/jsx-runtime";
+var Switch = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx20(
   SwitchPrimitives.Root,
   {
     className: cn(
@@ -2768,7 +2728,7 @@ var Switch = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
     ),
     ...props,
     ref,
-    children: /* @__PURE__ */ jsx21(
+    children: /* @__PURE__ */ jsx20(
       SwitchPrimitives.Thumb,
       {
         className: cn(
@@ -4442,6 +4402,47 @@ function useTelescupAssets(options) {
   };
 }
 
+// src/components/cupcode/TelescupImage.tsx
+import { jsx as jsx21 } from "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__ */ jsx21(
+    "img",
+    {
+      src: url,
+      "data-api-id": apiId,
+      alt: alt || meta.alt || "",
+      title: title || meta.title,
+      loading,
+      className,
+      ...props
+    }
+  );
+};
+
 // src/components/cupcode/TelescupVideo.tsx
 import { jsx as jsx22 } from "react/jsx-runtime";
 var TelescupVideo = ({
@@ -6425,7 +6426,9 @@ var applyThemePreference = (preference) => {
   const appliedMode = resolveAppliedThemeMode(preference);
   root.classList.toggle("dark", appliedMode === "dark");
   root.classList.toggle("light", appliedMode === "light");
+  root.dataset.theme = appliedMode;
   root.dataset.cupcodeTheme = preference;
+  root.style.colorScheme = appliedMode;
   if (typeof window === "undefined") return;
   try {
     window.localStorage.setItem(THEME_PREFERENCE_STORAGE_KEY, preference);
@@ -10039,7 +10042,7 @@ var UserMenuCupcode = ({
     return /* @__PURE__ */ jsx35("div", { className: cn("h-11 w-11 animate-pulse rounded-full bg-muted/70", className) });
   }
   if (!isAuthenticated) {
-    return /* @__PURE__ */ jsx35(JellyButtonOriginal, { label: loginLabel, size: "sm", className, onClick: onLogin });
+    return /* @__PURE__ */ jsx35(JellyButtonOriginal, { label: loginLabel, color: "green", size: "sm", className, onClick: onLogin });
   }
   const customPanel = panels == null ? void 0 : panels[activeTab];
   const hasCustomPanel = typeof customPanel !== "undefined";
@@ -21886,10 +21889,490 @@ var Toaster = ({ theme, ...props }) => {
   );
 };
 
+// src/components/use-app-theme.ts
+import { useContext } from "react";
+
+// src/components/theme-context.ts
+import { createContext } from "react";
+var ThemeContext = createContext(null);
+
+// src/components/use-app-theme.ts
+function useAppTheme() {
+  const context = useContext(ThemeContext);
+  if (!context) {
+    throw new Error("useAppTheme must be used inside ThemeProvider");
+  }
+  return context;
+}
+
+// src/components/theme-toggle.tsx
+import { jsx as jsx38, jsxs as jsxs23 } from "react/jsx-runtime";
+function ThemeToggle({ className }) {
+  const { theme, toggleTheme } = useAppTheme();
+  const isDark = theme === "dark";
+  const handleClick = (event) => {
+    toggleTheme({
+      x: event.clientX,
+      y: event.clientY
+    });
+  };
+  return /* @__PURE__ */ jsxs23(
+    "button",
+    {
+      type: "button",
+      onClick: handleClick,
+      "aria-label": isDark ? "Ativar modo claro" : "Ativar modo escuro",
+      "aria-pressed": isDark,
+      title: isDark ? "Ativar modo claro" : "Ativar modo escuro",
+      className: ["cc-theme-toggle", isDark ? "is-dark" : "", className].filter(Boolean).join(" "),
+      children: [
+        /* @__PURE__ */ jsxs23("span", { className: "track", children: [
+          /* @__PURE__ */ jsxs23("span", { className: "light-bg", children: [
+            /* @__PURE__ */ jsx38("span", { className: "light-orb light-orb-1" }),
+            /* @__PURE__ */ jsx38("span", { className: "light-orb light-orb-2" }),
+            /* @__PURE__ */ jsx38("span", { className: "light-sweep" }),
+            /* @__PURE__ */ jsx38("span", { className: "light-veil" })
+          ] }),
+          /* @__PURE__ */ jsx38("span", { className: "stars stars-1" }),
+          /* @__PURE__ */ jsx38("span", { className: "stars stars-2" }),
+          /* @__PURE__ */ jsx38("span", { className: "stars stars-3" }),
+          /* @__PURE__ */ jsx38("span", { className: "cloud cloud-1" }),
+          /* @__PURE__ */ jsx38("span", { className: "cloud cloud-2" }),
+          /* @__PURE__ */ jsxs23("span", { className: "thumb", children: [
+            /* @__PURE__ */ jsx38("span", { className: "sun-core" }),
+            /* @__PURE__ */ jsx38("span", { className: "moon-cut" })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx38("style", { children: `
+        :root {
+          --toggle-width: 76px;
+          --toggle-height: 42px;
+          --thumb-size: 30px;
+          --toggle-thumb-offset: 34px;
+          --duration: 560ms;
+          --ease: cubic-bezier(0.22, 1, 0.36, 1);
+          --dark-top: #7c5bbb;
+          --dark-bottom: #3a2a58;
+        }
+
+        .cc-theme-toggle {
+          border: 0;
+          background: transparent;
+          padding: 0;
+          cursor: pointer;
+          display: inline-flex;
+          align-items: center;
+          justify-content: center;
+          flex-shrink: 0;
+        }
+
+        .cc-theme-toggle .track {
+          position: relative;
+          width: var(--toggle-width);
+          height: var(--toggle-height);
+          border-radius: 999px;
+          overflow: hidden;
+          background: linear-gradient(180deg, #f7f6fb 0%, #f1edf9 55%, #e6def5 100%);
+          box-shadow:
+            inset 0 1px 0 rgba(255, 255, 255, 0.92),
+            inset 0 0 0 1px rgba(232, 219, 255, 0.85),
+            0 0 0 1px rgba(227, 182, 255, 0.45),
+            0 8px 24px rgba(134, 102, 182, 0.18);
+          transition:
+            background var(--duration) var(--ease),
+            box-shadow var(--duration) var(--ease);
+        }
+
+        .cc-theme-toggle .track::before {
+          content: "";
+          position: absolute;
+          inset: 0;
+          border-radius: inherit;
+          padding: 1px;
+          background: linear-gradient(
+            90deg,
+            rgba(200, 106, 232, 0.95) 0%,
+            rgba(199, 166, 255, 0.95) 38%,
+            rgba(239, 233, 255, 0.95) 68%,
+            rgba(243, 123, 175, 0.95) 100%
+          );
+          -webkit-mask:
+            linear-gradient(#000 0 0) content-box,
+            linear-gradient(#000 0 0);
+          -webkit-mask-composite: xor;
+          mask-composite: exclude;
+          pointer-events: none;
+        }
+
+        .cc-theme-toggle .track::after {
+          content: "";
+          position: absolute;
+          inset: 4px;
+          border-radius: inherit;
+          border: 1px solid rgba(255, 255, 255, 0.72);
+          box-shadow: inset 0 0 0 1px rgba(217, 204, 248, 0.38);
+          pointer-events: none;
+        }
+
+        .cc-theme-toggle .light-bg {
+          position: absolute;
+          inset: 0;
+          border-radius: inherit;
+          overflow: hidden;
+          opacity: 1;
+          transition: opacity 240ms ease;
+          z-index: 0;
+        }
+
+        .cc-theme-toggle .light-orb {
+          position: absolute;
+          border-radius: 999px;
+          filter: blur(10px);
+          will-change: transform, opacity;
+        }
+
+        .cc-theme-toggle .light-orb-1 {
+          width: 48px;
+          height: 28px;
+          left: -8px;
+          bottom: -1px;
+          background: radial-gradient(
+            ellipse at center,
+            rgba(241, 138, 195, 0.58) 0%,
+            rgba(232, 167, 208, 0.24) 58%,
+            rgba(255, 255, 255, 0) 100%
+          );
+          animation: cc-theme-light-flow-pink 6.4s ease-in-out infinite;
+        }
+
+        .cc-theme-toggle .light-orb-2 {
+          width: 52px;
+          height: 30px;
+          right: -10px;
+          top: -3px;
+          background: radial-gradient(
+            ellipse at center,
+            rgba(200, 141, 255, 0.34) 0%,
+            rgba(217, 184, 255, 0.14) 60%,
+            rgba(255, 255, 255, 0) 100%
+          );
+          animation: cc-theme-light-flow-purple 6.4s ease-in-out infinite;
+        }
+
+        .cc-theme-toggle .light-sweep {
+          position: absolute;
+          left: -44px;
+          bottom: 5px;
+          width: 42px;
+          height: 4px;
+          border-radius: 999px;
+          background: linear-gradient(
+            90deg,
+            rgba(255, 122, 200, 0) 0%,
+            rgba(217, 108, 255, 0.65) 35%,
+            rgba(183, 124, 255, 0.8) 70%,
+            rgba(255, 255, 255, 0) 100%
+          );
+          filter: blur(2px);
+          opacity: 0.9;
+          animation: cc-theme-light-sweep 4.3s linear infinite;
+        }
+
+        .cc-theme-toggle .light-veil {
+          position: absolute;
+          inset: 0;
+          background: rgba(255, 255, 255, 0.16);
+          animation: cc-theme-light-veil 5.8s ease-in-out infinite;
+        }
+
+        .cc-theme-toggle.is-dark .track {
+          background: linear-gradient(180deg, var(--dark-top) 0%, var(--dark-bottom) 100%);
+          box-shadow:
+            inset 0 2px 8px rgba(255, 255, 255, 0.06),
+            inset 0 -4px 12px rgba(0, 0, 0, 0.28),
+            0 8px 24px rgba(58, 42, 88, 0.3);
+        }
+
+        .cc-theme-toggle.is-dark .track::before,
+        .cc-theme-toggle.is-dark .track::after,
+        .cc-theme-toggle.is-dark .light-bg {
+          opacity: 0;
+        }
+
+        .cc-theme-toggle .thumb {
+          position: absolute;
+          top: 6px;
+          left: 6px;
+          width: var(--thumb-size);
+          height: var(--thumb-size);
+          border-radius: 50%;
+          background: linear-gradient(180deg, #ffd76a 0%, #ffb238 100%);
+          box-shadow:
+            0 4px 10px rgba(255, 176, 56, 0.35),
+            inset 0 2px 4px rgba(255, 255, 255, 0.5);
+          transition:
+            transform var(--duration) var(--ease),
+            background var(--duration) var(--ease),
+            box-shadow var(--duration) var(--ease);
+          z-index: 3;
+          overflow: hidden;
+        }
+
+        .cc-theme-toggle.is-dark .thumb {
+          transform: translateX(var(--toggle-thumb-offset));
+          background: linear-gradient(180deg, #f5f7ff 0%, #cfd8ef 100%);
+          box-shadow:
+            0 4px 12px rgba(194, 208, 255, 0.25),
+            inset 0 2px 4px rgba(255, 255, 255, 0.8);
+        }
+
+        .cc-theme-toggle .sun-core {
+          position: absolute;
+          inset: 0;
+          border-radius: 50%;
+        }
+
+        .cc-theme-toggle .moon-cut {
+          position: absolute;
+          width: 22px;
+          height: 22px;
+          border-radius: 50%;
+          background: linear-gradient(180deg, var(--dark-top) 0%, var(--dark-bottom) 100%);
+          top: 4px;
+          left: 12px;
+          transform: scale(0.2);
+          opacity: 0;
+          transition:
+            transform var(--duration) var(--ease),
+            opacity calc(var(--duration) * 0.8) var(--ease);
+        }
+
+        .cc-theme-toggle.is-dark .moon-cut {
+          transform: scale(1);
+          opacity: 1;
+        }
+
+        .cc-theme-toggle .stars {
+          position: absolute;
+          border-radius: 50%;
+          background: white;
+          opacity: 0;
+          transform: scale(0.9);
+          z-index: 1;
+        }
+
+        .cc-theme-toggle .stars::after {
+          content: "";
+          position: absolute;
+          inset: -3px;
+          border-radius: 50%;
+          background: rgba(255, 255, 255, 0.18);
+          filter: blur(3px);
+        }
+
+        .cc-theme-toggle .stars-1 {
+          width: 4px;
+          height: 4px;
+          top: 9px;
+          left: 14px;
+          animation: cc-theme-star-blink-1 1.9s ease-in-out infinite;
+        }
+
+        .cc-theme-toggle .stars-2 {
+          width: 4px;
+          height: 4px;
+          top: 15px;
+          left: 26px;
+          animation: cc-theme-star-blink-2 2.3s ease-in-out infinite;
+        }
+
+        .cc-theme-toggle .stars-3 {
+          width: 3px;
+          height: 3px;
+          top: 26px;
+          left: 20px;
+          animation: cc-theme-star-blink-3 1.7s ease-in-out infinite;
+        }
+
+        .cc-theme-toggle:not(.is-dark) .stars {
+          opacity: 0;
+          animation-play-state: paused;
+        }
+
+        .cc-theme-toggle.is-dark .stars {
+          animation-play-state: running;
+        }
+
+        .cc-theme-toggle .cloud {
+          position: absolute;
+          background: #fff;
+          border-radius: 999px;
+          transition: opacity 320ms ease;
+          will-change: transform;
+        }
+
+        .cc-theme-toggle .cloud::before,
+        .cc-theme-toggle .cloud::after {
+          content: "";
+          position: absolute;
+          background: inherit;
+          border-radius: 50%;
+        }
+
+        .cc-theme-toggle .cloud-1 {
+          width: 6px;
+          height: 2.5px;
+          left: 58px;
+          top: 11px;
+          box-shadow: 3.5px 0 0 0 #fff;
+          z-index: 2;
+          animation: cc-theme-cloud-float-small 4.8s ease-in-out infinite;
+        }
+
+        .cc-theme-toggle .cloud-1::before {
+          width: 3px;
+          height: 3px;
+          left: 0.5px;
+          top: -1.5px;
+        }
+
+        .cc-theme-toggle .cloud-1::after {
+          width: 4px;
+          height: 4px;
+          left: 2.5px;
+          top: -2.5px;
+        }
+
+        .cc-theme-toggle .cloud-2 {
+          width: 18px;
+          height: 7px;
+          left: 40px;
+          top: 23px;
+          box-shadow: 12px 0 0 0 #fff;
+          z-index: 2;
+          animation: cc-theme-cloud-float-large 9.6s ease-in-out infinite;
+        }
+
+        .cc-theme-toggle .cloud-2::before {
+          width: 10px;
+          height: 10px;
+          left: 2px;
+          top: -5px;
+        }
+
+        .cc-theme-toggle .cloud-2::after {
+          width: 13px;
+          height: 13px;
+          left: 9px;
+          top: -9px;
+        }
+
+        .cc-theme-toggle.is-dark .cloud {
+          opacity: 0;
+          animation-play-state: paused;
+        }
+
+        .cc-theme-toggle:focus-visible .track {
+          outline: 3px solid rgba(99, 102, 241, 0.45);
+          outline-offset: 4px;
+        }
+
+        @keyframes cc-theme-light-flow-pink {
+          0% { transform: translateX(-8px) translateY(0px); opacity: 0.7; }
+          25% { transform: translateX(4px) translateY(-1px); opacity: 0.48; }
+          50% { transform: translateX(18px) translateY(-3px); opacity: 0.22; }
+          75% { transform: translateX(30px) translateY(-5px); opacity: 0.12; }
+          100% { transform: translateX(-8px) translateY(0px); opacity: 0.7; }
+        }
+
+        @keyframes cc-theme-light-flow-purple {
+          0% { transform: translateX(0px) translateY(0px); opacity: 0.22; }
+          25% { transform: translateX(-12px) translateY(0px); opacity: 0.34; }
+          50% { transform: translateX(-24px) translateY(2px); opacity: 0.46; }
+          75% { transform: translateX(-34px) translateY(5px); opacity: 0.24; }
+          100% { transform: translateX(0px) translateY(0px); opacity: 0.22; }
+        }
+
+        @keyframes cc-theme-light-sweep {
+          0% { transform: translateX(0); opacity: 0; }
+          25% { opacity: 0.95; }
+          60% { opacity: 0.72; }
+          100% { transform: translateX(124px); opacity: 0; }
+        }
+
+        @keyframes cc-theme-light-veil {
+          0%, 100% { opacity: 0.18; }
+          30% { opacity: 0.1; }
+          60% { opacity: 0.16; }
+          80% { opacity: 0.22; }
+        }
+
+        @keyframes cc-theme-cloud-float-small {
+          0% { transform: translateX(0); }
+          50% { transform: translateX(-12px); }
+          100% { transform: translateX(0); }
+        }
+
+        @keyframes cc-theme-cloud-float-large {
+          0% { transform: translateX(0); }
+          50% { transform: translateX(-18px); }
+          100% { transform: translateX(0); }
+        }
+
+        @keyframes cc-theme-star-blink-1 {
+          0%, 100% { opacity: 0.35; transform: scale(0.9); }
+          50% { opacity: 1; transform: scale(1.08); }
+        }
+
+        @keyframes cc-theme-star-blink-2 {
+          0%, 100% { opacity: 0.25; transform: scale(0.85); }
+          45% { opacity: 0.95; transform: scale(1.05); }
+        }
+
+        @keyframes cc-theme-star-blink-3 {
+          0%, 100% { opacity: 0.3; transform: scale(0.9); }
+          55% { opacity: 1; transform: scale(1.12); }
+        }
+      ` })
+      ]
+    }
+  );
+}
+
 // src/lib/accountsAuth.ts
 var normalizeBaseUrl2 = (value) => value.replace(/\/+$/, "");
+var AUTH_REQUEST_TIMEOUT_MS = 8e3;
+var LOCAL_BROWSER_HOSTNAMES = /* @__PURE__ */ new Set(["localhost", "127.0.0.1", "::1"]);
+var isLocalBrowserOrigin = () => {
+  if (typeof window === "undefined") return false;
+  return LOCAL_BROWSER_HOSTNAMES.has(window.location.hostname);
+};
+var getLocalRedirectUri = () => {
+  if (typeof window === "undefined") {
+    return "http://localhost:8080/auth/callback";
+  }
+  const port = window.location.port || "8080";
+  return `${window.location.protocol}//localhost:${port}/auth/callback`;
+};
+var fetchWithTimeout = async (input, init, timeoutMs = AUTH_REQUEST_TIMEOUT_MS) => {
+  const controller = new AbortController();
+  const timeoutId = window.setTimeout(() => controller.abort(), timeoutMs);
+  try {
+    return await fetch(input, {
+      ...init,
+      signal: controller.signal
+    });
+  } catch (error) {
+    if (error.name === "AbortError") {
+      throw new Error("Timeout ao consultar o Accounts.");
+    }
+    throw error;
+  } finally {
+    window.clearTimeout(timeoutId);
+  }
+};
 var getAccountsConfig = () => {
-  var _a78, _b7, _c;
+  var _a78, _b7;
   const baseUrl = normalizeBaseUrl2(
     (_a78 = getRuntimeEnv("VITE_ACCOUNTS_BASE_URL")) != null ? _a78 : "https://accounts.cupcode.com.br"
   );
@@ -21897,12 +22380,14 @@ var getAccountsConfig = () => {
   if (!clientId) {
     throw new Error("VITE_ACCOUNTS_CLIENT_ID \xE9 obrigat\xF3rio para login.");
   }
-  const redirectUri = (_b7 = getRuntimeEnv("VITE_ACCOUNTS_REDIRECT_URI")) != null ? _b7 : `${window.location.origin}/auth/callback`;
+  const runtimeRedirectUri = getRuntimeEnv("VITE_ACCOUNTS_REDIRECT_URI");
+  const fallbackRedirectUri = typeof window === "undefined" ? "http://localhost:8080/auth/callback" : `${window.location.origin}/auth/callback`;
+  const redirectUri = runtimeRedirectUri != null ? runtimeRedirectUri : isLocalBrowserOrigin() ? getLocalRedirectUri() : fallbackRedirectUri;
   return {
     baseUrl,
     clientId,
     redirectUri,
-    scope: (_c = getRuntimeEnv("VITE_ACCOUNTS_SCOPE")) != null ? _c : "openid profile email",
+    scope: (_b7 = getRuntimeEnv("VITE_ACCOUNTS_SCOPE")) != null ? _b7 : "openid profile email",
     audience: getRuntimeEnv("VITE_ACCOUNTS_AUDIENCE"),
     authUrl: getRuntimeEnv("VITE_ACCOUNTS_AUTH_URL"),
     tokenUrl: getRuntimeEnv("VITE_ACCOUNTS_TOKEN_URL"),
@@ -21928,7 +22413,7 @@ var resolveOidcEndpoints = async (config) => {
     };
   }
   const discoveryUrl = `${normalizeBaseUrl2(config.baseUrl)}/.well-known/openid-configuration`;
-  const response = await fetch(discoveryUrl);
+  const response = await fetchWithTimeout(discoveryUrl);
   if (!response.ok) {
     throw new Error("Falha ao resolver configura\xE7\xE3o OIDC do accounts.");
   }
@@ -22019,7 +22504,7 @@ var exchangeCodeForToken = async (config, tokenUrl, code, verifier) => {
     redirect_uri: config.redirectUri,
     code_verifier: verifier
   });
-  const response = await fetch(tokenUrl, {
+  const response = await fetchWithTimeout(tokenUrl, {
     method: "POST",
     headers: { "Content-Type": "application/x-www-form-urlencoded" },
     body
@@ -22066,7 +22551,7 @@ var decodeJwt = (token) => {
 };
 
 // src/components/cupcode/MainNavbar.tsx
-import { Fragment as Fragment5, jsx as jsx38, jsxs as jsxs23 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx39, jsxs as jsxs24 } from "react/jsx-runtime";
 var parsePositiveInteger = (rawValue, fallback) => {
   const parsed = Number(rawValue);
   if (!Number.isFinite(parsed) || parsed <= 0) return fallback;
@@ -22226,6 +22711,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,
@@ -24027,30 +24513,7 @@ var MainNavbar = ({
   }, [currentPathname, onNavigate, showNavItems]);
   const resolvedLogo = useMemo9(() => {
     if (logo !== void 0) return logo;
-    return /* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-[15px]", children: [
-      /* @__PURE__ */ jsx38(
-        TelescupImage,
-        {
-          apiId: "be574751-cf1b-499a-8473-360b4115b447",
-          imageWidth: 40,
-          imageHeight: 40,
-          alt: "Design System Cupcode",
-          loading: "eager",
-          className: "h-10 w-auto"
-        }
-      ),
-      /* @__PURE__ */ jsx38(
-        TelescupImage,
-        {
-          apiId: "3b913721-2eda-48fd-8d76-1a53055a337f",
-          imageWidth: 120,
-          imageHeight: 32,
-          alt: "Cupcode",
-          loading: "eager",
-          className: "h-8 w-auto"
-        }
-      )
-    ] });
+    return /* @__PURE__ */ jsx39("div", { className: DEFAULT_LOGO_SLOT_CLASS_NAME, "aria-hidden": "true" });
   }, [logo]);
   const handleCtaClick = () => {
     if (onNavigate) {
@@ -24274,61 +24737,64 @@ var MainNavbar = ({
     },
     [authEmail, currentUserId, resolvedSenderId]
   );
-  return /* @__PURE__ */ jsx38(Fragment5, { children: /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx39(Fragment5, { children: /* @__PURE__ */ jsx39(
     NavbarCupcode,
     {
       logo: resolvedLogo,
       items,
       className,
-      actions: /* @__PURE__ */ jsx38("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsx38(
-        UserMenuCupcode,
-        {
-          isAuthenticated: resolvedAuthStatus === "authenticated",
-          isLoading: resolvedAuthStatus === "loading",
-          loginLabel: ctaLabel,
-          displayName: authUser == null ? void 0 : authUser.name,
-          username: (_c = authUser == null ? void 0 : authUser.preferredUsername) != null ? _c : authUser == null ? void 0 : authUser.nickname,
-          email: authUser == null ? void 0 : authUser.email,
-          avatarUrl: resolvedProfileAvatarUrl,
-          roleLabel: authUser == null ? void 0 : authUser.jobTitle,
-          status: presenceStatus,
-          onStatusChange: onPresenceStatusChange,
-          chatUsers,
-          chatMessages,
-          chatReactions,
-          chatMessageLogs,
-          currentChatUserId: effectiveCurrentUserId,
-          chatUnreadCount,
-          chatUnreadByUser,
-          isChatSuperAdmin,
-          isChatLoading,
-          isChatSending,
-          chatError,
-          onChatSendMessage: handleChatSendMessage,
-          onChatMarkConversationRead: handleChatMarkConversationRead,
-          onChatToggleReaction: handleChatToggleReaction,
-          onChatEditMessage: handleChatEditMessage,
-          onChatDeleteMessage: handleChatDeleteMessage,
-          onChatViewMessageData: handleChatViewMessageData,
-          onChatOpenUserProfile: handleChatOpenUserProfile,
-          onChatSendEmail: handleChatSendEmail,
-          onChatAddToAgenda: handleChatAddToAgenda,
-          onLogin: handleCtaClick,
-          onLogout: handleLogoutClick,
-          onOpenAccount: handleOpenAccounts,
-          onOpenProfile: handleOpenAccountsProfile,
-          onOpenBilling: handleOpenAccountsBilling,
-          onOpenTasks: handleOpenMcTasks,
-          onProfileAvatarChange: handleProfileAvatarChange,
-          language: accountsLanguage,
-          onLanguageChange: handleLanguageChange,
-          recentActivity: accountsRecentActivity,
-          isRecentActivityLoading: isAccountsActivityLoading,
-          telescupBaseUrl: resolvedTelescupBaseUrl,
-          getTelescupAccessToken,
-          appVersion
-        }
-      ) })
+      actions: /* @__PURE__ */ jsxs24("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ jsx39(ThemeToggle, {}),
+        /* @__PURE__ */ jsx39(
+          UserMenuCupcode,
+          {
+            isAuthenticated: resolvedAuthStatus === "authenticated",
+            isLoading: resolvedAuthStatus === "loading",
+            loginLabel: ctaLabel,
+            displayName: authUser == null ? void 0 : authUser.name,
+            username: (_c = authUser == null ? void 0 : authUser.preferredUsername) != null ? _c : authUser == null ? void 0 : authUser.nickname,
+            email: authUser == null ? void 0 : authUser.email,
+            avatarUrl: resolvedProfileAvatarUrl,
+            roleLabel: authUser == null ? void 0 : authUser.jobTitle,
+            status: presenceStatus,
+            onStatusChange: onPresenceStatusChange,
+            chatUsers,
+            chatMessages,
+            chatReactions,
+            chatMessageLogs,
+            currentChatUserId: effectiveCurrentUserId,
+            chatUnreadCount,
+            chatUnreadByUser,
+            isChatSuperAdmin,
+            isChatLoading,
+            isChatSending,
+            chatError,
+            onChatSendMessage: handleChatSendMessage,
+            onChatMarkConversationRead: handleChatMarkConversationRead,
+            onChatToggleReaction: handleChatToggleReaction,
+            onChatEditMessage: handleChatEditMessage,
+            onChatDeleteMessage: handleChatDeleteMessage,
+            onChatViewMessageData: handleChatViewMessageData,
+            onChatOpenUserProfile: handleChatOpenUserProfile,
+            onChatSendEmail: handleChatSendEmail,
+            onChatAddToAgenda: handleChatAddToAgenda,
+            onLogin: handleCtaClick,
+            onLogout: handleLogoutClick,
+            onOpenAccount: handleOpenAccounts,
+            onOpenProfile: handleOpenAccountsProfile,
+            onOpenBilling: handleOpenAccountsBilling,
+            onOpenTasks: handleOpenMcTasks,
+            onProfileAvatarChange: handleProfileAvatarChange,
+            language: accountsLanguage,
+            onLanguageChange: handleLanguageChange,
+            recentActivity: accountsRecentActivity,
+            isRecentActivityLoading: isAccountsActivityLoading,
+            telescupBaseUrl: resolvedTelescupBaseUrl,
+            getTelescupAccessToken,
+            appVersion
+          }
+        )
+      ] })
     }
   ) });
 };
@@ -24339,48 +24805,6 @@ import { ChevronDown as ChevronDown4, Circle as Circle2, Search as Search2 } fro
 import { useEffect as useEffect15, useMemo as useMemo10, useRef as useRef11, useState as useState14 } from "react";
 import { NavLink, useLocation } from "react-router-dom";
 
-// src/components/layout/DsNavbarLogo.tsx
-import { jsx as jsx39, jsxs as jsxs24 } from "react/jsx-runtime";
-var DsNavbarLogo = () => {
-  return /* @__PURE__ */ jsxs24("div", { className: "flex items-center gap-[15px]", children: [
-    /* @__PURE__ */ jsx39(
-      TelescupImage,
-      {
-        apiId: "be574751-cf1b-499a-8473-360b4115b447",
-        imageWidth: 40,
-        imageHeight: 40,
-        alt: "Design System Cupcode",
-        loading: "eager",
-        className: "h-10 w-auto"
-      }
-    ),
-    /* @__PURE__ */ jsx39(
-      TelescupImage,
-      {
-        apiId: "3b913721-2eda-48fd-8d76-1a53055a337f",
-        imageWidth: 120,
-        imageHeight: 32,
-        alt: "Cupcode",
-        loading: "eager",
-        className: "h-8 w-auto"
-      }
-    )
-  ] });
-};
-var DsNavbarCompactLogo = () => {
-  return /* @__PURE__ */ jsx39(
-    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) => {
@@ -24431,6 +24855,8 @@ var findGroupByRoute = (groups, pathname) => {
   return (_b7 = (_a78 = groups.find((group) => group.items.some((item) => item.route === pathname))) == null ? void 0 : _a78.label) != null ? _b7 : null;
 };
 var IconFallback = () => /* @__PURE__ */ jsx40(Circle2, { className: "h-3 w-3 opacity-80", "aria-hidden": "true" });
+var DEFAULT_EXPANDED_LOGO_SLOT = /* @__PURE__ */ jsx40("div", { className: "h-10 w-[175px] shrink-0", "aria-hidden": "true" });
+var DEFAULT_COLLAPSED_LOGO_SLOT = /* @__PURE__ */ jsx40("div", { className: "h-8 w-8 shrink-0 rounded-lg", "aria-hidden": "true" });
 var IconSlot = ({ icon, className }) => /* @__PURE__ */ jsx40("span", { className: cn("inline-flex items-center justify-center [&>svg]:h-4 [&>svg]:w-4", className), children: icon != null ? icon : /* @__PURE__ */ jsx40(IconFallback, {}) });
 var AppSidebar = ({ isCollapsed, onToggle, groups, logo, collapsedLogo }) => {
   const location = useLocation();
@@ -24452,8 +24878,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__ */ jsx40(DsNavbarLogo, {});
-  const resolvedCollapsedLogo = collapsedLogo != null ? collapsedLogo : /* @__PURE__ */ jsx40(DsNavbarCompactLogo, {});
+  const resolvedExpandedLogo = logo != null ? logo : DEFAULT_EXPANDED_LOGO_SLOT;
+  const resolvedCollapsedLogo = collapsedLogo != null ? collapsedLogo : DEFAULT_COLLAPSED_LOGO_SLOT;
   useEffect15(() => {
     if (!openGroup && resolvedGroups.length > 0) {
       setOpenGroup(resolvedGroups[0].label);
@@ -25533,19 +25959,31 @@ 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";
   }
   return defaultTheme;
 }
-var ThemeToggle = ({
+var ThemeToggle2 = ({
   className,
   theme,
   defaultTheme = "light",
@@ -25573,7 +26011,7 @@ var ThemeToggle = ({
       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]);
   if (!mounted) {
@@ -25589,6 +26027,7 @@ var ThemeToggle = ({
   return /* @__PURE__ */ jsxs37(
     "button",
     {
+      type: "button",
       onClick: handleToggle,
       className: cn(
         "relative inline-flex items-center justify-center w-10 h-10",
@@ -25610,12 +26049,180 @@ var ThemeToggle = ({
   );
 };
 
+// src/components/theme-provider.tsx
+import {
+  useCallback as useCallback8,
+  useEffect as useEffect20,
+  useMemo as useMemo12,
+  useState as useState17
+} from "react";
+import { flushSync } from "react-dom";
+import { jsx as jsx58 } from "react/jsx-runtime";
+var STORAGE_KEY2 = "cupcode-theme";
+var LEGACY_STORAGE_KEY = "theme";
+function getPreferredTheme() {
+  if (typeof window === "undefined") {
+    return "light";
+  }
+  return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+}
+function getStoredTheme() {
+  var _a78;
+  if (typeof window === "undefined") {
+    return null;
+  }
+  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");
+  root.classList.toggle("light", theme === "light");
+  root.dataset.theme = theme;
+  root.style.colorScheme = theme;
+}
+function persistTheme(theme) {
+  window.localStorage.setItem(STORAGE_KEY2, theme);
+  window.localStorage.setItem(LEGACY_STORAGE_KEY, theme);
+}
+function ThemeProvider({ children }) {
+  const [theme, setThemeState] = useState17(() => resolveTheme2());
+  const [mounted, setMounted] = useState17(false);
+  useEffect20(() => {
+    const initialTheme = resolveTheme2();
+    setThemeState((currentTheme) => currentTheme === initialTheme ? currentTheme : initialTheme);
+    applyThemeToRoot(initialTheme);
+    setMounted(true);
+  }, []);
+  useEffect20(() => {
+    if (!mounted) {
+      return;
+    }
+    persistTheme(theme);
+    applyThemeToRoot(theme);
+  }, [mounted, theme]);
+  useEffect20(() => {
+    if (typeof window === "undefined") {
+      return;
+    }
+    const mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
+    const handleChange = () => {
+      if (getStoredTheme()) {
+        return;
+      }
+      const nextTheme = mediaQuery.matches ? "dark" : "light";
+      setThemeState(nextTheme);
+      applyThemeToRoot(nextTheme);
+    };
+    mediaQuery.addEventListener("change", handleChange);
+    return () => mediaQuery.removeEventListener("change", handleChange);
+  }, []);
+  useEffect20(() => {
+    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 setTheme = useCallback8((nextTheme) => {
+    setThemeState(nextTheme);
+  }, []);
+  const toggleTheme = useCallback8((coords) => {
+    var _a78;
+    const documentWithTransition = document;
+    const prefersReducedMotion = window.matchMedia(
+      "(prefers-reduced-motion: reduce)"
+    ).matches;
+    const supportsTransition = typeof documentWithTransition.startViewTransition === "function";
+    const flipTheme = () => {
+      setThemeState(
+        (currentTheme) => currentTheme === "light" ? "dark" : "light"
+      );
+    };
+    if (coords) {
+      document.documentElement.style.setProperty("--theme-x", `${coords.x}px`);
+      document.documentElement.style.setProperty("--theme-y", `${coords.y}px`);
+    }
+    if (!supportsTransition || prefersReducedMotion) {
+      flipTheme();
+      return;
+    }
+    (_a78 = documentWithTransition.startViewTransition) == null ? void 0 : _a78.call(documentWithTransition, () => {
+      flushSync(() => {
+        flipTheme();
+      });
+    });
+  }, []);
+  const value = useMemo12(
+    () => ({
+      theme,
+      setTheme,
+      toggleTheme
+    }),
+    [theme, setTheme, toggleTheme]
+  );
+  return /* @__PURE__ */ jsx58(ThemeContext.Provider, { value, children });
+}
+function ThemeScript() {
+  const script = `
+    (() => {
+      const storageKey = "${STORAGE_KEY2}";
+      const legacyStorageKey = "${LEGACY_STORAGE_KEY}";
+      const storedTheme = localStorage.getItem(storageKey) ?? localStorage.getItem(legacyStorageKey);
+      const theme =
+        storedTheme === "light" || storedTheme === "dark"
+          ? storedTheme
+          : window.matchMedia("(prefers-color-scheme: dark)").matches
+            ? "dark"
+            : "light";
+      const root = document.documentElement;
+      root.classList.toggle("dark", theme === "dark");
+      root.classList.toggle("light", theme === "light");
+      root.dataset.theme = theme;
+      root.style.colorScheme = theme;
+    })();
+  `;
+  return /* @__PURE__ */ jsx58("script", { dangerouslySetInnerHTML: { __html: script } });
+}
+
 // src/components/cupcode/TimelineCupcode.tsx
-import { jsx as jsx58, jsxs as jsxs38 } from "react/jsx-runtime";
+import { jsx as jsx59, jsxs as jsxs38 } from "react/jsx-runtime";
 function Timeline({ items, variant = "vertical", className }) {
   if (variant === "horizontal") {
-    return /* @__PURE__ */ jsx58("div", { className: cn("flex items-start gap-4 overflow-x-auto pb-4", className), children: items.map((item, index) => /* @__PURE__ */ jsxs38("div", { className: "flex flex-col items-center min-w-[200px]", children: [
-      /* @__PURE__ */ jsx58(
+    return /* @__PURE__ */ jsx59("div", { className: cn("flex items-start gap-4 overflow-x-auto pb-4", className), children: items.map((item, index) => /* @__PURE__ */ jsxs38("div", { className: "flex flex-col items-center min-w-[200px]", children: [
+      /* @__PURE__ */ jsx59(
         "div",
         {
           className: cn(
@@ -25623,27 +26230,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__ */ jsx58("span", { className: "text-sm font-bold", children: index + 1 })
+          children: item.icon || /* @__PURE__ */ jsx59("span", { className: "text-sm font-bold", children: index + 1 })
         }
       ),
-      index < items.length - 1 && /* @__PURE__ */ jsx58("div", { className: cn(
+      index < items.length - 1 && /* @__PURE__ */ jsx59("div", { className: cn(
         "h-1 w-full mb-3",
         item.active ? "bg-cupcode-purple" : "bg-muted"
       ) }),
       /* @__PURE__ */ jsxs38("div", { className: "text-center", children: [
-        /* @__PURE__ */ jsx58("h4", { className: cn(
+        /* @__PURE__ */ jsx59("h4", { className: cn(
           "font-display font-semibold mb-1",
           item.active ? "text-cupcode-purple" : "text-foreground"
         ), children: item.title }),
-        item.description && /* @__PURE__ */ jsx58("p", { className: "text-sm text-muted-foreground", children: item.description }),
-        item.date && /* @__PURE__ */ jsx58("p", { className: "text-xs text-muted-foreground mt-1", children: item.date })
+        item.description && /* @__PURE__ */ jsx59("p", { className: "text-sm text-muted-foreground", children: item.description }),
+        item.date && /* @__PURE__ */ jsx59("p", { className: "text-xs text-muted-foreground mt-1", children: item.date })
       ] })
     ] }, item.id)) });
   }
   return /* @__PURE__ */ jsxs38("div", { className: cn("relative space-6", className), children: [
-    /* @__PURE__ */ jsx58("div", { className: "absolute left-6 top-0 bottom-0 w-0.5 bg-muted" }),
+    /* @__PURE__ */ jsx59("div", { className: "absolute left-6 top-0 bottom-0 w-0.5 bg-muted" }),
     items.map((item, index) => /* @__PURE__ */ jsxs38("div", { className: "relative flex gap-6 pb-8 last:pb-0", children: [
-      /* @__PURE__ */ jsx58(
+      /* @__PURE__ */ jsx59(
         "div",
         {
           className: cn(
@@ -25651,16 +26258,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__ */ jsx58("span", { className: "text-sm font-bold", children: index + 1 })
+          children: item.icon || /* @__PURE__ */ jsx59("span", { className: "text-sm font-bold", children: index + 1 })
         }
       ),
       /* @__PURE__ */ jsxs38("div", { className: "flex-1 pt-1", children: [
-        /* @__PURE__ */ jsx58("h4", { className: cn(
+        /* @__PURE__ */ jsx59("h4", { className: cn(
           "font-display font-semibold mb-1",
           item.active ? "text-cupcode-purple" : "text-foreground"
         ), children: item.title }),
-        item.description && /* @__PURE__ */ jsx58("p", { className: "text-sm text-muted-foreground mb-2", children: item.description }),
-        item.date && /* @__PURE__ */ jsx58("p", { className: "text-xs text-muted-foreground", children: item.date })
+        item.description && /* @__PURE__ */ jsx59("p", { className: "text-sm text-muted-foreground mb-2", children: item.description }),
+        item.date && /* @__PURE__ */ jsx59("p", { className: "text-xs text-muted-foreground", children: item.date })
       ] })
     ] }, item.id))
   ] });
@@ -25668,7 +26275,7 @@ function Timeline({ items, variant = "vertical", className }) {
 
 // src/components/cupcode/ToastCupcode.tsx
 import { X as X6, CheckCircle, AlertCircle, Info as Info2, AlertTriangle as AlertTriangle2 } from "lucide-react";
-import { jsx as jsx59, jsxs as jsxs39 } from "react/jsx-runtime";
+import { jsx as jsx60, jsxs as jsxs39 } from "react/jsx-runtime";
 var variantStyles2 = {
   success: {
     gradient: "from-success/20 to-success/5",
@@ -25703,7 +26310,7 @@ var ToastCupcode = ({
 }) => {
   const style = variantStyles2[variant];
   const Icon3 = style.icon;
-  return /* @__PURE__ */ jsx59(
+  return /* @__PURE__ */ jsx60(
     "div",
     {
       className: cn(
@@ -25716,17 +26323,17 @@ var ToastCupcode = ({
         "animate-slide-up"
       ),
       children: /* @__PURE__ */ jsxs39("div", { className: "flex items-start gap-3", children: [
-        /* @__PURE__ */ jsx59(Icon3, { className: cn("h-5 w-5 shrink-0 mt-0.5", style.iconColor) }),
+        /* @__PURE__ */ jsx60(Icon3, { className: cn("h-5 w-5 shrink-0 mt-0.5", style.iconColor) }),
         /* @__PURE__ */ jsxs39("div", { className: "flex-1 space-y-1", children: [
-          /* @__PURE__ */ jsx59("p", { className: "text-sm font-semibold text-cupcode-ink", children: title }),
-          description && /* @__PURE__ */ jsx59("p", { className: "text-xs text-cupcode-ink/70", children: description })
+          /* @__PURE__ */ jsx60("p", { className: "text-sm font-semibold text-cupcode-ink", children: title }),
+          description && /* @__PURE__ */ jsx60("p", { className: "text-xs text-cupcode-ink/70", children: description })
         ] }),
-        onClose && /* @__PURE__ */ jsx59(
+        onClose && /* @__PURE__ */ jsx60(
           "button",
           {
             onClick: onClose,
             className: "shrink-0 rounded-md p-1 hover:bg-cupcode-ink/10 transition-colors",
-            children: /* @__PURE__ */ jsx59(X6, { className: "h-4 w-4 text-cupcode-ink/50" })
+            children: /* @__PURE__ */ jsx60(X6, { className: "h-4 w-4 text-cupcode-ink/50" })
           }
         )
       ] })
@@ -25735,11 +26342,11 @@ var ToastCupcode = ({
 };
 
 // src/components/cupcode/VideoWatchButton.tsx
-import React34 from "react";
-import { jsx as jsx60, jsxs as jsxs40 } from "react/jsx-runtime";
-var PlayGlyph = () => /* @__PURE__ */ jsx60("svg", { viewBox: "0 0 18 18", "aria-hidden": "true", className: "h-[18px] w-[18px]", children: /* @__PURE__ */ jsx60("path", { d: "M6 4.5L13.5 9L6 13.5V4.5Z", fill: "currentColor" }) });
-var VideoWatchButton = React34.forwardRef(
-  ({ className, label = "Watch now", type = "button", "aria-label": ariaLabel, ...props }, ref) => {
+import React35 from "react";
+import { jsx as jsx61, jsxs as jsxs40 } from "react/jsx-runtime";
+var PlayGlyph = () => /* @__PURE__ */ jsx61("svg", { viewBox: "0 0 18 18", "aria-hidden": "true", className: "h-[18px] w-[18px]", children: /* @__PURE__ */ jsx61("path", { d: "M6 4.5L13.5 9L6 13.5V4.5Z", fill: "currentColor" }) });
+var VideoWatchButton = React35.forwardRef(
+  ({ className, label = "Assistir", type = "button", "aria-label": ariaLabel, ...props }, ref) => {
     return /* @__PURE__ */ jsxs40(
       "button",
       {
@@ -25750,17 +26357,17 @@ var VideoWatchButton = React34.forwardRef(
         ...props,
         children: [
           /* @__PURE__ */ jsxs40("span", { className: "cc-video-watch-btn__bg", children: [
-            /* @__PURE__ */ jsx60("span", { className: "cc-video-watch-btn__icon", children: /* @__PURE__ */ jsx60(PlayGlyph, {}) }),
-            /* @__PURE__ */ jsx60("span", { className: "cc-video-watch-btn__label", children: label }),
+            /* @__PURE__ */ jsx61("span", { className: "cc-video-watch-btn__icon", children: /* @__PURE__ */ jsx61(PlayGlyph, {}) }),
+            /* @__PURE__ */ jsx61("span", { className: "cc-video-watch-btn__label", children: label }),
             /* @__PURE__ */ jsxs40("span", { className: "cc-video-watch-btn__mask", "aria-hidden": "true", children: [
-              /* @__PURE__ */ jsx60("span", { className: "cc-video-watch-btn__blob cc-video-watch-btn__blob--1" }),
-              /* @__PURE__ */ jsx60("span", { className: "cc-video-watch-btn__blob cc-video-watch-btn__blob--2" }),
-              /* @__PURE__ */ jsx60("span", { className: "cc-video-watch-btn__blob cc-video-watch-btn__blob--3" }),
-              /* @__PURE__ */ jsx60("span", { className: "cc-video-watch-btn__blob cc-video-watch-btn__blob--4" }),
-              /* @__PURE__ */ jsx60("span", { className: "cc-video-watch-btn__blob cc-video-watch-btn__blob--5" })
+              /* @__PURE__ */ jsx61("span", { className: "cc-video-watch-btn__blob cc-video-watch-btn__blob--1" }),
+              /* @__PURE__ */ jsx61("span", { className: "cc-video-watch-btn__blob cc-video-watch-btn__blob--2" }),
+              /* @__PURE__ */ jsx61("span", { className: "cc-video-watch-btn__blob cc-video-watch-btn__blob--3" }),
+              /* @__PURE__ */ jsx61("span", { className: "cc-video-watch-btn__blob cc-video-watch-btn__blob--4" }),
+              /* @__PURE__ */ jsx61("span", { className: "cc-video-watch-btn__blob cc-video-watch-btn__blob--5" })
             ] })
           ] }),
-          /* @__PURE__ */ jsx60("span", { className: "cc-video-watch-btn__glow", "aria-hidden": "true" })
+          /* @__PURE__ */ jsx61("span", { className: "cc-video-watch-btn__glow", "aria-hidden": "true" })
         ]
       }
     );
@@ -25769,13 +26376,13 @@ var VideoWatchButton = React34.forwardRef(
 VideoWatchButton.displayName = "VideoWatchButton";
 
 // src/components/cupcode/TooltipCupcode.tsx
-import * as React35 from "react";
+import * as React36 from "react";
 import * as TooltipPrimitive2 from "@radix-ui/react-tooltip";
-import { jsx as jsx61 } from "react/jsx-runtime";
+import { jsx as jsx62 } from "react/jsx-runtime";
 var TooltipProvider2 = TooltipPrimitive2.Provider;
 var TooltipCupcode = TooltipPrimitive2.Root;
 var TooltipTrigger2 = TooltipPrimitive2.Trigger;
-var TooltipContent2 = React35.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx61(
+var TooltipContent2 = React36.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx62(
   TooltipPrimitive2.Content,
   {
     ref,
@@ -25796,14 +26403,14 @@ var TooltipContent2 = React35.forwardRef(({ className, sideOffset = 4, ...props
 TooltipContent2.displayName = TooltipPrimitive2.Content.displayName;
 
 // src/components/ui/accordion.tsx
-import * as React36 from "react";
+import * as React37 from "react";
 import * as AccordionPrimitive2 from "@radix-ui/react-accordion";
 import { ChevronDown as ChevronDown6 } from "lucide-react";
-import { jsx as jsx62, jsxs as jsxs41 } from "react/jsx-runtime";
+import { jsx as jsx63, jsxs as jsxs41 } from "react/jsx-runtime";
 var Accordion = AccordionPrimitive2.Root;
-var AccordionItem2 = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx62(AccordionPrimitive2.Item, { ref, className: cn("border-b", className), ...props }));
+var AccordionItem2 = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx63(AccordionPrimitive2.Item, { ref, className: cn("border-b", className), ...props }));
 AccordionItem2.displayName = "AccordionItem";
-var AccordionTrigger2 = React36.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx62(AccordionPrimitive2.Header, { className: "flex", children: /* @__PURE__ */ jsxs41(
+var AccordionTrigger2 = React37.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx63(AccordionPrimitive2.Header, { className: "flex", children: /* @__PURE__ */ jsxs41(
   AccordionPrimitive2.Trigger,
   {
     ref,
@@ -25814,26 +26421,26 @@ var AccordionTrigger2 = React36.forwardRef(({ className, children, ...props }, r
     ...props,
     children: [
       children,
-      /* @__PURE__ */ jsx62(ChevronDown6, { className: "h-4 w-4 shrink-0 transition-transform duration-200" })
+      /* @__PURE__ */ jsx63(ChevronDown6, { className: "h-4 w-4 shrink-0 transition-transform duration-200" })
     ]
   }
 ) }));
 AccordionTrigger2.displayName = AccordionPrimitive2.Trigger.displayName;
-var AccordionContent2 = React36.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx62(
+var AccordionContent2 = React37.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx63(
   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__ */ jsx62("div", { className: cn("pb-4 pt-0", className), children })
+    children: /* @__PURE__ */ jsx63("div", { className: cn("pb-4 pt-0", className), children })
   }
 ));
 AccordionContent2.displayName = AccordionPrimitive2.Content.displayName;
 
 // src/components/ui/alert.tsx
-import * as React37 from "react";
+import * as React38 from "react";
 import { cva as cva3 } from "class-variance-authority";
-import { jsx as jsx63 } from "react/jsx-runtime";
+import { jsx as jsx64 } from "react/jsx-runtime";
 var alertVariants = cva3(
   "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",
   {
@@ -25848,14 +26455,14 @@ var alertVariants = cva3(
     }
   }
 );
-var Alert = React37.forwardRef(({ className, variant, ...props }, ref) => /* @__PURE__ */ jsx63("div", { ref, role: "alert", className: cn(alertVariants({ variant }), className), ...props }));
+var Alert = React38.forwardRef(({ className, variant, ...props }, ref) => /* @__PURE__ */ jsx64("div", { ref, role: "alert", className: cn(alertVariants({ variant }), className), ...props }));
 Alert.displayName = "Alert";
-var AlertTitle = React37.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx63("h5", { ref, className: cn("mb-1 font-medium leading-none tracking-tight", className), ...props })
+var AlertTitle = React38.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx64("h5", { ref, className: cn("mb-1 font-medium leading-none tracking-tight", className), ...props })
 );
 AlertTitle.displayName = "AlertTitle";
-var AlertDescription = React37.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx63("div", { ref, className: cn("text-sm [&_p]:leading-relaxed", className), ...props })
+var AlertDescription = React38.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx64("div", { ref, className: cn("text-sm [&_p]:leading-relaxed", className), ...props })
 );
 AlertDescription.displayName = "AlertDescription";
 
@@ -25864,14 +26471,14 @@ import * as AspectRatioPrimitive from "@radix-ui/react-aspect-ratio";
 var AspectRatio = AspectRatioPrimitive.Root;
 
 // src/components/ui/breadcrumb.tsx
-import * as React38 from "react";
+import * as React39 from "react";
 import { Slot as Slot2 } from "@radix-ui/react-slot";
 import { ChevronRight as ChevronRight3, MoreHorizontal } from "lucide-react";
-import { jsx as jsx64, jsxs as jsxs42 } from "react/jsx-runtime";
-var Breadcrumb = React38.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx64("nav", { ref, "aria-label": "breadcrumb", ...props }));
+import { jsx as jsx65, jsxs as jsxs42 } from "react/jsx-runtime";
+var Breadcrumb = React39.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx65("nav", { ref, "aria-label": "breadcrumb", ...props }));
 Breadcrumb.displayName = "Breadcrumb";
-var BreadcrumbList = React38.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx64(
+var BreadcrumbList = React39.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx65(
     "ol",
     {
       ref,
@@ -25884,17 +26491,17 @@ var BreadcrumbList = React38.forwardRef(
   )
 );
 BreadcrumbList.displayName = "BreadcrumbList";
-var BreadcrumbItem = React38.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx64("li", { ref, className: cn("inline-flex items-center gap-1.5", className), ...props })
+var BreadcrumbItem = React39.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx65("li", { ref, className: cn("inline-flex items-center gap-1.5", className), ...props })
 );
 BreadcrumbItem.displayName = "BreadcrumbItem";
-var BreadcrumbLink = React38.forwardRef(({ asChild, className, ...props }, ref) => {
+var BreadcrumbLink = React39.forwardRef(({ asChild, className, ...props }, ref) => {
   const Comp = asChild ? Slot2 : "a";
-  return /* @__PURE__ */ jsx64(Comp, { ref, className: cn("transition-colors hover:text-foreground", className), ...props });
+  return /* @__PURE__ */ jsx65(Comp, { ref, className: cn("transition-colors hover:text-foreground", className), ...props });
 });
 BreadcrumbLink.displayName = "BreadcrumbLink";
-var BreadcrumbPage = React38.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx64(
+var BreadcrumbPage = React39.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx65(
     "span",
     {
       ref,
@@ -25907,7 +26514,7 @@ var BreadcrumbPage = React38.forwardRef(
   )
 );
 BreadcrumbPage.displayName = "BreadcrumbPage";
-var BreadcrumbSeparator = ({ children, className, ...props }) => /* @__PURE__ */ jsx64("li", { role: "presentation", "aria-hidden": "true", className: cn("[&>svg]:size-3.5", className), ...props, children: children != null ? children : /* @__PURE__ */ jsx64(ChevronRight3, {}) });
+var BreadcrumbSeparator = ({ children, className, ...props }) => /* @__PURE__ */ jsx65("li", { role: "presentation", "aria-hidden": "true", className: cn("[&>svg]:size-3.5", className), ...props, children: children != null ? children : /* @__PURE__ */ jsx65(ChevronRight3, {}) });
 BreadcrumbSeparator.displayName = "BreadcrumbSeparator";
 var BreadcrumbEllipsis = ({ className, ...props }) => /* @__PURE__ */ jsxs42(
   "span",
@@ -25917,8 +26524,8 @@ var BreadcrumbEllipsis = ({ className, ...props }) => /* @__PURE__ */ jsxs42(
     className: cn("flex h-9 w-9 items-center justify-center", className),
     ...props,
     children: [
-      /* @__PURE__ */ jsx64(MoreHorizontal, { className: "h-4 w-4" }),
-      /* @__PURE__ */ jsx64("span", { className: "sr-only", children: "More" })
+      /* @__PURE__ */ jsx65(MoreHorizontal, { className: "h-4 w-4" }),
+      /* @__PURE__ */ jsx65("span", { className: "sr-only", children: "More" })
     ]
   }
 );
@@ -25927,9 +26534,9 @@ BreadcrumbEllipsis.displayName = "BreadcrumbElipssis";
 // src/components/ui/calendar.tsx
 import { ChevronLeft, ChevronRight as ChevronRight4 } from "lucide-react";
 import { DayPicker } from "react-day-picker";
-import { jsx as jsx65 } from "react/jsx-runtime";
+import { jsx as jsx66 } from "react/jsx-runtime";
 function Calendar({ className, classNames, showOutsideDays = true, ...props }) {
-  return /* @__PURE__ */ jsx65(
+  return /* @__PURE__ */ jsx66(
     DayPicker,
     {
       showOutsideDays,
@@ -25964,9 +26571,9 @@ function Calendar({ className, classNames, showOutsideDays = true, ...props }) {
       components: {
         Chevron: ({ orientation, className: className2, ...chevronProps }) => {
           if (orientation === "left") {
-            return /* @__PURE__ */ jsx65(ChevronLeft, { className: cn("h-4 w-4", className2), ...chevronProps });
+            return /* @__PURE__ */ jsx66(ChevronLeft, { className: cn("h-4 w-4", className2), ...chevronProps });
           }
-          return /* @__PURE__ */ jsx65(ChevronRight4, { className: cn("h-4 w-4", className2), ...chevronProps });
+          return /* @__PURE__ */ jsx66(ChevronRight4, { className: cn("h-4 w-4", className2), ...chevronProps });
         }
       },
       ...props
@@ -25976,45 +26583,45 @@ function Calendar({ className, classNames, showOutsideDays = true, ...props }) {
 Calendar.displayName = "Calendar";
 
 // src/components/ui/card.tsx
-import * as React39 from "react";
-import { jsx as jsx66 } from "react/jsx-runtime";
-var Card = React39.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx66("div", { ref, className: cn("rounded-lg border bg-card text-card-foreground shadow-sm", className), ...props }));
+import * as React40 from "react";
+import { jsx as jsx67 } from "react/jsx-runtime";
+var Card = React40.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx67("div", { ref, className: cn("rounded-lg border bg-card text-card-foreground shadow-sm", className), ...props }));
 Card.displayName = "Card";
-var CardHeader = React39.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx66("div", { ref, className: cn("flex flex-col space-y-1.5 p-6", className), ...props })
+var CardHeader = React40.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx67("div", { ref, className: cn("flex flex-col space-y-1.5 p-6", className), ...props })
 );
 CardHeader.displayName = "CardHeader";
-var CardTitle = React39.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx66("h3", { ref, className: cn("text-2xl font-semibold leading-none tracking-tight", className), ...props })
+var CardTitle = React40.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx67("h3", { ref, className: cn("text-2xl font-semibold leading-none tracking-tight", className), ...props })
 );
 CardTitle.displayName = "CardTitle";
-var CardDescription = React39.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx66("p", { ref, className: cn("text-sm text-muted-foreground", className), ...props })
+var CardDescription = React40.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx67("p", { ref, className: cn("text-sm text-muted-foreground", className), ...props })
 );
 CardDescription.displayName = "CardDescription";
-var CardContent = React39.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx66("div", { ref, className: cn("p-6 pt-0", className), ...props })
+var CardContent = React40.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx67("div", { ref, className: cn("p-6 pt-0", className), ...props })
 );
 CardContent.displayName = "CardContent";
-var CardFooter = React39.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx66("div", { ref, className: cn("flex items-center p-6 pt-0", className), ...props })
+var CardFooter = React40.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx67("div", { ref, className: cn("flex items-center p-6 pt-0", className), ...props })
 );
 CardFooter.displayName = "CardFooter";
 
 // src/components/ui/carousel.tsx
-import * as React40 from "react";
+import * as React41 from "react";
 import useEmblaCarousel from "embla-carousel-react";
 import { ArrowLeft, ArrowRight } from "lucide-react";
-import { jsx as jsx67, jsxs as jsxs43 } from "react/jsx-runtime";
-var CarouselContext = React40.createContext(null);
+import { jsx as jsx68, jsxs as jsxs43 } from "react/jsx-runtime";
+var CarouselContext = React41.createContext(null);
 function useCarousel() {
-  const context = React40.useContext(CarouselContext);
+  const context = React41.useContext(CarouselContext);
   if (!context) {
     throw new Error("useCarousel must be used within a <Carousel />");
   }
   return context;
 }
-var Carousel = React40.forwardRef(
+var Carousel = React41.forwardRef(
   ({ orientation = "horizontal", opts, setApi, plugins, className, children, ...props }, ref) => {
     const [carouselRef, api] = useEmblaCarousel(
       {
@@ -26023,22 +26630,22 @@ var Carousel = React40.forwardRef(
       },
       plugins
     );
-    const [canScrollPrev, setCanScrollPrev] = React40.useState(false);
-    const [canScrollNext, setCanScrollNext] = React40.useState(false);
-    const onSelect = React40.useCallback((api2) => {
+    const [canScrollPrev, setCanScrollPrev] = React41.useState(false);
+    const [canScrollNext, setCanScrollNext] = React41.useState(false);
+    const onSelect = React41.useCallback((api2) => {
       if (!api2) {
         return;
       }
       setCanScrollPrev(api2.canScrollPrev());
       setCanScrollNext(api2.canScrollNext());
     }, []);
-    const scrollPrev = React40.useCallback(() => {
+    const scrollPrev = React41.useCallback(() => {
       api == null ? void 0 : api.scrollPrev();
     }, [api]);
-    const scrollNext = React40.useCallback(() => {
+    const scrollNext = React41.useCallback(() => {
       api == null ? void 0 : api.scrollNext();
     }, [api]);
-    const handleKeyDown = React40.useCallback(
+    const handleKeyDown = React41.useCallback(
       (event) => {
         if (event.key === "ArrowLeft") {
           event.preventDefault();
@@ -26050,13 +26657,13 @@ var Carousel = React40.forwardRef(
       },
       [scrollPrev, scrollNext]
     );
-    React40.useEffect(() => {
+    React41.useEffect(() => {
       if (!api || !setApi) {
         return;
       }
       setApi(api);
     }, [api, setApi]);
-    React40.useEffect(() => {
+    React41.useEffect(() => {
       if (!api) {
         return;
       }
@@ -26067,7 +26674,7 @@ var Carousel = React40.forwardRef(
         api == null ? void 0 : api.off("select", onSelect);
       };
     }, [api, onSelect]);
-    return /* @__PURE__ */ jsx67(
+    return /* @__PURE__ */ jsx68(
       CarouselContext.Provider,
       {
         value: {
@@ -26080,7 +26687,7 @@ var Carousel = React40.forwardRef(
           canScrollPrev,
           canScrollNext
         },
-        children: /* @__PURE__ */ jsx67(
+        children: /* @__PURE__ */ jsx68(
           "div",
           {
             ref,
@@ -26097,10 +26704,10 @@ var Carousel = React40.forwardRef(
   }
 );
 Carousel.displayName = "Carousel";
-var CarouselContent = React40.forwardRef(
+var CarouselContent = React41.forwardRef(
   ({ className, ...props }, ref) => {
     const { carouselRef, orientation } = useCarousel();
-    return /* @__PURE__ */ jsx67("div", { ref: carouselRef, className: "overflow-hidden", children: /* @__PURE__ */ jsx67(
+    return /* @__PURE__ */ jsx68("div", { ref: carouselRef, className: "overflow-hidden", children: /* @__PURE__ */ jsx68(
       "div",
       {
         ref,
@@ -26111,10 +26718,10 @@ var CarouselContent = React40.forwardRef(
   }
 );
 CarouselContent.displayName = "CarouselContent";
-var CarouselItem = React40.forwardRef(
+var CarouselItem = React41.forwardRef(
   ({ className, ...props }, ref) => {
     const { orientation } = useCarousel();
-    return /* @__PURE__ */ jsx67(
+    return /* @__PURE__ */ jsx68(
       "div",
       {
         ref,
@@ -26127,7 +26734,7 @@ var CarouselItem = React40.forwardRef(
   }
 );
 CarouselItem.displayName = "CarouselItem";
-var CarouselPrevious = React40.forwardRef(
+var CarouselPrevious = React41.forwardRef(
   ({ className, variant = "outline", size = "icon", ...props }, ref) => {
     const { orientation, scrollPrev, canScrollPrev } = useCarousel();
     return /* @__PURE__ */ jsxs43(
@@ -26145,15 +26752,15 @@ var CarouselPrevious = React40.forwardRef(
         onClick: scrollPrev,
         ...props,
         children: [
-          /* @__PURE__ */ jsx67(ArrowLeft, { className: "h-4 w-4" }),
-          /* @__PURE__ */ jsx67("span", { className: "sr-only", children: "Previous slide" })
+          /* @__PURE__ */ jsx68(ArrowLeft, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsx68("span", { className: "sr-only", children: "Previous slide" })
         ]
       }
     );
   }
 );
 CarouselPrevious.displayName = "CarouselPrevious";
-var CarouselNext = React40.forwardRef(
+var CarouselNext = React41.forwardRef(
   ({ className, variant = "outline", size = "icon", ...props }, ref) => {
     const { orientation, scrollNext, canScrollNext } = useCarousel();
     return /* @__PURE__ */ jsxs43(
@@ -26171,8 +26778,8 @@ var CarouselNext = React40.forwardRef(
         onClick: scrollNext,
         ...props,
         children: [
-          /* @__PURE__ */ jsx67(ArrowRight, { className: "h-4 w-4" }),
-          /* @__PURE__ */ jsx67("span", { className: "sr-only", children: "Next slide" })
+          /* @__PURE__ */ jsx68(ArrowRight, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsx68("span", { className: "sr-only", children: "Next slide" })
         ]
       }
     );
@@ -26181,22 +26788,22 @@ var CarouselNext = React40.forwardRef(
 CarouselNext.displayName = "CarouselNext";
 
 // src/components/ui/chart.tsx
-import * as React41 from "react";
+import * as React42 from "react";
 import * as RechartsPrimitive from "recharts";
-import { Fragment as Fragment6, jsx as jsx68, jsxs as jsxs44 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx69, jsxs as jsxs44 } from "react/jsx-runtime";
 var THEMES = { light: "", dark: ".dark" };
-var ChartContext = React41.createContext(null);
+var ChartContext = React42.createContext(null);
 function useChart() {
-  const context = React41.useContext(ChartContext);
+  const context = React42.useContext(ChartContext);
   if (!context) {
     throw new Error("useChart must be used within a <ChartContainer />");
   }
   return context;
 }
-var ChartContainer = React41.forwardRef(({ id, className, children, config, ...props }, ref) => {
-  const uniqueId = React41.useId();
+var ChartContainer = React42.forwardRef(({ id, className, children, config, ...props }, ref) => {
+  const uniqueId = React42.useId();
   const chartId = `chart-${id || uniqueId.replace(/:/g, "")}`;
-  return /* @__PURE__ */ jsx68(ChartContext.Provider, { value: { config }, children: /* @__PURE__ */ jsxs44(
+  return /* @__PURE__ */ jsx69(ChartContext.Provider, { value: { config }, children: /* @__PURE__ */ jsxs44(
     "div",
     {
       "data-chart": chartId,
@@ -26207,8 +26814,8 @@ var ChartContainer = React41.forwardRef(({ id, className, children, config, ...p
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx68(ChartStyle, { id: chartId, config }),
-        /* @__PURE__ */ jsx68(RechartsPrimitive.ResponsiveContainer, { children })
+        /* @__PURE__ */ jsx69(ChartStyle, { id: chartId, config }),
+        /* @__PURE__ */ jsx69(RechartsPrimitive.ResponsiveContainer, { children })
       ]
     }
   ) });
@@ -26219,7 +26826,7 @@ var ChartStyle = ({ id, config }) => {
   if (!colorConfig.length) {
     return null;
   }
-  return /* @__PURE__ */ jsx68(
+  return /* @__PURE__ */ jsx69(
     "style",
     {
       dangerouslySetInnerHTML: {
@@ -26239,7 +26846,7 @@ ${colorConfig.map(([key, itemConfig]) => {
   );
 };
 var ChartTooltip = RechartsPrimitive.Tooltip;
-var ChartTooltipContent = React41.forwardRef(
+var ChartTooltipContent = React42.forwardRef(
   ({
     active,
     payload,
@@ -26256,7 +26863,7 @@ var ChartTooltipContent = React41.forwardRef(
     labelKey
   }, ref) => {
     const { config } = useChart();
-    const tooltipLabel = React41.useMemo(() => {
+    const tooltipLabel = React42.useMemo(() => {
       var _a78;
       if (hideLabel || !(payload == null ? void 0 : payload.length)) {
         return null;
@@ -26266,12 +26873,12 @@ var ChartTooltipContent = React41.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__ */ jsx68("div", { className: cn("font-medium", labelClassName), children: labelFormatter(value, payload) });
+        return /* @__PURE__ */ jsx69("div", { className: cn("font-medium", labelClassName), children: labelFormatter(value, payload) });
       }
       if (!value) {
         return null;
       }
-      return /* @__PURE__ */ jsx68("div", { className: cn("font-medium", labelClassName), children: value });
+      return /* @__PURE__ */ jsx69("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;
@@ -26287,11 +26894,11 @@ var ChartTooltipContent = React41.forwardRef(
         ),
         children: [
           !nestLabel ? tooltipLabel : null,
-          /* @__PURE__ */ jsx68("div", { className: "grid gap-1.5", children: payload.map((item, index) => {
+          /* @__PURE__ */ jsx69("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__ */ jsx68(
+            return /* @__PURE__ */ jsx69(
               "div",
               {
                 className: cn(
@@ -26299,7 +26906,7 @@ var ChartTooltipContent = React41.forwardRef(
                   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__ */ jsxs44(Fragment6, { children: [
-                  (itemConfig == null ? void 0 : itemConfig.icon) ? /* @__PURE__ */ jsx68(itemConfig.icon, {}) : !hideIndicator && /* @__PURE__ */ jsx68(
+                  (itemConfig == null ? void 0 : itemConfig.icon) ? /* @__PURE__ */ jsx69(itemConfig.icon, {}) : !hideIndicator && /* @__PURE__ */ jsx69(
                     "div",
                     {
                       className: cn("shrink-0 rounded-[2px] border-[--color-border] bg-[--color-bg]", {
@@ -26324,9 +26931,9 @@ var ChartTooltipContent = React41.forwardRef(
                       children: [
                         /* @__PURE__ */ jsxs44("div", { className: "grid gap-1.5", children: [
                           nestLabel ? tooltipLabel : null,
-                          /* @__PURE__ */ jsx68("span", { className: "text-muted-foreground", children: (itemConfig == null ? void 0 : itemConfig.label) || item.name })
+                          /* @__PURE__ */ jsx69("span", { className: "text-muted-foreground", children: (itemConfig == null ? void 0 : itemConfig.label) || item.name })
                         ] }),
-                        item.value && /* @__PURE__ */ jsx68("span", { className: "font-mono font-medium tabular-nums text-foreground", children: item.value.toLocaleString() })
+                        item.value && /* @__PURE__ */ jsx69("span", { className: "font-mono font-medium tabular-nums text-foreground", children: item.value.toLocaleString() })
                       ]
                     }
                   )
@@ -26342,12 +26949,12 @@ var ChartTooltipContent = React41.forwardRef(
 );
 ChartTooltipContent.displayName = "ChartTooltip";
 var ChartLegend = RechartsPrimitive.Legend;
-var ChartLegendContent = React41.forwardRef(({ className, hideIcon = false, payload, verticalAlign = "bottom", nameKey }, ref) => {
+var ChartLegendContent = React42.forwardRef(({ className, hideIcon = false, payload, verticalAlign = "bottom", nameKey }, ref) => {
   const { config } = useChart();
   if (!(payload == null ? void 0 : payload.length)) {
     return null;
   }
-  return /* @__PURE__ */ jsx68(
+  return /* @__PURE__ */ jsx69(
     "div",
     {
       ref,
@@ -26360,7 +26967,7 @@ var ChartLegendContent = React41.forwardRef(({ className, hideIcon = false, payl
           {
             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__ */ jsx68(itemConfig.icon, {}) : /* @__PURE__ */ jsx68(
+              (itemConfig == null ? void 0 : itemConfig.icon) && !hideIcon ? /* @__PURE__ */ jsx69(itemConfig.icon, {}) : /* @__PURE__ */ jsx69(
                 "div",
                 {
                   className: "h-2 w-2 shrink-0 rounded-[2px]",
@@ -26394,11 +27001,11 @@ function getPayloadConfigFromPayload(config, payload, key) {
 }
 
 // src/components/ui/checkbox.tsx
-import * as React42 from "react";
+import * as React43 from "react";
 import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
 import { Check as Check6 } from "lucide-react";
-import { jsx as jsx69 } from "react/jsx-runtime";
-var Checkbox = React42.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx69(
+import { jsx as jsx70 } from "react/jsx-runtime";
+var Checkbox = React43.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx70(
   CheckboxPrimitive.Root,
   {
     ref,
@@ -26407,7 +27014,7 @@ var Checkbox = React42.forwardRef(({ className, ...props }, ref) => /* @__PURE__
       className
     ),
     ...props,
-    children: /* @__PURE__ */ jsx69(CheckboxPrimitive.Indicator, { className: cn("flex items-center justify-center text-current"), children: /* @__PURE__ */ jsx69(Check6, { className: "h-4 w-4" }) })
+    children: /* @__PURE__ */ jsx70(CheckboxPrimitive.Indicator, { className: cn("flex items-center justify-center text-current"), children: /* @__PURE__ */ jsx70(Check6, { className: "h-4 w-4" }) })
   }
 ));
 Checkbox.displayName = CheckboxPrimitive.Root.displayName;
@@ -26419,11 +27026,11 @@ var CollapsibleTrigger2 = CollapsiblePrimitive.CollapsibleTrigger;
 var CollapsibleContent2 = CollapsiblePrimitive.CollapsibleContent;
 
 // src/components/ui/command.tsx
-import * as React43 from "react";
+import * as React44 from "react";
 import { Command as CommandPrimitive } from "cmdk";
 import { Search as Search3 } from "lucide-react";
-import { jsx as jsx70, jsxs as jsxs45 } from "react/jsx-runtime";
-var Command = React43.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx70(
+import { jsx as jsx71, jsxs as jsxs45 } from "react/jsx-runtime";
+var Command = React44.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx71(
   CommandPrimitive,
   {
     ref,
@@ -26436,11 +27043,11 @@ var Command = React43.forwardRef(({ className, ...props }, ref) => /* @__PURE__
 ));
 Command.displayName = CommandPrimitive.displayName;
 var CommandDialog = ({ children, ...props }) => {
-  return /* @__PURE__ */ jsx70(Dialog, { ...props, children: /* @__PURE__ */ jsx70(DialogContent, { className: "overflow-hidden p-0 shadow-lg", children: /* @__PURE__ */ jsx70(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__ */ jsx71(Dialog, { ...props, children: /* @__PURE__ */ jsx71(DialogContent, { className: "overflow-hidden p-0 shadow-lg", children: /* @__PURE__ */ jsx71(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 = React43.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs45("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
-  /* @__PURE__ */ jsx70(Search3, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
-  /* @__PURE__ */ jsx70(
+var CommandInput = React44.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs45("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
+  /* @__PURE__ */ jsx71(Search3, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
+  /* @__PURE__ */ jsx71(
     CommandPrimitive.Input,
     {
       ref,
@@ -26453,7 +27060,7 @@ var CommandInput = React43.forwardRef(({ className, ...props }, ref) => /* @__PU
   )
 ] }));
 CommandInput.displayName = CommandPrimitive.Input.displayName;
-var CommandList = React43.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx70(
+var CommandList = React44.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx71(
   CommandPrimitive.List,
   {
     ref,
@@ -26462,9 +27069,9 @@ var CommandList = React43.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 CommandList.displayName = CommandPrimitive.List.displayName;
-var CommandEmpty = React43.forwardRef((props, ref) => /* @__PURE__ */ jsx70(CommandPrimitive.Empty, { ref, className: "py-6 text-center text-sm", ...props }));
+var CommandEmpty = React44.forwardRef((props, ref) => /* @__PURE__ */ jsx71(CommandPrimitive.Empty, { ref, className: "py-6 text-center text-sm", ...props }));
 CommandEmpty.displayName = CommandPrimitive.Empty.displayName;
-var CommandGroup = React43.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx70(
+var CommandGroup = React44.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx71(
   CommandPrimitive.Group,
   {
     ref,
@@ -26476,9 +27083,9 @@ var CommandGroup = React43.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 CommandGroup.displayName = CommandPrimitive.Group.displayName;
-var CommandSeparator = React43.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx70(CommandPrimitive.Separator, { ref, className: cn("-mx-1 h-px bg-border", className), ...props }));
+var CommandSeparator = React44.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx71(CommandPrimitive.Separator, { ref, className: cn("-mx-1 h-px bg-border", className), ...props }));
 CommandSeparator.displayName = CommandPrimitive.Separator.displayName;
-var CommandItem = React43.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx70(
+var CommandItem = React44.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx71(
   CommandPrimitive.Item,
   {
     ref,
@@ -26491,22 +27098,22 @@ var CommandItem = React43.forwardRef(({ className, ...props }, ref) => /* @__PUR
 ));
 CommandItem.displayName = CommandPrimitive.Item.displayName;
 var CommandShortcut = ({ className, ...props }) => {
-  return /* @__PURE__ */ jsx70("span", { className: cn("ml-auto text-xs tracking-widest text-muted-foreground", className), ...props });
+  return /* @__PURE__ */ jsx71("span", { className: cn("ml-auto text-xs tracking-widest text-muted-foreground", className), ...props });
 };
 CommandShortcut.displayName = "CommandShortcut";
 
 // src/components/ui/context-menu.tsx
-import * as React44 from "react";
+import * as React45 from "react";
 import * as ContextMenuPrimitive from "@radix-ui/react-context-menu";
 import { Check as Check7, ChevronRight as ChevronRight5, Circle as Circle3 } from "lucide-react";
-import { jsx as jsx71, jsxs as jsxs46 } from "react/jsx-runtime";
+import { jsx as jsx72, jsxs as jsxs46 } from "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 = React44.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs46(
+var ContextMenuSubTrigger = React45.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs46(
   ContextMenuPrimitive.SubTrigger,
   {
     ref,
@@ -26518,12 +27125,12 @@ var ContextMenuSubTrigger = React44.forwardRef(({ className, inset, children, ..
     ...props,
     children: [
       children,
-      /* @__PURE__ */ jsx71(ChevronRight5, { className: "ml-auto h-4 w-4" })
+      /* @__PURE__ */ jsx72(ChevronRight5, { className: "ml-auto h-4 w-4" })
     ]
   }
 ));
 ContextMenuSubTrigger.displayName = ContextMenuPrimitive.SubTrigger.displayName;
-var ContextMenuSubContent = React44.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx71(
+var ContextMenuSubContent = React45.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx72(
   ContextMenuPrimitive.SubContent,
   {
     ref,
@@ -26535,7 +27142,7 @@ var ContextMenuSubContent = React44.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 ContextMenuSubContent.displayName = ContextMenuPrimitive.SubContent.displayName;
-var ContextMenuContent = React44.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx71(ContextMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx71(
+var ContextMenuContent = React45.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx72(ContextMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx72(
   ContextMenuPrimitive.Content,
   {
     ref,
@@ -26547,7 +27154,7 @@ var ContextMenuContent = React44.forwardRef(({ className, ...props }, ref) => /*
   }
 ) }));
 ContextMenuContent.displayName = ContextMenuPrimitive.Content.displayName;
-var ContextMenuItem = React44.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx71(
+var ContextMenuItem = React45.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx72(
   ContextMenuPrimitive.Item,
   {
     ref,
@@ -26560,7 +27167,7 @@ var ContextMenuItem = React44.forwardRef(({ className, inset, ...props }, ref) =
   }
 ));
 ContextMenuItem.displayName = ContextMenuPrimitive.Item.displayName;
-var ContextMenuCheckboxItem = React44.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs46(
+var ContextMenuCheckboxItem = React45.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs46(
   ContextMenuPrimitive.CheckboxItem,
   {
     ref,
@@ -26571,13 +27178,13 @@ var ContextMenuCheckboxItem = React44.forwardRef(({ className, children, checked
     checked,
     ...props,
     children: [
-      /* @__PURE__ */ jsx71("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx71(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx71(Check7, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ jsx72("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx72(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx72(Check7, { className: "h-4 w-4" }) }) }),
       children
     ]
   }
 ));
 ContextMenuCheckboxItem.displayName = ContextMenuPrimitive.CheckboxItem.displayName;
-var ContextMenuRadioItem = React44.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs46(
+var ContextMenuRadioItem = React45.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs46(
   ContextMenuPrimitive.RadioItem,
   {
     ref,
@@ -26587,13 +27194,13 @@ var ContextMenuRadioItem = React44.forwardRef(({ className, children, ...props }
     ),
     ...props,
     children: [
-      /* @__PURE__ */ jsx71("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx71(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx71(Circle3, { className: "h-2 w-2 fill-current" }) }) }),
+      /* @__PURE__ */ jsx72("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx72(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx72(Circle3, { className: "h-2 w-2 fill-current" }) }) }),
       children
     ]
   }
 ));
 ContextMenuRadioItem.displayName = ContextMenuPrimitive.RadioItem.displayName;
-var ContextMenuLabel = React44.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx71(
+var ContextMenuLabel = React45.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx72(
   ContextMenuPrimitive.Label,
   {
     ref,
@@ -26602,39 +27209,39 @@ var ContextMenuLabel = React44.forwardRef(({ className, inset, ...props }, ref)
   }
 ));
 ContextMenuLabel.displayName = ContextMenuPrimitive.Label.displayName;
-var ContextMenuSeparator = React44.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx71(ContextMenuPrimitive.Separator, { ref, className: cn("-mx-1 my-1 h-px bg-border", className), ...props }));
+var ContextMenuSeparator = React45.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx72(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__ */ jsx71("span", { className: cn("ml-auto text-xs tracking-widest text-muted-foreground", className), ...props });
+  return /* @__PURE__ */ jsx72("span", { className: cn("ml-auto text-xs tracking-widest text-muted-foreground", className), ...props });
 };
 ContextMenuShortcut.displayName = "ContextMenuShortcut";
 
 // src/components/ui/form.tsx
-import * as React46 from "react";
+import * as React47 from "react";
 import { Slot as Slot3 } from "@radix-ui/react-slot";
 import { Controller, FormProvider, useFormContext } from "react-hook-form";
 
 // src/components/ui/label.tsx
-import * as React45 from "react";
+import * as React46 from "react";
 import * as LabelPrimitive from "@radix-ui/react-label";
 import { cva as cva4 } from "class-variance-authority";
-import { jsx as jsx72 } from "react/jsx-runtime";
+import { jsx as jsx73 } from "react/jsx-runtime";
 var labelVariants = cva4("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70");
-var Label4 = React45.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx72(LabelPrimitive.Root, { ref, className: cn(labelVariants(), className), ...props }));
+var Label4 = React46.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx73(LabelPrimitive.Root, { ref, className: cn(labelVariants(), className), ...props }));
 Label4.displayName = LabelPrimitive.Root.displayName;
 
 // src/components/ui/form.tsx
-import { jsx as jsx73 } from "react/jsx-runtime";
+import { jsx as jsx74 } from "react/jsx-runtime";
 var Form = FormProvider;
-var FormFieldContext = React46.createContext({});
+var FormFieldContext = React47.createContext({});
 var FormField = ({
   ...props
 }) => {
-  return /* @__PURE__ */ jsx73(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ jsx73(Controller, { ...props }) });
+  return /* @__PURE__ */ jsx74(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ jsx74(Controller, { ...props }) });
 };
 var useFormField = () => {
-  const fieldContext = React46.useContext(FormFieldContext);
-  const itemContext = React46.useContext(FormItemContext);
+  const fieldContext = React47.useContext(FormFieldContext);
+  const itemContext = React47.useContext(FormItemContext);
   const { getFieldState, formState } = useFormContext();
   const fieldState = getFieldState(fieldContext.name, formState);
   if (!fieldContext) {
@@ -26650,23 +27257,23 @@ var useFormField = () => {
     ...fieldState
   };
 };
-var FormItemContext = React46.createContext({});
-var FormItem = React46.forwardRef(
+var FormItemContext = React47.createContext({});
+var FormItem = React47.forwardRef(
   ({ className, ...props }, ref) => {
-    const id = React46.useId();
-    return /* @__PURE__ */ jsx73(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ jsx73("div", { ref, className: cn("space-y-2", className), ...props }) });
+    const id = React47.useId();
+    return /* @__PURE__ */ jsx74(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ jsx74("div", { ref, className: cn("space-y-2", className), ...props }) });
   }
 );
 FormItem.displayName = "FormItem";
-var FormLabel = React46.forwardRef(({ className, ...props }, ref) => {
+var FormLabel = React47.forwardRef(({ className, ...props }, ref) => {
   const { error, formItemId } = useFormField();
-  return /* @__PURE__ */ jsx73(Label4, { ref, className: cn(error && "text-destructive", className), htmlFor: formItemId, ...props });
+  return /* @__PURE__ */ jsx74(Label4, { ref, className: cn(error && "text-destructive", className), htmlFor: formItemId, ...props });
 });
 FormLabel.displayName = "FormLabel";
-var FormControl = React46.forwardRef(
+var FormControl = React47.forwardRef(
   ({ ...props }, ref) => {
     const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
-    return /* @__PURE__ */ jsx73(
+    return /* @__PURE__ */ jsx74(
       Slot3,
       {
         ref,
@@ -26679,42 +27286,42 @@ var FormControl = React46.forwardRef(
   }
 );
 FormControl.displayName = "FormControl";
-var FormDescription = React46.forwardRef(
+var FormDescription = React47.forwardRef(
   ({ className, ...props }, ref) => {
     const { formDescriptionId } = useFormField();
-    return /* @__PURE__ */ jsx73("p", { ref, id: formDescriptionId, className: cn("text-sm text-muted-foreground", className), ...props });
+    return /* @__PURE__ */ jsx74("p", { ref, id: formDescriptionId, className: cn("text-sm text-muted-foreground", className), ...props });
   }
 );
 FormDescription.displayName = "FormDescription";
-var FormMessage = React46.forwardRef(
+var FormMessage = React47.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__ */ jsx73("p", { ref, id: formMessageId, className: cn("text-sm font-medium text-destructive", className), ...props, children: body });
+    return /* @__PURE__ */ jsx74("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
-import * as React47 from "react";
-import { jsx as jsx74 } from "react/jsx-runtime";
-var GlassCard = React47.forwardRef(
+import * as React48 from "react";
+import { jsx as jsx75 } from "react/jsx-runtime";
+var GlassCard = React48.forwardRef(
   ({ className, ...props }, ref) => {
-    return /* @__PURE__ */ jsx74("div", { ref, className: cn("glass-card", className), ...props });
+    return /* @__PURE__ */ jsx75("div", { ref, className: cn("glass-card", className), ...props });
   }
 );
 GlassCard.displayName = "GlassCard";
 
 // src/components/ui/hover-card.tsx
-import * as React48 from "react";
+import * as React49 from "react";
 import * as HoverCardPrimitive from "@radix-ui/react-hover-card";
-import { jsx as jsx75 } from "react/jsx-runtime";
+import { jsx as jsx76 } from "react/jsx-runtime";
 var HoverCard = HoverCardPrimitive.Root;
 var HoverCardTrigger = HoverCardPrimitive.Trigger;
-var HoverCardContent = React48.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx75(
+var HoverCardContent = React49.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx76(
   HoverCardPrimitive.Content,
   {
     ref,
@@ -26730,12 +27337,12 @@ var HoverCardContent = React48.forwardRef(({ className, align = "center", sideOf
 HoverCardContent.displayName = HoverCardPrimitive.Content.displayName;
 
 // src/components/ui/input-otp.tsx
-import * as React49 from "react";
+import * as React50 from "react";
 import { OTPInput, OTPInputContext } from "input-otp";
 import { Dot } from "lucide-react";
-import { jsx as jsx76, jsxs as jsxs47 } from "react/jsx-runtime";
-var InputOTP = React49.forwardRef(
-  ({ className, containerClassName, ...props }, ref) => /* @__PURE__ */ jsx76(
+import { jsx as jsx77, jsxs as jsxs47 } from "react/jsx-runtime";
+var InputOTP = React50.forwardRef(
+  ({ className, containerClassName, ...props }, ref) => /* @__PURE__ */ jsx77(
     OTPInput,
     {
       ref,
@@ -26746,12 +27353,12 @@ var InputOTP = React49.forwardRef(
   )
 );
 InputOTP.displayName = "InputOTP";
-var InputOTPGroup = React49.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx76("div", { ref, className: cn("flex items-center", className), ...props })
+var InputOTPGroup = React50.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx77("div", { ref, className: cn("flex items-center", className), ...props })
 );
 InputOTPGroup.displayName = "InputOTPGroup";
-var InputOTPSlot = React49.forwardRef(({ index, className, ...props }, ref) => {
-  const inputOTPContext = React49.useContext(OTPInputContext);
+var InputOTPSlot = React50.forwardRef(({ index, className, ...props }, ref) => {
+  const inputOTPContext = React50.useContext(OTPInputContext);
   const { char, hasFakeCaret, isActive } = inputOTPContext.slots[index];
   return /* @__PURE__ */ jsxs47(
     "div",
@@ -26765,28 +27372,28 @@ var InputOTPSlot = React49.forwardRef(({ index, className, ...props }, ref) => {
       ...props,
       children: [
         char,
-        hasFakeCaret && /* @__PURE__ */ jsx76("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx76("div", { className: "animate-caret-blink h-4 w-px bg-foreground duration-1000" }) })
+        hasFakeCaret && /* @__PURE__ */ jsx77("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx77("div", { className: "animate-caret-blink h-4 w-px bg-foreground duration-1000" }) })
       ]
     }
   );
 });
 InputOTPSlot.displayName = "InputOTPSlot";
-var InputOTPSeparator = React49.forwardRef(
-  ({ ...props }, ref) => /* @__PURE__ */ jsx76("div", { ref, role: "separator", ...props, children: /* @__PURE__ */ jsx76(Dot, {}) })
+var InputOTPSeparator = React50.forwardRef(
+  ({ ...props }, ref) => /* @__PURE__ */ jsx77("div", { ref, role: "separator", ...props, children: /* @__PURE__ */ jsx77(Dot, {}) })
 );
 InputOTPSeparator.displayName = "InputOTPSeparator";
 
 // src/components/ui/menubar.tsx
-import * as React50 from "react";
+import * as React51 from "react";
 import * as MenubarPrimitive from "@radix-ui/react-menubar";
 import { Check as Check8, ChevronRight as ChevronRight6, Circle as Circle4 } from "lucide-react";
-import { jsx as jsx77, jsxs as jsxs48 } from "react/jsx-runtime";
+import { jsx as jsx78, jsxs as jsxs48 } from "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 = React50.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx77(
+var Menubar = React51.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx78(
   MenubarPrimitive.Root,
   {
     ref,
@@ -26795,7 +27402,7 @@ var Menubar = React50.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 Menubar.displayName = MenubarPrimitive.Root.displayName;
-var MenubarTrigger = React50.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx77(
+var MenubarTrigger = React51.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx78(
   MenubarPrimitive.Trigger,
   {
     ref,
@@ -26807,7 +27414,7 @@ var MenubarTrigger = React50.forwardRef(({ className, ...props }, ref) => /* @__
   }
 ));
 MenubarTrigger.displayName = MenubarPrimitive.Trigger.displayName;
-var MenubarSubTrigger = React50.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs48(
+var MenubarSubTrigger = React51.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs48(
   MenubarPrimitive.SubTrigger,
   {
     ref,
@@ -26819,12 +27426,12 @@ var MenubarSubTrigger = React50.forwardRef(({ className, inset, children, ...pro
     ...props,
     children: [
       children,
-      /* @__PURE__ */ jsx77(ChevronRight6, { className: "ml-auto h-4 w-4" })
+      /* @__PURE__ */ jsx78(ChevronRight6, { className: "ml-auto h-4 w-4" })
     ]
   }
 ));
 MenubarSubTrigger.displayName = MenubarPrimitive.SubTrigger.displayName;
-var MenubarSubContent = React50.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx77(
+var MenubarSubContent = React51.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx78(
   MenubarPrimitive.SubContent,
   {
     ref,
@@ -26836,7 +27443,7 @@ var MenubarSubContent = React50.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 MenubarSubContent.displayName = MenubarPrimitive.SubContent.displayName;
-var MenubarContent = React50.forwardRef(({ className, align = "start", alignOffset = -4, sideOffset = 8, ...props }, ref) => /* @__PURE__ */ jsx77(MenubarPrimitive.Portal, { children: /* @__PURE__ */ jsx77(
+var MenubarContent = React51.forwardRef(({ className, align = "start", alignOffset = -4, sideOffset = 8, ...props }, ref) => /* @__PURE__ */ jsx78(MenubarPrimitive.Portal, { children: /* @__PURE__ */ jsx78(
   MenubarPrimitive.Content,
   {
     ref,
@@ -26851,7 +27458,7 @@ var MenubarContent = React50.forwardRef(({ className, align = "start", alignOffs
   }
 ) }));
 MenubarContent.displayName = MenubarPrimitive.Content.displayName;
-var MenubarItem = React50.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx77(
+var MenubarItem = React51.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx78(
   MenubarPrimitive.Item,
   {
     ref,
@@ -26864,7 +27471,7 @@ var MenubarItem = React50.forwardRef(({ className, inset, ...props }, ref) => /*
   }
 ));
 MenubarItem.displayName = MenubarPrimitive.Item.displayName;
-var MenubarCheckboxItem = React50.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs48(
+var MenubarCheckboxItem = React51.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs48(
   MenubarPrimitive.CheckboxItem,
   {
     ref,
@@ -26875,13 +27482,13 @@ var MenubarCheckboxItem = React50.forwardRef(({ className, children, checked, ..
     checked,
     ...props,
     children: [
-      /* @__PURE__ */ jsx77("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx77(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx77(Check8, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ jsx78("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx78(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx78(Check8, { className: "h-4 w-4" }) }) }),
       children
     ]
   }
 ));
 MenubarCheckboxItem.displayName = MenubarPrimitive.CheckboxItem.displayName;
-var MenubarRadioItem = React50.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs48(
+var MenubarRadioItem = React51.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs48(
   MenubarPrimitive.RadioItem,
   {
     ref,
@@ -26891,13 +27498,13 @@ var MenubarRadioItem = React50.forwardRef(({ className, children, ...props }, re
     ),
     ...props,
     children: [
-      /* @__PURE__ */ jsx77("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx77(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx77(Circle4, { className: "h-2 w-2 fill-current" }) }) }),
+      /* @__PURE__ */ jsx78("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx78(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx78(Circle4, { className: "h-2 w-2 fill-current" }) }) }),
       children
     ]
   }
 ));
 MenubarRadioItem.displayName = MenubarPrimitive.RadioItem.displayName;
-var MenubarLabel = React50.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx77(
+var MenubarLabel = React51.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx78(
   MenubarPrimitive.Label,
   {
     ref,
@@ -26906,20 +27513,20 @@ var MenubarLabel = React50.forwardRef(({ className, inset, ...props }, ref) => /
   }
 ));
 MenubarLabel.displayName = MenubarPrimitive.Label.displayName;
-var MenubarSeparator = React50.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx77(MenubarPrimitive.Separator, { ref, className: cn("-mx-1 my-1 h-px bg-muted", className), ...props }));
+var MenubarSeparator = React51.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx78(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__ */ jsx77("span", { className: cn("ml-auto text-xs tracking-widest text-muted-foreground", className), ...props });
+  return /* @__PURE__ */ jsx78("span", { className: cn("ml-auto text-xs tracking-widest text-muted-foreground", className), ...props });
 };
 MenubarShortcut.displayname = "MenubarShortcut";
 
 // src/components/ui/navigation-menu.tsx
-import * as React51 from "react";
+import * as React52 from "react";
 import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu";
 import { cva as cva5 } from "class-variance-authority";
 import { ChevronDown as ChevronDown7 } from "lucide-react";
-import { jsx as jsx78, jsxs as jsxs49 } from "react/jsx-runtime";
-var NavigationMenu = React51.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs49(
+import { jsx as jsx79, jsxs as jsxs49 } from "react/jsx-runtime";
+var NavigationMenu = React52.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs49(
   NavigationMenuPrimitive.Root,
   {
     ref,
@@ -26927,12 +27534,12 @@ var NavigationMenu = React51.forwardRef(({ className, children, ...props }, ref)
     ...props,
     children: [
       children,
-      /* @__PURE__ */ jsx78(NavigationMenuViewport, {})
+      /* @__PURE__ */ jsx79(NavigationMenuViewport, {})
     ]
   }
 ));
 NavigationMenu.displayName = NavigationMenuPrimitive.Root.displayName;
-var NavigationMenuList = React51.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx78(
+var NavigationMenuList = React52.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx79(
   NavigationMenuPrimitive.List,
   {
     ref,
@@ -26945,7 +27552,7 @@ var NavigationMenuItem = NavigationMenuPrimitive.Item;
 var navigationMenuTriggerStyle = cva5(
   "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 = React51.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs49(
+var NavigationMenuTrigger = React52.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs49(
   NavigationMenuPrimitive.Trigger,
   {
     ref,
@@ -26954,7 +27561,7 @@ var NavigationMenuTrigger = React51.forwardRef(({ className, children, ...props
     children: [
       children,
       " ",
-      /* @__PURE__ */ jsx78(
+      /* @__PURE__ */ jsx79(
         ChevronDown7,
         {
           className: "relative top-[1px] ml-1 h-3 w-3 transition duration-200 group-data-[state=open]:rotate-180",
@@ -26965,7 +27572,7 @@ var NavigationMenuTrigger = React51.forwardRef(({ className, children, ...props
   }
 ));
 NavigationMenuTrigger.displayName = NavigationMenuPrimitive.Trigger.displayName;
-var NavigationMenuContent = React51.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx78(
+var NavigationMenuContent = React52.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx79(
   NavigationMenuPrimitive.Content,
   {
     ref,
@@ -26978,7 +27585,7 @@ var NavigationMenuContent = React51.forwardRef(({ className, ...props }, ref) =>
 ));
 NavigationMenuContent.displayName = NavigationMenuPrimitive.Content.displayName;
 var NavigationMenuLink = NavigationMenuPrimitive.Link;
-var NavigationMenuViewport = React51.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx78("div", { className: cn("absolute left-0 top-full flex justify-center"), children: /* @__PURE__ */ jsx78(
+var NavigationMenuViewport = React52.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx79("div", { className: cn("absolute left-0 top-full flex justify-center"), children: /* @__PURE__ */ jsx79(
   NavigationMenuPrimitive.Viewport,
   {
     className: cn(
@@ -26990,7 +27597,7 @@ var NavigationMenuViewport = React51.forwardRef(({ className, ...props }, ref) =
   }
 ) }));
 NavigationMenuViewport.displayName = NavigationMenuPrimitive.Viewport.displayName;
-var NavigationMenuIndicator = React51.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx78(
+var NavigationMenuIndicator = React52.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx79(
   NavigationMenuPrimitive.Indicator,
   {
     ref,
@@ -26999,16 +27606,16 @@ var NavigationMenuIndicator = React51.forwardRef(({ className, ...props }, ref)
       className
     ),
     ...props,
-    children: /* @__PURE__ */ jsx78("div", { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md" })
+    children: /* @__PURE__ */ jsx79("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
-import * as React52 from "react";
+import * as React53 from "react";
 import { ChevronLeft as ChevronLeft2, ChevronRight as ChevronRight7, MoreHorizontal as MoreHorizontal2 } from "lucide-react";
-import { jsx as jsx79, jsxs as jsxs50 } from "react/jsx-runtime";
-var Pagination = ({ className, ...props }) => /* @__PURE__ */ jsx79(
+import { jsx as jsx80, jsxs as jsxs50 } from "react/jsx-runtime";
+var Pagination = ({ className, ...props }) => /* @__PURE__ */ jsx80(
   "nav",
   {
     role: "navigation",
@@ -27018,13 +27625,13 @@ var Pagination = ({ className, ...props }) => /* @__PURE__ */ jsx79(
   }
 );
 Pagination.displayName = "Pagination";
-var PaginationContent = React52.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx79("ul", { ref, className: cn("flex flex-row items-center gap-1", className), ...props })
+var PaginationContent = React53.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx80("ul", { ref, className: cn("flex flex-row items-center gap-1", className), ...props })
 );
 PaginationContent.displayName = "PaginationContent";
-var PaginationItem = React52.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx79("li", { ref, className: cn("", className), ...props }));
+var PaginationItem = React53.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx80("li", { ref, className: cn("", className), ...props }));
 PaginationItem.displayName = "PaginationItem";
-var PaginationLink = ({ className, isActive, size = "icon", ...props }) => /* @__PURE__ */ jsx79(
+var PaginationLink = ({ className, isActive, size = "icon", ...props }) => /* @__PURE__ */ jsx80(
   "a",
   {
     "aria-current": isActive ? "page" : void 0,
@@ -27040,28 +27647,28 @@ var PaginationLink = ({ className, isActive, size = "icon", ...props }) => /* @_
 );
 PaginationLink.displayName = "PaginationLink";
 var PaginationPrevious = ({ className, ...props }) => /* @__PURE__ */ jsxs50(PaginationLink, { "aria-label": "Go to previous page", size: "default", className: cn("gap-1 pl-2.5", className), ...props, children: [
-  /* @__PURE__ */ jsx79(ChevronLeft2, { className: "h-4 w-4" }),
-  /* @__PURE__ */ jsx79("span", { children: "Previous" })
+  /* @__PURE__ */ jsx80(ChevronLeft2, { className: "h-4 w-4" }),
+  /* @__PURE__ */ jsx80("span", { children: "Previous" })
 ] });
 PaginationPrevious.displayName = "PaginationPrevious";
 var PaginationNext = ({ className, ...props }) => /* @__PURE__ */ jsxs50(PaginationLink, { "aria-label": "Go to next page", size: "default", className: cn("gap-1 pr-2.5", className), ...props, children: [
-  /* @__PURE__ */ jsx79("span", { children: "Next" }),
-  /* @__PURE__ */ jsx79(ChevronRight7, { className: "h-4 w-4" })
+  /* @__PURE__ */ jsx80("span", { children: "Next" }),
+  /* @__PURE__ */ jsx80(ChevronRight7, { className: "h-4 w-4" })
 ] });
 PaginationNext.displayName = "PaginationNext";
 var PaginationEllipsis = ({ className, ...props }) => /* @__PURE__ */ jsxs50("span", { "aria-hidden": true, className: cn("flex h-9 w-9 items-center justify-center", className), ...props, children: [
-  /* @__PURE__ */ jsx79(MoreHorizontal2, { className: "h-4 w-4" }),
-  /* @__PURE__ */ jsx79("span", { className: "sr-only", children: "More pages" })
+  /* @__PURE__ */ jsx80(MoreHorizontal2, { className: "h-4 w-4" }),
+  /* @__PURE__ */ jsx80("span", { className: "sr-only", children: "More pages" })
 ] });
 PaginationEllipsis.displayName = "PaginationEllipsis";
 
 // src/components/ui/popover.tsx
-import * as React53 from "react";
+import * as React54 from "react";
 import * as PopoverPrimitive from "@radix-ui/react-popover";
-import { jsx as jsx80 } from "react/jsx-runtime";
+import { jsx as jsx81 } from "react/jsx-runtime";
 var Popover = PopoverPrimitive.Root;
 var PopoverTrigger = PopoverPrimitive.Trigger;
-var PopoverContent = React53.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx80(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx80(
+var PopoverContent = React54.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx81(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx81(
   PopoverPrimitive.Content,
   {
     ref,
@@ -27077,16 +27684,16 @@ var PopoverContent = React53.forwardRef(({ className, align = "center", sideOffs
 PopoverContent.displayName = PopoverPrimitive.Content.displayName;
 
 // src/components/ui/radio-group.tsx
-import * as React54 from "react";
+import * as React55 from "react";
 import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
 import { Circle as Circle5 } from "lucide-react";
-import { jsx as jsx81 } from "react/jsx-runtime";
-var RadioGroup4 = React54.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx81(RadioGroupPrimitive.Root, { className: cn("grid gap-2", className), ...props, ref });
+import { jsx as jsx82 } from "react/jsx-runtime";
+var RadioGroup4 = React55.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx82(RadioGroupPrimitive.Root, { className: cn("grid gap-2", className), ...props, ref });
 });
 RadioGroup4.displayName = RadioGroupPrimitive.Root.displayName;
-var RadioGroupItem = React54.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx81(
+var RadioGroupItem = React55.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx82(
     RadioGroupPrimitive.Item,
     {
       ref,
@@ -27095,7 +27702,7 @@ var RadioGroupItem = React54.forwardRef(({ className, ...props }, ref) => {
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx81(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx81(Circle5, { className: "h-2.5 w-2.5 fill-current text-current" }) })
+      children: /* @__PURE__ */ jsx82(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx82(Circle5, { className: "h-2.5 w-2.5 fill-current text-current" }) })
     }
   );
 });
@@ -27104,8 +27711,8 @@ RadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;
 // src/components/ui/resizable.tsx
 import { GripVertical } from "lucide-react";
 import * as ResizablePrimitive from "react-resizable-panels";
-import { jsx as jsx82 } from "react/jsx-runtime";
-var ResizablePanelGroup = ({ className, ...props }) => /* @__PURE__ */ jsx82(
+import { jsx as jsx83 } from "react/jsx-runtime";
+var ResizablePanelGroup = ({ className, ...props }) => /* @__PURE__ */ jsx83(
   ResizablePrimitive.PanelGroup,
   {
     className: cn("flex h-full w-full data-[panel-group-direction=vertical]:flex-col", className),
@@ -27117,7 +27724,7 @@ var ResizableHandle = ({
   withHandle,
   className,
   ...props
-}) => /* @__PURE__ */ jsx82(
+}) => /* @__PURE__ */ jsx83(
   ResizablePrimitive.PanelResizeHandle,
   {
     className: cn(
@@ -27125,15 +27732,15 @@ var ResizableHandle = ({
       className
     ),
     ...props,
-    children: withHandle && /* @__PURE__ */ jsx82("div", { className: "z-10 flex h-4 w-3 items-center justify-center rounded-sm border bg-border", children: /* @__PURE__ */ jsx82(GripVertical, { className: "h-2.5 w-2.5" }) })
+    children: withHandle && /* @__PURE__ */ jsx83("div", { className: "z-10 flex h-4 w-3 items-center justify-center rounded-sm border bg-border", children: /* @__PURE__ */ jsx83(GripVertical, { className: "h-2.5 w-2.5" }) })
   }
 );
 
 // src/components/ui/separator.tsx
-import * as React55 from "react";
+import * as React56 from "react";
 import * as SeparatorPrimitive from "@radix-ui/react-separator";
-import { jsx as jsx83 } from "react/jsx-runtime";
-var Separator5 = React55.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsx83(
+import { jsx as jsx84 } from "react/jsx-runtime";
+var Separator5 = React56.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsx84(
   SeparatorPrimitive.Root,
   {
     ref,
@@ -27149,13 +27756,13 @@ Separator5.displayName = SeparatorPrimitive.Root.displayName;
 import * as SheetPrimitive from "@radix-ui/react-dialog";
 import { cva as cva6 } from "class-variance-authority";
 import { X as X7 } from "lucide-react";
-import * as React56 from "react";
-import { jsx as jsx84, jsxs as jsxs51 } from "react/jsx-runtime";
+import * as React57 from "react";
+import { jsx as jsx85, jsxs as jsxs51 } from "react/jsx-runtime";
 var Sheet = SheetPrimitive.Root;
 var SheetTrigger = SheetPrimitive.Trigger;
 var SheetClose = SheetPrimitive.Close;
 var SheetPortal = SheetPrimitive.Portal;
-var SheetOverlay = React56.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx84(
+var SheetOverlay = React57.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx85(
   SheetPrimitive.Overlay,
   {
     className: cn(
@@ -27183,7 +27790,7 @@ var sheetVariants = cva6(
     }
   }
 );
-var SheetContent = React56.forwardRef(
+var SheetContent = React57.forwardRef(
   ({
     side = "right",
     className,
@@ -27193,7 +27800,7 @@ var SheetContent = React56.forwardRef(
     closeButtonLabel = "Close",
     ...props
   }, ref) => /* @__PURE__ */ jsxs51(SheetPortal, { children: [
-    /* @__PURE__ */ jsx84(SheetOverlay, {}),
+    /* @__PURE__ */ jsx85(SheetOverlay, {}),
     /* @__PURE__ */ jsxs51(SheetPrimitive.Content, { ref, className: cn(sheetVariants({ side }), className), ...props, children: [
       children,
       showCloseButton ? /* @__PURE__ */ jsxs51(
@@ -27204,8 +27811,8 @@ var SheetContent = React56.forwardRef(
             closeButtonClassName
           ),
           children: [
-            /* @__PURE__ */ jsx84(X7, { className: "h-4 w-4" }),
-            /* @__PURE__ */ jsx84("span", { className: "sr-only", children: closeButtonLabel })
+            /* @__PURE__ */ jsx85(X7, { className: "h-4 w-4" }),
+            /* @__PURE__ */ jsx85("span", { className: "sr-only", children: closeButtonLabel })
           ]
         }
       ) : null
@@ -27213,27 +27820,27 @@ var SheetContent = React56.forwardRef(
   ] })
 );
 SheetContent.displayName = SheetPrimitive.Content.displayName;
-var SheetHeader = ({ className, ...props }) => /* @__PURE__ */ jsx84("div", { className: cn("flex flex-col space-y-2 text-center sm:text-left", className), ...props });
+var SheetHeader = ({ className, ...props }) => /* @__PURE__ */ jsx85("div", { className: cn("flex flex-col space-y-2 text-center sm:text-left", className), ...props });
 SheetHeader.displayName = "SheetHeader";
-var SheetFooter = ({ className, ...props }) => /* @__PURE__ */ jsx84("div", { className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className), ...props });
+var SheetFooter = ({ className, ...props }) => /* @__PURE__ */ jsx85("div", { className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className), ...props });
 SheetFooter.displayName = "SheetFooter";
-var SheetTitle = React56.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx84(SheetPrimitive.Title, { ref, className: cn("text-lg font-semibold text-foreground", className), ...props }));
+var SheetTitle = React57.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx85(SheetPrimitive.Title, { ref, className: cn("text-lg font-semibold text-foreground", className), ...props }));
 SheetTitle.displayName = SheetPrimitive.Title.displayName;
-var SheetDescription = React56.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx84(SheetPrimitive.Description, { ref, className: cn("text-sm text-muted-foreground", className), ...props }));
+var SheetDescription = React57.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx85(SheetPrimitive.Description, { ref, className: cn("text-sm text-muted-foreground", className), ...props }));
 SheetDescription.displayName = SheetPrimitive.Description.displayName;
 
 // src/components/ui/sidebar.tsx
-import * as React58 from "react";
+import * as React59 from "react";
 import { Slot as Slot4 } from "@radix-ui/react-slot";
 import { cva as cva7 } from "class-variance-authority";
 import { PanelLeft as PanelLeft2 } from "lucide-react";
 
 // src/hooks/use-mobile.tsx
-import * as React57 from "react";
+import * as React58 from "react";
 var MOBILE_BREAKPOINT = 768;
 function useIsMobile() {
-  const [isMobile, setIsMobile] = React57.useState(void 0);
-  React57.useEffect(() => {
+  const [isMobile, setIsMobile] = React58.useState(void 0);
+  React58.useEffect(() => {
     const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
     const onChange = () => {
       setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
@@ -27246,27 +27853,27 @@ function useIsMobile() {
 }
 
 // src/components/ui/sidebar.tsx
-import { jsx as jsx85, jsxs as jsxs52 } from "react/jsx-runtime";
+import { jsx as jsx86, jsxs as jsxs52 } from "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 = React58.createContext(null);
+var SidebarContext = React59.createContext(null);
 function useSidebar() {
-  const context = React58.useContext(SidebarContext);
+  const context = React59.useContext(SidebarContext);
   if (!context) {
     throw new Error("useSidebar must be used within a SidebarProvider.");
   }
   return context;
 }
-var SidebarProvider = React58.forwardRef(({ defaultOpen = true, open: openProp, onOpenChange: setOpenProp, className, style, children, ...props }, ref) => {
+var SidebarProvider = React59.forwardRef(({ defaultOpen = true, open: openProp, onOpenChange: setOpenProp, className, style, children, ...props }, ref) => {
   const isMobile = useIsMobile();
-  const [openMobile, setOpenMobile] = React58.useState(false);
-  const [_open, _setOpen] = React58.useState(defaultOpen);
+  const [openMobile, setOpenMobile] = React59.useState(false);
+  const [_open, _setOpen] = React59.useState(defaultOpen);
   const open = openProp != null ? openProp : _open;
-  const setOpen = React58.useCallback(
+  const setOpen = React59.useCallback(
     (value) => {
       const openState = typeof value === "function" ? value(open) : value;
       if (setOpenProp) {
@@ -27278,10 +27885,10 @@ var SidebarProvider = React58.forwardRef(({ defaultOpen = true, open: openProp,
     },
     [setOpenProp, open]
   );
-  const toggleSidebar = React58.useCallback(() => {
+  const toggleSidebar = React59.useCallback(() => {
     return isMobile ? setOpenMobile((open2) => !open2) : setOpen((open2) => !open2);
   }, [isMobile, setOpen, setOpenMobile]);
-  React58.useEffect(() => {
+  React59.useEffect(() => {
     const handleKeyDown = (event) => {
       if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {
         event.preventDefault();
@@ -27292,7 +27899,7 @@ var SidebarProvider = React58.forwardRef(({ defaultOpen = true, open: openProp,
     return () => window.removeEventListener("keydown", handleKeyDown);
   }, [toggleSidebar]);
   const state = open ? "expanded" : "collapsed";
-  const contextValue = React58.useMemo(
+  const contextValue = React59.useMemo(
     () => ({
       state,
       open,
@@ -27304,7 +27911,7 @@ var SidebarProvider = React58.forwardRef(({ defaultOpen = true, open: openProp,
     }),
     [state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar]
   );
-  return /* @__PURE__ */ jsx85(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx85(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ jsx85(
+  return /* @__PURE__ */ jsx86(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx86(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ jsx86(
     "div",
     {
       style: {
@@ -27320,10 +27927,10 @@ var SidebarProvider = React58.forwardRef(({ defaultOpen = true, open: openProp,
   ) }) });
 });
 SidebarProvider.displayName = "SidebarProvider";
-var Sidebar = React58.forwardRef(({ side = "left", variant = "sidebar", collapsible = "offcanvas", className, children, ...props }, ref) => {
+var Sidebar = React59.forwardRef(({ side = "left", variant = "sidebar", collapsible = "offcanvas", className, children, ...props }, ref) => {
   const { isMobile, state, openMobile, setOpenMobile } = useSidebar();
   if (collapsible === "none") {
-    return /* @__PURE__ */ jsx85(
+    return /* @__PURE__ */ jsx86(
       "div",
       {
         className: cn("flex h-full w-[--sidebar-width] flex-col bg-sidebar text-sidebar-foreground", className),
@@ -27334,7 +27941,7 @@ var Sidebar = React58.forwardRef(({ side = "left", variant = "sidebar", collapsi
     );
   }
   if (isMobile) {
-    return /* @__PURE__ */ jsx85(Sheet, { open: openMobile, onOpenChange: setOpenMobile, ...props, children: /* @__PURE__ */ jsx85(
+    return /* @__PURE__ */ jsx86(Sheet, { open: openMobile, onOpenChange: setOpenMobile, ...props, children: /* @__PURE__ */ jsx86(
       SheetContent,
       {
         "data-sidebar": "sidebar",
@@ -27344,7 +27951,7 @@ var Sidebar = React58.forwardRef(({ side = "left", variant = "sidebar", collapsi
           "--sidebar-width": SIDEBAR_WIDTH_MOBILE
         },
         side,
-        children: /* @__PURE__ */ jsx85("div", { className: "flex h-full w-full flex-col", children })
+        children: /* @__PURE__ */ jsx86("div", { className: "flex h-full w-full flex-col", children })
       }
     ) });
   }
@@ -27358,7 +27965,7 @@ var Sidebar = React58.forwardRef(({ side = "left", variant = "sidebar", collapsi
       "data-variant": variant,
       "data-side": side,
       children: [
-        /* @__PURE__ */ jsx85(
+        /* @__PURE__ */ jsx86(
           "div",
           {
             className: cn(
@@ -27369,7 +27976,7 @@ var Sidebar = React58.forwardRef(({ side = "left", variant = "sidebar", collapsi
             )
           }
         ),
-        /* @__PURE__ */ jsx85(
+        /* @__PURE__ */ jsx86(
           "div",
           {
             className: cn(
@@ -27380,7 +27987,7 @@ var Sidebar = React58.forwardRef(({ side = "left", variant = "sidebar", collapsi
               className
             ),
             ...props,
-            children: /* @__PURE__ */ jsx85(
+            children: /* @__PURE__ */ jsx86(
               "div",
               {
                 "data-sidebar": "sidebar",
@@ -27395,7 +28002,7 @@ var Sidebar = React58.forwardRef(({ side = "left", variant = "sidebar", collapsi
   );
 });
 Sidebar.displayName = "Sidebar";
-var SidebarTrigger = React58.forwardRef(
+var SidebarTrigger = React59.forwardRef(
   ({ className, onClick, ...props }, ref) => {
     const { toggleSidebar } = useSidebar();
     return /* @__PURE__ */ jsxs52(
@@ -27412,18 +28019,18 @@ var SidebarTrigger = React58.forwardRef(
         },
         ...props,
         children: [
-          /* @__PURE__ */ jsx85(PanelLeft2, {}),
-          /* @__PURE__ */ jsx85("span", { className: "sr-only", children: "Toggle Sidebar" })
+          /* @__PURE__ */ jsx86(PanelLeft2, {}),
+          /* @__PURE__ */ jsx86("span", { className: "sr-only", children: "Toggle Sidebar" })
         ]
       }
     );
   }
 );
 SidebarTrigger.displayName = "SidebarTrigger";
-var SidebarRail = React58.forwardRef(
+var SidebarRail = React59.forwardRef(
   ({ className, ...props }, ref) => {
     const { toggleSidebar } = useSidebar();
-    return /* @__PURE__ */ jsx85(
+    return /* @__PURE__ */ jsx86(
       "button",
       {
         ref,
@@ -27447,8 +28054,8 @@ var SidebarRail = React58.forwardRef(
   }
 );
 SidebarRail.displayName = "SidebarRail";
-var SidebarInset = React58.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx85(
+var SidebarInset = React59.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx86(
     "main",
     {
       ref,
@@ -27462,9 +28069,9 @@ var SidebarInset = React58.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarInset.displayName = "SidebarInset";
-var SidebarInput = React58.forwardRef(
+var SidebarInput = React59.forwardRef(
   ({ className, ...props }, ref) => {
-    return /* @__PURE__ */ jsx85(
+    return /* @__PURE__ */ jsx86(
       Input,
       {
         ref,
@@ -27479,17 +28086,17 @@ var SidebarInput = React58.forwardRef(
   }
 );
 SidebarInput.displayName = "SidebarInput";
-var SidebarHeader = React58.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx85("div", { ref, "data-sidebar": "header", className: cn("flex flex-col gap-2 p-2", className), ...props });
+var SidebarHeader = React59.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx86("div", { ref, "data-sidebar": "header", className: cn("flex flex-col gap-2 p-2", className), ...props });
 });
 SidebarHeader.displayName = "SidebarHeader";
-var SidebarFooter = React58.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx85("div", { ref, "data-sidebar": "footer", className: cn("flex flex-col gap-2 p-2", className), ...props });
+var SidebarFooter = React59.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx86("div", { ref, "data-sidebar": "footer", className: cn("flex flex-col gap-2 p-2", className), ...props });
 });
 SidebarFooter.displayName = "SidebarFooter";
-var SidebarSeparator = React58.forwardRef(
+var SidebarSeparator = React59.forwardRef(
   ({ className, ...props }, ref) => {
-    return /* @__PURE__ */ jsx85(
+    return /* @__PURE__ */ jsx86(
       Separator5,
       {
         ref,
@@ -27501,8 +28108,8 @@ var SidebarSeparator = React58.forwardRef(
   }
 );
 SidebarSeparator.displayName = "SidebarSeparator";
-var SidebarContent = React58.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx85(
+var SidebarContent = React59.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx86(
     "div",
     {
       ref,
@@ -27516,8 +28123,8 @@ var SidebarContent = React58.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarContent.displayName = "SidebarContent";
-var SidebarGroup = React58.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx85(
+var SidebarGroup = React59.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx86(
     "div",
     {
       ref,
@@ -27528,10 +28135,10 @@ var SidebarGroup = React58.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarGroup.displayName = "SidebarGroup";
-var SidebarGroupLabel = React58.forwardRef(
+var SidebarGroupLabel = React59.forwardRef(
   ({ className, asChild = false, ...props }, ref) => {
     const Comp = asChild ? Slot4 : "div";
-    return /* @__PURE__ */ jsx85(
+    return /* @__PURE__ */ jsx86(
       Comp,
       {
         ref,
@@ -27547,10 +28154,10 @@ var SidebarGroupLabel = React58.forwardRef(
   }
 );
 SidebarGroupLabel.displayName = "SidebarGroupLabel";
-var SidebarGroupAction = React58.forwardRef(
+var SidebarGroupAction = React59.forwardRef(
   ({ className, asChild = false, ...props }, ref) => {
     const Comp = asChild ? Slot4 : "button";
-    return /* @__PURE__ */ jsx85(
+    return /* @__PURE__ */ jsx86(
       Comp,
       {
         ref,
@@ -27568,13 +28175,13 @@ var SidebarGroupAction = React58.forwardRef(
   }
 );
 SidebarGroupAction.displayName = "SidebarGroupAction";
-var SidebarGroupContent = React58.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx85("div", { ref, "data-sidebar": "group-content", className: cn("w-full text-sm", className), ...props })
+var SidebarGroupContent = React59.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx86("div", { ref, "data-sidebar": "group-content", className: cn("w-full text-sm", className), ...props })
 );
 SidebarGroupContent.displayName = "SidebarGroupContent";
-var SidebarMenu = React58.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx85("ul", { ref, "data-sidebar": "menu", className: cn("flex w-full min-w-0 flex-col gap-1", className), ...props }));
+var SidebarMenu = React59.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx86("ul", { ref, "data-sidebar": "menu", className: cn("flex w-full min-w-0 flex-col gap-1", className), ...props }));
 SidebarMenu.displayName = "SidebarMenu";
-var SidebarMenuItem = React58.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx85("li", { ref, "data-sidebar": "menu-item", className: cn("group/menu-item relative", className), ...props }));
+var SidebarMenuItem = React59.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx86("li", { ref, "data-sidebar": "menu-item", className: cn("group/menu-item relative", className), ...props }));
 SidebarMenuItem.displayName = "SidebarMenuItem";
 var sidebarMenuButtonVariants = cva7(
   "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",
@@ -27596,10 +28203,10 @@ var sidebarMenuButtonVariants = cva7(
     }
   }
 );
-var SidebarMenuButton = React58.forwardRef(({ asChild = false, isActive = false, variant = "default", size = "default", tooltip, className, ...props }, ref) => {
+var SidebarMenuButton = React59.forwardRef(({ asChild = false, isActive = false, variant = "default", size = "default", tooltip, className, ...props }, ref) => {
   const Comp = asChild ? Slot4 : "button";
   const { isMobile, state } = useSidebar();
-  const button = /* @__PURE__ */ jsx85(
+  const button = /* @__PURE__ */ jsx86(
     Comp,
     {
       ref,
@@ -27619,14 +28226,14 @@ var SidebarMenuButton = React58.forwardRef(({ asChild = false, isActive = false,
     };
   }
   return /* @__PURE__ */ jsxs52(Tooltip, { children: [
-    /* @__PURE__ */ jsx85(TooltipTrigger, { asChild: true, children: button }),
-    /* @__PURE__ */ jsx85(TooltipContent, { side: "right", align: "center", hidden: state !== "collapsed" || isMobile, ...tooltip })
+    /* @__PURE__ */ jsx86(TooltipTrigger, { asChild: true, children: button }),
+    /* @__PURE__ */ jsx86(TooltipContent, { side: "right", align: "center", hidden: state !== "collapsed" || isMobile, ...tooltip })
   ] });
 });
 SidebarMenuButton.displayName = "SidebarMenuButton";
-var SidebarMenuAction = React58.forwardRef(({ className, asChild = false, showOnHover = false, ...props }, ref) => {
+var SidebarMenuAction = React59.forwardRef(({ className, asChild = false, showOnHover = false, ...props }, ref) => {
   const Comp = asChild ? Slot4 : "button";
-  return /* @__PURE__ */ jsx85(
+  return /* @__PURE__ */ jsx86(
     Comp,
     {
       ref,
@@ -27647,8 +28254,8 @@ var SidebarMenuAction = React58.forwardRef(({ className, asChild = false, showOn
   );
 });
 SidebarMenuAction.displayName = "SidebarMenuAction";
-var SidebarMenuBadge = React58.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx85(
+var SidebarMenuBadge = React59.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx86(
     "div",
     {
       ref,
@@ -27667,8 +28274,8 @@ var SidebarMenuBadge = React58.forwardRef(
   )
 );
 SidebarMenuBadge.displayName = "SidebarMenuBadge";
-var SidebarMenuSkeleton = React58.forwardRef(({ className, showIcon = false, ...props }, ref) => {
-  const width = React58.useMemo(() => {
+var SidebarMenuSkeleton = React59.forwardRef(({ className, showIcon = false, ...props }, ref) => {
+  const width = React59.useMemo(() => {
     return `${Math.floor(Math.random() * 40) + 50}%`;
   }, []);
   return /* @__PURE__ */ jsxs52(
@@ -27679,8 +28286,8 @@ var SidebarMenuSkeleton = React58.forwardRef(({ className, showIcon = false, ...
       className: cn("flex h-8 items-center gap-2 rounded-md px-2", className),
       ...props,
       children: [
-        showIcon && /* @__PURE__ */ jsx85(Skeleton, { className: "size-4 rounded-md", "data-sidebar": "menu-skeleton-icon" }),
-        /* @__PURE__ */ jsx85(
+        showIcon && /* @__PURE__ */ jsx86(Skeleton, { className: "size-4 rounded-md", "data-sidebar": "menu-skeleton-icon" }),
+        /* @__PURE__ */ jsx86(
           Skeleton,
           {
             className: "h-4 max-w-[--skeleton-width] flex-1",
@@ -27695,8 +28302,8 @@ var SidebarMenuSkeleton = React58.forwardRef(({ className, showIcon = false, ...
   );
 });
 SidebarMenuSkeleton.displayName = "SidebarMenuSkeleton";
-var SidebarMenuSub = React58.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx85(
+var SidebarMenuSub = React59.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx86(
     "ul",
     {
       ref,
@@ -27711,11 +28318,11 @@ var SidebarMenuSub = React58.forwardRef(
   )
 );
 SidebarMenuSub.displayName = "SidebarMenuSub";
-var SidebarMenuSubItem = React58.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx85("li", { ref, ...props }));
+var SidebarMenuSubItem = React59.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx86("li", { ref, ...props }));
 SidebarMenuSubItem.displayName = "SidebarMenuSubItem";
-var SidebarMenuSubButton = React58.forwardRef(({ asChild = false, size = "md", isActive, className, ...props }, ref) => {
+var SidebarMenuSubButton = React59.forwardRef(({ asChild = false, size = "md", isActive, className, ...props }, ref) => {
   const Comp = asChild ? Slot4 : "a";
-  return /* @__PURE__ */ jsx85(
+  return /* @__PURE__ */ jsx86(
     Comp,
     {
       ref,
@@ -27737,44 +28344,44 @@ var SidebarMenuSubButton = React58.forwardRef(({ asChild = false, size = "md", i
 SidebarMenuSubButton.displayName = "SidebarMenuSubButton";
 
 // src/components/ui/slider.tsx
-import * as React59 from "react";
+import * as React60 from "react";
 import * as SliderPrimitive from "@radix-ui/react-slider";
-import { jsx as jsx86, jsxs as jsxs53 } from "react/jsx-runtime";
-var Slider = React59.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs53(
+import { jsx as jsx87, jsxs as jsxs53 } from "react/jsx-runtime";
+var Slider = React60.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs53(
   SliderPrimitive.Root,
   {
     ref,
     className: cn("relative flex w-full touch-none select-none items-center", className),
     ...props,
     children: [
-      /* @__PURE__ */ jsx86(SliderPrimitive.Track, { className: "relative h-2 w-full grow overflow-hidden rounded-full bg-secondary", children: /* @__PURE__ */ jsx86(SliderPrimitive.Range, { className: "absolute h-full bg-primary" }) }),
-      /* @__PURE__ */ jsx86(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__ */ jsx87(SliderPrimitive.Track, { className: "relative h-2 w-full grow overflow-hidden rounded-full bg-secondary", children: /* @__PURE__ */ jsx87(SliderPrimitive.Range, { className: "absolute h-full bg-primary" }) }),
+      /* @__PURE__ */ jsx87(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
-import * as React60 from "react";
-import { jsx as jsx87 } from "react/jsx-runtime";
-var Table = React60.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx87("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsx87("table", { ref, className: cn("w-full caption-bottom text-sm", className), ...props }) })
+import * as React61 from "react";
+import { jsx as jsx88 } from "react/jsx-runtime";
+var Table = React61.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx88("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsx88("table", { ref, className: cn("w-full caption-bottom text-sm", className), ...props }) })
 );
 Table.displayName = "Table";
-var TableHeader = React60.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx87("thead", { ref, className: cn("[&_tr]:border-b", className), ...props })
+var TableHeader = React61.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx88("thead", { ref, className: cn("[&_tr]:border-b", className), ...props })
 );
 TableHeader.displayName = "TableHeader";
-var TableBody = React60.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx87("tbody", { ref, className: cn("[&_tr:last-child]:border-0", className), ...props })
+var TableBody = React61.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx88("tbody", { ref, className: cn("[&_tr:last-child]:border-0", className), ...props })
 );
 TableBody.displayName = "TableBody";
-var TableFooter = React60.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx87("tfoot", { ref, className: cn("border-t bg-muted/50 font-medium [&>tr]:last:border-b-0", className), ...props })
+var TableFooter = React61.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx88("tfoot", { ref, className: cn("border-t bg-muted/50 font-medium [&>tr]:last:border-b-0", className), ...props })
 );
 TableFooter.displayName = "TableFooter";
-var TableRow = React60.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx87(
+var TableRow = React61.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx88(
     "tr",
     {
       ref,
@@ -27784,8 +28391,8 @@ var TableRow = React60.forwardRef(
   )
 );
 TableRow.displayName = "TableRow";
-var TableHead = React60.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx87(
+var TableHead = React61.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx88(
     "th",
     {
       ref,
@@ -27798,23 +28405,23 @@ var TableHead = React60.forwardRef(
   )
 );
 TableHead.displayName = "TableHead";
-var TableCell = React60.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx87("td", { ref, className: cn("p-4 align-middle [&:has([role=checkbox])]:pr-0", className), ...props })
+var TableCell = React61.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx88("td", { ref, className: cn("p-4 align-middle [&:has([role=checkbox])]:pr-0", className), ...props })
 );
 TableCell.displayName = "TableCell";
-var TableCaption = React60.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx87("caption", { ref, className: cn("mt-4 text-sm text-muted-foreground", className), ...props })
+var TableCaption = React61.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx88("caption", { ref, className: cn("mt-4 text-sm text-muted-foreground", className), ...props })
 );
 TableCaption.displayName = "TableCaption";
 
 // src/components/ui/toast.tsx
-import * as React61 from "react";
+import * as React62 from "react";
 import * as ToastPrimitives from "@radix-ui/react-toast";
 import { cva as cva8 } from "class-variance-authority";
 import { X as X8 } from "lucide-react";
-import { jsx as jsx88 } from "react/jsx-runtime";
+import { jsx as jsx89 } from "react/jsx-runtime";
 var ToastProvider = ToastPrimitives.Provider;
-var ToastViewport = React61.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx88(
+var ToastViewport = React62.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx89(
   ToastPrimitives.Viewport,
   {
     ref,
@@ -27840,11 +28447,11 @@ var toastVariants = cva8(
     }
   }
 );
-var Toast = React61.forwardRef(({ className, variant, ...props }, ref) => {
-  return /* @__PURE__ */ jsx88(ToastPrimitives.Root, { ref, className: cn(toastVariants({ variant }), className), ...props });
+var Toast = React62.forwardRef(({ className, variant, ...props }, ref) => {
+  return /* @__PURE__ */ jsx89(ToastPrimitives.Root, { ref, className: cn(toastVariants({ variant }), className), ...props });
 });
 Toast.displayName = ToastPrimitives.Root.displayName;
-var ToastAction = React61.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx88(
+var ToastAction = React62.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx89(
   ToastPrimitives.Action,
   {
     ref,
@@ -27856,7 +28463,7 @@ var ToastAction = React61.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 ToastAction.displayName = ToastPrimitives.Action.displayName;
-var ToastClose = React61.forwardRef(({ className, onClick, ...props }, ref) => /* @__PURE__ */ jsx88(
+var ToastClose = React62.forwardRef(({ className, onClick, ...props }, ref) => /* @__PURE__ */ jsx89(
   ToastPrimitives.Close,
   {
     ref,
@@ -27870,39 +28477,39 @@ var ToastClose = React61.forwardRef(({ className, onClick, ...props }, ref) => /
     },
     "toast-close": "",
     ...props,
-    children: /* @__PURE__ */ jsx88(X8, { className: "h-4 w-4" })
+    children: /* @__PURE__ */ jsx89(X8, { className: "h-4 w-4" })
   }
 ));
 ToastClose.displayName = ToastPrimitives.Close.displayName;
-var ToastTitle = React61.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx88(ToastPrimitives.Title, { ref, className: cn("text-sm font-semibold", className), ...props }));
+var ToastTitle = React62.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx89(ToastPrimitives.Title, { ref, className: cn("text-sm font-semibold", className), ...props }));
 ToastTitle.displayName = ToastPrimitives.Title.displayName;
-var ToastDescription = React61.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx88(ToastPrimitives.Description, { ref, className: cn("text-sm opacity-90", className), ...props }));
+var ToastDescription = React62.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx89(ToastPrimitives.Description, { ref, className: cn("text-sm opacity-90", className), ...props }));
 ToastDescription.displayName = ToastPrimitives.Description.displayName;
 
 // src/components/ui/toaster.tsx
-import { jsx as jsx89, jsxs as jsxs54 } from "react/jsx-runtime";
+import { jsx as jsx90, jsxs as jsxs54 } from "react/jsx-runtime";
 function Toaster2() {
   const { toasts } = useToast();
   return /* @__PURE__ */ jsxs54(ToastProvider, { children: [
     toasts.map(function({ id, title, description, action, ...props }) {
       return /* @__PURE__ */ jsxs54(Toast, { ...props, children: [
         /* @__PURE__ */ jsxs54("div", { className: "grid gap-1", children: [
-          title && /* @__PURE__ */ jsx89(ToastTitle, { children: title }),
-          description && /* @__PURE__ */ jsx89(ToastDescription, { children: description })
+          title && /* @__PURE__ */ jsx90(ToastTitle, { children: title }),
+          description && /* @__PURE__ */ jsx90(ToastDescription, { children: description })
         ] }),
         action,
-        /* @__PURE__ */ jsx89(ToastClose, {})
+        /* @__PURE__ */ jsx90(ToastClose, {})
       ] }, id);
     }),
-    /* @__PURE__ */ jsx89(ToastViewport, {})
+    /* @__PURE__ */ jsx90(ToastViewport, {})
   ] });
 }
 
 // src/components/ui/toggle.tsx
-import * as React62 from "react";
+import * as React63 from "react";
 import * as TogglePrimitive from "@radix-ui/react-toggle";
 import { cva as cva9 } from "class-variance-authority";
-import { jsx as jsx90 } from "react/jsx-runtime";
+import { jsx as jsx91 } from "react/jsx-runtime";
 var toggleVariants = cva9(
   "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",
   {
@@ -27923,22 +28530,22 @@ var toggleVariants = cva9(
     }
   }
 );
-var Toggle = React62.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsx90(TogglePrimitive.Root, { ref, className: cn(toggleVariants({ variant, size, className })), ...props }));
+var Toggle = React63.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsx91(TogglePrimitive.Root, { ref, className: cn(toggleVariants({ variant, size, className })), ...props }));
 Toggle.displayName = TogglePrimitive.Root.displayName;
 
 // src/components/ui/toggle-group.tsx
-import * as React63 from "react";
+import * as React64 from "react";
 import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group";
-import { jsx as jsx91 } from "react/jsx-runtime";
-var ToggleGroupContext = React63.createContext({
+import { jsx as jsx92 } from "react/jsx-runtime";
+var ToggleGroupContext = React64.createContext({
   size: "default",
   variant: "default"
 });
-var ToggleGroup = React63.forwardRef(({ className, variant, size, children, ...props }, ref) => /* @__PURE__ */ jsx91(ToggleGroupPrimitive.Root, { ref, className: cn("flex items-center justify-center gap-1", className), ...props, children: /* @__PURE__ */ jsx91(ToggleGroupContext.Provider, { value: { variant, size }, children }) }));
+var ToggleGroup = React64.forwardRef(({ className, variant, size, children, ...props }, ref) => /* @__PURE__ */ jsx92(ToggleGroupPrimitive.Root, { ref, className: cn("flex items-center justify-center gap-1", className), ...props, children: /* @__PURE__ */ jsx92(ToggleGroupContext.Provider, { value: { variant, size }, children }) }));
 ToggleGroup.displayName = ToggleGroupPrimitive.Root.displayName;
-var ToggleGroupItem = React63.forwardRef(({ className, children, variant, size, ...props }, ref) => {
-  const context = React63.useContext(ToggleGroupContext);
-  return /* @__PURE__ */ jsx91(
+var ToggleGroupItem = React64.forwardRef(({ className, children, variant, size, ...props }, ref) => {
+  const context = React64.useContext(ToggleGroupContext);
+  return /* @__PURE__ */ jsx92(
     ToggleGroupPrimitive.Item,
     {
       ref,
@@ -27957,11 +28564,11 @@ var ToggleGroupItem = React63.forwardRef(({ className, children, variant, size,
 ToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName;
 
 // src/hooks/useActiveSection.ts
-import { useEffect as useEffect23, useState as useState20 } from "react";
+import { useEffect as useEffect24, useState as useState21 } from "react";
 var useActiveSection = (sectionIds, offset = 180) => {
   var _a78;
-  const [activeId, setActiveId] = useState20((_a78 = sectionIds[0]) != null ? _a78 : "");
-  useEffect23(() => {
+  const [activeId, setActiveId] = useState21((_a78 = sectionIds[0]) != null ? _a78 : "");
+  useEffect24(() => {
     if (!sectionIds.length || typeof window === "undefined") return;
     const update = () => {
       let nextActive = sectionIds[0];
@@ -27993,7 +28600,7 @@ function slugify(value) {
 }
 
 // src/lib/layoutMode.ts
-import { useCallback as useCallback10, useEffect as useEffect24, useState as useState21 } from "react";
+import { useCallback as useCallback11, useEffect as useEffect25, useState as useState22 } from "react";
 var LAYOUT_MODE_STORAGE_KEY = "cc-layout-preview-mode";
 var LAYOUT_MODE_CHANGE_EVENT = "cc-layout-mode-change";
 var normalizeLayoutMode = (value) => {
@@ -28016,8 +28623,8 @@ var writeStoredLayoutMode = (mode) => {
   window.dispatchEvent(new CustomEvent(LAYOUT_MODE_CHANGE_EVENT, { detail: mode }));
 };
 var useLayoutMode = () => {
-  const [mode, setMode] = useState21(readStoredLayoutMode);
-  useEffect24(() => {
+  const [mode, setMode] = useState22(readStoredLayoutMode);
+  useEffect25(() => {
     if (typeof window === "undefined") return void 0;
     const handleStorage = (event) => {
       if (event.key !== LAYOUT_MODE_STORAGE_KEY) return;
@@ -28039,15 +28646,15 @@ var useLayoutMode = () => {
 };
 var useLayoutModeControl = () => {
   const mode = useLayoutMode();
-  const setMode = useCallback10((nextMode) => {
+  const setMode = useCallback11((nextMode) => {
     writeStoredLayoutMode(nextMode);
   }, []);
   return { mode, setMode };
 };
 
 // src/lib/auth.tsx
-import { createContext as createContext6, useCallback as useCallback11, useContext as useContext7, useEffect as useEffect25, useMemo as useMemo14, useRef as useRef13, useState as useState22 } from "react";
-import { jsx as jsx92 } from "react/jsx-runtime";
+import { createContext as createContext7, useCallback as useCallback12, useContext as useContext8, useEffect as useEffect26, useMemo as useMemo15, useRef as useRef13, useState as useState23 } from "react";
+import { jsx as jsx93 } from "react/jsx-runtime";
 var STORAGE_KEYS = {
   accessToken: "cc_access_token",
   idToken: "cc_id_token",
@@ -28127,6 +28734,39 @@ var PRESENCE_HEARTBEAT_INTERVAL_MS = parsePositiveInteger2(
 );
 var INACTIVITY_CHECK_INTERVAL_MS = 3e4;
 var SILENT_AUTH_ERRORS = /* @__PURE__ */ new Set(["login_required", "interaction_required", "consent_required", "account_selection_required"]);
+var PROTECTED_ROUTE_PREFIXES = ["/layout-preview", "/componentes", "/docs", "/animacoes"];
+var LOOPBACK_HOSTNAMES = /* @__PURE__ */ new Set(["localhost", "127.0.0.1", "::1"]);
+var isTruthyEnvFlag = (value) => {
+  if (!value) return false;
+  const normalized = value.trim().toLowerCase();
+  return normalized === "1" || normalized === "true" || normalized === "yes" || normalized === "on";
+};
+var isProtectedRoute = (pathname) => {
+  return PROTECTED_ROUTE_PREFIXES.some((prefix) => pathname === prefix || pathname.startsWith(`${prefix}/`));
+};
+var shouldAttemptSilentLoginForPath = (pathname) => {
+  const override = getRuntimeEnv("VITE_ACCOUNTS_SILENT_AUTH");
+  if (typeof override === "string") {
+    return isTruthyEnvFlag(override);
+  }
+  return isProtectedRoute(pathname);
+};
+var isSilentAuthRedirectCompatible = () => {
+  if (typeof window === "undefined") return true;
+  const configuredRedirectUri = getRuntimeEnv("VITE_ACCOUNTS_REDIRECT_URI");
+  if (!configuredRedirectUri) return true;
+  try {
+    const currentUrl = new URL(window.location.href);
+    const redirectUrl = new URL(configuredRedirectUri, window.location.origin);
+    if (redirectUrl.origin === currentUrl.origin) {
+      return true;
+    }
+    const usesLoopbackHosts = LOOPBACK_HOSTNAMES.has(redirectUrl.hostname) && LOOPBACK_HOSTNAMES.has(currentUrl.hostname);
+    return usesLoopbackHosts && redirectUrl.protocol === currentUrl.protocol && redirectUrl.port === currentUrl.port;
+  } catch (e) {
+    return true;
+  }
+};
 var DEFAULT_PRESENCE_STATUS = "online";
 var PRESENCE_STATUS_VALUES2 = [
   "online",
@@ -28206,7 +28846,7 @@ var readStoredPresenceSource = () => {
   if (isPresenceSource(stored)) return stored;
   return "auto";
 };
-var AuthContext = createContext6(void 0);
+var AuthContext = createContext7(void 0);
 var readStoredToken = () => {
   const accessToken = sessionStorage.getItem(STORAGE_KEYS.accessToken);
   const idToken = sessionStorage.getItem(STORAGE_KEYS.idToken);
@@ -28325,17 +28965,17 @@ var buildUserFromTokens = ({
   };
 };
 var AuthProvider = ({ children }) => {
-  const [status, setStatus] = useState22("loading");
-  const [accessToken, setAccessToken] = useState22(null);
-  const [user, setUser] = useState22(null);
-  const [presenceStatus, setPresenceStatusState] = useState22(() => readStoredPresence());
+  const [status, setStatus] = useState23("loading");
+  const [accessToken, setAccessToken] = useState23(null);
+  const [user, setUser] = useState23(null);
+  const [presenceStatus, setPresenceStatusState] = useState23(() => readStoredPresence());
   const presenceStatusRef = useRef13(readStoredPresence());
   const presenceSourceRef = useRef13(readStoredPresenceSource());
   const lastActivityAtRef = useRef13(Date.now());
   const lastActivityBroadcastAtRef = useRef13(0);
   const resolvedPresenceIdentityKeyRef = useRef13(null);
   const resolvedPresenceUserIdRef = useRef13(null);
-  const storePresenceStatus = useCallback11((nextStatus, source) => {
+  const storePresenceStatus = useCallback12((nextStatus, source) => {
     setPresenceStatusState(nextStatus);
     presenceStatusRef.current = nextStatus;
     sessionStorage.setItem(STORAGE_KEYS.presence, nextStatus);
@@ -28345,7 +28985,7 @@ var AuthProvider = ({ children }) => {
       localStorage.setItem(LOCAL_STORAGE_KEYS.presenceSource, source);
     }
   }, []);
-  const resolvePresenceUserId = useCallback11(async (targetUser) => {
+  const resolvePresenceUserId = useCallback12(async (targetUser) => {
     var _a78, _b7, _c, _d;
     const sub = toNonEmptyString(targetUser == null ? void 0 : targetUser.sub);
     const id = toNonEmptyString(targetUser == null ? void 0 : targetUser.id);
@@ -28383,7 +29023,7 @@ var AuthProvider = ({ children }) => {
     resolvedPresenceUserIdRef.current = fallbackUserId;
     return fallbackUserId;
   }, []);
-  const syncPresenceFromRecord = useCallback11(
+  const syncPresenceFromRecord = useCallback12(
     (rawRow) => {
       var _a78, _b7, _c;
       if (!rawRow) return;
@@ -28398,7 +29038,7 @@ var AuthProvider = ({ children }) => {
     },
     [storePresenceStatus]
   );
-  const persistPresenceLegacy = useCallback11(
+  const persistPresenceLegacy = useCallback12(
     async (nextStatus, source, targetUser, options) => {
       const userId = await resolvePresenceUserId(targetUser != null ? targetUser : user);
       if (!userId) return false;
@@ -28433,7 +29073,7 @@ var AuthProvider = ({ children }) => {
     },
     [resolvePresenceUserId, syncPresenceFromRecord, user]
   );
-  const executePresenceRpc = useCallback11(
+  const executePresenceRpc = useCallback12(
     async (fnName, payload, options) => {
       const supabase = getSupabase();
       if (!supabase) {
@@ -28461,7 +29101,7 @@ var AuthProvider = ({ children }) => {
     },
     [persistPresenceLegacy, syncPresenceFromRecord]
   );
-  const touchPresence = useCallback11(
+  const touchPresence = useCallback12(
     async (options) => {
       var _a78;
       const targetUser = (_a78 = options == null ? void 0 : options.targetUser) != null ? _a78 : user;
@@ -28492,7 +29132,7 @@ var AuthProvider = ({ children }) => {
     },
     [executePresenceRpc, resolvePresenceUserId, user]
   );
-  const markPresenceIdle = useCallback11(
+  const markPresenceIdle = useCallback12(
     async (targetUser) => {
       const resolvedTargetUser = targetUser != null ? targetUser : user;
       const userId = await resolvePresenceUserId(resolvedTargetUser);
@@ -28517,7 +29157,7 @@ var AuthProvider = ({ children }) => {
     },
     [executePresenceRpc, resolvePresenceUserId, user]
   );
-  const setPresenceNetworkStatus = useCallback11(
+  const setPresenceNetworkStatus = useCallback12(
     async (nextStatus, source, targetUser) => {
       const resolvedTargetUser = targetUser != null ? targetUser : user;
       const userId = await resolvePresenceUserId(resolvedTargetUser);
@@ -28543,7 +29183,7 @@ var AuthProvider = ({ children }) => {
     },
     [executePresenceRpc, resolvePresenceUserId, user]
   );
-  const loadPresenceFromDatabase = useCallback11(
+  const loadPresenceFromDatabase = useCallback12(
     async (targetUser) => {
       const userId = await resolvePresenceUserId(targetUser);
       if (!userId) return;
@@ -28577,7 +29217,7 @@ var AuthProvider = ({ children }) => {
     },
     [resolvePresenceUserId, syncPresenceFromRecord, touchPresence]
   );
-  const clearAuthFlowState = useCallback11((options) => {
+  const clearAuthFlowState = useCallback12((options) => {
     sessionStorage.removeItem(STORAGE_KEYS.state);
     sessionStorage.removeItem(STORAGE_KEYS.verifier);
     sessionStorage.removeItem(STORAGE_KEYS.nonce);
@@ -28587,7 +29227,7 @@ var AuthProvider = ({ children }) => {
       sessionStorage.removeItem(STORAGE_KEYS.silentCheckDone);
     }
   }, []);
-  const startAuthorization = useCallback11(
+  const startAuthorization = useCallback12(
     async (options) => {
       var _a78, _b7;
       const config = getAccountsConfig();
@@ -28613,7 +29253,7 @@ var AuthProvider = ({ children }) => {
     },
     []
   );
-  const attemptSilentLogin = useCallback11(async () => {
+  const attemptSilentLogin = useCallback12(async () => {
     if (typeof window === "undefined") return false;
     if (window.location.pathname.startsWith("/auth/callback")) return false;
     if (sessionStorage.getItem(STORAGE_KEYS.silentCheckDone) === "1") return false;
@@ -28624,7 +29264,7 @@ var AuthProvider = ({ children }) => {
     });
     return true;
   }, [startAuthorization]);
-  useEffect25(() => {
+  useEffect26(() => {
     let cancelled = false;
     const initializeAuth = async () => {
       var _a78;
@@ -28648,9 +29288,13 @@ var AuthProvider = ({ children }) => {
       sessionStorage.removeItem(STORAGE_KEYS.presence);
       sessionStorage.removeItem(STORAGE_KEYS.presenceSource);
       localStorage.removeItem(LOCAL_STORAGE_KEYS.presenceSource);
+      const pathname = typeof window === "undefined" ? "/" : window.location.pathname;
+      const shouldAttemptSilentLogin = shouldAttemptSilentLoginForPath(pathname) && isSilentAuthRedirectCompatible();
       try {
-        const redirected = await attemptSilentLogin();
-        if (redirected || cancelled) return;
+        if (shouldAttemptSilentLogin) {
+          const redirected = await attemptSilentLogin();
+          if (redirected || cancelled) return;
+        }
       } catch (error) {
         if (isRuntimeDev()) {
           console.warn("[auth] Falha na verifica\xE7\xE3o silenciosa de sess\xE3o:", error.message);
@@ -28665,7 +29309,7 @@ var AuthProvider = ({ children }) => {
       cancelled = true;
     };
   }, [attemptSilentLogin]);
-  useEffect25(() => {
+  useEffect26(() => {
     var _a78;
     if (status !== "authenticated") return;
     if (user) return;
@@ -28678,15 +29322,15 @@ var AuthProvider = ({ children }) => {
     if (!hydratedUser) return;
     setUser(hydratedUser);
   }, [status, user]);
-  useEffect25(() => {
+  useEffect26(() => {
     resolvedPresenceIdentityKeyRef.current = null;
     resolvedPresenceUserIdRef.current = null;
   }, [user == null ? void 0 : user.email, user == null ? void 0 : user.id, user == null ? void 0 : user.sub, user == null ? void 0 : user.userId]);
-  useEffect25(() => {
+  useEffect26(() => {
     if (status !== "authenticated") return;
     void loadPresenceFromDatabase(user);
   }, [loadPresenceFromDatabase, status, user]);
-  useEffect25(() => {
+  useEffect26(() => {
     if (status !== "authenticated") return;
     const supabase = getSupabase();
     if (!supabase) return;
@@ -28723,7 +29367,7 @@ var AuthProvider = ({ children }) => {
       }
     };
   }, [resolvePresenceUserId, status, storePresenceStatus, syncPresenceFromRecord, user]);
-  useEffect25(() => {
+  useEffect26(() => {
     if (status !== "authenticated") return;
     const registerActivity = () => {
       lastActivityAtRef.current = Date.now();
@@ -28772,13 +29416,13 @@ var AuthProvider = ({ children }) => {
       document.removeEventListener("visibilitychange", onVisibility);
     };
   }, [markPresenceIdle, status, touchPresence]);
-  const login = useCallback11(async (redirectTo) => {
+  const login = useCallback12(async (redirectTo) => {
     await startAuthorization({
       mode: "interactive",
       redirectTo: redirectTo != null ? redirectTo : window.location.pathname + window.location.search + window.location.hash
     });
   }, [startAuthorization]);
-  const completeLogin = useCallback11(async () => {
+  const completeLogin = useCallback12(async () => {
     var _a78;
     const params = new URLSearchParams(window.location.search);
     const redirectTo = (_a78 = sessionStorage.getItem(STORAGE_KEYS.redirect)) != null ? _a78 : "/";
@@ -28848,7 +29492,7 @@ var AuthProvider = ({ children }) => {
       return { ok: false, error: err.message };
     }
   }, [clearAuthFlowState]);
-  const logout = useCallback11(async () => {
+  const logout = useCallback12(async () => {
     var _a78;
     const config = getAccountsConfig();
     const { logoutUrl } = await resolveOidcEndpoints(config);
@@ -28867,13 +29511,13 @@ var AuthProvider = ({ children }) => {
       window.location.assign(url);
     }
   }, [setPresenceNetworkStatus, storePresenceStatus, user]);
-  const getAccessToken = useCallback11(async () => {
+  const getAccessToken = useCallback12(async () => {
     const stored = readStoredToken();
     if (stored == null ? void 0 : stored.accessToken) return stored.accessToken;
     if (accessToken) return accessToken;
     throw new Error("Usu\xE1rio n\xE3o autenticado.");
   }, [accessToken]);
-  const setPresenceStatus = useCallback11(
+  const setPresenceStatus = useCallback12(
     async (nextStatus) => {
       if (!isUserPresenceStatus(nextStatus) || nextStatus === "offline") return;
       const now = Date.now();
@@ -28884,7 +29528,7 @@ var AuthProvider = ({ children }) => {
     },
     [setPresenceNetworkStatus]
   );
-  const value = useMemo14(
+  const value = useMemo15(
     () => ({
       status,
       user,
@@ -28898,10 +29542,10 @@ var AuthProvider = ({ children }) => {
     }),
     [status, user, accessToken, login, logout, completeLogin, getAccessToken, presenceStatus, setPresenceStatus]
   );
-  return /* @__PURE__ */ jsx92(AuthContext.Provider, { value, children });
+  return /* @__PURE__ */ jsx93(AuthContext.Provider, { value, children });
 };
 var useAuth = () => {
-  const ctx = useContext7(AuthContext);
+  const ctx = useContext8(AuthContext);
   if (!ctx) {
     throw new Error("useAuth deve ser usado dentro de AuthProvider.");
   }
@@ -28927,6 +29571,7 @@ export {
   AlertDialogTitle,
   AlertDialogTrigger,
   AlertTitle,
+  ThemeToggle as AnimatedThemeToggle,
   AppSidebar,
   AspectRatio,
   AuthProvider,
@@ -29215,7 +29860,9 @@ export {
   TelescupVideo,
   Textarea,
   TextareaField,
-  ThemeToggle,
+  ThemeProvider,
+  ThemeScript,
+  ThemeToggle2 as ThemeToggle,
   Timeline,
   Toast,
   ToastAction,
@@ -29275,6 +29922,7 @@ export {
   toast,
   toggleVariants,
   useActiveSection,
+  useAppTheme,
   useAuth,
   useBreakpoint,
   useFormField,