@cupcodev/ui 3.0.2 → 3.2.0

package/README.md

@@ -106,18 +106,29 @@ Todos os componentes Cupcode e shadcn/ui base são reexportados de `@cupcodev/ui
 
 ### MainNavbar sem router obrigatório
 
-`MainNavbar` não depende de `react-router-dom`. Para integração SPA, passe `pathname` e `onNavigate`:
+`MainNavbar` não depende de `react-router-dom`. Para integração SPA, passe `pathname` e `onNavigate`.  
+Para evitar branding fixo no pacote, passe também `logo` com o visual do seu app:
 
 ```tsx
-import { MainNavbar } from "@cupcodev/ui";
+import { MainNavbar, TelescupImage } from "@cupcodev/ui";
 import { useLocation, useNavigate } from "react-router-dom";
 
 export function Header() {
   const location = useLocation();
   const navigate = useNavigate();
+  const appLogo = (
+    <TelescupImage
+      apiId="SEU-LOGO-ID"
+      imageWidth={120}
+      imageHeight={32}
+      alt="Meu app"
+      className="h-8 w-auto"
+    />
+  );
 
   return (
     <MainNavbar
+      logo={appLogo}
       pathname={location.pathname}
       onNavigate={(href) => navigate(href)}
     />

package/dist/index.cjs

@@ -3056,7 +3056,7 @@ var NavbarCupcode = ({
       {
         ref: navRef,
         className: cn(
-          "fixed left-2 right-2 top-[max(env(safe-area-inset-top),0.75rem)] z-[200] overflow-hidden rounded-2xl",
+          "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",
           className
         ),
@@ -3198,47 +3198,6 @@ var NavbarCupcode_default = NavbarCupcode;
 // src/components/cupcode/MainNavbar.tsx
 var import_react19 = require("react");
 
-// src/components/cupcode/TelescupImage.tsx
-var import_jsx_runtime22 = require("react/jsx-runtime");
-var TelescupImage = ({
-  apiId,
-  imageWidth,
-  imageHeight,
-  fit = "cover",
-  format = "avif",
-  quality = 60,
-  lang = "pt-BR",
-  alt,
-  title,
-  loading = "lazy",
-  className,
-  ...props
-}) => {
-  const { url, meta } = useTelescupImage(
-    {
-      id: apiId,
-      width: imageWidth,
-      height: imageHeight,
-      fit,
-      format,
-      quality
-    },
-    lang
-  );
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
-    "img",
-    {
-      src: url,
-      "data-api-id": apiId,
-      alt: alt || meta.alt || "",
-      title: title || meta.title,
-      loading,
-      className,
-      ...props
-    }
-  );
-};
-
 // src/components/cupcode/UserMenuCupcode.tsx
 var DialogPrimitive3 = __toESM(require("@radix-ui/react-dialog"), 1);
 var import_lucide_react10 = require("lucide-react");
@@ -3248,11 +3207,11 @@ var import_react18 = require("react");
 var React10 = __toESM(require("react"), 1);
 var SelectPrimitive = __toESM(require("@radix-ui/react-select"), 1);
 var import_lucide_react6 = require("lucide-react");
-var import_jsx_runtime23 = require("react/jsx-runtime");
+var import_jsx_runtime22 = require("react/jsx-runtime");
 var Select = SelectPrimitive.Root;
 var SelectGroup = SelectPrimitive.Group;
 var SelectValue = SelectPrimitive.Value;
-var SelectTrigger = React10.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+var SelectTrigger = React10.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
   SelectPrimitive.Trigger,
   {
     ref,
@@ -3263,32 +3222,32 @@ var SelectTrigger = React10.forwardRef(({ className, children, ...props }, ref)
     ...props,
     children: [
       children,
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react6.ChevronDown, { className: "h-4 w-4 opacity-50" }) })
+      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react6.ChevronDown, { className: "h-4 w-4 opacity-50" }) })
     ]
   }
 ));
 SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
