@snksergio/design-system 0.40.0 → 0.41.0

package/dist-lib/index.cjs

@@ -1,20 +1,20 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const panel = require("./chunks/panel-ma7e3s4C.cjs");
-const useTheme = require("./chunks/useTheme-BD0nloAv.cjs");
-const avatar = require("./chunks/avatar-BiaG9OJS.cjs");
+const panel = require("./chunks/panel-DtU3KlKY.cjs");
+const useTheme = require("./chunks/useTheme-3iZAognE.cjs");
+const avatar = require("./chunks/avatar-eM5txRFZ.cjs");
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
-const textarea = require("./chunks/textarea-c80RFmMP.cjs");
+const textarea = require("./chunks/textarea-K20CL_gF.cjs");
 const lucideReact = require("lucide-react");
-const tooltip = require("./chunks/tooltip-pvZ_X-Ub.cjs");
+const toggleGroup = require("./chunks/toggle-group-BEPs3e0Y.cjs");
 require("@radix-ui/react-aspect-ratio");
 require("react-day-picker");
 require("@radix-ui/react-collapsible");
-const input = require("./chunks/input-DMH5rSP1.cjs");
+const input = require("./chunks/input-az2SuVXQ.cjs");
 const sonner = require("sonner");
-const kpiDelta = require("./chunks/kpi-delta-NnEu4oIs.cjs");
-const pageHeader = require("./chunks/page-header-Cp_9Wog4.cjs");
+const kpiDelta = require("./chunks/kpi-delta-DAfakvFp.cjs");
+const pageHeader = require("./chunks/page-header-DvAJoEfb.cjs");
 const RechartsPrimitive = require("recharts");
 const reactVirtual = require("@tanstack/react-virtual");
 require("@hello-pangea/dnd");
@@ -342,7 +342,7 @@ const ColorPicker = React.forwardRef(
               }
             ),
             allowCustomHex && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-              /* @__PURE__ */ jsxRuntime.jsx(tooltip.Separator, {}),
