@snksergio/design-system 0.53.0 → 0.55.0

package/dist-lib/chunks/{useTheme-Bk8AYqLr.mjs → useTheme-caPM-I73.mjs}

@@ -1,7 +1,7 @@
-import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import { Fragment as Fragment$1, useState, useEffect, forwardRef, createContext, useContext, useCallback, useRef, useMemo } from "react";
-import { a8 as tv, c as cn, a7 as Button, g as CommandDialog, j as CommandInput, l as CommandList, h as CommandEmpty, i as CommandGroup, k as CommandItem, n as CommandShortcut, m as CommandSeparator, V as Popover, Z as PopoverTrigger, Y as PopoverContent, P as InputGroup, Q as InputGroupAddon, S as InputGroupInput, x as DropdownMenu, O as DropdownMenuTrigger, z as DropdownMenuContent, E as DropdownMenuItem, _ as Tooltip, a1 as TooltipTrigger, $ as TooltipContent, C as Collapsible, e as CollapsibleTrigger, d as CollapsibleContent, B as DropdownMenuGroup, F as DropdownMenuLabel, J as DropdownMenuSeparator, a0 as TooltipProvider, A as Avatar, b as AvatarImage, a as AvatarFallback, L as DropdownMenuSub, N as DropdownMenuSubTrigger, M as DropdownMenuSubContent, H as DropdownMenuRadioGroup, I as DropdownMenuRadioItem } from "./avatar-FPbG1TRy.mjs";
-import { ChevronRight, Search, Bell, CheckCheck, MoreHorizontal, MessageSquare, PenLine, Maximize2, Sun, Moon, Check, PanelLeftOpen, PanelLeftClose, Menu, Plus, ChevronDown, X, ChevronsUpDown, User, LayoutGrid, SunMoon, Settings, LogOut } from "lucide-react";
+import { jsxs, jsx, Fragment as Fragment$1 } from "react/jsx-runtime";
+import { forwardRef, useState, useMemo, Fragment, useEffect, createContext, useContext, useCallback, useRef } from "react";
+import { af as tv, a0 as Popover, a4 as PopoverTrigger, a3 as PopoverContent, l as Command, p as CommandInput, r as CommandList, n as CommandEmpty, o as CommandGroup, q as CommandItem, c as cn, B as Breadcrumb$1, g as BreadcrumbList, i as BreadcrumbSeparator, e as BreadcrumbItem, f as BreadcrumbLink, h as BreadcrumbPage, ae as Button, m as CommandDialog, t as CommandShortcut, s as CommandSeparator, W as InputGroup, X as InputGroupAddon, Z as InputGroupInput, H as DropdownMenu, V as DropdownMenuTrigger, J as DropdownMenuContent, L as DropdownMenuItem, a5 as Tooltip, a8 as TooltipTrigger, a6 as TooltipContent, C as Collapsible, k as CollapsibleTrigger, j as CollapsibleContent, K as DropdownMenuGroup, M as DropdownMenuLabel, Q as DropdownMenuSeparator, a7 as TooltipProvider, A as Avatar, b as AvatarImage, a as AvatarFallback, S as DropdownMenuSub, U as DropdownMenuSubTrigger, T as DropdownMenuSubContent, O as DropdownMenuRadioGroup, P as DropdownMenuRadioItem } from "./avatar-CZRLkTxt.mjs";
+import { ChevronsUpDown, Check, ChevronRight, Search, Bell, CheckCheck, MoreHorizontal, MessageSquare, PenLine, Maximize2, Sun, Moon, PanelLeftOpen, PanelLeftClose, Menu, Plus, ChevronDown, X, User, LayoutGrid, SunMoon, Settings, LogOut } from "lucide-react";
 import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group";
 const headerRoot = tv({
   base: [
@@ -45,27 +45,6 @@ const headerIconBtnBadge = tv({
   },
   defaultVariants: { kind: "brand" }
 });
-const breadcrumbRoot = tv({
-  base: "flex items-center gap-gp-sm min-w-0"
-});
-const breadcrumbItem = tv({
-  base: "font-medium truncate transition-colors leading-none",
-  variants: {
-    current: {
-      true: "text-fg-default font-semibold",
-      false: "text-fg-muted hover:text-fg-default cursor-pointer"
-    },
-    /** Quando único item no breadcrumb (= título da página), font-size sobe pra 16px */
-    standalone: {
-      true: "text-body-lg",
-      false: "text-body-sm font-normal"
-    }
-  },
-  defaultVariants: { current: false, standalone: false }
-});
-const breadcrumbSeparator = tv({
-  base: "text-fg-subtle shrink-0"
-});
 const searchFakeInput = tv({
   base: [
     "inline-flex items-center gap-gp-md h-form-md w-[180px]",
@@ -249,81 +228,239 @@ const hdFooterLink = tv({
     "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring-brand"
   ]
 });
+const breadcrumbSwitcher = tv({
+  slots: {
+    trigger: [
+      "inline-flex max-w-[240px] items-center gap-gp-xs rounded-radius-sm",
+      "px-pad-xs py-pad-2xs -mx-pad-xs",
+      "font-medium text-fg-default",
+      "transition-colors hover:bg-bg-muted",
+      "focus-visible:outline-none focus-visible:ring-4 focus-visible:ring-ring-brand",
+      "disabled:pointer-events-none disabled:opacity-60",
+      // aberto fica marcado: sem isso, com o dropdown na tela, o gatilho some do olhar
+      "data-[state=open]:bg-bg-muted"
+    ],
+    /** O rótulo trunca; o chevron nunca — ele é o que anuncia que dá pra trocar. */
+    label: "truncate",
+    chevron: "size-icon-xs shrink-0 text-fg-muted",
+    content: "w-[300px] p-0",
+    title: "px-pad-xl pt-pad-lg pb-pad-sm text-caption-md font-semibold text-fg-subtle",
+    /** O rodapé fica FORA da área que rola — “ver todos” não pode fugir com a lista. */
+    footer: "border-t border-border-default p-pad-sm",
+    item: "flex items-center gap-gp-md",
+    itemTexto: "flex min-w-0 flex-1 flex-col",
+    itemLabel: "truncate",
+    itemDescricao: "truncate text-caption-md text-fg-subtle"
+  },
+  variants: {
+    /**
+     * Acompanha o tamanho do caminho. Sem isto o gatilho ficava 13px fixo no meio de irmãos de
+     * 14px (medido na doc) — o item que troca é o MESMO item do caminho, não pode ter corpo
+     * próprio.
+     */
+    size: {
+      sm: { trigger: "text-body-sm" },
+      md: { trigger: "text-body-md" }
+    }
+  },
+  defaultVariants: { size: "md" }
+});
+const BreadcrumbSwitcher = forwardRef(
+  function BreadcrumbSwitcher2({
+    value,
+    onValueChange,
+    options,
+    placeholder,
+    title,
+    searchPlaceholder = "Buscar…",
+    emptyMessage = "Nada encontrado.",
+    footer,
+    open: openProp,
+    onOpenChange,
+    align = "start",
+    size = "md",
+    disabled,
+    className,
+    contentClassName,
+    "aria-label": ariaLabel = "Trocar registro aberto"
+  }, ref) {
+    const [openInterno, setOpenInterno] = useState(false);
+    const open = openProp ?? openInterno;
+    const setOpen = (proximo) => {
+      setOpenInterno(proximo);
+      onOpenChange?.(proximo);
+    };
+    const estilos = breadcrumbSwitcher({ size });
+    const atual = options.find((o) => o.value === value);
+    const grupos = useMemo(() => {
+      const mapa = /* @__PURE__ */ new Map();
+      for (const opcao of options) {
+        const chave = opcao.group ?? "";
+        const atual2 = mapa.get(chave);
+        if (atual2) atual2.push(opcao);
+        else mapa.set(chave, [opcao]);
+      }
+      return [...mapa.entries()];
+    }, [options]);
+    return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
+      /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+        "button",
+        {
+          ref,
+          type: "button",
+          "aria-label": ariaLabel,
+          "aria-expanded": open,
+          disabled,
+          className: estilos.trigger({ className }),
+          children: [
+            /* @__PURE__ */ jsx("span", { className: estilos.label(), children: atual?.label ?? placeholder ?? value }),
+            /* @__PURE__ */ jsx(ChevronsUpDown, { className: estilos.chevron(), "aria-hidden": true })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ jsx(
+        PopoverContent,
+        {
+          align,
+          className: estilos.content({ className: contentClassName }),
+          children: /* @__PURE__ */ jsxs(Command, { children: [
+            title ? /* @__PURE__ */ jsx("div", { className: estilos.title(), children: title }) : null,
+            /* @__PURE__ */ jsx(CommandInput, { placeholder: searchPlaceholder }),
+            /* @__PURE__ */ jsxs(CommandList, { children: [
+              /* @__PURE__ */ jsx(CommandEmpty, { children: emptyMessage }),
+              grupos.map(([nomeGrupo, opcoes]) => /* @__PURE__ */ jsx(CommandGroup, { heading: nomeGrupo || void 0, children: opcoes.map((opcao) => {
+                const selecionada = opcao.value === value;
+                return /* @__PURE__ */ jsx(
+                  CommandItem,
+                  {
+                    "data-atual": selecionada || void 0,
+                    value: opcao.label,
+                    keywords: [opcao.value, ...opcao.keywords ?? []],
+                    onSelect: () => {
+                      onValueChange(opcao.value);
+                      setOpen(false);
+                    },
+                    className: cn(selecionada && "font-medium text-fg-default"),
+                    children: /* @__PURE__ */ jsxs("span", { className: estilos.item(), children: [
+                      opcao.leading,
+                      /* @__PURE__ */ jsxs("span", { className: estilos.itemTexto(), children: [
+                        /* @__PURE__ */ jsx("span", { className: estilos.itemLabel(), children: opcao.label }),
+                        opcao.description ? /* @__PURE__ */ jsx("span", { className: estilos.itemDescricao(), children: opcao.description }) : null
+                      ] }),
+                      selecionada ? /* @__PURE__ */ jsx(Check, { className: "size-icon-sm shrink-0 text-fg-brand", "aria-hidden": true }) : null
+                    ] })
+                  },
+                  opcao.value
+                );
+              }) }, nomeGrupo || "_"))
+            ] }),
+            footer ? /* @__PURE__ */ jsx("div", { className: estilos.footer(), children: footer }) : null
+          ] })
+        }
+      )
+    ] });
+  }
+);
+BreadcrumbSwitcher.displayName = "BreadcrumbSwitcher";
+const breadcrumbCaminho = tv({
+  slots: {
+    lista: "gap-gp-sm sm:gap-gp-sm",
+    separador: "shrink-0 text-fg-subtle [&>svg]:size-[14px]",
+    item: "truncate transition-colors leading-none"
+  },
+  variants: {
+    size: {
+      sm: { item: "text-body-sm font-normal" },
+      md: { item: "text-body-md font-normal" }
+    },
+    /**
+     * Item único = título da página. O `HeaderBreadcrumb` fazia isso e é o que mantém o Header
+     * pixel a pixel: 16px/600 em vez do 13px da cadeia.
+     */
+    sozinho: {
+      true: { item: "text-body-lg font-semibold" },
+      false: {}
+    },
+    atual: {
+      true: { item: "text-fg-default" },
+      false: { item: "text-fg-muted hover:text-fg-default" }
+    }
+  },
+  defaultVariants: { size: "md", sozinho: false, atual: false }
+});
+function ehSwitcher(item) {
+  return Array.isArray(item.switcher) && item.switcher.length > 0 && typeof item.value === "string" && typeof item.onValueChange === "function";
+}
+const Breadcrumb = forwardRef(function Breadcrumb2({ items, size = "md", separator, className, children, ...rest }, ref) {
+  if (!items) {
+    return /* @__PURE__ */ jsx(Breadcrumb$1, { ref, className, ...rest, children });
+  }
+  if (items.length === 0) return null;
+  const sozinho = items.length === 1;
+  const estilos = breadcrumbCaminho({ size, sozinho });
+  return /* @__PURE__ */ jsx(Breadcrumb$1, { ref, className, ...rest, children: /* @__PURE__ */ jsx(BreadcrumbList, { className: estilos.lista(), children: items.map((item, i) => {
+    const ultimo = i === items.length - 1;
+    const clicavel = !ultimo && (item.href !== void 0 || item.onClick !== void 0);
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      i > 0 ? /* @__PURE__ */ jsx(BreadcrumbSeparator, { className: estilos.separador(), children: separator ?? /* @__PURE__ */ jsx(ChevronRight, { strokeWidth: 1.7 }) }) : null,
+      /* @__PURE__ */ jsx(BreadcrumbItem, { className: "min-w-0", children: ehSwitcher(item) ? (
+        /* Vem ANTES do teste de link: um seletor com `href` continua sendo seletor —
+           o clique abre a lista. */
+        /* @__PURE__ */ jsx(
+          BreadcrumbSwitcher,
+          {
+            value: item.value,
+            onValueChange: item.onValueChange,
+            options: item.switcher,
+            size,
+            title: item.switcherTitle,
+            searchPlaceholder: item.switcherSearchPlaceholder,
+            emptyMessage: item.switcherEmptyMessage,
+            footer: item.switcherFooter,
+            "aria-label": item.switcherAriaLabel ?? `Trocar: ${item.label}`
+          }
+        )
+      ) : clicavel ? /* @__PURE__ */ jsx(
+        BreadcrumbLink,
+        {
+          href: item.href ?? "#",
+          className: estilos.item({ atual: false }),
+          onClick: (e) => {
+            if (!item.href) e.preventDefault();
+            item.onClick?.(e);
+          },
+          children: item.label
+        }
+      ) : ultimo ? /* @__PURE__ */ jsx(BreadcrumbPage, { className: estilos.item({ atual: true }), children: item.label }) : /* @__PURE__ */ jsx("span", { className: cn(estilos.item({ atual: false }), "cursor-default"), children: item.label }) })
+    ] }, `${item.label}-${i}`);
+  }) }) });
+});
+Breadcrumb.displayName = "Breadcrumb";
 function HeaderBreadcrumb({
   items,
   mobileShowLastOnly,
   className
 }) {
   if (items.length === 0) return null;
-  const isStandalone = items.length === 1;
-  const lastItem = items[items.length - 1];
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
+  const ultimo = items[items.length - 1];
+  return /* @__PURE__ */ jsxs(Fragment$1, { children: [
     /* @__PURE__ */ jsx(
-      "nav",
+      Breadcrumb,
       {
-        className: cn(
-          breadcrumbRoot(),
-          mobileShowLastOnly && "hidden md:flex",
-          className
-        ),
-        "aria-label": "Breadcrumb",
-        children: items.map((item, idx) => {
-          const isLast = idx === items.length - 1;
-          const isClickable = !isLast && (item.href !== void 0 || item.onClick !== void 0);
-          return /* @__PURE__ */ jsxs(Fragment$1, { children: [
-            idx > 0 && /* @__PURE__ */ jsx(
-              ChevronRight,
-              {
-                size: 14,
-                strokeWidth: 1.7,
-                className: breadcrumbSeparator(),
-                "aria-hidden": "true"
-              }
-            ),
-            isClickable ? /* @__PURE__ */ jsx(
-              "a",
-              {
-                href: item.href ?? "#",
-                className: breadcrumbItem({
-                  current: false,
-                  standalone: isStandalone
-                }),
-                onClick: (e) => {
-                  if (!item.href) e.preventDefault();
-                  item.onClick?.(e);
-                },
-                children: item.label
-              }
-            ) : /* @__PURE__ */ jsx(
-              "span",
-              {
-                className: breadcrumbItem({
-                  current: isLast,
-                  standalone: isStandalone
-                }),
-                "aria-current": isLast ? "page" : void 0,
-                children: item.label
-              }
-            )
-          ] }, `${item.label}-${idx}`);
-        })
+        items,
+        size: "sm",
+        className: cn("min-w-0", mobileShowLastOnly && "hidden md:block", className)
       }
     ),
-    mobileShowLastOnly && /* @__PURE__ */ jsx(
-      "nav",
+    mobileShowLastOnly ? /* @__PURE__ */ jsx(
+      Breadcrumb,
       {
-        className: cn(breadcrumbRoot(), "md:hidden", className),
+        items: [ultimo],
+        size: "sm",
         "aria-label": "Seção atual",
-        children: /* @__PURE__ */ jsx(
-          "span",
-          {
-            className: breadcrumbItem({ current: true, standalone: true }),
-            "aria-current": "page",
-            children: lastItem.label
-          }
-        )
+        className: cn("min-w-0 md:hidden", className)
       }
-    )
+    ) : null
   ] });
 }
 function HeaderSearch({
@@ -349,7 +486,7 @@ function HeaderSearch({
     window.addEventListener("keydown", handler);
     return () => window.removeEventListener("keydown", handler);
   }, [hotkey.key, hotkey.meta, hotkey.ctrl]);
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
+  return /* @__PURE__ */ jsxs(Fragment$1, { children: [
     /* @__PURE__ */ jsxs(
       "button",
       {
@@ -399,7 +536,7 @@ function CommandGroupBlock({
   isLast,
   onSelect
 }) {
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
+  return /* @__PURE__ */ jsxs(Fragment$1, { children: [
     /* @__PURE__ */ jsx(CommandGroup, { heading: group.heading, children: group.items.map((item) => {
       const Icon = item.icon;
       return /* @__PURE__ */ jsxs(
@@ -1116,7 +1253,7 @@ function Header({
 }) {
   return /* @__PURE__ */ jsxs("header", { className: cn(headerRoot(), className), children: [
     /* @__PURE__ */ jsxs("div", { className: headerLeft(), children: [
-      onCollapseMenu && /* @__PURE__ */ jsxs(Fragment, { children: [
+      onCollapseMenu && /* @__PURE__ */ jsxs(Fragment$1, { children: [
         /* @__PURE__ */ jsx(
           "button",
           {
@@ -1660,7 +1797,7 @@ function SidebarBrandLink({
     "aria-label": "Home",
     children
   };
-  if (renderLink) return /* @__PURE__ */ jsx(Fragment, { children: renderLink(linkProps) });
+  if (renderLink) return /* @__PURE__ */ jsx(Fragment$1, { children: renderLink(linkProps) });
   return /* @__PURE__ */ jsx("a", { ...linkProps });
 }
 const SidebarItem = forwardRef(
@@ -1676,7 +1813,7 @@ const SidebarItem = forwardRef(
   }, ref) => {
     const Icon = item.icon;
     const classes = cn(sidebarItem({ active, subitem }), className);
-    const content = /* @__PURE__ */ jsxs(Fragment, { children: [
+    const content = /* @__PURE__ */ jsxs(Fragment$1, { children: [
       Icon && /* @__PURE__ */ jsx(
         Icon,
         {
@@ -1711,7 +1848,7 @@ const SidebarItem = forwardRef(
         ref,
         children: content
       };
-      if (renderLink) return /* @__PURE__ */ jsx(Fragment, { children: renderLink(linkProps) });
+      if (renderLink) return /* @__PURE__ */ jsx(Fragment$1, { children: renderLink(linkProps) });
       return /* @__PURE__ */ jsx("a", { ...linkProps });
     }
     return /* @__PURE__ */ jsx(
@@ -1961,7 +2098,7 @@ function SidebarSectionLink({
     title,
     children
   };
-  if (renderLink && href && href !== "#") return /* @__PURE__ */ jsx(Fragment, { children: renderLink(linkProps) });
+  if (renderLink && href && href !== "#") return /* @__PURE__ */ jsx(Fragment$1, { children: renderLink(linkProps) });
   return /* @__PURE__ */ jsx("a", { ...linkProps });
 }
 function SidebarPanel({
@@ -2025,7 +2162,7 @@ function SidebarPanel({
             }
           )
         ] }) }),
-        /* @__PURE__ */ jsx("div", { className: sidebarPanelBody(), children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("div", { className: sidebarPanelBody(), children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
           /* @__PURE__ */ jsx("div", { className: sidebarPanelGroup(), children: context.items.map((item) => {
             if (item.subitems && item.subitems.length > 0) {
               return /* @__PURE__ */ jsx(
@@ -2159,7 +2296,7 @@ function MenuSidebar({
     onItemClick?.(item, event);
     if (isMobile && item.href) setOpenMobile(false);
   };
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
+  return /* @__PURE__ */ jsxs(Fragment$1, { children: [
     isMobile && openMobile && /* @__PURE__ */ jsx(
       "div",
       {
@@ -2568,7 +2705,7 @@ function SingleMenuModuleSelector({
   onModuleChange
 }) {
   const s = styles.module;
-  const triggerContent = /* @__PURE__ */ jsxs(Fragment, { children: [
+  const triggerContent = /* @__PURE__ */ jsxs(Fragment$1, { children: [
     /* @__PURE__ */ jsx("div", { className: s.iconContainer, children: icon }),
     /* @__PURE__ */ jsxs("div", { className: s.textContainer, children: [
       /* @__PURE__ */ jsx("span", { className: s.title, children: title }),
@@ -2635,7 +2772,7 @@ function SingleMenuCommand({
     /* @__PURE__ */ jsx(CommandInput, { placeholder }),
     /* @__PURE__ */ jsxs(CommandList, { children: [
       /* @__PURE__ */ jsx(CommandEmpty, { children: "Nenhum resultado." }),
-      custom ?? /* @__PURE__ */ jsxs(Fragment, { children: [
+      custom ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
         leaves.length > 0 && /* @__PURE__ */ jsx(CommandGroup, { heading: "Menu", children: leaves.map((c) => /* @__PURE__ */ jsxs(
           CommandItem,
           {
@@ -2672,7 +2809,7 @@ function SingleMenuItem({
   interceptNavigation
 }) {
   const s = menuItem({ selected });
-  const content = /* @__PURE__ */ jsxs(Fragment, { children: [
+  const content = /* @__PURE__ */ jsxs(Fragment$1, { children: [
     /* @__PURE__ */ jsx("div", { className: s.border() }),
     /* @__PURE__ */ jsx("span", { className: s.text(), children: label })
   ] });
@@ -2697,7 +2834,7 @@ function SingleMenuItem({
       "aria-current": selected ? "page" : void 0,
       children: content
     };
-    if (renderLink) return /* @__PURE__ */ jsx(Fragment, { children: renderLink(linkProps) });
+    if (renderLink) return /* @__PURE__ */ jsx(Fragment$1, { children: renderLink(linkProps) });
     return /* @__PURE__ */ jsx("a", { ...linkProps });
   }
   return /* @__PURE__ */ jsx("button", { type: "button", onClick: handleClick, className: s.root(), children: content });
@@ -2755,7 +2892,7 @@ function SingleMenuCategory({
     ] });
   }
   if (!hasItems) {
-    const conteudo = /* @__PURE__ */ jsxs(Fragment, { children: [
+    const conteudo = /* @__PURE__ */ jsxs(Fragment$1, { children: [
       /* @__PURE__ */ jsx("span", { className: s.icon(), children: icon }),
       /* @__PURE__ */ jsx("span", { className: cn(s.text(), styles.textFadeIn), children: label })
     ] });
@@ -2773,7 +2910,7 @@ function SingleMenuCategory({
         "aria-current": selected ? "page" : void 0,
         children: conteudo
       };
-      if (renderLink) return /* @__PURE__ */ jsx(Fragment, { children: renderLink(linkProps) });
+      if (renderLink) return /* @__PURE__ */ jsx(Fragment$1, { children: renderLink(linkProps) });
       return /* @__PURE__ */ jsx("a", { ...linkProps });
     }
     return /* @__PURE__ */ jsx("button", { type: "button", onClick: handleToggle, className: s.root(), children: conteudo });
@@ -2818,9 +2955,9 @@ function SingleMenuFooter({
 }) {
   const { expanded } = useSingleMenuSidebar();
   const s = styles.footer;
-  const triggerContent = /* @__PURE__ */ jsxs(Fragment, { children: [
+  const triggerContent = /* @__PURE__ */ jsxs(Fragment$1, { children: [
     /* @__PURE__ */ jsx("div", { className: s.avatar, children: avatar ?? /* @__PURE__ */ jsx(User, { className: s.avatarIcon }) }),
-    expanded && /* @__PURE__ */ jsxs(Fragment, { children: [
+    expanded && /* @__PURE__ */ jsxs(Fragment$1, { children: [
       /* @__PURE__ */ jsxs("div", { className: s.textContainer, children: [
         /* @__PURE__ */ jsx("span", { className: s.name, children: name }),
         /* @__PURE__ */ jsx("span", { className: s.email, children: email })
@@ -3159,7 +3296,7 @@ function UserMenu({
               /* @__PURE__ */ jsx(Settings, {}),
               /* @__PURE__ */ jsx("span", { children: "Configurações" })
             ] }),
-            onLogout && /* @__PURE__ */ jsxs(Fragment, { children: [
+            onLogout && /* @__PURE__ */ jsxs(Fragment$1, { children: [
               /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
               /* @__PURE__ */ jsxs(DropdownMenuItem, { onSelect: onLogout, children: [
                 /* @__PURE__ */ jsx(LogOut, {}),
@@ -3467,6 +3604,7 @@ function useTheme() {
 }
 export {
   AppShell as A,
+  Breadcrumb as B,
   Chip as C,
   Header as H,
   MenuSidebar as M,
@@ -3474,26 +3612,29 @@ export {
   UserMenu as U,
   ChipGroup as a,
   ChipGroupItem as b,
-  HeaderBreadcrumb as c,
-  HeaderMessages as d,
-  HeaderNotifications as e,
-  HeaderSearch as f,
-  HeaderThemeSwitcher as g,
-  SidebarItem as h,
-  SidebarPanel as i,
-  SidebarPill as j,
-  SidebarRail as k,
-  SidebarSection as l,
-  SidebarSubgroup as m,
-  SingleMenuSidebar as n,
-  chipCount as o,
-  chipVariants as p,
-  isExternalHref as q,
-  isHashHref as r,
-  isModifiedClick as s,
-  shouldPreventNavigation as t,
+  BreadcrumbSwitcher as c,
+  HeaderBreadcrumb as d,
+  HeaderMessages as e,
+  HeaderNotifications as f,
+  HeaderSearch as g,
+  HeaderThemeSwitcher as h,
+  SidebarItem as i,
+  SidebarPanel as j,
+  SidebarPill as k,
+  SidebarRail as l,
+  SidebarSection as m,
+  SidebarSubgroup as n,
+  SingleMenuSidebar as o,
+  breadcrumbCaminho as p,
+  breadcrumbSwitcher as q,
+  chipCount as r,
+  chipVariants as s,
+  isExternalHref as t,
   useTheme as u,
-  useControllable as v,
-  useMediaQuery as w
+  isHashHref as v,
+  isModifiedClick as w,
+  shouldPreventNavigation as x,
+  useControllable as y,
+  useMediaQuery as z
 };
-//# sourceMappingURL=useTheme-Bk8AYqLr.mjs.map
+//# sourceMappingURL=useTheme-caPM-I73.mjs.map