-var SelectScrollUpButton = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+var SelectScrollUpButton = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
   SelectPrimitive.ScrollUpButton,
   {
     ref,
     className: cn("flex cursor-default items-center justify-center py-1", className),
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react6.ChevronUp, { className: "h-4 w-4" })
+    children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react6.ChevronUp, { className: "h-4 w-4" })
   }
 ));
 SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
-var SelectScrollDownButton = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+var SelectScrollDownButton = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
   SelectPrimitive.ScrollDownButton,
   {
     ref,
     className: cn("flex cursor-default items-center justify-center py-1", className),
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react6.ChevronDown, { className: "h-4 w-4" })
+    children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react6.ChevronDown, { className: "h-4 w-4" })
   }
 ));
 SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
-var SelectContent = React10.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(SelectPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+var SelectContent = React10.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(SelectPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
   SelectPrimitive.Content,
   {
     ref,
@@ -3300,8 +3259,8 @@ var SelectContent = React10.forwardRef(({ className, children, position = "poppe
     position,
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(SelectScrollUpButton, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(SelectScrollUpButton, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
         SelectPrimitive.Viewport,
         {
           className: cn(
@@ -3311,14 +3270,14 @@ var SelectContent = React10.forwardRef(({ className, children, position = "poppe
           children
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(SelectScrollDownButton, {})
+      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(SelectScrollDownButton, {})
     ]
   }
 ) }));
 SelectContent.displayName = SelectPrimitive.Content.displayName;
-var SelectLabel = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(SelectPrimitive.Label, { ref, className: cn("py-1.5 pl-8 pr-2 text-sm font-semibold", className), ...props }));
+var SelectLabel = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(SelectPrimitive.Label, { ref, className: cn("py-1.5 pl-8 pr-2 text-sm font-semibold", className), ...props }));
 SelectLabel.displayName = SelectPrimitive.Label.displayName;
-var SelectItem = React10.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+var SelectItem = React10.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
   SelectPrimitive.Item,
   {
     ref,
@@ -3328,20 +3287,20 @@ var SelectItem = React10.forwardRef(({ className, children, ...props }, ref) =>
     ),
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react6.Check, { className: "h-4 w-4" }) }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(SelectPrimitive.ItemText, { children })
+      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react6.Check, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(SelectPrimitive.ItemText, { children })
     ]
   }
 ));
 SelectItem.displayName = SelectPrimitive.Item.displayName;
-var SelectSeparator = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(SelectPrimitive.Separator, { ref, className: cn("-mx-1 my-1 h-px bg-muted", className), ...props }));
+var SelectSeparator = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(SelectPrimitive.Separator, { ref, className: cn("-mx-1 my-1 h-px bg-muted", className), ...props }));
 SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
 
 // src/components/ui/avatar.tsx
 var React11 = __toESM(require("react"), 1);
 var AvatarPrimitive2 = __toESM(require("@radix-ui/react-avatar"), 1);