+              /* @__PURE__ */ jsxRuntime.jsx(toggleGroup.Separator, {}),
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles2.customRow(), children: [
                 /* @__PURE__ */ jsxRuntime.jsx(panel.FormField, { label: "Cor personalizada", id: `${id}-custom`, children: ({ id: customId }) => /* @__PURE__ */ jsxRuntime.jsx(
                   input.Input,
@@ -3661,9 +3661,9 @@ function DateSeparatorChip({
     label
   ] });
   return /* @__PURE__ */ jsxRuntime.jsx("div", { role: "separator", "aria-label": label, className: avatar.cn(styles2.root(), className), children: isBoundary ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(tooltip.Separator, { decorative: true, className: styles2.rule() }),
+    /* @__PURE__ */ jsxRuntime.jsx(toggleGroup.Separator, { decorative: true, className: styles2.rule() }),
     chip,
-    /* @__PURE__ */ jsxRuntime.jsx(tooltip.Separator, { decorative: true, className: styles2.rule() })
+    /* @__PURE__ */ jsxRuntime.jsx(toggleGroup.Separator, { decorative: true, className: styles2.rule() })
   ] }) : chip });
 }
 const emptyStateStyles = avatar.tv({
@@ -4047,7 +4047,7 @@ const messageBubbleStyles = avatar.tv({
     tail: true
   }
 });
-const styles$1 = messageBubbleStyles();
+const styles = messageBubbleStyles();
 function handleMediaKeyDown(event, onMediaClick) {
   if (!onMediaClick) return;
   if (event.key === "Enter" || event.key === " ") {
@@ -4082,12 +4082,12 @@ function MessageMediaRenderer({
 }) {
   switch (mediaType) {
     case "image":
-      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$1.media(), children: mediaUrl ? /* @__PURE__ */ jsxRuntime.jsx(
+      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.media(), children: mediaUrl ? /* @__PURE__ */ jsxRuntime.jsx(
         "img",
         {
           src: mediaUrl,
           alt: body2 || "Imagem",
-          className: styles$1.mediaImage(),
+          className: styles.mediaImage(),
           role: onMediaClick ? "button" : void 0,
           tabIndex: onMediaClick ? 0 : void 0,
           onClick: onMediaClick,
@@ -4095,19 +4095,19 @@ function MessageMediaRenderer({
         }
       ) : null });
     case "audio":
-      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$1.media(), children: mediaUrl ? (
+      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.media(), children: mediaUrl ? (
         // eslint-disable-next-line jsx-a11y/media-has-caption
-        /* @__PURE__ */ jsxRuntime.jsx("audio", { controls: true, src: mediaUrl, className: styles$1.mediaAudio() })
+        /* @__PURE__ */ jsxRuntime.jsx("audio", { controls: true, src: mediaUrl, className: styles.mediaAudio() })
       ) : null });
     case "video":
-      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$1.media(), children: mediaUrl ? (
+      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.media(), children: mediaUrl ? (
         // eslint-disable-next-line jsx-a11y/media-has-caption
         /* @__PURE__ */ jsxRuntime.jsx(
           "video",
           {
             controls: true,
             src: mediaUrl,
-            className: styles$1.mediaVideo(),
+            className: styles.mediaVideo(),
             role: onMediaClick ? "button" : void 0,
             tabIndex: onMediaClick ? 0 : void 0,
             onClick: onMediaClick,
@@ -4116,18 +4116,18 @@ function MessageMediaRenderer({
         )
       ) : null });
     case "document":
-      return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$1.mediaDoc(), children: [
+      return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles.mediaDoc(), children: [
         /* @__PURE__ */ jsxRuntime.jsx(
           Icon,
           {
             name: "line-file",
             size: "lg",
-            className: styles$1.mediaDocIcon()
+            className: styles.mediaDocIcon()
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$1.mediaDocInfo(), children: [
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles$1.mediaDocName(), children: body2 || "Documento" }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles$1.mediaDocHint(), children: "Toque para baixar" })
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles.mediaDocInfo(), children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles.mediaDocName(), children: body2 || "Documento" }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles.mediaDocHint(), children: "Toque para baixar" })
         ] }),
         mediaUrl ? /* @__PURE__ */ jsxRuntime.jsx(
           avatar.Button,
@@ -4149,7 +4149,7 @@ function MessageMediaRenderer({
           href: mediaUrl,
           target: "_blank",
           rel: "noopener noreferrer",
-          className: styles$1.mediaLocation(),
+          className: styles.mediaLocation(),
           onClick: onMediaClick,
           children: [
             /* @__PURE__ */ jsxRuntime.jsx(
@@ -4157,37 +4157,37 @@ function MessageMediaRenderer({
               {
                 name: "line-pin",
                 size: "md",
-                className: styles$1.mediaLocationIcon()
+                className: styles.mediaLocationIcon()
               }
             ),
             /* @__PURE__ */ jsxRuntime.jsx("span", { children: body2 || "Ver localização" })
           ]
         }
-      ) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$1.mediaLocation(), children: [
+      ) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles.mediaLocation(), children: [
         /* @__PURE__ */ jsxRuntime.jsx(
           Icon,
           {
             name: "line-pin",
             size: "md",
-            className: styles$1.mediaLocationIcon()
+            className: styles.mediaLocationIcon()
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx("span", { children: body2 || "Localização" })
       ] });
     case "vcard":
     case "contact":
-      return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$1.mediaContact(), children: [
+      return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles.mediaContact(), children: [
         /* @__PURE__ */ jsxRuntime.jsx(
           Icon,
           {
             name: "line-user",
             size: "lg",
-            className: styles$1.mediaDocIcon()
+            className: styles.mediaDocIcon()
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$1.mediaContactInfo(), children: [
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles$1.mediaContactName(), children: body2 || "Contato" }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles$1.mediaContactHint(), children: "Cartão de contato" })
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles.mediaContactInfo(), children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles.mediaContactName(), children: body2 || "Contato" }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles.mediaContactHint(), children: "Cartão de contato" })
         ] })
       ] });
     case "text":
@@ -4402,7 +4402,7 @@ const MessageComposer = React.forwardRef(function MessageComposer2({
     replyPreview ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles2.replyPreview(), children: replyPreview }) : null,
     banner ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles2.banner(), children: banner }) : null,
     !isReadOnly && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      (replyPreview || banner) && /* @__PURE__ */ jsxRuntime.jsx(tooltip.Separator, {}),
+      (replyPreview || banner) && /* @__PURE__ */ jsxRuntime.jsx(toggleGroup.Separator, {}),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles2.field(), children: [
         toolbarStart ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles2.toolbarStart(), children: toolbarStart }) : null,
         recording ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles2.recording(), children: recording }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles2.inputArea(), children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -4523,7 +4523,7 @@ function MessageVariablesPicker({
     /* @__PURE__ */ jsxRuntime.jsx(avatar.PopoverContent, { align: "start", sideOffset: 6, mobileSheet: true, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles2.content(), children: [
       variables.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles2.header(), children: "Variáveis disponíveis" }),
-        /* @__PURE__ */ jsxRuntime.jsx(tooltip.Separator, {})
+        /* @__PURE__ */ jsxRuntime.jsx(toggleGroup.Separator, {})
       ] }),
       variables.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles2.empty(), children: "Nenhuma variável disponível" }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles2.list(), children: variables.map((variable) => /* @__PURE__ */ jsxRuntime.jsx(
         useTheme.Chip,
@@ -4983,698 +4983,6 @@ const MonthYearPicker = React.forwardRef(function MonthYearPicker2({
   ] });
 });
 MonthYearPicker.displayName = "MonthYearPicker";
