@snksergio/design-system 0.35.0 → 0.37.0

package/dist-lib/chunks/{useTheme-D4alxxGV.cjs → useTheme-DQ7FaHdv.cjs}

@@ -1,17 +1,9 @@
 "use strict";
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
-const clsx = require("clsx");
-const tailwindMerge = require("tailwind-merge");
+const avatar = require("./avatar-YpqQgJnh.cjs");
 const lucideReact = require("lucide-react");
-const tailwindVariants = require("tailwind-variants");
-const cmdk = require("cmdk");
-const SheetPrimitive = require("@radix-ui/react-dialog");
 const ToggleGroupPrimitive = require("@radix-ui/react-toggle-group");
-const PopoverPrimitive = require("@radix-ui/react-popover");
-const classVarianceAuthority = require("class-variance-authority");
-const DropdownMenuPrimitive = require("@radix-ui/react-dropdown-menu");
-const AvatarPrimitive = require("@radix-ui/react-avatar");
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
   if (e) {
@@ -28,432 +20,8 @@ function _interopNamespaceDefault(e) {
   n.default = e;
   return Object.freeze(n);
 }
-const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
-const SheetPrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(SheetPrimitive);
 const ToggleGroupPrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(ToggleGroupPrimitive);
-const PopoverPrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(PopoverPrimitive);
-const DropdownMenuPrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(DropdownMenuPrimitive);
-const AvatarPrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(AvatarPrimitive);
-const isDsPad = (v) => /^(pad|sp)-/.test(v);
-const isDsGap = (v) => /^gp-/.test(v);
-const isDsRadius = (v) => /^radius-/.test(v);
-const isDsShadow = (v) => /^sh-/.test(v);
-const isDsForm = (v) => /^form-/.test(v);
-const twMerge = tailwindMerge.extendTailwindMerge({
-  extend: {
-    classGroups: {
-      "font-size": [
-        {
-          // Lista 1:1 com tokens/brands/default/semantic/typography.ts.
-          // Manter sincronizado com src/utils/tv.ts. Ver L-016.
-          text: [
-            // Displays (fluid clamp)
-            "display-2xl",
-            "display-xl",
-            "display-lg",
-            "display-md",
-            // Headings (xs estático, sm-xl fluid clamp)
-            "heading-xl",
-            "heading-lg",
-            "heading-md",
-            "heading-sm",
-            "heading-xs",
-            // Titles (weight 600 default)
-            "title-lg",
-            "title-md",
-            "title-sm",
-            // Body (xs/sm = weight 500 interactive; md-2xl = 400 corrido)
-            "body-2xl",
-            "body-xl",
-            "body-lg",
-            "body-md",
-            "body-sm",
-            "body-xs",
-            // Captions (weight 400)
-            "caption-md",
-            "caption-sm",
-            "caption-xs",
-            // Code (mono regular)
-            "code-md",
-            "code-sm"
-          ]
-        }
-      ],
-      /* ── Padding ──────────────────────────────────────────────────────── */
-      p: [{ p: [isDsPad] }],
-      px: [{ px: [isDsPad] }],
-      py: [{ py: [isDsPad] }],
-      pt: [{ pt: [isDsPad] }],
-      pr: [{ pr: [isDsPad] }],
-      pb: [{ pb: [isDsPad] }],
-      pl: [{ pl: [isDsPad] }],
-      ps: [{ ps: [isDsPad] }],
-      pe: [{ pe: [isDsPad] }],
-      /* ── Margin (usa mesmo sp-*) ──────────────────────────────────────── */
-      m: [{ m: [isDsPad] }],
-      mx: [{ mx: [isDsPad] }],
-      my: [{ my: [isDsPad] }],
-      mt: [{ mt: [isDsPad] }],
-      mr: [{ mr: [isDsPad] }],
-      mb: [{ mb: [isDsPad] }],
-      ml: [{ ml: [isDsPad] }],
-      ms: [{ ms: [isDsPad] }],
-      me: [{ me: [isDsPad] }],
-      /* ── Inset / position (top/right/bottom/left) ─────────────────────── */
-      inset: [{ inset: [isDsPad] }],
-      "inset-x": [{ "inset-x": [isDsPad] }],
-      "inset-y": [{ "inset-y": [isDsPad] }],
-      "top": [{ top: [isDsPad] }],
-      "right": [{ right: [isDsPad] }],
-      "bottom": [{ bottom: [isDsPad] }],
-      "left": [{ left: [isDsPad] }],
-      "start": [{ start: [isDsPad] }],
-      "end": [{ end: [isDsPad] }],
-      /* ── Gap ──────────────────────────────────────────────────────────── */
-      gap: [{ gap: [isDsGap] }],
-      "gap-x": [{ "gap-x": [isDsGap] }],
-      "gap-y": [{ "gap-y": [isDsGap] }],
-      /* ── Rounded (todas as cantos) ────────────────────────────────────── */
-      rounded: [{ rounded: [isDsRadius] }],
-      "rounded-s": [{ "rounded-s": [isDsRadius] }],
-      "rounded-e": [{ "rounded-e": [isDsRadius] }],
-      "rounded-t": [{ "rounded-t": [isDsRadius] }],
-      "rounded-r": [{ "rounded-r": [isDsRadius] }],
-      "rounded-b": [{ "rounded-b": [isDsRadius] }],
-      "rounded-l": [{ "rounded-l": [isDsRadius] }],
-      "rounded-ss": [{ "rounded-ss": [isDsRadius] }],
-      "rounded-se": [{ "rounded-se": [isDsRadius] }],
-      "rounded-ee": [{ "rounded-ee": [isDsRadius] }],
-      "rounded-es": [{ "rounded-es": [isDsRadius] }],
-      "rounded-tl": [{ "rounded-tl": [isDsRadius] }],
-      "rounded-tr": [{ "rounded-tr": [isDsRadius] }],
-      "rounded-br": [{ "rounded-br": [isDsRadius] }],
-      "rounded-bl": [{ "rounded-bl": [isDsRadius] }],
-      /* ── Shadow ───────────────────────────────────────────────────────── */
-      shadow: [{ shadow: [isDsShadow] }],
-      /* ── Form sizes (min-h, h, w, size) ───────────────────────────────── */
-      "min-h": [{ "min-h": [isDsForm] }],
-      h: [{ h: [isDsForm] }],
-      w: [{ w: [isDsForm] }],
-      size: [{ size: [isDsForm] }]
-    }
-  }
-});
-function cn(...inputs) {
-  return twMerge(clsx.clsx(inputs));
-}
-const twMergeConfig = {
-  extend: {
-    classGroups: {
-      "font-size": [
-        {
-          text: [
-            // Displays (fluid clamp)
-            "display-2xl",
-            "display-xl",
-            "display-lg",
-            "display-md",
-            // Headings (xs estático, sm-xl fluid clamp)
-            "heading-xl",
-            "heading-lg",
-            "heading-md",
-            "heading-sm",
-            "heading-xs",
-            // Titles (weight 600 default)
-            "title-lg",
-            "title-md",
-            "title-sm",
-            // Body (xs/sm = weight 500 interactive; md-2xl = 400 corrido)
-            "body-2xl",
-            "body-xl",
-            "body-lg",
-            "body-md",
-            "body-sm",
-            "body-xs",
-            // Captions (weight 400)
-            "caption-md",
-            "caption-sm",
-            "caption-xs",
-            // Stat (número de métrica/KPI — estático, bold, leading tight)
-            "stat-xl",
-            "stat-lg",
-            "stat-md",
-            "stat-sm",
-            // Code (mono regular)
-            "code-md",
-            "code-sm"
-          ]
-        }
-      ]
-    }
-  }
-};
-const tv = (options, config) => tailwindVariants.tv(options, {
-  ...config,
-  twMergeConfig
-});
-const buttonVariants = tv({
-  base: [
-    "inline-flex items-center justify-center",
-    "select-none whitespace-nowrap",
-    "focus-visible:outline-none",
-    "border border-transparent",
-    "text-body-sm font-semibold leading-none",
-    // 13px / 600 — alinhado com sandbox btn
-    "[&_svg]:shrink-0",
-    // SVG não diminui; tamanho controlado por size
-    "transition-all duration-200 ease-out",
-    "cursor-pointer",
-    "focus-visible:ring-4"
-  ],
-  variants: {
-    color: {
-      primary: "focus-visible:ring-ring-brand",
-      secondary: "focus-visible:ring-ring-secondary",
-      critical: "focus-visible:ring-ring-danger",
-      success: "focus-visible:ring-ring-success",
-      warning: "focus-visible:ring-ring-warning"
-    },
-    variant: {
-      filled: "",
-      outline: "",
-      soft: "",
-      ghost: "bg-transparent"
-    },
-    size: {
-      // h28 / pad 10 / gap 6 / radius 8 / icon 12
-      "2xs": "min-h-form-xs px-pad-lg gap-gp-sm rounded-radius-md [&_svg]:size-[12px]",
-      // h32 / pad 12 / gap 6 / radius 8 / icon 14
-      xs: "min-h-form-sm px-pad-xl gap-gp-sm rounded-radius-md [&_svg]:size-[14px]",
-      // h36 / pad 12 / gap 6 / radius 10 / icon 14
-      sm: "min-h-form-md px-pad-xl gap-gp-sm rounded-radius-lg [&_svg]:size-[14px]",
-      // h40 / pad 16 / gap 6 / radius 10 / icon 14 (alinhado com sandbox Exportar)
-      md: "min-h-form-lg px-pad-2xl gap-gp-sm rounded-radius-lg [&_svg]:size-[14px]",
-      // h44 / pad 16 / gap 8 / radius 10 / icon 16
-      lg: "min-h-form-xl px-pad-2xl gap-gp-md rounded-radius-lg [&_svg]:size-[16px]",
-      // Icon buttons — width = height (square). Regra: SVG +2px vs versão com label
-      // (precisa preencher mais o quadrado sem o texto carregando peso visual).
-      "icon-2xs": "size-form-xs rounded-radius-md p-0 [&_svg]:size-[14px]",
-      // 28×28 / +2 (12→14)
-      "icon-xs": "size-form-sm rounded-radius-md p-0 [&_svg]:size-[16px]",
-      // 32×32 / +2 (14→16)
-      "icon-sm": "size-form-md rounded-radius-lg p-0 [&_svg]:size-[16px]",
-      // 36×36 / +2 (14→16)
-      "icon-md": "size-form-lg rounded-radius-lg p-0 [&_svg]:size-[16px]",
-      // 40×40 / +2 (14→16)
-      "icon-lg": "size-form-xl rounded-radius-lg p-0 [&_svg]:size-[18px]"
-      // 44×44 / +2 (16→18)
-    },
-    fullWidth: {
-      true: "w-full flex-1"
-    },
-    /**
-     * Shape do botão:
-     *   - rounded (default): mantém o radius da `size` (varia por tamanho)
-     *   - pill: força `rounded-full` (override com `!` pra ganhar do size)
-     */
-    shape: {
-      rounded: "",
-      pill: "!rounded-full"
-    },
-    disabled: {
-      true: "pointer-events-none opacity-50"
-    }
-  },
-  compoundVariants: [
-    // ── Primary (brand) ─────────────────────────────────────────────
-    {
-      color: "primary",
-      variant: "filled",
-      class: "bg-bg-brand text-fg-on-brand hover:bg-bg-brand-hover"
-    },
-    {
-      color: "primary",
-      variant: "outline",
-      class: "bg-bg-surface border-border-brand text-fg-brand shadow-sh-sm hover:bg-bg-brand-subtle hover:border-transparent hover:shadow-sh-none"
-    },
-    {
-      color: "primary",
-      variant: "soft",
-      class: "bg-bg-brand-subtle text-fg-brand hover:bg-bg-brand-subtle-hover"
-    },
-    {
-      color: "primary",
-      variant: "ghost",
-      class: "text-fg-brand hover:bg-bg-brand-subtle"
-    },
-    // ── Secondary (neutro) ──────────────────────────────────────────
-    {
-      color: "secondary",
-      variant: "filled",
-      class: "bg-bg-muted text-fg-muted hover:bg-bg-muted-hover hover:text-fg-default"
-    },
-    {
-      // Outline alinhado com `.btn.tbl-tool-btn` do design-and-table-v2:
-      // light = bg-surface + border-subtle + fg-default + shadow-sm (mantém no hover)
-      // dark  = bg-muted + border-input + fg-muted + sem shadow
-      color: "secondary",
-      variant: "outline",
-      class: [
-        "bg-bg-surface border-border-subtle text-fg-default shadow-sh-sm",
-        "dark:bg-bg-muted dark:border-border-input dark:text-fg-muted dark:shadow-sh-none",
-        "hover:bg-bg-muted-hover hover:text-fg-default",
-        "dark:hover:bg-bg-muted-hover dark:hover:text-fg-default"
-      ].join(" ")
-    },
-    {
-      color: "secondary",
-      variant: "soft",
-      class: "bg-bg-muted text-fg-muted hover:bg-bg-muted-hover hover:text-fg-default"
-    },
-    {
-      color: "secondary",
-      variant: "ghost",
-      class: "text-fg-muted hover:bg-bg-muted hover:text-fg-default"
-    },
-    // ── Critical (danger) ───────────────────────────────────────────
-    {
-      color: "critical",
-      variant: "filled",
-      class: "bg-bg-danger text-fg-on-danger hover:bg-bg-danger-hover"
-    },
-    {
-      color: "critical",
-      variant: "outline",
-      class: "bg-bg-surface border-border-danger-muted text-fg-danger shadow-sh-sm hover:bg-bg-danger-muted hover:shadow-sh-none"
-    },
-    {
-      color: "critical",
-      variant: "soft",
-      class: "bg-bg-danger-muted text-fg-danger hover:bg-bg-danger-muted-hover"
-    },
-    {
-      color: "critical",
-      variant: "ghost",
-      class: "text-fg-danger hover:bg-bg-danger-muted"
-    },
-    // ── Success ─────────────────────────────────────────────────────
-    {
-      color: "success",
-      variant: "filled",
-      class: "bg-bg-success text-fg-on-success hover:bg-bg-success-hover"
-    },
-    {
-      color: "success",
-      variant: "outline",
-      class: "bg-bg-surface border-border-success-muted text-fg-success shadow-sh-sm hover:bg-bg-success-muted hover:shadow-sh-none"
-    },
-    {
-      color: "success",
-      variant: "soft",
-      class: "bg-bg-success-muted text-fg-success hover:bg-bg-success-muted-hover"
-    },
-    {
-      color: "success",
-      variant: "ghost",
-      class: "text-fg-success hover:bg-bg-success-muted"
-    },
-    // ── Warning ─────────────────────────────────────────────────────
-    {
-      color: "warning",
-      variant: "filled",
-      class: "bg-bg-warning text-fg-on-warning hover:bg-bg-warning-hover"
-    },
-    {
-      color: "warning",
-      variant: "outline",
-      class: "bg-bg-surface border-border-warning-muted text-fg-warning shadow-sh-sm hover:bg-bg-warning-muted hover:shadow-sh-none"
-    },
-    {
-      color: "warning",
-      variant: "soft",
-      class: "bg-bg-warning-muted text-fg-warning hover:bg-bg-warning-muted-hover"
-    },
-    {
-      color: "warning",
-      variant: "ghost",
-      class: "text-fg-warning hover:bg-bg-warning-muted"
-    },
-    // ── Disabled — SEMPRE por último ────────────────────────────────
-    { disabled: true, class: "pointer-events-none opacity-50" }
-  ],
-  defaultVariants: {
-    color: "primary",
-    variant: "filled",
-    size: "md",
-    shape: "rounded"
-  }
-});
-const Button = React.forwardRef(
-  function Button2({
-    color,
-    variant,
-    size,
-    shape,
-    fullWidth,
-    loading = false,
-    disabled = false,
-    iconLeft,
-    iconRight,
-    children,
-    className,
-    type = "button",
-    ...rest
-  }, ref) {
-    const isDisabled = disabled || loading;
-    return /* @__PURE__ */ jsxRuntime.jsxs(
-      "button",
-      {
-        ref,
-        type,
-        disabled: isDisabled,
-        className: buttonVariants({
-          color,
-          variant,
-          size,
-          shape,
-          fullWidth,
-          disabled: isDisabled,
-          className
-        }),
-        ...rest,
-        children: [
-          loading && /* @__PURE__ */ jsxRuntime.jsx(Spinner, {}),
-          !loading && iconLeft,
-          children,
-          !loading && iconRight
-        ]
-      }
-    );
-  }
-);
-function Spinner() {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "svg",
-    {
-      width: "16",
-      height: "16",
-      viewBox: "0 0 16 16",
-      fill: "none",
-      className: "animate-spin",
-      children: /* @__PURE__ */ jsxRuntime.jsx(
-        "circle",
-        {
-          cx: "8",
-          cy: "8",
-          r: "6",
-          stroke: "currentColor",
-          strokeWidth: "2",
-          strokeLinecap: "round",
-          strokeDasharray: "28",
-          strokeDashoffset: "8",
-          className: "opacity-70"
-        }
-      )
-    }
-  );
-}
-const headerRoot = tv({
+const headerRoot = avatar.tv({
   base: [
     "flex items-center justify-between gap-gp-lg",
     "h-[60px] flex-none px-pad-2xl",
@@ -461,16 +29,16 @@ const headerRoot = tv({
     "text-fg-default font-sans"
   ]
 });
-const headerLeft = tv({
+const headerLeft = avatar.tv({
   base: "flex items-center gap-gp-md min-w-0 flex-1"
 });
-const headerRight = tv({
+const headerRight = avatar.tv({
   base: "flex items-center gap-gp-sm shrink-0"
 });
-const headerDivider = tv({
+const headerDivider = avatar.tv({
   base: "h-[24px] w-px bg-border-default shrink-0 mx-pad-xs"
 });
-const headerIconBtn = tv({
+const headerIconBtn = avatar.tv({
   base: [
     "relative inline-flex items-center justify-center",
     "w-form-md h-form-md rounded-radius-md",
@@ -485,7 +53,7 @@ const headerIconBtn = tv({
   },
   defaultVariants: { variant: "ghost" }
 });
-const headerIconBtnBadge = tv({
+const headerIconBtnBadge = avatar.tv({
   base: "absolute top-[4px] right-[4px] w-[8px] h-[8px] rounded-full ring-2 ring-bg-canvas",
   variants: {
     kind: {
@@ -495,10 +63,10 @@ const headerIconBtnBadge = tv({
   },
   defaultVariants: { kind: "brand" }
 });
-const breadcrumbRoot = tv({
+const breadcrumbRoot = avatar.tv({
   base: "flex items-center gap-gp-sm min-w-0"
 });
-const breadcrumbItem = tv({
+const breadcrumbItem = avatar.tv({
   base: "font-medium truncate transition-colors leading-none",
   variants: {
     current: {
@@ -513,10 +81,10 @@ const breadcrumbItem = tv({
   },
   defaultVariants: { current: false, standalone: false }
 });
-const breadcrumbSeparator = tv({
+const breadcrumbSeparator = avatar.tv({
   base: "text-fg-subtle shrink-0"
 });
-const searchFakeInput = tv({
+const searchFakeInput = avatar.tv({
   base: [
     "inline-flex items-center gap-gp-md h-form-md w-[180px]",
     "px-pad-xl rounded-radius-md",
@@ -527,13 +95,13 @@ const searchFakeInput = tv({
     "focus-visible:outline-none focus-visible:ring-4 focus-visible:ring-ring-secondary"
   ]
 });
-const searchFakeInputIcon = tv({
+const searchFakeInputIcon = avatar.tv({
   base: "size-[14px] text-fg-subtle shrink-0"
 });
-const searchFakeInputText = tv({
+const searchFakeInputText = avatar.tv({
   base: "flex-1 text-left truncate"
 });
-const searchFakeInputKbd = tv({
+const searchFakeInputKbd = avatar.tv({
   base: [
     "ml-auto inline-flex items-center justify-center",
     "h-[20px] px-pad-xs rounded-radius-xs",
@@ -541,10 +109,10 @@ const searchFakeInputKbd = tv({
     "text-caption-xs font-semibold text-fg-muted tabular-nums shrink-0"
   ]
 });
-tv({
+avatar.tv({
   base: "relative inline-flex"
 });
-tv({
+avatar.tv({
   base: [
     "absolute top-[calc(100%+8px)] right-0 z-50",
     "w-[380px] max-w-[calc(100vw-32px)] max-h-[520px] flex flex-col",
@@ -558,26 +126,26 @@ tv({
     "data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95"
   ]
 });
-const hdTop = tv({
+const hdTop = avatar.tv({
   base: "flex flex-col gap-gp-md p-pad-xl border-b border-border-subtle bg-bg-canvas/40"
 });
-const hdHeader = tv({
+const hdHeader = avatar.tv({
   base: "flex items-center justify-between"
 });
-const hdTitle = tv({
+const hdTitle = avatar.tv({
   base: "flex items-center gap-gp-sm text-body-lg font-semibold text-fg-default"
 });
-const hdTitleCount = tv({
+const hdTitleCount = avatar.tv({
   base: [
     "inline-flex items-center justify-center min-w-[20px] h-[20px] px-pad-xs",
     "rounded-radius-xs bg-bg-brand text-fg-on-brand",
     "text-caption-sm font-bold tabular-nums"
   ]
 });
-const hdHeaderActions = tv({
+const hdHeaderActions = avatar.tv({
   base: "flex items-center gap-gp-xs"
 });
-tv({
+avatar.tv({
   base: [
     "inline-flex items-center gap-gp-sm h-form-sm w-full",
     "px-pad-lg rounded-radius-md",
@@ -586,16 +154,16 @@ tv({
     "focus-within:border-border-brand focus-within:ring-4 focus-within:ring-ring-brand"
   ]
 });
-tv({
+avatar.tv({
   base: "size-[14px] text-fg-muted shrink-0"
 });
-tv({
+avatar.tv({
   base: "flex-1 min-w-0 bg-transparent border-0 outline-none text-body-sm font-normal text-fg-default placeholder:text-fg-subtle"
 });
-tv({
+avatar.tv({
   base: "flex items-center gap-gp-2xs p-[3px] rounded-radius-lg bg-bg-muted"
 });
-tv({
+avatar.tv({
   base: [
     "inline-flex items-center justify-center gap-gp-xs",
     "h-[28px] px-[10px] rounded-radius-sm",
@@ -611,19 +179,19 @@ tv({
     }
   }
 });
-tv({
+avatar.tv({
   base: "text-caption-xs font-bold tabular-nums opacity-70"
 });
-const hdBody = tv({
+const hdBody = avatar.tv({
   base: "flex-1 overflow-y-auto p-pad-sm flex flex-col gap-px"
 });
-const hdEmpty = tv({
+const hdEmpty = avatar.tv({
   base: "flex flex-col items-center justify-center gap-gp-md py-pad-7xl text-fg-subtle"
 });
-const hdEmptyText = tv({
+const hdEmptyText = avatar.tv({
   base: "text-body-md"
 });
-const hdNotif = tv({
+const hdNotif = avatar.tv({
   base: [
     "relative flex items-start gap-gp-lg p-pad-lg rounded-radius-md text-left w-full",
     "bg-transparent border-0 cursor-pointer",
@@ -632,25 +200,25 @@ const hdNotif = tv({
     "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring-secondary"
   ]
 });
-const hdNotifIcon = tv({
+const hdNotifIcon = avatar.tv({
   base: "flex-none w-[28px] h-[28px] rounded-radius-md grid place-items-center"
 });
-const hdNotifBody = tv({
+const hdNotifBody = avatar.tv({
   base: "flex-1 min-w-0 flex flex-col gap-gp-2xs"
 });
-const hdNotifTitle = tv({
+const hdNotifTitle = avatar.tv({
   base: "text-body-sm font-semibold text-fg-default leading-tight"
 });
-const hdNotifText = tv({
+const hdNotifText = avatar.tv({
   base: "text-body-xs font-normal text-fg-muted leading-snug line-clamp-2"
 });
-const hdNotifTime = tv({
+const hdNotifTime = avatar.tv({
   base: "text-caption-sm text-fg-subtle"
 });
-const hdNotifDot = tv({
+const hdNotifDot = avatar.tv({
   base: "shrink-0 mt-pad-xs w-[8px] h-[8px] rounded-full bg-bg-brand"
 });
-const hdMsg = tv({
+const hdMsg = avatar.tv({
   base: [
     "relative flex items-center gap-gp-lg p-pad-lg rounded-radius-md text-left w-full",
     "bg-transparent border-0 cursor-pointer",
@@ -659,37 +227,37 @@ const hdMsg = tv({
     "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring-secondary"
   ]
 });
-const hdMsgAvatar = tv({
+const hdMsgAvatar = avatar.tv({
   base: [
     "flex-none grid place-items-center w-icon-lg h-icon-lg rounded-full",
     "text-white text-caption-sm font-bold uppercase tracking-[0.02em] leading-none"
   ]
 });
-const hdMsgBody = tv({
+const hdMsgBody = avatar.tv({
   base: "flex-1 min-w-0 flex flex-col gap-gp-2xs"
 });
-const hdMsgRow = tv({
+const hdMsgRow = avatar.tv({
   base: "flex items-center justify-between gap-gp-sm"
 });
-const hdMsgName = tv({
+const hdMsgName = avatar.tv({
   base: "text-body-sm font-semibold text-fg-default truncate"
 });
-const hdMsgTime = tv({
+const hdMsgTime = avatar.tv({
   base: "text-caption-sm text-fg-subtle shrink-0"
 });
-const hdMsgPreviewRow = tv({
+const hdMsgPreviewRow = avatar.tv({
   base: "flex items-center gap-gp-sm"
 });
-const hdMsgPreview = tv({
+const hdMsgPreview = avatar.tv({
   base: "flex-1 min-w-0 text-body-xs font-normal text-fg-muted truncate"
 });
-const hdMsgDot = tv({
+const hdMsgDot = avatar.tv({
   base: "shrink-0 w-[8px] h-[8px] rounded-full bg-bg-brand"
 });
-const hdFooter = tv({
+const hdFooter = avatar.tv({
   base: "flex-none p-pad-md border-t border-border-subtle text-center"
 });
-const hdFooterLink = tv({
+const hdFooterLink = avatar.tv({
   base: [
     "inline-flex items-center justify-center gap-gp-sm",
     "h-form-sm px-pad-lg rounded-radius-md w-full",
@@ -711,7 +279,7 @@ function HeaderBreadcrumb({
     /* @__PURE__ */ jsxRuntime.jsx(
       "nav",
       {
-        className: cn(
+        className: avatar.cn(
           breadcrumbRoot(),
           mobileShowLastOnly && "hidden md:flex",
           className
@@ -762,7 +330,7 @@ function HeaderBreadcrumb({
     mobileShowLastOnly && /* @__PURE__ */ jsxRuntime.jsx(
       "nav",
       {
-        className: cn(breadcrumbRoot(), "md:hidden", className),
+        className: avatar.cn(breadcrumbRoot(), "md:hidden", className),
         "aria-label": "Seção atual",
         children: /* @__PURE__ */ jsxRuntime.jsx(
           "span",
@@ -776,207 +344,6 @@ function HeaderBreadcrumb({
     )
   ] });
 }
-const Dialog = SheetPrimitive__namespace.Root;
-const DialogTrigger = SheetPrimitive__namespace.Trigger;
-const DialogPortal = SheetPrimitive__namespace.Portal;
-const DialogClose = SheetPrimitive__namespace.Close;
-const DialogOverlay = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  SheetPrimitive__namespace.Overlay,
-  {
-    ref,
-    className: cn(
-      "fixed inset-0 z-50 bg-black/30 supports-[backdrop-filter]:backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
-      className
-    ),
-    ...props
-  }
-));
-DialogOverlay.displayName = SheetPrimitive__namespace.Overlay.displayName;
-const DialogContent = React__namespace.forwardRef(({ className, children, hideClose, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(DialogPortal, { children: [
-  /* @__PURE__ */ jsxRuntime.jsx(DialogOverlay, {}),
-  /* @__PURE__ */ jsxRuntime.jsxs(
-    SheetPrimitive__namespace.Content,
-    {
-      ref,
-      className: cn(
-        "fixed left-[50%] top-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-gp-4xl rounded-radius-base bg-bg-surface p-pad-4xl text-body-md text-fg-default shadow-sh-xl outline-float duration-200 sm:max-w-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95",
-        className
-      ),
-      ...props,
-      children: [
-        children,
-        !hideClose && /* @__PURE__ */ jsxRuntime.jsxs(SheetPrimitive__namespace.Close, { className: "absolute right-4 top-4 rounded-radius-sm opacity-70 transition-opacity hover:opacity-100 outline-none ring-0 ring-ring-brand focus-visible:ring-4 disabled:pointer-events-none data-[state=open]:bg-bg-muted data-[state=open]:text-fg-muted", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "h-4 w-4" }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Close" })
-        ] })
-      ]
-    }
-  )
-] }));
-DialogContent.displayName = SheetPrimitive__namespace.Content.displayName;
-const DialogTitle = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  SheetPrimitive__namespace.Title,
-  {
-    ref,
-    className: cn(
-      "text-title-md font-medium text-fg-default leading-none",
-      className
-    ),
-    ...props
-  }
-));
-DialogTitle.displayName = SheetPrimitive__namespace.Title.displayName;
-const DialogDescription = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  SheetPrimitive__namespace.Description,
-  {
-    ref,
-    className: cn("text-body-md text-fg-muted", className),
-    ...props
-  }
-));
-DialogDescription.displayName = SheetPrimitive__namespace.Description.displayName;
-const Command = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  cmdk.Command,
-  {
-    ref,
-    className: cn(
-      "flex h-full w-full flex-col overflow-hidden p-pad-xl bg-popover text-popover-foreground",
-      className
-    ),
-    ...props
-  }
-));
-Command.displayName = cmdk.Command.displayName;
-const CommandDialog = ({ children, ...props }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(Dialog, { ...props, children: /* @__PURE__ */ jsxRuntime.jsxs(
-    DialogContent,
-    {
-      hideClose: true,
-      "aria-describedby": void 0,
-      className: cn(
-        "overflow-hidden p-0 gap-0 sm:max-w-[384px]",
-        "rounded-[12px] border border-border-default",
-        // Outline padrão de elementos flutuantes
-        "outline-float"
-      ),
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(DialogTitle, { className: "sr-only", children: "Comando" }),
-        /* @__PURE__ */ jsxRuntime.jsx(Command, { children })
-      ]
-    }
-  ) });
-};
-const CommandInput = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
-  "div",
-  {
-    "cmdk-input-wrapper": "",
-    className: cn(
-      "flex items-center gap-gp-md h-form-md px-pad-xl rounded-radius-lg",
-      "bg-bg-input border border-border-subtle shadow-sh-sm",
-      "transition-[border-color,box-shadow,background-color] duration-150",
-      "focus-within:border-border-brand focus-within:shadow-sh-ring",
-      "dark:bg-bg-muted dark:border-border-input dark:shadow-sh-none"
-    ),
-    children: [
-      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Search, { className: "size-[14px] text-fg-muted shrink-0", strokeWidth: 1.8 }),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        cmdk.Command.Input,
-        {
-          ref,
-          className: cn(
-            "flex-1 min-w-0 bg-transparent border-0 outline-none",
-            "text-body-sm font-normal text-fg-default placeholder:text-fg-muted",
-            "disabled:cursor-not-allowed disabled:opacity-50",
-            className
-          ),
-          ...props
-        }
-      )
-    ]
-  }
-));
-CommandInput.displayName = cmdk.Command.Input.displayName;
-const CommandList = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  cmdk.Command.List,
-  {
-    ref,
-    className: cn(
-      "max-h-[300px] overflow-y-auto overflow-x-hidden mt-pad-md scrollbar-thin",
-      className
-    ),
-    ...props
-  }
-));
-CommandList.displayName = cmdk.Command.List.displayName;
-const CommandEmpty = React__namespace.forwardRef((props, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  cmdk.Command.Empty,
-  {
-    ref,
-    className: "py-pad-5xl text-center text-body-md text-fg-muted",
-    ...props
-  }
-));
-CommandEmpty.displayName = cmdk.Command.Empty.displayName;
-const CommandGroup = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  cmdk.Command.Group,
-  {
-    ref,
-    className: cn(
-      "overflow-hidden text-fg-default",
-      "[&_[cmdk-group-heading]]:flex [&_[cmdk-group-heading]]:items-center",
-      "[&_[cmdk-group-heading]]:h-[28px] [&_[cmdk-group-heading]]:px-pad-xl",
-      "[&_[cmdk-group-heading]]:text-caption-xs [&_[cmdk-group-heading]]:font-bold",
-      "[&_[cmdk-group-heading]]:uppercase [&_[cmdk-group-heading]]:tracking-wider",
-      "[&_[cmdk-group-heading]]:text-fg-subtle",
-      className
-    ),
-    ...props
-  }
-));
-CommandGroup.displayName = cmdk.Command.Group.displayName;
-const CommandSeparator = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  cmdk.Command.Separator,
-  {
-    ref,
-    className: cn("mx-pad-xs my-pad-xs h-px bg-border-default", className),
-    ...props
-  }
-));
-CommandSeparator.displayName = cmdk.Command.Separator.displayName;
-const CommandItem = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  cmdk.Command.Item,
-  {
-    ref,
-    className: cn(
-      "relative flex cursor-default select-none items-center gap-gp-md",
-      "rounded-radius-lg px-pad-xl py-pad-md",
-      "text-body-sm font-medium text-fg-muted",
-      "outline-none transition-colors",
-      "data-[selected='true']:bg-bg-muted data-[selected='true']:text-fg-default data-[selected='true']:[&_svg]:text-fg-default",
-      "data-[disabled='true']:pointer-events-none data-[disabled='true']:opacity-50",
-      "[&_svg]:pointer-events-none [&_svg]:size-[18px] [&_svg]:shrink-0 [&_svg]:text-fg-muted",
-      className
-    ),
-    ...props
-  }
-));
-CommandItem.displayName = cmdk.Command.Item.displayName;
-const CommandShortcut = ({
-  className,
-  ...props
-}) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "span",
-    {
-      className: cn(
-        "ml-auto text-caption-sm tracking-wider text-fg-subtle",
-        className
-      ),
-      ...props
-    }
-  );
-};
-CommandShortcut.displayName = "CommandShortcut";
 function HeaderSearch({
   placeholder = "Buscar...",
   shortcut = "⌘K",
@@ -1005,7 +372,7 @@ function HeaderSearch({
       "button",
       {
         type: "button",
-        className: cn(searchFakeInput(), "hidden md:inline-flex", className),
+        className: avatar.cn(searchFakeInput(), "hidden md:inline-flex", className),
         onClick: () => setOpen(true),
         "aria-label": "Abrir busca",
         children: [
@@ -1016,7 +383,7 @@ function HeaderSearch({
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      Button,
+      avatar.Button,
       {
         color: "secondary",
         variant: "outline",
@@ -1028,10 +395,10 @@ function HeaderSearch({
         children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Search, {})
       }
     ),
-    /* @__PURE__ */ jsxRuntime.jsxs(CommandDialog, { open, onOpenChange: setOpen, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(CommandInput, { placeholder: commandPlaceholder }),
-      /* @__PURE__ */ jsxRuntime.jsxs(CommandList, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(CommandEmpty, { children: commandEmptyMessage }),
+    /* @__PURE__ */ jsxRuntime.jsxs(avatar.CommandDialog, { open, onOpenChange: setOpen, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(avatar.CommandInput, { placeholder: commandPlaceholder }),
+      /* @__PURE__ */ jsxRuntime.jsxs(avatar.CommandList, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(avatar.CommandEmpty, { children: commandEmptyMessage }),
         commandGroups.map((group, gIdx) => /* @__PURE__ */ jsxRuntime.jsx(
           CommandGroupBlock,
           {
@@ -1051,10 +418,10 @@ function CommandGroupBlock({
   onSelect
 }) {
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(CommandGroup, { heading: group.heading, children: group.items.map((item) => {
+    /* @__PURE__ */ jsxRuntime.jsx(avatar.CommandGroup, { heading: group.heading, children: group.items.map((item) => {
       const Icon = item.icon;
       return /* @__PURE__ */ jsxRuntime.jsxs(
-        CommandItem,
+        avatar.CommandItem,
         {
           value: item.id ?? item.label,
           keywords: item.keywords,
@@ -1066,16 +433,16 @@ function CommandGroupBlock({
           children: [
             Icon && /* @__PURE__ */ jsxRuntime.jsx(Icon, {}),
             /* @__PURE__ */ jsxRuntime.jsx("span", { children: item.label }),
-            item.shortcut && /* @__PURE__ */ jsxRuntime.jsx(CommandShortcut, { children: item.shortcut })
+            item.shortcut && /* @__PURE__ */ jsxRuntime.jsx(avatar.CommandShortcut, { children: item.shortcut })
           ]
         },
         item.id ?? item.label
       );
     }) }),
-    !isLast && /* @__PURE__ */ jsxRuntime.jsx(CommandSeparator, {})
+    !isLast && /* @__PURE__ */ jsxRuntime.jsx(avatar.CommandSeparator, {})
   ] });
 }
-const chipVariants = tv({
+const chipVariants = avatar.tv({
   base: [
     "inline-flex items-center justify-center gap-gp-xs shrink-0",
     "font-semibold whitespace-nowrap select-none",
@@ -1200,7 +567,7 @@ const chipVariants = tv({
     selected: false
   }
 });
-const chipCount = tv({
+const chipCount = avatar.tv({
   base: [
     "inline-flex items-center justify-center min-w-[16px] h-[16px] px-[4px]",
     "rounded-radius-full text-caption-xs font-semibold leading-none",
@@ -1221,7 +588,7 @@ const Chip = React.forwardRef(function Chip2({
   ...rest
 }, ref) {
   const interactive = Boolean(onClick) || asButton === true;
-  const classes = cn(
+  const classes = avatar.cn(
     chipVariants({ color, variant, size, shape, interactive, selected }),
     className
   );
@@ -1320,7 +687,7 @@ const ChipGroup = React.forwardRef(
           onValueChange: props.onValueChange,
           orientation,
           "aria-label": ariaLabel,
-          className: cn(
+          className: avatar.cn(
             "inline-flex items-center gap-gp-sm",
             orientation === "vertical" && "flex-col",
             className
@@ -1339,7 +706,7 @@ const ChipGroup = React.forwardRef(
         onValueChange: props.onValueChange,
         orientation,
         "aria-label": ariaLabel,
-        className: cn(
+        className: avatar.cn(
           "inline-flex items-center gap-gp-sm",
           orientation === "vertical" && "flex-col",
           className
@@ -1371,7 +738,7 @@ const ChipGroupItem = React.forwardRef(
       ToggleGroupPrimitive__namespace.Item,
       {
         ref,
-        className: cn(
+        className: avatar.cn(
           // Estado OFF — visual inativo (passa pelo chipVariants normal)
           chipVariants({
             color: inactiveColor,
@@ -1390,71 +757,6 @@ const ChipGroupItem = React.forwardRef(
     );
   }
 );
-const Popover = PopoverPrimitive__namespace.Root;
-const PopoverTrigger = PopoverPrimitive__namespace.Trigger;
-const PopoverAnchor = PopoverPrimitive__namespace.Anchor;
-const POPOVER_MOBILE_SHEET = [
-  "max-md:w-full max-md:min-w-0 max-md:max-w-none",
-  "max-md:!max-h-[92vh]",
-  "max-md:rounded-b-none max-md:rounded-t-[12px]",
-  "max-md:border-x-0 max-md:border-b-0",
-  "max-md:outline-none max-md:shadow-none",
-  // Respiro de 20px (pad-3xl) no rodapé pra o conteúdo (footer/última seção)
-  // não colar na borda inferior do device quando vira sheet.
-  "max-md:pb-pad-3xl",
-  "max-md:data-[state=open]:zoom-in-100 max-md:data-[state=closed]:zoom-out-100",
-  "max-md:data-[state=open]:slide-in-from-bottom-12 max-md:data-[state=closed]:slide-out-to-bottom-12"
-].join(" ");
-const PopoverSheetBackdrop = () => /* @__PURE__ */ jsxRuntime.jsx(
-  "div",
-  {
-    "aria-hidden": "true",
-    className: "fixed inset-0 z-[55] bg-overlay-scrim pointer-events-auto md:hidden animate-in fade-in-0 duration-150"
-  }
-);
-const PopoverContent = React__namespace.forwardRef(
-  ({ className, align = "center", sideOffset = 6, disablePortal, mobileSheet = true, ...props }, ref) => {
-    const content = /* @__PURE__ */ jsxRuntime.jsx(
-      PopoverPrimitive__namespace.Content,
-      {
-        ref,
-        align,
-        sideOffset,
-        "data-mobile-sheet": mobileSheet ? "" : void 0,
-        className: cn(
-          "relative z-50",
-          // Unificado com DropdownMenu/Select: bg-bg-dropdown (frosted no dark)
-          // + border-border-default + outline-float. O `before` pseudo-element
-          // aplica o blur backdrop (necessário pra bg-bg-dropdown semi-transparente
-          // render correto no dark mode).
-          "bg-bg-dropdown",
-          "border border-border-default rounded-[12px] shadow-sh-lg outline-float",
-          "before:pointer-events-none before:absolute before:inset-0 before:-z-10 before:rounded-[inherit] before:backdrop-blur-2xl before:backdrop-saturate-150",
-          "text-fg-default",
-          "data-[state=open]:animate-in data-[state=closed]:animate-out",
-          "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
-          "data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95",
-          "data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2",
-          "data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
-          mobileSheet && POPOVER_MOBILE_SHEET,
-          className
-        ),
-        ...props
-      }
-    );
-    if (disablePortal) {
-      return mobileSheet ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(PopoverSheetBackdrop, {}),
-        content
-      ] }) : content;
-    }
-    return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      mobileSheet && /* @__PURE__ */ jsxRuntime.jsx(PopoverPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(PopoverSheetBackdrop, {}) }),
-      /* @__PURE__ */ jsxRuntime.jsx(PopoverPrimitive__namespace.Portal, { children: content })
-    ] });
-  }
-);
-PopoverContent.displayName = PopoverPrimitive__namespace.Content.displayName;
 const DEFAULT_FILTERS$1 = [
   { id: "all", label: "Todas", predicate: () => true },
   { id: "unread", label: "Não lidas", predicate: (n) => !!n.unread },
@@ -1476,9 +778,9 @@ function HeaderNotifications({ config, className }) {
   const filtered = items.filter(
     filters.find((f) => f.id === activeFilter)?.predicate ?? (() => true)
   );
-  return /* @__PURE__ */ jsxRuntime.jsxs(Popover, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
-      Button,
+  return /* @__PURE__ */ jsxRuntime.jsxs(avatar.Popover, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(avatar.PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
+      avatar.Button,
       {
         color: "secondary",
         variant: "outline",
@@ -1493,10 +795,10 @@ function HeaderNotifications({ config, className }) {
       }
     ) }),
     /* @__PURE__ */ jsxRuntime.jsxs(
-      PopoverContent,
+      avatar.PopoverContent,
       {
         align: "end",
-        className: cn(
+        className: avatar.cn(
           "w-[380px] max-w-[calc(100vw-32px)] max-h-[520px] p-0 flex flex-col overflow-hidden",
           className
         ),
@@ -1510,7 +812,7 @@ function HeaderNotifications({ config, className }) {
               ] }),
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: hdHeaderActions(), children: [
                 onMarkAllRead && /* @__PURE__ */ jsxRuntime.jsx(
-                  Button,
+                  avatar.Button,
                   {
                     color: "secondary",
                     variant: "ghost",
@@ -1522,7 +824,7 @@ function HeaderNotifications({ config, className }) {
                   }
                 ),
                 onMoreActions && /* @__PURE__ */ jsxRuntime.jsx(
-                  Button,
+                  avatar.Button,
                   {
                     color: "secondary",
                     variant: "ghost",
@@ -1603,169 +905,6 @@ function NotificationRow({ item }) {
     }
   );
 }
-const inputGroupVariants = classVarianceAuthority.cva(
-  [
-    "group/input-group relative flex w-full items-center",
-    "bg-bg-input dark:bg-bg-muted",
-    "hover:bg-bg-input-hover dark:hover:bg-bg-muted-hover",
-    "border border-border-input rounded-radius-lg",
-    "transition-[border-color,box-shadow,background-color] outline-none",
-    "has-[input:disabled]:cursor-not-allowed has-[input:disabled]:opacity-50 has-[input:disabled]:hover:bg-bg-input dark:has-[input:disabled]:hover:bg-bg-muted"
-  ],
-  {
-    variants: {
-      size: {
-        xxs: "min-h-form-xs px-pad-md gap-gp-xs rounded-radius-md text-body-sm font-normal",
-        xs: "min-h-form-sm px-pad-xl gap-gp-md rounded-radius-md text-body-sm font-normal",
-        sm: "min-h-form-md px-pad-xl gap-gp-md rounded-radius-lg text-body-sm font-normal",
-        md: "min-h-form-lg px-pad-xl gap-gp-md rounded-radius-lg text-body-sm font-normal"
-      },
-      state: {
-        default: "focus-within:border-border-brand          focus-within:shadow-sh-ring",
-        error: "border-border-danger-muted  focus-within:border-border-danger-muted  focus-within:shadow-sh-ring-danger",
-        warning: "border-border-warning-muted focus-within:border-border-warning-muted focus-within:shadow-sh-ring-warning",
-        success: "border-border-success-muted focus-within:border-border-success-muted focus-within:shadow-sh-ring-success"
-      }
-    },
-    defaultVariants: { size: "md", state: "default" }
-  }
-);
-const InputGroup = React__namespace.forwardRef(
-  ({ className, size, state, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      ref,
-      role: "group",
-      "data-slot": "input-group",
-      className: cn(inputGroupVariants({ size, state }), className),
-      ...props
-    }
-  )
-);
-InputGroup.displayName = "InputGroup";
-const inputGroupInputVariants = classVarianceAuthority.cva([
-  "flex-1 min-w-0 bg-transparent border-0 outline-none",
-  "text-body-sm font-normal text-fg-default placeholder:text-fg-muted placeholder:opacity-70",
-  "disabled:cursor-not-allowed",
-  "file:inline-flex file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-fg-default"
-]);
-const InputGroupInput = React__namespace.forwardRef(({ className, type, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  "input",
-  {
-    ref,
-    type,
-    "data-slot": "input-group-input",
-    className: cn(inputGroupInputVariants(), className),
-    ...props
-  }
-));
-InputGroupInput.displayName = "InputGroupInput";
-const inputGroupTextareaVariants = classVarianceAuthority.cva([
-  "flex-1 min-w-0 bg-transparent border-0 outline-none resize-y",
-  "py-pad-md",
-  "text-body-sm font-normal leading-[1.5] text-fg-default placeholder:text-fg-muted placeholder:opacity-70",
-  "disabled:cursor-not-allowed"
-]);
-const InputGroupTextarea = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  "textarea",
-  {
-    ref,
-    "data-slot": "input-group-textarea",
-    className: cn(inputGroupTextareaVariants(), className),
-    ...props
-  }
-));
-InputGroupTextarea.displayName = "InputGroupTextarea";
-const inputGroupAddonVariants = classVarianceAuthority.cva(
-  "flex items-center text-fg-muted shrink-0 select-none [&_svg]:size-4 [&_svg]:shrink-0",
-  {
-    variants: {
-      align: {
-        // Inline = horizontal (start/end do eixo do texto)
-        "inline-start": "",
-        "inline-end": "",
-        // Block = vertical (top/bottom — multi-linha em textarea)
-        "block-start": "",
-        "block-end": ""
-      }
-    },
-    defaultVariants: { align: "inline-start" }
-  }
-);
-const InputGroupAddon = React__namespace.forwardRef(({ className, align = "inline-start", onClick, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  "div",
-  {
-    ref,
-    role: "group",
-    "data-slot": "input-group-addon",
-    "data-align": align,
-    className: cn(inputGroupAddonVariants({ align }), className),
-    onClick: (e) => {
-      if (e.target.closest("button")) {
-        onClick?.(e);
-        return;
-      }
-      e.currentTarget.parentElement?.querySelector(
-        "input, textarea"
-      )?.focus();
-      onClick?.(e);
-    },
-    ...props
-  }
-));
-InputGroupAddon.displayName = "InputGroupAddon";
-const InputGroupText = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  "span",
-  {
-    ref,
-    "data-slot": "input-group-text",
-    className: cn(
-      "text-body-xs text-fg-muted whitespace-nowrap",
-      className
-    ),
-    ...props
-  }
-));
-InputGroupText.displayName = "InputGroupText";
-const inputGroupButtonVariants = classVarianceAuthority.cva(
-  [
-    "inline-flex items-center justify-center shrink-0",
-    "rounded-radius-md transition-colors outline-none cursor-pointer",
-    "focus-visible:ring-4 focus-visible:ring-ring-brand",
-    "disabled:cursor-not-allowed disabled:opacity-50",
-    "[&_svg]:size-4 [&_svg]:shrink-0"
-  ],
-  {
-    variants: {
-      size: {
-        xs: "h-form-xs px-pad-md gap-gp-xs text-body-xs font-normal",
-        "icon-xs": "size-form-xs",
-        sm: "h-form-sm px-pad-lg gap-gp-md text-body-xs font-normal",
-        "icon-sm": "size-form-sm"
-      },
-      variant: {
-        default: "bg-bg-muted text-fg-default hover:bg-bg-muted-hover",
-        destructive: "bg-bg-danger text-fg-on-danger hover:bg-bg-danger-hover",
-        outline: "border border-border-input bg-transparent text-fg-default hover:bg-bg-muted",
-        secondary: "bg-bg-emphasis text-fg-default hover:bg-bg-muted-hover",
-        ghost: "bg-transparent text-fg-muted hover:bg-bg-muted hover:text-fg-default",
-        link: "bg-transparent text-fg-brand underline-offset-4 hover:underline"
-      }
-    },
-    defaultVariants: { size: "xs", variant: "ghost" }
-  }
-);
-const InputGroupButton = React__namespace.forwardRef(({ className, size, variant, type = "button", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  "button",
-  {
-    ref,
-    type,
-    "data-slot": "input-group-button",
-    className: cn(inputGroupButtonVariants({ size, variant }), className),
-    ...props
-  }
-));
-InputGroupButton.displayName = "InputGroupButton";
 const DEFAULT_FILTERS = [
   { id: "all", label: "Tudo", predicate: () => true },
   { id: "unread", label: "Não lidas", predicate: (m) => !!m.unread },
@@ -1790,9 +929,9 @@ function HeaderMessages({ config, className }) {
   const filtered = items.filter(filters.find((f) => f.id === activeFilter)?.predicate ?? (() => true)).filter(
     (m) => search ? m.name.toLowerCase().includes(search.toLowerCase()) : true
   );
-  return /* @__PURE__ */ jsxRuntime.jsxs(Popover, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
-      Button,
+  return /* @__PURE__ */ jsxRuntime.jsxs(avatar.Popover, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(avatar.PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
+      avatar.Button,
       {
         color: "secondary",
         variant: "outline",
@@ -1807,10 +946,10 @@ function HeaderMessages({ config, className }) {
       }
     ) }),
     /* @__PURE__ */ jsxRuntime.jsxs(
-      PopoverContent,
+      avatar.PopoverContent,
       {
         align: "end",
-        className: cn(
+        className: avatar.cn(
           "w-[380px] max-w-[calc(100vw-32px)] max-h-[520px] p-0 flex flex-col overflow-hidden",
           className
         ),
@@ -1824,7 +963,7 @@ function HeaderMessages({ config, className }) {
               ] }),
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: hdHeaderActions(), children: [
                 onNewMessage && /* @__PURE__ */ jsxRuntime.jsx(
-                  Button,
+                  avatar.Button,
                   {
                     color: "secondary",
                     variant: "ghost",
@@ -1836,7 +975,7 @@ function HeaderMessages({ config, className }) {
                   }
                 ),
                 onExpand && /* @__PURE__ */ jsxRuntime.jsx(
-                  Button,
+                  avatar.Button,
                   {
                     color: "secondary",
                     variant: "ghost",
@@ -1849,10 +988,10 @@ function HeaderMessages({ config, className }) {
                 )
               ] })
             ] }),
-            showSearch && /* @__PURE__ */ jsxRuntime.jsxs(InputGroup, { size: "sm", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(InputGroupAddon, { align: "inline-start", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Search, { strokeWidth: 1.8 }) }),
+            showSearch && /* @__PURE__ */ jsxRuntime.jsxs(avatar.InputGroup, { size: "sm", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(avatar.InputGroupAddon, { align: "inline-start", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Search, { strokeWidth: 1.8 }) }),
               /* @__PURE__ */ jsxRuntime.jsx(
-                InputGroupInput,
+                avatar.InputGroupInput,
                 {
                   type: "text",
                   placeholder: searchPlaceholder,
@@ -1932,184 +1071,6 @@ function MessageRow({ item }) {
     }
   );
 }
-const DropdownMenu = DropdownMenuPrimitive__namespace.Root;
-const DropdownMenuTrigger = DropdownMenuPrimitive__namespace.Trigger;
-const DropdownMenuGroup = DropdownMenuPrimitive__namespace.Group;
-const DropdownMenuSub = DropdownMenuPrimitive__namespace.Sub;
-const DropdownMenuRadioGroup = DropdownMenuPrimitive__namespace.RadioGroup;
-const CONTAINER_CLASSES = [
-  "relative z-50 min-w-[180px] overflow-hidden",
-  "flex flex-col gap-px",
-  "rounded-[12px] bg-bg-dropdown p-pad-sm",
-  "border border-border-default shadow-sh-lg",
-  // Outline padrão de elementos flutuantes
-  "outline-float",
-  "text-fg-muted",
-  // Frosted-glass blur (necessário pra fazer o bg-dropdown semi-transparent render correto no dark)
-  "before:pointer-events-none before:absolute before:inset-0 before:-z-10 before:rounded-[inherit] before:backdrop-blur-2xl before:backdrop-saturate-150",
-  // Animações Radix
-  "data-[state=open]:animate-in data-[state=closed]:animate-out",
-  "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
-  "data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95",
-  "data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2",
-  "data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
-  "origin-[--radix-dropdown-menu-content-transform-origin]"
-].join(" ");
-const MOBILE_SHEET_CLASSES = [
-  "max-md:w-full max-md:min-w-0 max-md:max-w-none",
-  "max-md:!max-h-[92vh]",
-  "max-md:rounded-b-none max-md:rounded-t-[12px]",
-  "max-md:border-x-0 max-md:border-b-0",
-  "max-md:outline-none max-md:shadow-none",
-  "max-md:data-[state=open]:zoom-in-100 max-md:data-[state=closed]:zoom-out-100",
-  "max-md:data-[state=open]:slide-in-from-bottom-12 max-md:data-[state=closed]:slide-out-to-bottom-12"
-].join(" ");
-const ITEM_BASE = [
-  "relative flex cursor-default select-none items-center",
-  "gap-pad-lg px-pad-lg py-pad-md rounded-radius-sm",
-  "text-body-sm font-medium",
-  "outline-none transition-colors",
-  "data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-  "[&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0"
-].join(" ");
-const ITEM_VARIANT_DEFAULT = [
-  "text-fg-muted [&_svg]:text-fg-muted",
-  "focus:bg-bg-muted focus:text-fg-default focus:[&_svg]:text-fg-default"
-].join(" ");
-const ITEM_VARIANT_DESTRUCTIVE = [
-  "text-fg-danger [&_svg]:text-fg-danger",
-  "focus:bg-bg-danger-muted focus:text-fg-danger focus:[&_svg]:text-fg-danger"
-].join(" ");
-const DropdownMenuSubTrigger = React__namespace.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
-  DropdownMenuPrimitive__namespace.SubTrigger,
-  {
-    ref,
-    className: cn(
-      ITEM_BASE,
-      ITEM_VARIANT_DEFAULT,
-      "data-[state=open]:bg-bg-muted data-[state=open]:text-fg-default",
-      inset && "pl-8",
-      className
-    ),
-    ...props,
-    children: [
-      children,
-      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "ml-auto" })
-    ]
-  }
-));
-DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive__namespace.SubTrigger.displayName;
-const DropdownMenuSubContent = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  DropdownMenuPrimitive__namespace.SubContent,
-  {
-    ref,
-    className: cn(CONTAINER_CLASSES, className),
-    ...props
-  }
-));
-DropdownMenuSubContent.displayName = DropdownMenuPrimitive__namespace.SubContent.displayName;
-const DropdownMenuContent = React__namespace.forwardRef(({ className, sideOffset = 8, mobileSheet = true, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-  mobileSheet && /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      "aria-hidden": "true",
-      className: "fixed inset-0 z-[55] bg-overlay-scrim pointer-events-none md:hidden animate-in fade-in-0 duration-150"
-    }
-  ) }),
-  /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
-    DropdownMenuPrimitive__namespace.Content,
-    {
-      ref,
-      sideOffset,
-      "data-mobile-sheet": mobileSheet ? "" : void 0,
-      className: cn(
-        CONTAINER_CLASSES,
-        "max-h-[var(--radix-dropdown-menu-content-available-height)] overflow-y-auto overflow-x-hidden",
-        mobileSheet && MOBILE_SHEET_CLASSES,
-        className
-      ),
-      ...props
-    }
-  ) })
-] }));
-DropdownMenuContent.displayName = DropdownMenuPrimitive__namespace.Content.displayName;
-const DropdownMenuItem = React__namespace.forwardRef(({ className, inset, variant = "default", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  DropdownMenuPrimitive__namespace.Item,
-  {
-    ref,
-    className: cn(
-      ITEM_BASE,
-      variant === "destructive" ? ITEM_VARIANT_DESTRUCTIVE : ITEM_VARIANT_DEFAULT,
-      inset && "pl-8",
-      className
-    ),
-    ...props
-  }
-));
-DropdownMenuItem.displayName = DropdownMenuPrimitive__namespace.Item.displayName;
-const DropdownMenuCheckboxItem = React__namespace.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
-  DropdownMenuPrimitive__namespace.CheckboxItem,
-  {
-    ref,
-    className: cn(
-      ITEM_BASE,
-      ITEM_VARIANT_DEFAULT,
-      "pl-8 pr-pad-lg",
-      className
-    ),
-    checked,
-    ...props,
-    children: [
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute left-pad-md flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.ItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "h-4 w-4" }) }) }),
-      children
-    ]
-  }
-));
-DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive__namespace.CheckboxItem.displayName;
-const DropdownMenuRadioItem = React__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
-  DropdownMenuPrimitive__namespace.RadioItem,
-  {
-    ref,
-    className: cn(
-      ITEM_BASE,
-      ITEM_VARIANT_DEFAULT,
-      "pl-8 pr-pad-lg",
-      // Selected state — brand tint (mantém no focus pra não voltar pra muted)
-      "data-[state=checked]:bg-bg-brand-subtle data-[state=checked]:text-fg-brand",
-      "data-[state=checked]:[&_svg]:text-fg-brand",
-      "data-[state=checked]:focus:bg-bg-brand-subtle data-[state=checked]:focus:text-fg-brand",
-      className
-    ),
-    ...props,
-    children: [
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute left-pad-md flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.ItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "size-4" }) }) }),
-      children
-    ]
-  }
-));
-DropdownMenuRadioItem.displayName = DropdownMenuPrimitive__namespace.RadioItem.displayName;
-const DropdownMenuLabel = React__namespace.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  DropdownMenuPrimitive__namespace.Label,
-  {
-    ref,
-    className: cn(
-      "px-pad-lg py-pad-sm text-caption-sm font-semibold uppercase tracking-wider text-fg-subtle",
-      inset && "pl-8",
-      className
-    ),
-    ...props
-  }
-));
-DropdownMenuLabel.displayName = DropdownMenuPrimitive__namespace.Label.displayName;
-const DropdownMenuSeparator = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  DropdownMenuPrimitive__namespace.Separator,
-  {
-    ref,
-    className: cn("mx-pad-xs my-pad-xs h-px bg-border-default", className),
-    ...props
-  }
-));
-DropdownMenuSeparator.displayName = DropdownMenuPrimitive__namespace.Separator.displayName;
 const DEFAULT_OPTIONS = [
   { id: "light", label: "Claro", icon: lucideReact.Sun },
   { id: "dark", label: "Escuro", icon: lucideReact.Moon }
@@ -2122,24 +1083,24 @@ function HeaderThemeSwitcher({
 }) {
   const current = options.find((o) => o.id === theme) ?? options[0];
   const CurrentIcon = current?.icon ?? lucideReact.Sun;
-  return /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenu, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
-      Button,
+  return /* @__PURE__ */ jsxRuntime.jsxs(avatar.DropdownMenu, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(avatar.DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+      avatar.Button,
       {
         color: "secondary",
         variant: "outline",
         size: "icon-sm",
-        className: cn("rounded-radius-md", className),
+        className: avatar.cn("rounded-radius-md", className),
         "aria-label": "Trocar tema",
         title: `Tema: ${current?.label ?? ""}`,
         children: /* @__PURE__ */ jsxRuntime.jsx(CurrentIcon, {})
       }
     ) }),
-    /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuContent, { align: "end", sideOffset: 8, className: "min-w-[160px]", children: options.map((opt) => {
+    /* @__PURE__ */ jsxRuntime.jsx(avatar.DropdownMenuContent, { align: "end", sideOffset: 8, className: "min-w-[160px]", children: options.map((opt) => {
       const Icon = opt.icon;
       const isActive = opt.id === theme;
       return /* @__PURE__ */ jsxRuntime.jsxs(
-        DropdownMenuItem,
+        avatar.DropdownMenuItem,
         {
           onSelect: () => onThemeChange(opt.id),
           children: [
@@ -2171,14 +1132,14 @@ function Header({
   rightSlot,
   className
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("header", { className: cn(headerRoot(), className), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("header", { className: avatar.cn(headerRoot(), className), children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: headerLeft(), children: [
       onCollapseMenu && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
         /* @__PURE__ */ jsxRuntime.jsx(
           "button",
           {
             type: "button",
-            className: cn(
+            className: avatar.cn(
               headerIconBtn({ variant: "ghost" }),
               "hidden md:inline-flex text-fg-muted hover:text-fg-default"
             ),
@@ -2192,7 +1153,7 @@ function Header({
           "button",
           {
             type: "button",
-            className: cn(
+            className: avatar.cn(
               headerIconBtn({ variant: "ghost" }),
               "md:hidden text-fg-muted hover:text-fg-default"
             ),
@@ -2205,7 +1166,7 @@ function Header({
         /* @__PURE__ */ jsxRuntime.jsx(
           "span",
           {
-            className: cn(headerDivider(), "hidden md:block"),
+            className: avatar.cn(headerDivider(), "hidden md:block"),
             "aria-hidden": "true"
           }
         )
@@ -2243,7 +1204,7 @@ function Header({
     ] })
   ] });
 }
-const sidebarRoot = tv({
+const sidebarRoot = avatar.tv({
   base: "relative flex h-screen w-fit bg-bg-sidebar text-fg-default font-sans",
   variants: {
     mobile: {
@@ -2261,13 +1222,13 @@ const sidebarRoot = tv({
     { mobile: true, mobileOpen: false, class: "-translate-x-full" }
   ]
 });
-tv({
+avatar.tv({
   base: "relative flex h-full w-fit bg-bg-sidebar text-fg-default font-sans"
 });
-const sidebarMobileBackdrop = tv({
+const sidebarMobileBackdrop = avatar.tv({
   base: "fixed inset-0 z-40 bg-overlay-scrim transition-opacity duration-200"
 });
-const sidebarMobileCloseBtn = tv({
+const sidebarMobileCloseBtn = avatar.tv({
   base: [
     "absolute top-[14px] right-[14px] z-10",
     "w-form-sm h-form-sm rounded-radius-md grid place-items-center",
@@ -2278,7 +1239,7 @@ const sidebarMobileCloseBtn = tv({
     "focus-visible:outline-none focus-visible:ring-4 focus-visible:ring-ring-secondary"
   ]
 });
-const sidebarRail = tv({
+const sidebarRail = avatar.tv({
   base: [
     "flex flex-col items-center w-[64px] flex-none",
     "h-full sticky top-0 z-30",
@@ -2286,17 +1247,17 @@ const sidebarRail = tv({
     "bg-bg-sidebar border-r border-border-sidebar"
   ]
 });
-const sidebarRailBrand = tv({
+const sidebarRailBrand = avatar.tv({
   base: [
     "w-form-lg h-form-lg rounded-radius-xl grid place-items-center",
     "bg-bg-brand text-fg-on-brand mb-pad-sm",
     "transition-opacity hover:opacity-90"
   ]
 });
-const sidebarRailList = tv({
+const sidebarRailList = avatar.tv({
   base: "flex flex-col items-center gap-gp-sm flex-1"
 });
-const sidebarRailItem = tv({
+const sidebarRailItem = avatar.tv({
   base: [
     "group/rail-item relative w-form-lg h-form-lg rounded-radius-xl grid place-items-center",
     "bg-transparent border-0 cursor-pointer",
@@ -2313,13 +1274,13 @@ const sidebarRailItem = tv({
     }
   }
 });
-const sidebarRailActiveBar = tv({
+const sidebarRailActiveBar = avatar.tv({
   base: [
     "absolute -left-pad-2xl top-pad-md bottom-pad-md w-[3px]",
     "rounded-r-radius-sm bg-bg-brand"
   ]
 });
-const sidebarRailTooltip = tv({
+const sidebarRailTooltip = avatar.tv({
   base: [
     "pointer-events-none absolute left-full ml-[14px] top-1/2 -translate-y-1/2",
     "px-pad-md py-[5px] rounded-radius-sm",
@@ -2330,7 +1291,7 @@ const sidebarRailTooltip = tv({
     "shadow-sh-md"
   ]
 });
-const sidebarRailAdd = tv({
+const sidebarRailAdd = avatar.tv({
   base: [
     "w-form-lg h-form-lg rounded-radius-xl grid place-items-center",
     "text-fg-muted bg-transparent border-0 cursor-pointer mt-pad-xs opacity-70",
@@ -2339,17 +1300,17 @@ const sidebarRailAdd = tv({
     "focus-visible:outline-none focus-visible:ring-4 focus-visible:ring-ring-secondary"
   ]
 });
-const sidebarRailUser = tv({
+const sidebarRailUser = avatar.tv({
   base: "mt-auto"
 });
-const sidebarRailUserDefault = tv({
+const sidebarRailUserDefault = avatar.tv({
   base: [
     "grid place-items-center size-comp-lg rounded-full",
     // tracking-[0.02em] preserva tracking original (preset usa +0.06em)
     "bg-bg-brand text-fg-on-brand font-bold text-caption-sm uppercase tracking-[0.02em]"
   ]
 });
-const sidebarPanel = tv({
+const sidebarPanel = avatar.tv({
   base: [
     "w-[264px] flex-none h-full sticky top-0 flex flex-col overflow-hidden",
     "bg-bg-sidebar border-r border-border-sidebar",
@@ -2369,10 +1330,10 @@ const sidebarPanel = tv({
     }
   }
 });
-const sidebarPanelHeader = tv({
+const sidebarPanelHeader = avatar.tv({
   base: "flex items-center h-[60px] flex-none px-[14px] border-b border-border-sidebar"
 });
-const sidebarPanelTitle = tv({
+const sidebarPanelTitle = avatar.tv({
   base: [
     "flex-1 min-w-0 inline-flex items-center gap-gp-sm",
     "py-pad-sm px-pad-md rounded-radius-md",
@@ -2382,13 +1343,13 @@ const sidebarPanelTitle = tv({
     "focus-visible:outline-none focus-visible:ring-4 focus-visible:ring-ring-secondary"
   ]
 });
-const sidebarPanelBody = tv({
+const sidebarPanelBody = avatar.tv({
   base: "flex-1 overflow-y-auto p-[14px] scrollbar-thin"
 });
-const sidebarPanelGroup = tv({
+const sidebarPanelGroup = avatar.tv({
   base: "flex flex-col gap-px"
 });
-const sidebarItem = tv({
+const sidebarItem = avatar.tv({
   base: [
     "flex items-center gap-[11px] h-form-lg w-full px-pad-xl rounded-radius-md",
     "text-fg-default text-body-sm font-medium text-left no-underline cursor-pointer",
@@ -2420,7 +1381,7 @@ const sidebarItem = tv({
     }
   ]
 });
-const sidebarItemIcon = tv({
+const sidebarItemIcon = avatar.tv({
   base: "flex-none w-[17px] h-[17px] text-fg-muted transition-colors",
   variants: {
     active: {
@@ -2431,10 +1392,10 @@ const sidebarItemIcon = tv({
     }
   }
 });
-const sidebarItemText = tv({
+const sidebarItemText = avatar.tv({
   base: "flex-1 min-w-0 whitespace-nowrap overflow-hidden text-ellipsis"
 });
-const sidebarPill = tv({
+const sidebarPill = avatar.tv({
   base: [
     "inline-flex items-center justify-center flex-none",
     "min-w-[22px] h-[22px] px-[7px] rounded-radius-sm",
@@ -2455,10 +1416,10 @@ const sidebarPill = tv({
   },
   defaultVariants: { kind: "default" }
 });
-const sidebarSubgroupRoot = tv({
+const sidebarSubgroupRoot = avatar.tv({
   base: "flex flex-col gap-px"
 });
-const sidebarSubgroupChev = tv({
+const sidebarSubgroupChev = avatar.tv({
   base: "flex-none w-[13px] h-[13px] text-fg-muted ml-auto transition-transform duration-200",
   variants: {
     collapsed: {
@@ -2466,7 +1427,7 @@ const sidebarSubgroupChev = tv({
     }
   }
 });
-const sidebarSubgroupList = tv({
+const sidebarSubgroupList = avatar.tv({
   base: [
     "flex flex-col gap-px overflow-hidden",
     "ml-pad-xl pl-[14px] py-pad-2xs",
@@ -2481,10 +1442,10 @@ const sidebarSubgroupList = tv({
   },
   defaultVariants: { collapsed: false }
 });
-const sidebarSection = tv({
+const sidebarSection = avatar.tv({
   base: "flex flex-col gap-px pt-[18px] mt-pad-xl border-t border-border-sidebar"
 });
-const sidebarSectionHeader = tv({
+const sidebarSectionHeader = avatar.tv({
   base: [
     "flex items-center gap-gp-sm px-pad-lg pt-pad-sm pb-pad-md",
     "bg-transparent border-0 text-left cursor-pointer select-none w-full",
@@ -2495,7 +1456,7 @@ const sidebarSectionHeader = tv({
     "dark:text-fg-muted dark:font-medium dark:opacity-70"
   ]
 });
-const sidebarSectionChev = tv({
+const sidebarSectionChev = avatar.tv({
   base: "flex-none w-[12px] h-[12px] transition-transform duration-200",
   variants: {
     collapsed: {
@@ -2503,7 +1464,7 @@ const sidebarSectionChev = tv({
     }
   }
 });
-const sidebarSectionAdd = tv({
+const sidebarSectionAdd = avatar.tv({
   base: [
     "ml-auto w-[18px] h-[18px] grid place-items-center rounded-radius-xs",
     "text-fg-muted bg-transparent border-0 cursor-pointer text-body-md leading-none",
@@ -2511,7 +1472,7 @@ const sidebarSectionAdd = tv({
     "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring-secondary"
   ]
 });
-const sidebarSectionList = tv({
+const sidebarSectionList = avatar.tv({
   base: "flex flex-col gap-px overflow-hidden transition-[max-height,opacity] duration-200 ease-out",
   variants: {
     collapsed: {
@@ -2525,7 +1486,7 @@ const sidebarSectionList = tv({
   },
   defaultVariants: { collapsed: false, variant: "bookmark" }
 });
-const sidebarSectionItem = tv({
+const sidebarSectionItem = avatar.tv({
   base: [
     "flex items-center gap-[11px] h-form-sm w-full px-pad-lg rounded-radius-md",
     "text-body-xs font-medium text-fg-muted no-underline cursor-pointer",
@@ -2535,10 +1496,10 @@ const sidebarSectionItem = tv({
     "focus-visible:outline-none focus-visible:ring-4 focus-visible:ring-ring-secondary"
   ]
 });
-const sidebarBookmarkDot = tv({
+const sidebarBookmarkDot = avatar.tv({
   base: "flex-none w-[10px] h-[10px] rounded-full"
 });
-const sidebarBookmarkIcon = tv({
+const sidebarBookmarkIcon = avatar.tv({
   base: [
     // mesmo footprint do dot/avatar → alinhamento consistente; ícone herda a
     // cor via `color` inline (currentColor), sem caixa de fundo
@@ -2547,14 +1508,14 @@ const sidebarBookmarkIcon = tv({
     "[&>svg]:size-icon-xs"
   ]
 });
-const sidebarChatAvatar = tv({
+const sidebarChatAvatar = avatar.tv({
   base: [
     "flex-none grid place-items-center w-icon-lg h-icon-lg rounded-full",
     // tracking-[0.02em] preserva o tracking original (preset usa +0.06em); leading-none mantém centralização vertical
     "text-white text-caption-xs font-bold uppercase tracking-[0.02em] leading-none"
   ]
 });
-const sidebarChatStatus = tv({
+const sidebarChatStatus = avatar.tv({
   base: "flex-none w-[7px] h-[7px] rounded-full ml-auto",
   variants: {
     status: {
@@ -2607,7 +1568,7 @@ function SidebarRail({
   onAddClick,
   className
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("aside", { className: cn(sidebarRail(), className), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("aside", { className: avatar.cn(sidebarRail(), className), children: [
     /* @__PURE__ */ jsxRuntime.jsx("a", { href: "/", className: sidebarRailBrand(), "aria-label": "Home", children: brand ?? /* @__PURE__ */ jsxRuntime.jsx(SidebarBrandIcon, {}) }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: sidebarRailList(), children: [
       contexts.map((ctx) => {
@@ -2647,7 +1608,7 @@ function SidebarRail({
 const SidebarItem = React.forwardRef(
   ({ item, active, subitem, iconBrand, onClick, className }, ref) => {
     const Icon = item.icon;
-    const classes = cn(sidebarItem({ active, subitem }), className);
+    const classes = avatar.cn(sidebarItem({ active, subitem }), className);
     const content = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
       Icon && /* @__PURE__ */ jsxRuntime.jsx(
         Icon,
@@ -2697,7 +1658,7 @@ function SidebarPill({
   children,
   className
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn(sidebarPill({ kind, active }), className), children });
+  return /* @__PURE__ */ jsxRuntime.jsx("span", { className: avatar.cn(sidebarPill({ kind, active }), className), children });
 }
 function SidebarSubgroup({
   item,
@@ -2721,12 +1682,12 @@ function SidebarSubgroup({
     onOpenChange?.(next);
   };
   const Icon = item.icon;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn(sidebarSubgroupRoot(), className), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: avatar.cn(sidebarSubgroupRoot(), className), children: [
     /* @__PURE__ */ jsxRuntime.jsxs(
       "button",
       {
         type: "button",
-        className: cn(sidebarItem(), "select-none"),
+        className: avatar.cn(sidebarItem(), "select-none"),
         onClick: () => setOpen(!isOpen),
         "aria-expanded": isOpen,
         "aria-controls": `subgroup-${item.name}`,
@@ -2776,7 +1737,7 @@ function SidebarSection({
     if (open === void 0) setInternalOpen(next);
     onOpenChange?.(next);
   };
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn(sidebarSection(), className), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: avatar.cn(sidebarSection(), className), children: [
     /* @__PURE__ */ jsxRuntime.jsxs(
       "button",
       {
@@ -2925,11 +1886,11 @@ function SidebarPanel({
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "aside",
     {
-      className: cn(sidebarPanel({ collapsed, floating, mobile }), className),
+      className: avatar.cn(sidebarPanel({ collapsed, floating, mobile }), className),
       "aria-hidden": collapsed,
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: sidebarPanelHeader(), children: hasSwitcher ? /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenu, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs("button", { type: "button", className: sidebarPanelTitle(), children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: sidebarPanelHeader(), children: hasSwitcher ? /* @__PURE__ */ jsxRuntime.jsxs(avatar.DropdownMenu, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(avatar.DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs("button", { type: "button", className: sidebarPanelTitle(), children: [
             /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1 min-w-0 whitespace-nowrap overflow-hidden text-ellipsis", children: context.label }),
             /* @__PURE__ */ jsxRuntime.jsx(
               lucideReact.ChevronDown,
@@ -2940,11 +1901,11 @@ function SidebarPanel({
               }
             )
           ] }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuContent, { align: "start", sideOffset: 6, className: "min-w-[220px]", children: contexts.map((ctx) => {
+          /* @__PURE__ */ jsxRuntime.jsx(avatar.DropdownMenuContent, { align: "start", sideOffset: 6, className: "min-w-[220px]", children: contexts.map((ctx) => {
             const Icon = ctx.icon;
             const isActive = ctx.id === context.id;
             return /* @__PURE__ */ jsxRuntime.jsxs(
-              DropdownMenuItem,
+              avatar.DropdownMenuItem,
               {
                 onSelect: () => onContextChange?.(ctx.id),
                 children: [
@@ -3098,7 +2059,7 @@ function MenuSidebar({
     /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
       {
-        className: cn(
+        className: avatar.cn(
           sidebarRoot({ mobile: isMobile, mobileOpen: isMobile && openMobile }),
           className
         ),
@@ -3165,39 +2126,6 @@ function MenuSidebar({
     )
   ] });
 }
-const Avatar = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  AvatarPrimitive__namespace.Root,
-  {
-    ref,
-    className: cn(
-      "relative flex size-8 shrink-0 overflow-hidden rounded-full",
-      className
-    ),
-    ...props
-  }
-));
-Avatar.displayName = AvatarPrimitive__namespace.Root.displayName;
-const AvatarImage = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  AvatarPrimitive__namespace.Image,
-  {
-    ref,
-    className: cn("aspect-square h-full w-full", className),
-    ...props
-  }
-));
-AvatarImage.displayName = AvatarPrimitive__namespace.Image.displayName;
-const AvatarFallback = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  AvatarPrimitive__namespace.Fallback,
-  {
-    ref,
-    className: cn(
-      "flex h-full w-full items-center justify-center rounded-full bg-bg-muted text-fg-muted text-body-sm font-normal",
-      className
-    ),
-    ...props
-  }
-));
-AvatarFallback.displayName = AvatarPrimitive__namespace.Fallback.displayName;
 function deriveInitials(name) {
   return name.split(" ").filter(Boolean).map((p) => p[0]).join("").slice(0, 2).toUpperCase();
 }
@@ -3224,8 +2152,8 @@ function UserMenu({
     // abertura → o menu abre no pointerdown e fecha no click/pointerup do mesmo
     // toque ("aparece e some", precisa 2-3 toques). Sem modal, o dismiss por
     // toque-fora continua via DismissableLayer, sem a corrida.
-    /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenu, { modal: false, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+    /* @__PURE__ */ jsxRuntime.jsxs(avatar.DropdownMenu, { modal: false, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(avatar.DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
         "button",
         {
           type: "button",
@@ -3239,14 +2167,14 @@ function UserMenu({
             "data-[state=open]:ring-4 data-[state=open]:ring-ring-secondary"
           ].join(" "),
           style: user.avatarColor ? { background: user.avatarColor } : void 0,
-          children: user.avatarSrc ? /* @__PURE__ */ jsxRuntime.jsxs(Avatar, { className: "size-comp-lg", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(AvatarImage, { src: user.avatarSrc, alt: user.name }),
-            /* @__PURE__ */ jsxRuntime.jsx(AvatarFallback, { className: "bg-transparent text-fg-on-brand", children: initials })
+          children: user.avatarSrc ? /* @__PURE__ */ jsxRuntime.jsxs(avatar.Avatar, { className: "size-comp-lg", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(avatar.AvatarImage, { src: user.avatarSrc, alt: user.name }),
+            /* @__PURE__ */ jsxRuntime.jsx(avatar.AvatarFallback, { className: "bg-transparent text-fg-on-brand", children: initials })
           ] }) : /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": true, children: initials })
         }
       ) }),
       /* @__PURE__ */ jsxRuntime.jsxs(
-        DropdownMenuContent,
+        avatar.DropdownMenuContent,
         {
           side: "right",
           align: "end",
@@ -3255,13 +2183,13 @@ function UserMenu({
           children: [
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-gp-md px-pad-lg py-pad-md", children: [
               /* @__PURE__ */ jsxRuntime.jsxs(
-                Avatar,
+                avatar.Avatar,
                 {
                   className: "size-comp-lg shrink-0",
                   style: user.avatarColor ? { background: user.avatarColor } : void 0,
                   children: [
-                    user.avatarSrc && /* @__PURE__ */ jsxRuntime.jsx(AvatarImage, { src: user.avatarSrc, alt: user.name }),
-                    /* @__PURE__ */ jsxRuntime.jsx(AvatarFallback, { className: "bg-bg-brand text-fg-on-brand text-body-xs font-bold uppercase", children: initials })
+                    user.avatarSrc && /* @__PURE__ */ jsxRuntime.jsx(avatar.AvatarImage, { src: user.avatarSrc, alt: user.name }),
+                    /* @__PURE__ */ jsxRuntime.jsx(avatar.AvatarFallback, { className: "bg-bg-brand text-fg-on-brand text-body-xs font-bold uppercase", children: initials })
                   ]
                 }
               ),
@@ -3270,21 +2198,21 @@ function UserMenu({
                 user.email && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-caption-sm text-fg-muted truncate", children: user.email })
               ] })
             ] }),
-            hasGroups && /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuSeparator, {}),
-            hasLayout && /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenuSub, { children: [
-              /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenuSubTrigger, { children: [
+            hasGroups && /* @__PURE__ */ jsxRuntime.jsx(avatar.DropdownMenuSeparator, {}),
+            hasLayout && /* @__PURE__ */ jsxRuntime.jsxs(avatar.DropdownMenuSub, { children: [
+              /* @__PURE__ */ jsxRuntime.jsxs(avatar.DropdownMenuSubTrigger, { children: [
                 /* @__PURE__ */ jsxRuntime.jsx(lucideReact.LayoutGrid, {}),
                 /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Layout" }),
                 currentLayoutLabel && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1 text-right text-caption-sm text-fg-subtle", children: currentLayoutLabel })
               ] }),
-              /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuSubContent, { sideOffset: 4, children: /* @__PURE__ */ jsxRuntime.jsx(
-                DropdownMenuRadioGroup,
+              /* @__PURE__ */ jsxRuntime.jsx(avatar.DropdownMenuSubContent, { sideOffset: 4, children: /* @__PURE__ */ jsxRuntime.jsx(
+                avatar.DropdownMenuRadioGroup,
                 {
                   value: layout,
                   onValueChange: onLayoutChange,
                   children: layoutOptions.map((opt) => {
                     const Icon = opt.icon;
-                    return /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenuRadioItem, { value: opt.id, children: [
+                    return /* @__PURE__ */ jsxRuntime.jsxs(avatar.DropdownMenuRadioItem, { value: opt.id, children: [
                       /* @__PURE__ */ jsxRuntime.jsx(Icon, {}),
                       /* @__PURE__ */ jsxRuntime.jsx("span", { children: opt.label })
                     ] }, opt.id);
@@ -3292,20 +2220,20 @@ function UserMenu({
                 }
               ) })
             ] }),
-            hasTheme && /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenuSub, { children: [
-              /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenuSubTrigger, { children: [
+            hasTheme && /* @__PURE__ */ jsxRuntime.jsxs(avatar.DropdownMenuSub, { children: [
+              /* @__PURE__ */ jsxRuntime.jsxs(avatar.DropdownMenuSubTrigger, { children: [
                 /* @__PURE__ */ jsxRuntime.jsx(lucideReact.SunMoon, {}),
                 /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Tema" }),
                 currentThemeLabel && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1 text-right text-caption-sm text-fg-subtle", children: currentThemeLabel })
               ] }),
-              /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuSubContent, { sideOffset: 4, children: /* @__PURE__ */ jsxRuntime.jsx(
-                DropdownMenuRadioGroup,
+              /* @__PURE__ */ jsxRuntime.jsx(avatar.DropdownMenuSubContent, { sideOffset: 4, children: /* @__PURE__ */ jsxRuntime.jsx(
+                avatar.DropdownMenuRadioGroup,
                 {
                   value: theme,
                   onValueChange: onThemeChange,
                   children: themeOptions.map((opt) => {
                     const Icon = opt.icon;
-                    return /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenuRadioItem, { value: opt.id, children: [
+                    return /* @__PURE__ */ jsxRuntime.jsxs(avatar.DropdownMenuRadioItem, { value: opt.id, children: [
                       /* @__PURE__ */ jsxRuntime.jsx(Icon, {}),
                       /* @__PURE__ */ jsxRuntime.jsx("span", { children: opt.label })
                     ] }, opt.id);
@@ -3313,13 +2241,13 @@ function UserMenu({
                 }
               ) })
             ] }),
-            onSettings && /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenuItem, { onSelect: onSettings, children: [
+            onSettings && /* @__PURE__ */ jsxRuntime.jsxs(avatar.DropdownMenuItem, { onSelect: onSettings, children: [
               /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Settings, {}),
               /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Configurações" })
             ] }),
             onLogout && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-              /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuSeparator, {}),
-              /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenuItem, { onSelect: onLogout, children: [
+              /* @__PURE__ */ jsxRuntime.jsx(avatar.DropdownMenuSeparator, {}),
+              /* @__PURE__ */ jsxRuntime.jsxs(avatar.DropdownMenuItem, { onSelect: onLogout, children: [
                 /* @__PURE__ */ jsxRuntime.jsx(lucideReact.LogOut, {}),
                 /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Sair" })
               ] })
@@ -3330,26 +2258,26 @@ function UserMenu({
     ] })
   );
 }
-const root = tv({
+const root = avatar.tv({
   base: [
     "flex h-screen w-full bg-bg-canvas",
     "overflow-hidden"
     // garante que sidebar + main não vazem viewport
   ]
 });
-const main = tv({
+const main = avatar.tv({
   base: [
     "flex flex-col flex-1 min-w-0",
     "overflow-hidden"
   ]
 });
-const body = tv({
+const body = avatar.tv({
   base: [
     "flex flex-col flex-1 min-h-0",
     "overflow-auto scrollbar-thin"
   ]
 });
-const bodyInner = tv({
+const bodyInner = avatar.tv({
   base: [
     "flex flex-col flex-1 min-h-0 w-full mx-auto",
     "gap-gp-4xl p-pad-6xl max-2xl:p-pad-4xl"
@@ -3446,7 +2374,7 @@ function AppShell({
       onLogout
     }
   ) : void 0;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn(root(), className), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: avatar.cn(root(), className), children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       MenuSidebar,
       {
@@ -3486,7 +2414,7 @@ function AppShell({
           rightSlot: headerRightSlot
         }
       ),
-      /* @__PURE__ */ jsxRuntime.jsx("main", { className: cn(body(), bodyClassName), children: /* @__PURE__ */ jsxRuntime.jsx(
+      /* @__PURE__ */ jsxRuntime.jsx("main", { className: avatar.cn(body(), bodyClassName), children: /* @__PURE__ */ jsxRuntime.jsx(
         "div",
         {
           className: bodyInner({
@@ -3562,52 +2490,16 @@ function useTheme() {
   return { theme, setTheme, isDark, toggle };
 }
 exports.AppShell = AppShell;
-exports.Avatar = Avatar;
-exports.AvatarFallback = AvatarFallback;
-exports.Button = Button;
 exports.Chip = Chip;
 exports.ChipGroup = ChipGroup;
 exports.ChipGroupItem = ChipGroupItem;
-exports.Command = Command;
-exports.CommandDialog = CommandDialog;
-exports.CommandEmpty = CommandEmpty;
-exports.CommandGroup = CommandGroup;
-exports.CommandInput = CommandInput;
-exports.CommandItem = CommandItem;
-exports.CommandList = CommandList;
-exports.Dialog = Dialog;
-exports.DialogClose = DialogClose;
-exports.DialogContent = DialogContent;
-exports.DialogDescription = DialogDescription;
-exports.DialogTitle = DialogTitle;
-exports.DialogTrigger = DialogTrigger;
-exports.DropdownMenu = DropdownMenu;
-exports.DropdownMenuCheckboxItem = DropdownMenuCheckboxItem;
-exports.DropdownMenuContent = DropdownMenuContent;
-exports.DropdownMenuGroup = DropdownMenuGroup;
-exports.DropdownMenuItem = DropdownMenuItem;
-exports.DropdownMenuLabel = DropdownMenuLabel;
-exports.DropdownMenuRadioGroup = DropdownMenuRadioGroup;
-exports.DropdownMenuRadioItem = DropdownMenuRadioItem;
-exports.DropdownMenuSeparator = DropdownMenuSeparator;
-exports.DropdownMenuTrigger = DropdownMenuTrigger;
 exports.Header = Header;
 exports.HeaderBreadcrumb = HeaderBreadcrumb;
 exports.HeaderMessages = HeaderMessages;
 exports.HeaderNotifications = HeaderNotifications;
 exports.HeaderSearch = HeaderSearch;
 exports.HeaderThemeSwitcher = HeaderThemeSwitcher;
-exports.InputGroup = InputGroup;
-exports.InputGroupAddon = InputGroupAddon;
-exports.InputGroupButton = InputGroupButton;
-exports.InputGroupInput = InputGroupInput;
-exports.InputGroupText = InputGroupText;
-exports.InputGroupTextarea = InputGroupTextarea;
 exports.MenuSidebar = MenuSidebar;
-exports.Popover = Popover;
-exports.PopoverAnchor = PopoverAnchor;
-exports.PopoverContent = PopoverContent;
-exports.PopoverTrigger = PopoverTrigger;
 exports.SidebarBrandIcon = SidebarBrandIcon;
 exports.SidebarItem = SidebarItem;
 exports.SidebarPanel = SidebarPanel;
@@ -3616,13 +2508,9 @@ exports.SidebarRail = SidebarRail;
 exports.SidebarSection = SidebarSection;
 exports.SidebarSubgroup = SidebarSubgroup;
 exports.UserMenu = UserMenu;
-exports.buttonVariants = buttonVariants;
 exports.chipCount = chipCount;
 exports.chipVariants = chipVariants;
-exports.cn = cn;
-exports.inputGroupVariants = inputGroupVariants;
-exports.tv = tv;
 exports.useControllable = useControllable;
 exports.useMediaQuery = useMediaQuery;
 exports.useTheme = useTheme;
-//# sourceMappingURL=useTheme-D4alxxGV.cjs.map
+//# sourceMappingURL=useTheme-DQ7FaHdv.cjs.map