-var import_jsx_runtime24 = require("react/jsx-runtime");
-var Avatar2 = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+var import_jsx_runtime23 = require("react/jsx-runtime");
+var Avatar2 = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
   AvatarPrimitive2.Root,
   {
     ref,
@@ -3350,7 +3309,7 @@ var Avatar2 = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 Avatar2.displayName = AvatarPrimitive2.Root.displayName;
-var AvatarImage2 = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+var AvatarImage2 = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
   AvatarPrimitive2.Image,
   {
     ref,
@@ -3359,7 +3318,7 @@ var AvatarImage2 = React11.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 AvatarImage2.displayName = AvatarPrimitive2.Image.displayName;
-var AvatarFallback2 = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+var AvatarFallback2 = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
   AvatarPrimitive2.Fallback,
   {
     ref,
@@ -3373,14 +3332,14 @@ AvatarFallback2.displayName = AvatarPrimitive2.Fallback.displayName;
 var React12 = __toESM(require("react"), 1);
 var DropdownMenuPrimitive = __toESM(require("@radix-ui/react-dropdown-menu"), 1);
 var import_lucide_react7 = require("lucide-react");
-var import_jsx_runtime25 = require("react/jsx-runtime");
+var import_jsx_runtime24 = require("react/jsx-runtime");
 var DropdownMenu = DropdownMenuPrimitive.Root;
 var DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
 var DropdownMenuGroup = DropdownMenuPrimitive.Group;
 var DropdownMenuPortal = DropdownMenuPrimitive.Portal;
 var DropdownMenuSub = DropdownMenuPrimitive.Sub;
 var DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
-var DropdownMenuSubTrigger = React12.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+var DropdownMenuSubTrigger = React12.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
   DropdownMenuPrimitive.SubTrigger,
   {
     ref,
@@ -3392,12 +3351,12 @@ var DropdownMenuSubTrigger = React12.forwardRef(({ className, inset, children, .
     ...props,
     children: [
       children,
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react7.ChevronRight, { className: "ml-auto h-4 w-4" })
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react7.ChevronRight, { className: "ml-auto h-4 w-4" })
     ]
   }
 ));
 DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
-var DropdownMenuSubContent = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+var DropdownMenuSubContent = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
   DropdownMenuPrimitive.SubContent,
   {
     ref,
@@ -3409,7 +3368,7 @@ var DropdownMenuSubContent = React12.forwardRef(({ className, ...props }, ref) =
   }
 ));
 DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
-var DropdownMenuContent = React12.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+var DropdownMenuContent = React12.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
   DropdownMenuPrimitive.Content,
   {
     ref,
@@ -3422,7 +3381,7 @@ var DropdownMenuContent = React12.forwardRef(({ className, sideOffset = 4, ...pr
   }
 ) }));
 DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
-var DropdownMenuItem = React12.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+var DropdownMenuItem = React12.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
   DropdownMenuPrimitive.Item,
   {
     ref,
@@ -3435,7 +3394,7 @@ var DropdownMenuItem = React12.forwardRef(({ className, inset, ...props }, ref)
   }
 ));
 DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
-var DropdownMenuCheckboxItem = React12.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+var DropdownMenuCheckboxItem = React12.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
   DropdownMenuPrimitive.CheckboxItem,
   {
     ref,
@@ -3446,13 +3405,13 @@ var DropdownMenuCheckboxItem = React12.forwardRef(({ className, children, checke
     checked,
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react7.Check, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react7.Check, { className: "h-4 w-4" }) }) }),
       children
     ]
   }
 ));
 DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
-var DropdownMenuRadioItem = React12.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+var DropdownMenuRadioItem = React12.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
   DropdownMenuPrimitive.RadioItem,
   {
     ref,
@@ -3462,13 +3421,13 @@ var DropdownMenuRadioItem = React12.forwardRef(({ className, children, ...props
     ),
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react7.Circle, { className: "h-2 w-2 fill-current" }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react7.Circle, { className: "h-2 w-2 fill-current" }) }) }),
       children
     ]
   }
 ));
 DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
-var DropdownMenuLabel = React12.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+var DropdownMenuLabel = React12.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
   DropdownMenuPrimitive.Label,
   {
     ref,
@@ -3477,10 +3436,10 @@ var DropdownMenuLabel = React12.forwardRef(({ className, inset, ...props }, ref)
   }
 ));
 DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
-var DropdownMenuSeparator = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(DropdownMenuPrimitive.Separator, { ref, className: cn("-mx-1 my-1 h-px bg-muted", className), ...props }));
+var DropdownMenuSeparator = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(DropdownMenuPrimitive.Separator, { ref, className: cn("-mx-1 my-1 h-px bg-muted", className), ...props }));
 DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;
 var DropdownMenuShortcut = ({ className, ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: cn("ml-auto text-xs tracking-widest opacity-60", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: cn("ml-auto text-xs tracking-widest opacity-60", className), ...props });
 };
 DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
 