-const SingleMenuSidebarContext = React.createContext({
-  expanded: true,
-  isHoverExpand: false,
-  toggle: () => {
-  },
-  openCategoryId: null,
-  setOpenCategoryId: () => {
-  }
-});
-function useSingleMenuSidebar() {
-  return React.useContext(SingleMenuSidebarContext);
-}
-function useSingleMenuSidebarState(defaultExpanded, controlledExpanded, onExpandedChange) {
-  const [internal, setInternal] = React.useState(defaultExpanded);
-  const isControlled = controlledExpanded !== void 0;
-  const expanded = isControlled ? controlledExpanded : internal;
-  const [lockedOpen, setLockedOpen] = React.useState(defaultExpanded);
-  const [hoverOpen, setHoverOpen] = React.useState(false);
-  const hoverTimeoutRef = React.useRef(null);
-  const suppressHoverRef = React.useRef(false);
-  const suppressTimerRef = React.useRef(null);
-  const setExpanded = React.useCallback(
-    (v) => {
-      if (!isControlled) setInternal(v);
-      onExpandedChange?.(v);
-    },
-    [isControlled, onExpandedChange]
-  );
-  const toggle = React.useCallback(() => {
-    const next = !lockedOpen;
-    setLockedOpen(next);
-    setHoverOpen(false);
-    if (!next) {
-      suppressHoverRef.current = true;
-      if (suppressTimerRef.current) clearTimeout(suppressTimerRef.current);
-      suppressTimerRef.current = setTimeout(() => {
-        suppressHoverRef.current = false;
-      }, 500);
-    }
-    setExpanded(next);
-  }, [lockedOpen, setExpanded]);
-  const onMouseEnter = React.useCallback(() => {
-    if (lockedOpen) return;
-    if (suppressHoverRef.current) return;
-    if (hoverTimeoutRef.current) {
-      clearTimeout(hoverTimeoutRef.current);
-      hoverTimeoutRef.current = null;
-    }
-    setHoverOpen(true);
-    setExpanded(true);
-  }, [lockedOpen, setExpanded]);
-  const onMouseLeave = React.useCallback(() => {
-    if (lockedOpen) return;
-    hoverTimeoutRef.current = setTimeout(() => {
-      setHoverOpen(false);
-      setExpanded(false);
-    }, 200);
-  }, [lockedOpen, setExpanded]);
-  React.useEffect(() => {
-    return () => {
-      if (hoverTimeoutRef.current) clearTimeout(hoverTimeoutRef.current);
-      if (suppressTimerRef.current) clearTimeout(suppressTimerRef.current);
-    };
-  }, []);
-  const isHoverExpand = hoverOpen && !lockedOpen;
-  const [openCategoryId, setOpenCategoryId] = React.useState(null);
-  return {
-    expanded,
-    isHoverExpand,
-    toggle,
-    onMouseEnter,
-    onMouseLeave,
-    openCategoryId,
-    setOpenCategoryId
-  };
-}
-const sidebarRoot = avatar.tv({
-  base: [
-    "relative flex h-full flex-col overflow-x-hidden",
-    "border-r border-border-sidebar bg-bg-sidebar",
-    "transition-[width] duration-300 ease-in-out"
-  ],
-  variants: {
-    // Mobile (< md): expandida = 100% da largura; recolhida = SOME (hidden).
-    // Desktop (md+): largura fixa, expandida (280px) ou recolhida (rail 80px).
-    expanded: {
-      true: "w-full md:w-[280px]",
-      false: "hidden md:flex md:w-20"
-    }
-  },
-  defaultVariants: {
-    expanded: true
-  }
-});
-const category = avatar.tv({
-  slots: {
-    root: "flex items-center rounded-radius-lg cursor-pointer transition-all",
-    text: "flex-1 text-left text-body-sm whitespace-nowrap overflow-hidden text-ellipsis",
-    // SVG do consumidor (ícone bare do lucide vem 24px) dimensionado no slot → 18px
-    icon: "grid size-[18px] shrink-0 place-items-center [&>svg]:size-[18px]",
-    chevron: "size-icon-sm shrink-0 transition-transform"
-  },
-  variants: {
-    // selected = folha ativa OU pai que contém o item ativo → card cheio
-    // default  = nada marcado (inclui pai apenas aberto, sem filho ativo)
-    state: {
-      selected: {
-        root: "bg-bg-sidebar-accent shadow-sh-sm",
-        text: "font-bold text-fg-brand",
-        icon: "text-fg-brand",
-        chevron: "text-fg-brand"
-      },
-      default: {
-        root: "hover:bg-bg-sidebar-accent",
-        text: "font-medium text-fg-default",
-        icon: "text-fg-muted",
-        chevron: "text-fg-subtle"
-      }
-    },
-    collapsed: {
-      true: { root: "justify-center px-0 size-form-xl" },
-      false: { root: "w-full gap-gp-lg px-pad-2xl py-pad-xl" }
-    }
-  },
-  defaultVariants: {
-    state: "default",
-    collapsed: false
-  }
-});
-const menuItem = avatar.tv({
-  slots: {
-    root: "flex h-[38px] items-center gap-[18px] pl-[18px] pr-pad-2xl cursor-pointer transition-colors hover:bg-bg-sidebar-accent",
-    border: "h-full w-0 shrink-0",
-    text: "text-body-sm text-left"
-  },
-  variants: {
-    selected: {
-      true: {
-        border: "border-l-[3px] border-border-brand",
-        text: "font-semibold text-fg-default"
-      },
-      false: {
-        border: "border-l border-border-subtle",
-        text: "font-medium text-fg-muted"
-      }
-    }
-  },
-  defaultVariants: {
-    selected: false
-  }
-});
-const styles = {
-  // Header
-  header: {
-    wrapper: "flex h-layout-navbar items-center overflow-hidden px-pad-4xl py-pad-md shrink-0",
-    wrapperCollapsed: "justify-center px-0",
-    inner: "flex items-center gap-gp-md",
-    logo: "shrink-0",
-    title: "text-title-sm font-bold text-fg-default whitespace-nowrap",
-    collapseBtn: "ml-auto shrink-0 cursor-pointer rounded-radius-md p-pad-xs text-fg-subtle hover:bg-bg-sidebar-accent hover:text-fg-muted transition-colors",
-    expandBtn: "absolute right-0 top-16 translate-x-1/2 z-10 cursor-pointer rounded-radius-full bg-bg-surface border border-border-default p-pad-xs shadow-sh-sm text-fg-subtle hover:text-fg-muted transition-colors",
-    expandBtnIcon: "size-icon-sm"
-  },
-  // Module selector
-  module: {
-    trigger: "flex w-full cursor-pointer items-center gap-gp-lg rounded-radius-md bg-bg-sidebar-accent py-pad-md pl-pad-md pr-pad-2xl shadow-sh-sm transition-colors hover:bg-bg-sidebar-accent-hover focus-visible:outline-none focus-visible:ring-4 focus-visible:ring-ring-brand",
-    iconContainer: "flex size-icon-xl shrink-0 items-center justify-center rounded-radius-md bg-bg-brand text-fg-on-brand",
-    textContainer: "flex flex-col items-start gap-gp-xs overflow-hidden",
-    title: "text-body-md font-bold leading-4 text-fg-default truncate text-left",
-    subtitle: "text-caption-sm font-semibold text-fg-subtle text-left",
-    chevron: "ml-auto shrink-0 size-icon-sm text-fg-subtle",
-    dropdownItem: "flex items-center gap-gp-lg cursor-pointer",
-    // selecionado: realça a linha (bg-brand-subtle) + label/check em fg-brand
-    dropdownItemSelected: "bg-bg-brand-subtle text-fg-brand",
-    // [&>svg]:!text-fg-on-brand: o DropdownMenuItem força [&_svg]:text-fg-muted
-    // (+ fg-default no hover) em TODOS os svgs descendentes — o ! garante que o
-    // ícone do chip siga fg-on-brand igual ao trigger (branco light / preto dark).
-    dropdownItemIcon: "flex size-icon-lg shrink-0 items-center justify-center rounded-radius-sm bg-bg-brand [&>svg]:size-icon-sm [&>svg]:!text-fg-on-brand",
-    dropdownItemLabel: "flex-1 text-body-md font-medium",
-    dropdownItemCheck: "ml-auto shrink-0 size-icon-sm !text-fg-brand"
-  },
-  // Search
-  search: {
-    wrapper: "flex w-full items-center justify-between rounded-radius-lg bg-bg-muted py-pad-sm pl-pad-lg pr-pad-sm transition-all focus-within:bg-bg-surface focus-within:ring-4 focus-within:ring-ring-brand",
-    inner: "flex flex-1 items-center gap-gp-md opacity-60 focus-within:opacity-100",
-    icon: "shrink-0 size-icon-sm text-fg-muted",
-    text: "text-body-sm font-medium text-fg-default placeholder:text-fg-subtle",
-    shortcutBadge: "shrink-0 flex items-center justify-center rounded-radius-md bg-bg-surface px-pad-md py-pad-xs shadow-sh-sm",
-    shortcutText: "text-body-sm font-medium text-fg-muted"
-  },
-  // Footer
-  footer: {
-    wrapper: "px-pad-lg py-pad-xl",
-    button: "flex w-full cursor-pointer items-center gap-gp-lg rounded-radius-lg bg-bg-sidebar-accent px-pad-2xl py-pad-xl transition-colors hover:bg-bg-sidebar-accent-hover focus-visible:outline-none focus-visible:ring-4 focus-visible:ring-ring-brand",
-    avatar: "flex size-form-sm shrink-0 items-center justify-center rounded-radius-full bg-bg-muted overflow-hidden",
-    avatarIcon: "shrink-0 size-icon-sm text-fg-muted",
-    textContainer: "flex flex-col items-start gap-gp-2xs overflow-hidden",
-    name: "text-body-sm font-semibold text-fg-default truncate w-full text-left",
-    email: "text-caption-sm font-medium text-fg-muted truncate w-full text-left",
-    chevron: "ml-auto shrink-0 size-icon-sm text-fg-subtle",
-    dropdownLabel: "flex flex-col gap-gp-2xs px-pad-sm py-pad-xs normal-case tracking-normal",
-    dropdownLabelName: "text-body-md font-semibold",
-    dropdownLabelEmail: "text-caption-md font-normal text-fg-muted",
-    dropdownItem: "flex items-center gap-gp-md cursor-pointer",
-    dropdownItemIcon: "size-icon-sm shrink-0"
-  },
-  // Layout
-  // Fade do conteúdo textual durante a transição de largura (evita wrap visível)
-  textFadeIn: "animate-in fade-in-0 duration-200",
-  divider: "mx-pad-3xl h-px bg-border-sidebar",
-  sectionPadding: "flex flex-col gap-gp-2xl px-pad-3xl py-pad-4xl shrink-0 overflow-hidden",
-  navContainer: "scrollbar-thin flex flex-1 flex-col overflow-y-auto overflow-x-hidden py-pad-4xl",
-  navContainerExpanded: "px-pad-3xl",
-  navContainerCollapsed: "items-center",
-  navList: "flex flex-col",
-  subItemList: "flex flex-col py-pad-lg"
-};
-function SingleMenuHeader({
-  logo,
-  title: title2,
-  showToggleIndicator = false
-}) {
-  const { expanded, isHoverExpand, toggle } = useSingleMenuSidebar();
-  const isFlipped = isHoverExpand || !expanded;
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      className: avatar.cn(
-        styles.header.wrapper,
-        !expanded && styles.header.wrapperCollapsed
-      ),
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles.header.inner, children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.header.logo, children: logo }),
-          expanded && /* @__PURE__ */ jsxRuntime.jsx("span", { className: avatar.cn(styles.header.title, styles.textFadeIn), children: title2 })
-        ] }),
-        expanded ? /* @__PURE__ */ jsxRuntime.jsx(
-          "button",
-          {
-            type: "button",
-            onClick: toggle,
-            className: styles.header.collapseBtn,
-            "aria-label": isFlipped ? "Expandir sidebar" : "Recolher sidebar",
-            children: /* @__PURE__ */ jsxRuntime.jsx(
-              lucideReact.PanelLeftClose,
-              {
-                className: avatar.cn(
-                  "size-icon-sm transition-transform duration-300",
-                  isFlipped && "rotate-180"
-                )
-              }
-            )
-          }
-        ) : showToggleIndicator ? /* @__PURE__ */ jsxRuntime.jsx(
-          "button",
-          {
-            type: "button",
-            onClick: toggle,
-            className: styles.header.expandBtn,
-            "aria-label": "Expandir sidebar",
-            children: /* @__PURE__ */ jsxRuntime.jsx(
-              lucideReact.PanelLeftClose,
-              {
-                className: avatar.cn(
-                  styles.header.expandBtnIcon,
-                  "transition-transform duration-300 rotate-180"
-                )
-              }
-            )
-          }
-        ) : null
-      ]
-    }
-  );
-}
-SingleMenuHeader.displayName = "SingleMenuHeader";
-function SingleMenuModuleSelector({
-  icon,
-  title: title2,
-  subtitle,
-  options,
-  onModuleChange
-}) {
-  const s = styles.module;
-  const triggerContent = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: s.iconContainer, children: icon }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: s.textContainer, children: [
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: s.title, children: title2 }),
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: s.subtitle, children: subtitle })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronsUpDown, { className: s.chevron })
-  ] });
-  if (!options || options.length === 0) {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: s.trigger, children: triggerContent });
-  }
-  return /* @__PURE__ */ jsxRuntime.jsxs(avatar.DropdownMenu, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(avatar.DropdownMenuTrigger, { className: s.trigger, children: triggerContent }),
-    /* @__PURE__ */ jsxRuntime.jsx(avatar.DropdownMenuContent, { side: "bottom", sideOffset: 4, align: "start", children: options.map((option) => {
-      const isSelected = option.label === title2;
-      return /* @__PURE__ */ jsxRuntime.jsxs(
-        avatar.DropdownMenuItem,
-        {
-          className: avatar.cn(
-            s.dropdownItem,
-            isSelected && s.dropdownItemSelected
-          ),
-          onClick: () => onModuleChange?.(option.id),
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: s.dropdownItemIcon, children: option.icon }),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: s.dropdownItemLabel, children: option.label }),
-            isSelected && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: s.dropdownItemCheck })
-          ]
-        },
-        option.id
-      );
-    }) })
-  ] });
-}
-SingleMenuModuleSelector.displayName = "SingleMenuModuleSelector";
-function SingleMenuSearch({
-  placeholder = "Buscar",
-  onOpen
-}) {
-  const s = styles.search;
-  return /* @__PURE__ */ jsxRuntime.jsxs("button", { type: "button", onClick: onOpen, className: s.wrapper, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: s.inner, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Search, { className: s.icon }),
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: s.text, children: placeholder })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: s.shortcutBadge, children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: s.shortcutText, children: "⌘K" }) })
-  ] });
-}
-SingleMenuSearch.displayName = "SingleMenuSearch";
-function SingleMenuCommand({
-  open,
-  onOpenChange,
-  categories,
-  placeholder = "Buscar no menu…",
-  onSelect,
-  custom
-}) {
-  const leaves = categories.filter((c) => !c.items?.length);
-  const groups = categories.filter((c) => c.items?.length);
-  const handle = (id, parentId) => {
-    onSelect(id, parentId);
-    onOpenChange(false);
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs(avatar.CommandDialog, { open, onOpenChange, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(avatar.CommandInput, { placeholder }),
-    /* @__PURE__ */ jsxRuntime.jsxs(avatar.CommandList, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(avatar.CommandEmpty, { children: "Nenhum resultado." }),
-      custom ?? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-        leaves.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(avatar.CommandGroup, { heading: "Menu", children: leaves.map((c) => /* @__PURE__ */ jsxRuntime.jsxs(
-          avatar.CommandItem,
-          {
-            value: c.label,
-            onSelect: () => handle(c.id),
-            children: [
-              c.icon,
-              /* @__PURE__ */ jsxRuntime.jsx("span", { children: c.label })
-            ]
-          },
-          c.id
-        )) }),
-        groups.map((cat) => /* @__PURE__ */ jsxRuntime.jsx(avatar.CommandGroup, { heading: cat.label, children: cat.items.map((item) => /* @__PURE__ */ jsxRuntime.jsx(
-          avatar.CommandItem,
-          {
-            value: `${cat.label} ${item.label}`,
-            onSelect: () => handle(item.id, cat.id),
-            children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: item.label })
-          },
-          item.id
-        )) }, cat.id))
-      ] })
-    ] })
-  ] });
-}
-SingleMenuCommand.displayName = "SingleMenuCommand";
-function SingleMenuItem({
-  label,
-  selected = false,
-  onClick
-}) {
-  const s = menuItem({ selected });
-  return /* @__PURE__ */ jsxRuntime.jsxs("button", { type: "button", onClick, className: s.root(), children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: s.border() }),
-    /* @__PURE__ */ jsxRuntime.jsx("span", { className: s.text(), children: label })
-  ] });
-}
-SingleMenuItem.displayName = "SingleMenuItem";
-function SingleMenuCategory({
-  id,
-  icon,
-  label,
-  active = false,
-  items,
-  activeItemId,
-  onItemClick,
-  onCategoryClick
-}) {
-  const { expanded, openCategoryId, setOpenCategoryId } = useSingleMenuSidebar();
-  const hasItems = !!items && items.length > 0;
-  const isOpen = hasItems ? openCategoryId === id : false;
-  const isLeafActive = !hasItems && (activeItemId !== void 0 ? activeItemId === id : !!active);
-  const containsActive = hasItems && items.some((item) => item.id === activeItemId);
-  const selected = !expanded ? hasItems ? isOpen || containsActive : isLeafActive : hasItems ? isOpen : isLeafActive && openCategoryId == null;
-  const state = selected ? "selected" : "default";
-  const s = category({ state, collapsed: !expanded });
-  const handleToggle = () => {
-    if (hasItems) {
-      setOpenCategoryId(isOpen ? null : id);
-      onCategoryClick?.();
-    } else {
-      onItemClick?.(id);
-      setOpenCategoryId(null);
-      onCategoryClick?.();
-    }
-  };
-  if (!expanded) {
-    return /* @__PURE__ */ jsxRuntime.jsxs(tooltip.Tooltip, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        tooltip.TooltipTrigger,
-        {
-          role: "button",
-          tabIndex: 0,
-          onClick: handleToggle,
-          onKeyDown: (e) => {
-            if (e.key === "Enter" || e.key === " ") {
-              e.preventDefault();
-              handleToggle();
-            }
-          },
-          className: s.root(),
-          children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: s.icon(), children: icon })
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(tooltip.TooltipContent, { side: "right", sideOffset: 8, children: label })
-    ] });
-  }
-  if (!hasItems) {
-    return /* @__PURE__ */ jsxRuntime.jsxs("button", { type: "button", onClick: handleToggle, className: s.root(), children: [
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: s.icon(), children: icon }),
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: avatar.cn(s.text(), styles.textFadeIn), children: label })
-    ] });
-  }
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    tooltip.Collapsible,
-    {
-      open: isOpen,
-      onOpenChange: (open) => {
-        setOpenCategoryId(open ? id : null);
-        onCategoryClick?.();
-      },
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(tooltip.CollapsibleTrigger, { className: s.root(), children: [
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: s.icon(), children: icon }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: avatar.cn(s.text(), styles.textFadeIn), children: label }),
-          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: avatar.cn(s.chevron(), isOpen && "rotate-180") })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(tooltip.CollapsibleContent, { children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.subItemList, children: items.map((item) => /* @__PURE__ */ jsxRuntime.jsx(
-          SingleMenuItem,
-          {
-            label: item.label,
-            selected: item.id === activeItemId,
-            onClick: () => onItemClick?.(item.id)
-          },
-          item.id
-        )) }) })
-      ]
-    }
-  );
-}
-SingleMenuCategory.displayName = "SingleMenuCategory";
-function SingleMenuFooter({
-  name,
-  email,
-  avatar: avatar$1,
-  actions,
-  onAction
-}) {
-  const { expanded } = useSingleMenuSidebar();
-  const s = styles.footer;
-  const triggerContent = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: s.avatar, children: avatar$1 ?? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.User, { className: s.avatarIcon }) }),
-    expanded && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: s.textContainer, children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: s.name, children: name }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: s.email, children: email })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronsUpDown, { className: s.chevron })
-    ] })
-  ] });
-  if (!actions || actions.length === 0) {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: s.wrapper, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: avatar.cn(s.button, !expanded && "justify-center px-0"), children: triggerContent }) });
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: s.wrapper, children: /* @__PURE__ */ jsxRuntime.jsxs(avatar.DropdownMenu, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      avatar.DropdownMenuTrigger,
-      {
-        className: avatar.cn(s.button, !expanded && "justify-center px-0"),
-        children: triggerContent
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsxs(
-      avatar.DropdownMenuContent,
-      {
-        side: expanded ? "top" : "right",
-        sideOffset: 8,
-        align: expanded ? "end" : "start",
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx(avatar.DropdownMenuGroup, { children: /* @__PURE__ */ jsxRuntime.jsxs(avatar.DropdownMenuLabel, { className: s.dropdownLabel, children: [
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: s.dropdownLabelName, children: name }),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: s.dropdownLabelEmail, children: email })
-          ] }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(avatar.DropdownMenuSeparator, {}),
-          actions.map((action) => /* @__PURE__ */ jsxRuntime.jsxs(
-            avatar.DropdownMenuItem,
-            {
-              variant: action.variant === "destructive" ? "destructive" : "default",
-              onClick: () => onAction?.(action.id),
-              className: s.dropdownItem,
-              children: [
-                action.icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: s.dropdownItemIcon, children: action.icon }),
-                /* @__PURE__ */ jsxRuntime.jsx("span", { children: action.label })
-              ]
-            },
-            action.id
-          ))
-        ]
-      }
-    )
-  ] }) });
-}
-SingleMenuFooter.displayName = "SingleMenuFooter";
-function SingleMenuSidebar({
-  logo,
-  title: title2,
-  module: module2,
-  modules,
-  activeModuleId,
-  defaultModuleId,
-  onModuleChange,
-  showSearch = true,
-  searchPlaceholder,
-  searchCommand,
-  categories,
-  activeItemId,
-  onItemClick,
-  user,
-  defaultExpanded = true,
-  expanded: controlledExpanded,
-  onExpandedChange,
-  showToggleIndicator = false,
-  className,
-  ...props
-}) {
-  const {
-    expanded,
-    isHoverExpand,
-    toggle,
-    onMouseEnter,
-    onMouseLeave,
-    openCategoryId,
-    setOpenCategoryId
-  } = useSingleMenuSidebarState(
-    defaultExpanded,
-    controlledExpanded,
-    onExpandedChange
-  );
-  const hasModules = !!modules && modules.length > 0;
-  const [internalModuleId, setInternalModuleId] = React.useState(
-    defaultModuleId ?? modules?.[0]?.id
-  );
-  const currentModuleId = activeModuleId ?? internalModuleId;
-  const activeModule = hasModules ? modules.find((m) => m.id === currentModuleId) ?? modules[0] : void 0;
-  const handleModuleChange = (id) => {
-    if (activeModuleId === void 0) setInternalModuleId(id);
-    onModuleChange?.(id);
-  };
-  const moduleDisplay = hasModules ? {
-    icon: activeModule.icon,
-    title: activeModule.title,
-    subtitle: activeModule.subtitle ?? "",
-    options: modules.map((m) => ({
-      id: m.id,
-      label: m.title,
-      icon: m.icon
-    })),
-    onModuleChange: handleModuleChange
-  } : module2;
-  const effectiveCategories = hasModules ? activeModule.categories : categories ?? [];
-  const [commandOpen, setCommandOpen] = React.useState(false);
-  React.useEffect(() => {
-    if (!showSearch) return;
-    const onKey = (e) => {
-      if (e.key.toLowerCase() === "k" && (e.metaKey || e.ctrlKey)) {
-        e.preventDefault();
-        setCommandOpen((o) => !o);
-      }
-    };
-    document.addEventListener("keydown", onKey);
-    return () => document.removeEventListener("keydown", onKey);
-  }, [showSearch]);
-  const selectFromSearch = (id, parentId) => {
-    onItemClick?.(id);
-    setOpenCategoryId(parentId ?? null);
-  };
-  const resolvedOpenCategoryId = openCategoryId ?? effectiveCategories.find(
-    (cat) => cat.items?.some((item) => item.id === activeItemId)
-  )?.id ?? null;
-  const contextValue = React.useMemo(
-    () => ({
-      expanded,
-      isHoverExpand,
-      toggle,
-      openCategoryId: resolvedOpenCategoryId,
-      setOpenCategoryId
-    }),
-    [
-      expanded,
-      isHoverExpand,
-      toggle,
-      resolvedOpenCategoryId,
-      setOpenCategoryId
-    ]
-  );
-  return /* @__PURE__ */ jsxRuntime.jsxs(SingleMenuSidebarContext.Provider, { value: contextValue, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(tooltip.TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ jsxRuntime.jsxs(
-      "aside",
-      {
-        "aria-label": "Navegação lateral",
-        className: avatar.cn(sidebarRoot({ expanded }), className),
-        onMouseEnter,
-        onMouseLeave,
-        ...props,
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            SingleMenuHeader,
-            {
-              logo,
-              title: title2,
-              showToggleIndicator
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.divider }),
-          expanded && (moduleDisplay || showSearch) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: avatar.cn(styles.sectionPadding, styles.textFadeIn), children: [
-            moduleDisplay && /* @__PURE__ */ jsxRuntime.jsx(SingleMenuModuleSelector, { ...moduleDisplay }),
-            showSearch && /* @__PURE__ */ jsxRuntime.jsx(
-              SingleMenuSearch,
-              {
-                placeholder: searchPlaceholder,
-                onOpen: () => setCommandOpen(true)
-              }
-            )
-          ] }),
-          expanded && /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.divider }),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "nav",
-            {
-              className: avatar.cn(
-                styles.navContainer,
-                expanded ? styles.navContainerExpanded : styles.navContainerCollapsed
-              ),
-              children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.navList, children: effectiveCategories.map((cat) => /* @__PURE__ */ jsxRuntime.jsx(
-                SingleMenuCategory,
-                {
-                  ...cat,
-                  activeItemId,
-                  onItemClick
-                },
-                cat.id
-              )) })
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(SingleMenuFooter, { ...user })
-        ]
-      }
-    ) }),
-    showSearch && /* @__PURE__ */ jsxRuntime.jsx(
-      SingleMenuCommand,
-      {
-        open: commandOpen,
-        onOpenChange: setCommandOpen,
-        categories: effectiveCategories,
-        placeholder: searchPlaceholder,
-        onSelect: selectFromSearch,
-        custom: searchCommand
-      }
-    )
-  ] });
-}
-SingleMenuSidebar.displayName = "SingleMenuSidebar";
 const spinnerStyles = avatar.tv({
   base: ["inline-block shrink-0", "animate-spin motion-reduce:animate-none"],
   variants: {
@@ -7386,9 +6694,9 @@ const ChoroplethMap = React.forwardRef(
           })
         }
       ),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles2.tooltipLayer(), children: /* @__PURE__ */ jsxRuntime.jsxs(tooltip.Tooltip, { open: hover != null, onOpenChange: () => {
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles2.tooltipLayer(), children: /* @__PURE__ */ jsxRuntime.jsxs(avatar.Tooltip, { open: hover != null, onOpenChange: () => {
       }, disableHoverableContent: true, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(tooltip.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+        /* @__PURE__ */ jsxRuntime.jsx(avatar.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
           "span",
           {
             "aria-hidden": "true",
@@ -7397,7 +6705,7 @@ const ChoroplethMap = React.forwardRef(
           }
         ) }),
         /* @__PURE__ */ jsxRuntime.jsx(
-          tooltip.TooltipContent,
+          avatar.TooltipContent,
           {
             showArrow: false,
             className: "border border-border-default bg-bg-surface-elevated shadow-sh-lg",
@@ -8663,6 +7971,7 @@ exports.SidebarPill = useTheme.SidebarPill;
 exports.SidebarRail = useTheme.SidebarRail;
 exports.SidebarSection = useTheme.SidebarSection;
 exports.SidebarSubgroup = useTheme.SidebarSubgroup;
+exports.SingleMenuSidebar = useTheme.SingleMenuSidebar;
 exports.UserMenu = useTheme.UserMenu;
 exports.chipCount = useTheme.chipCount;
 exports.chipVariants = useTheme.chipVariants;
@@ -8696,8 +8005,8 @@ Object.defineProperty(exports, "MessageReplyIcon", {
   enumerable: true,
   get: () => lucideReact.Reply
 });
-exports.Badge = tooltip.Badge;
-exports.badgeVariants = tooltip.badgeVariants;
+exports.Badge = toggleGroup.Badge;
+exports.badgeVariants = toggleGroup.badgeVariants;
 exports.Input = input.Input;
 exports.inputVariants = input.inputVariants;
 exports.Kpi = kpiDelta.Kpi;
@@ -8731,7 +8040,6 @@ exports.MessageComposer = MessageComposer;
 exports.MessageVariablesPicker = MessageVariablesPicker;
 exports.Modal = Modal;
 exports.MonthYearPicker = MonthYearPicker;
-exports.SingleMenuSidebar = SingleMenuSidebar;
 exports.Spinner = Spinner;
 exports.ToastCard = ToastCard;
 exports.ToolbarFilterControl = ToolbarFilterControl;