@@ -3492,7 +3451,7 @@ var AlertDialogPrimitive = __toESM(require("@radix-ui/react-alert-dialog"), 1);
 var React13 = __toESM(require("react"), 1);
 var import_react_slot = require("@radix-ui/react-slot");
 var import_class_variance_authority = require("class-variance-authority");
-var import_jsx_runtime26 = require("react/jsx-runtime");
+var import_jsx_runtime25 = require("react/jsx-runtime");
 var buttonVariants = (0, import_class_variance_authority.cva)(
   "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
   {
@@ -3521,17 +3480,17 @@ var buttonVariants = (0, import_class_variance_authority.cva)(
 var Button = React13.forwardRef(
   ({ className, variant, size, asChild = false, ...props }, ref) => {
     const Comp = asChild ? import_react_slot.Slot : "button";
-    return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Comp, { className: cn(buttonVariants({ variant, size, className })), ref, ...props });
+    return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Comp, { className: cn(buttonVariants({ variant, size, className })), ref, ...props });
   }
 );
 Button.displayName = "Button";
 
 // src/components/ui/alert-dialog.tsx
-var import_jsx_runtime27 = require("react/jsx-runtime");
+var import_jsx_runtime26 = require("react/jsx-runtime");
 var AlertDialog = AlertDialogPrimitive.Root;
 var AlertDialogTrigger = AlertDialogPrimitive.Trigger;
 var AlertDialogPortal = AlertDialogPrimitive.Portal;
-var AlertDialogOverlay = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+var AlertDialogOverlay = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
   AlertDialogPrimitive.Overlay,
   {
     className: cn(
@@ -3543,9 +3502,9 @@ var AlertDialogOverlay = React14.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 AlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName;
-var AlertDialogContent = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(AlertDialogPortal, { children: [
-  /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(AlertDialogOverlay, {}),
-  /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+var AlertDialogContent = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(AlertDialogPortal, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(AlertDialogOverlay, {}),
+  /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
     AlertDialogPrimitive.Content,
     {
       ref,
@@ -3558,17 +3517,17 @@ var AlertDialogContent = React14.forwardRef(({ className, ...props }, ref) => /*
   )
 ] }));
 AlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName;
-var AlertDialogHeader = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: cn("flex flex-col space-y-2 text-center sm:text-left", className), ...props });
+var AlertDialogHeader = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: cn("flex flex-col space-y-2 text-center sm:text-left", className), ...props });
 AlertDialogHeader.displayName = "AlertDialogHeader";
-var AlertDialogFooter = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className), ...props });
+var AlertDialogFooter = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className), ...props });
 AlertDialogFooter.displayName = "AlertDialogFooter";
-var AlertDialogTitle = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(AlertDialogPrimitive.Title, { ref, className: cn("text-lg font-semibold", className), ...props }));
+var AlertDialogTitle = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(AlertDialogPrimitive.Title, { ref, className: cn("text-lg font-semibold", className), ...props }));
 AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName;
-var AlertDialogDescription = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(AlertDialogPrimitive.Description, { ref, className: cn("text-sm text-muted-foreground", className), ...props }));
+var AlertDialogDescription = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(AlertDialogPrimitive.Description, { ref, className: cn("text-sm text-muted-foreground", className), ...props }));
 AlertDialogDescription.displayName = AlertDialogPrimitive.Description.displayName;
-var AlertDialogAction = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(AlertDialogPrimitive.Action, { ref, className: cn(buttonVariants(), className), ...props }));
+var AlertDialogAction = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(AlertDialogPrimitive.Action, { ref, className: cn(buttonVariants(), className), ...props }));
 AlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName;
-var AlertDialogCancel = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+var AlertDialogCancel = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
   AlertDialogPrimitive.Cancel,
   {
     ref,
@@ -3582,12 +3541,12 @@ AlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName;
 var React15 = __toESM(require("react"), 1);
 var DialogPrimitive2 = __toESM(require("@radix-ui/react-dialog"), 1);
 var import_lucide_react8 = require("lucide-react");
-var import_jsx_runtime28 = require("react/jsx-runtime");
+var import_jsx_runtime27 = require("react/jsx-runtime");
 var Dialog = DialogPrimitive2.Root;
 var DialogTrigger = DialogPrimitive2.Trigger;
 var DialogPortal = DialogPrimitive2.Portal;
 var DialogClose = DialogPrimitive2.Close;
-var DialogOverlay = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+var DialogOverlay = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
   DialogPrimitive2.Overlay,
   {
     ref,
@@ -3599,9 +3558,9 @@ var DialogOverlay = React15.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 DialogOverlay.displayName = DialogPrimitive2.Overlay.displayName;
-var DialogContent = React15.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(DialogPortal, { children: [
-  /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(DialogOverlay, {}),
-  /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
+var DialogContent = React15.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(DialogPortal, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(DialogOverlay, {}),
+  /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
     DialogPrimitive2.Content,
     {
       ref,
@@ -3612,20 +3571,20 @@ var DialogContent = React15.forwardRef(({ className, children, ...props }, ref)
       ...props,
       children: [
         children,
-        /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(DialogPrimitive2.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity data-[state=open]:bg-accent data-[state=open]:text-muted-foreground hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_lucide_react8.X, { className: "h-4 w-4" }),
-          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "sr-only", children: "Close" })
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(DialogPrimitive2.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity data-[state=open]:bg-accent data-[state=open]:text-muted-foreground hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_lucide_react8.X, { className: "h-4 w-4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "sr-only", children: "Close" })
         ] })
       ]
     }
   )
 ] }));
 DialogContent.displayName = DialogPrimitive2.Content.displayName;
-var DialogHeader = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: cn("flex flex-col space-y-1.5 text-center sm:text-left", className), ...props });
+var DialogHeader = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: cn("flex flex-col space-y-1.5 text-center sm:text-left", className), ...props });
 DialogHeader.displayName = "DialogHeader";
-var DialogFooter = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className), ...props });
+var DialogFooter = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className), ...props });
 DialogFooter.displayName = "DialogFooter";
-var DialogTitle = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+var DialogTitle = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
   DialogPrimitive2.Title,
   {
     ref,
@@ -3634,14 +3593,14 @@ var DialogTitle = React15.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 DialogTitle.displayName = DialogPrimitive2.Title.displayName;
-var DialogDescription = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(DialogPrimitive2.Description, { ref, className: cn("text-sm text-muted-foreground", className), ...props }));
+var DialogDescription = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(DialogPrimitive2.Description, { ref, className: cn("text-sm text-muted-foreground", className), ...props }));
 DialogDescription.displayName = DialogPrimitive2.Description.displayName;
 
 // src/components/ui/switch.tsx
 var React16 = __toESM(require("react"), 1);
 var SwitchPrimitives = __toESM(require("@radix-ui/react-switch"), 1);
-var import_jsx_runtime29 = require("react/jsx-runtime");
-var Switch = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+var import_jsx_runtime28 = require("react/jsx-runtime");
+var Switch = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
   SwitchPrimitives.Root,
   {
     className: cn(
@@ -3650,7 +3609,7 @@ var Switch = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
     ),
     ...props,
     ref,
-    children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
       SwitchPrimitives.Thumb,
       {
         className: cn(
@@ -5324,6 +5283,47 @@ function useTelescupAssets(options) {
   };
 }
 
+// src/components/cupcode/TelescupImage.tsx
+var import_jsx_runtime29 = require("react/jsx-runtime");
+var TelescupImage = ({
+  apiId,
+  imageWidth,
+  imageHeight,
+  fit = "cover",
+  format = "avif",
+  quality = 60,
+  lang = "pt-BR",
+  alt,
+  title,
+  loading = "lazy",
+  className,
+  ...props
+}) => {
+  const { url, meta } = useTelescupImage(
+    {
+      id: apiId,
+      width: imageWidth,
+      height: imageHeight,
+      fit,
+      format,
+      quality
+    },
+    lang
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+    "img",
+    {
+      src: url,
+      "data-api-id": apiId,
+      alt: alt || meta.alt || "",
+      title: title || meta.title,
+      loading,
+      className,
+      ...props
+    }
+  );
+};
+
 // src/components/cupcode/TelescupVideo.tsx
 var import_jsx_runtime30 = require("react/jsx-runtime");
 var TelescupVideo = ({
@@ -23037,6 +23037,16 @@ var PRESENCE_STATUS_LABELS = {
   designing: "Designing",
   offline: "Off-line"
 };
+var LAST_SEEN_MINUTE_MS = 6e4;
+var LAST_SEEN_HOUR_MS = 60 * LAST_SEEN_MINUTE_MS;
+var LAST_SEEN_DAY_MS = 24 * LAST_SEEN_HOUR_MS;
+var TIME_PT_BR_FORMATTER = new Intl.DateTimeFormat("pt-BR", { hour: "2-digit", minute: "2-digit" });
+var DATE_PT_BR_FORMATTER = new Intl.DateTimeFormat("pt-BR", { day: "2-digit", month: "2-digit" });
+var DATE_WITH_YEAR_PT_BR_FORMATTER = new Intl.DateTimeFormat("pt-BR", {
+  day: "2-digit",
+  month: "2-digit",
+  year: "numeric"
+});
 var CHAT_FEATURE_FLAGS_STORAGE_KEY = "cc_chat_feature_flags";
 var getDefaultChatFeatureFlags = () => ({
   hasReadAt: true,
@@ -23153,6 +23163,41 @@ var toTimestampMs = (value) => {
   const parsed = new Date(trimmed).getTime();
   return Number.isNaN(parsed) ? void 0 : parsed;
 };
+var isSameCalendarDay = (left, right) => {
+  return left.getFullYear() === right.getFullYear() && left.getMonth() === right.getMonth() && left.getDate() === right.getDate();
+};
+var isYesterday = (value, nowDate) => {
+  const yesterday = new Date(nowDate);
+  yesterday.setHours(0, 0, 0, 0);
+  yesterday.setDate(yesterday.getDate() - 1);
+  return isSameCalendarDay(value, yesterday);
+};
+var formatPresenceLastSeenLabel = (lastActiveAtMs, now = Date.now()) => {
+  const diffMs = Math.max(0, now - lastActiveAtMs);
+  if (diffMs < LAST_SEEN_HOUR_MS) {
+    const diffMinutes = Math.max(1, Math.floor(diffMs / LAST_SEEN_MINUTE_MS));
+    return `Visto por \xFAltimo h\xE1 ${diffMinutes} ${diffMinutes === 1 ? "minuto" : "minutos"}`;
+  }
+  if (diffMs < LAST_SEEN_DAY_MS) {
+    const diffHours = Math.max(1, Math.floor(diffMs / LAST_SEEN_HOUR_MS));
+    return `Visto por \xFAltimo h\xE1 ${diffHours} ${diffHours === 1 ? "hora" : "horas"}`;
+  }
+  const nowDate = new Date(now);
+  const lastActiveDate = new Date(lastActiveAtMs);
+  const timeLabel = TIME_PT_BR_FORMATTER.format(lastActiveDate);
+  if (isSameCalendarDay(lastActiveDate, nowDate)) {
+    return `Visto por \xFAltimo hoje \xE0s ${timeLabel}`;
+  }
+  if (isYesterday(lastActiveDate, nowDate)) {
+    return `Visto por \xFAltimo ontem \xE0s ${timeLabel}`;
+  }
+  if (lastActiveDate.getFullYear() === nowDate.getFullYear()) {
+    const dateLabel = DATE_PT_BR_FORMATTER.format(lastActiveDate);
+    return `Visto por \xFAltimo em ${dateLabel} \xE0s ${timeLabel}`;
+  }
+  const dateWithYearLabel = DATE_WITH_YEAR_PT_BR_FORMATTER.format(lastActiveDate);
+  return `Visto por \xFAltimo em ${dateWithYearLabel} \xE0s ${timeLabel}`;
+};
 var resolveEffectivePresenceStatus = (snapshot, now = Date.now()) => {
   if (snapshot.status === "offline") {
     return "offline";
@@ -23178,8 +23223,7 @@ var resolvePresenceStatusLabel = (snapshot, effectiveStatus, now = Date.now()) =
   }
   const lastActiveAtMs = snapshot.lastActiveAtMs;
   if ((effectiveStatus === "away" || effectiveStatus === "offline") && typeof lastActiveAtMs === "number" && Number.isFinite(lastActiveAtMs) && now >= lastActiveAtMs) {
-    const diffMinutes = Math.max(1, Math.floor((now - lastActiveAtMs) / 6e4));
-    return `On-line h\xE1 ${diffMinutes} min`;
+    return formatPresenceLastSeenLabel(lastActiveAtMs, now);
   }
   return PRESENCE_STATUS_LABELS[effectiveStatus];
 };
@@ -23481,6 +23525,7 @@ var MainNavbar = ({
   ctaLabel = "Entrar",
   ctaHref = "/login",
   pathname,
+  logo,
   onNavigate,
   authStatus,
   authUser,
@@ -24790,6 +24835,10 @@ var MainNavbar = ({
       };
     });
   }, [currentPathname, onNavigate]);
+  const resolvedLogo = (0, import_react19.useMemo)(() => {
+    if (logo) return logo;
+    return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "inline-flex items-center text-base font-semibold tracking-wide text-foreground", children: "Cupcode" });
+  }, [logo]);
   const handleCtaClick = () => {
     if (onNavigate) {
       onNavigate(ctaHref);
@@ -25015,30 +25064,7 @@ var MainNavbar = ({
   return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_jsx_runtime45.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
     NavbarCupcode,
     {
-      logo: /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "flex items-center gap-[15px]", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
-          TelescupImage,
-          {
-            apiId: "be574751-cf1b-499a-8473-360b4115b447",
-            imageWidth: 40,
-            imageHeight: 40,
-            alt: "Design System Cupcode",
-            loading: "eager",
-            className: "h-10 w-auto"
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
-          TelescupImage,
-          {
-            apiId: "3b913721-2eda-48fd-8d76-1a53055a337f",
-            imageWidth: 120,
-            imageHeight: 32,
-            alt: "Cupcode",
-            loading: "eager",
-            className: "h-8 w-auto"
-          }
-        )
-      ] }),
+      logo: resolvedLogo,
       items,
       actions: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
         UserMenuCupcode,

package/dist/index.d.cts

@@ -458,6 +458,7 @@ type MainNavbarProps = {
     ctaLabel?: string;
     ctaHref?: string;
     pathname?: string;
+    logo?: React.ReactNode;
     onNavigate?: (href: string) => void;
     authStatus?: MainNavbarAuthStatus;
     authUser?: MainNavbarAuthUser | null;

package/dist/index.d.ts

@@ -458,6 +458,7 @@ type MainNavbarProps = {
     ctaLabel?: string;
     ctaHref?: string;
     pathname?: string;
+    logo?: React.ReactNode;
     onNavigate?: (href: string) => void;
     authStatus?: MainNavbarAuthStatus;
     authUser?: MainNavbarAuthUser | null;