@snksergio/design-system 0.35.0 → 0.37.0

package/dist-lib/index.cjs

@@ -1,16 +1,23 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const panel = require("./chunks/panel-DlyaLunw.cjs");
-const useTheme = require("./chunks/useTheme-D4alxxGV.cjs");
+const panel = require("./chunks/panel-DLcD8LhW.cjs");
+const useTheme = require("./chunks/useTheme-DQ7FaHdv.cjs");
+const avatar = require("./chunks/avatar-YpqQgJnh.cjs");
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
+const textarea = require("./chunks/textarea-Bxl9Voe8.cjs");
 const lucideReact = require("lucide-react");
-const SeparatorPrimitive = require("@radix-ui/react-separator");
-const input = require("./chunks/input-CizzMZ20.cjs");
-const kpiDelta = require("./chunks/kpi-delta-DrSJPMCY.cjs");
-const pageHeader = require("./chunks/page-header-BMzUloFi.cjs");
-const TooltipPrimitive = require("@radix-ui/react-tooltip");
-const CollapsiblePrimitive = require("@radix-ui/react-collapsible");
+const tooltip = require("./chunks/tooltip-vLUyJ0h5.cjs");
+require("@radix-ui/react-aspect-ratio");
+require("react-day-picker");
+require("@radix-ui/react-collapsible");
+const input = require("./chunks/input-CJnonz-G.cjs");
+const sonner = require("sonner");
+const kpiDelta = require("./chunks/kpi-delta-D6cLnCqW.cjs");
+const pageHeader = require("./chunks/page-header-DSTprenz.cjs");
+const RechartsPrimitive = require("recharts");
+const reactVirtual = require("@tanstack/react-virtual");
+require("@hello-pangea/dnd");
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
   if (e) {
@@ -28,10 +35,8 @@ function _interopNamespaceDefault(e) {
   return Object.freeze(n);
 }
 const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
-const SeparatorPrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(SeparatorPrimitive);
-const TooltipPrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(TooltipPrimitive);
-const CollapsiblePrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(CollapsiblePrimitive);
-const cardCheckbox = useTheme.tv({
+const RechartsPrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(RechartsPrimitive);
+const cardCheckbox = avatar.tv({
   slots: {
     root: [
       "flex items-center gap-gp-lg w-full",
@@ -81,7 +86,7 @@ const CardCheckbox = React.forwardRef(
         className: [styles2.root(), className].filter(Boolean).join(" "),
         children: [
           /* @__PURE__ */ jsxRuntime.jsx(
-            panel.Checkbox,
+            textarea.Checkbox,
             {
               ref,
               id: autoId,
@@ -101,111 +106,7 @@ const CardCheckbox = React.forwardRef(
   }
 );
 CardCheckbox.displayName = "CardCheckbox";
-const Separator = React__namespace.forwardRef(
-  ({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-    SeparatorPrimitive__namespace.Root,
-    {
-      ref,
-      decorative,
-      orientation,
-      className: useTheme.cn(
-        "shrink-0 bg-border",
-        orientation === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]",
-        className
-      ),
-      ...props
-    }
-  )
-);
-Separator.displayName = SeparatorPrimitive__namespace.Root.displayName;
-const badgeVariants = useTheme.tv({
-  base: [
-    "inline-flex items-center justify-center",
-    "border border-transparent",
-    "font-semibold leading-none whitespace-nowrap",
-    "transition-colors",
-    "focus-visible:outline-none focus-visible:ring-4 focus-visible:ring-ring-secondary",
-    "[&_svg]:pointer-events-none [&_svg]:shrink-0"
-  ],
-  variants: {
-    color: {
-      primary: "",
-      secondary: "",
-      critical: "",
-      success: "",
-      warning: "",
-      info: ""
-    },
-    variant: {
-      solid: "",
-      soft: "",
-      outline: "bg-transparent",
-      ghost: "bg-transparent border-transparent"
-    },
-    size: {
-      sm: "h-comp-2xs px-pad-sm text-caption-xs gap-gp-2xs [&_svg]:size-3",
-      // 20px / 6 / 10
-      md: "h-comp-xs px-pad-md text-body-xs gap-gp-xs [&_svg]:size-3.5",
-      // 24px / 8 / 12 (default)
-      lg: "h-comp-sm px-pad-lg text-body-sm font-normal gap-gp-sm [&_svg]:size-4"
-      // 28px / 10 / 13
-    },
-    shape: {
-      default: "rounded-radius-sm",
-      // 6px — counter, value tags
-      pill: "rounded-radius-full"
-      // pill — status chips
-    }
-  },
-  compoundVariants: [
-    /* ── Primary (brand) ─────────────────────────────────────────────── */
-    { color: "primary", variant: "solid", class: "bg-bg-brand text-fg-on-brand" },
-    { color: "primary", variant: "soft", class: "bg-bg-brand-subtle text-fg-brand" },
-    { color: "primary", variant: "outline", class: "border-border-brand text-fg-brand" },
-    { color: "primary", variant: "ghost", class: "text-fg-brand" },
-    /* ── Secondary (neutral) ─────────────────────────────────────────── */
-    { color: "secondary", variant: "solid", class: "bg-bg-emphasis text-fg-default" },
-    { color: "secondary", variant: "soft", class: "bg-bg-muted text-fg-muted" },
-    { color: "secondary", variant: "outline", class: "border-border-default text-fg-default" },
-    { color: "secondary", variant: "ghost", class: "text-fg-muted" },
-    /* ── Critical (danger) ───────────────────────────────────────────── */
-    { color: "critical", variant: "solid", class: "bg-bg-danger text-fg-on-danger" },
-    { color: "critical", variant: "soft", class: "bg-bg-danger-muted text-fg-danger" },
-    { color: "critical", variant: "outline", class: "border-border-danger-muted text-fg-danger" },
-    { color: "critical", variant: "ghost", class: "text-fg-danger" },
-    /* ── Success ─────────────────────────────────────────────────────── */
-    { color: "success", variant: "solid", class: "bg-bg-success text-fg-on-success" },
-    { color: "success", variant: "soft", class: "bg-bg-success-muted text-fg-success" },
-    { color: "success", variant: "outline", class: "border-border-success-muted text-fg-success" },
-    { color: "success", variant: "ghost", class: "text-fg-success" },
-    /* ── Warning ─────────────────────────────────────────────────────── */
-    { color: "warning", variant: "solid", class: "bg-bg-warning text-fg-on-warning" },
-    { color: "warning", variant: "soft", class: "bg-bg-warning-muted text-fg-warning" },
-    { color: "warning", variant: "outline", class: "border-border-warning-muted text-fg-warning" },
-    { color: "warning", variant: "ghost", class: "text-fg-warning" },
-    /* ── Info ────────────────────────────────────────────────────────── */
-    { color: "info", variant: "solid", class: "bg-bg-info text-fg-on-info" },
-    { color: "info", variant: "soft", class: "bg-bg-info-muted text-fg-info" },
-    { color: "info", variant: "outline", class: "border-border-info-muted text-fg-info" },
-    { color: "info", variant: "ghost", class: "text-fg-info" }
-  ],
-  defaultVariants: {
-    color: "secondary",
-    variant: "soft",
-    size: "md",
-    shape: "default"
-  }
-});
-function Badge({ className, color, variant, size, shape, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "span",
-    {
-      className: badgeVariants({ color, variant, size, shape, className }),
-      ...props
-    }
-  );
-}
-const colorPickerStyles = useTheme.tv({
+const colorPickerStyles = avatar.tv({
   slots: {
     root: "inline-flex w-full items-center gap-gp-md",
     swatch: [
@@ -359,9 +260,9 @@ const ColorPicker = React.forwardRef(
       setOpen(false);
     };
     const swatchBg = normalizeHex(value) ?? "transparent";
-    return /* @__PURE__ */ jsxRuntime.jsxs(useTheme.Popover, { open, onOpenChange: setOpen, children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs(avatar.Popover, { open, onOpenChange: setOpen, children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles2.root({ className }), children: [
-        /* @__PURE__ */ jsxRuntime.jsx(useTheme.PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+        /* @__PURE__ */ jsxRuntime.jsx(avatar.PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
           "button",
           {
             ref,
@@ -399,7 +300,7 @@ const ColorPicker = React.forwardRef(
         )
       ] }),
       /* @__PURE__ */ jsxRuntime.jsxs(
-        useTheme.PopoverContent,
+        avatar.PopoverContent,
         {
           align: "start",
           mobileSheet: true,
@@ -441,7 +342,7 @@ const ColorPicker = React.forwardRef(
               }
             ),
             allowCustomHex && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-              /* @__PURE__ */ jsxRuntime.jsx(Separator, {}),
+              /* @__PURE__ */ jsxRuntime.jsx(tooltip.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,
@@ -462,7 +363,7 @@ const ColorPicker = React.forwardRef(
                   }
                 ) }),
                 /* @__PURE__ */ jsxRuntime.jsx(
-                  useTheme.Button,
+                  avatar.Button,
                   {
                     type: "button",
                     size: "sm",
@@ -480,7 +381,7 @@ const ColorPicker = React.forwardRef(
     ] });
   }
 );
-const markdownTextStyles = useTheme.tv({
+const markdownTextStyles = avatar.tv({
   slots: {
     root: "text-body-sm text-fg-default break-words",
     strong: "font-semibold",
@@ -592,7 +493,7 @@ function MarkdownText({
   }
   return /* @__PURE__ */ jsxRuntime.jsx("p", { className: styles2.root({ className }), children: content });
 }
-const conversationListItemStyles = useTheme.tv({
+const conversationListItemStyles = avatar.tv({
   slots: {
     root: [
       "group/cli relative w-full text-left",
@@ -687,7 +588,7 @@ function isAvatarData(value) {
 }
 const ConversationListItem = React.forwardRef(function ConversationListItem2({
   title: title2,
-  avatar,
+  avatar: avatar2,
   preview,
   time,
   badges,
@@ -718,9 +619,9 @@ const ConversationListItem = React.forwardRef(function ConversationListItem2({
   };
   const stopActions = (e) => e.stopPropagation();
   let avatarNode = null;
-  if (avatar != null) {
-    if (isAvatarData(avatar)) {
-      const { src, name, colorHex } = avatar;
+  if (avatar2 != null) {
+    if (isAvatarData(avatar2)) {
+      const { src, name, colorHex } = avatar2;
       const label = name ?? title2;
       avatarNode = /* @__PURE__ */ jsxRuntime.jsx(panel.Avatar, { size: "lg", colorHex, "aria-label": label, children: src ? /* @__PURE__ */ jsxRuntime.jsx(
         "img",
@@ -732,7 +633,7 @@ const ConversationListItem = React.forwardRef(function ConversationListItem2({
         }
       ) : initialsFromName(name ?? title2) });
     } else {
-      avatarNode = avatar;
+      avatarNode = avatar2;
     }
   }
   return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -785,31 +686,31 @@ function ToolbarMobileDialog({
   const [internalOpen, setInternalOpen] = React.useState(false);
   const open = openProp ?? internalOpen;
   const setOpen = onOpenChange ?? setInternalOpen;
-  return /* @__PURE__ */ jsxRuntime.jsxs(useTheme.Dialog, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(useTheme.DialogTrigger, { asChild: true, children: trigger ?? /* @__PURE__ */ jsxRuntime.jsx(
-      useTheme.Button,
+  return /* @__PURE__ */ jsxRuntime.jsxs(avatar.Dialog, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(avatar.DialogTrigger, { asChild: true, children: trigger ?? /* @__PURE__ */ jsxRuntime.jsx(
+      avatar.Button,
       {
         color: "secondary",
         variant: "outline",
         size: "icon-md",
         "aria-label": "Mais opções",
-        className: useTheme.cn(HIDDEN_AT[desktopBreakpoint], className),
+        className: avatar.cn(HIDDEN_AT[desktopBreakpoint], className),
         children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MoreHorizontal, {})
       }
     ) }),
     /* @__PURE__ */ jsxRuntime.jsxs(
-      useTheme.DialogContent,
+      avatar.DialogContent,
       {
         hideClose: true,
         "aria-describedby": void 0,
-        className: useTheme.cn(
+        className: avatar.cn(
           // Visual alinhado com CommandDialog
           "overflow-hidden p-0 gap-0 sm:max-w-[384px]",
           "rounded-[12px] border border-border-default outline-float",
           contentClassName
         ),
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx(useTheme.DialogTitle, { className: "sr-only", children: title2 }),
+          /* @__PURE__ */ jsxRuntime.jsx(avatar.DialogTitle, { className: "sr-only", children: title2 }),
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-gp-3xl p-pad-2xl max-h-[85vh] overflow-y-auto", children })
         ]
       }
@@ -822,7 +723,7 @@ function ToolbarMobileSection({
   children,
   className
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: useTheme.cn("flex flex-col gap-gp-md", className), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: avatar.cn("flex flex-col gap-gp-md", className), children: [
     title2 && /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-body-xs font-medium text-fg-muted", children: title2 }),
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-gp-md", children })
   ] });
@@ -1112,7 +1013,7 @@ const DatePicker = React__namespace.forwardRef(
       const v = props.value;
       label = v?.from ? v.to ? `${formatShort(v.from)} – ${formatShort(v.to)}` : formatShort(v.from) : null;
       calendar = /* @__PURE__ */ jsxRuntime.jsx(
-        panel.Calendar,
+        textarea.Calendar,
         {
           mode: "range",
           min: 1,
@@ -1129,7 +1030,7 @@ const DatePicker = React__namespace.forwardRef(
       const v = props.value;
       label = v && v.length > 0 ? v.length === 1 ? "1 data selecionada" : `${v.length} datas selecionadas` : null;
       calendar = /* @__PURE__ */ jsxRuntime.jsx(
-        panel.Calendar,
+        textarea.Calendar,
         {
           mode: "multiple",
           numberOfMonths: props.numberOfMonths,
@@ -1142,7 +1043,7 @@ const DatePicker = React__namespace.forwardRef(
       const v = props.value;
       label = v ? formatFull(v) : null;
       calendar = /* @__PURE__ */ jsxRuntime.jsx(
-        panel.Calendar,
+        textarea.Calendar,
         {
           mode: "single",
           numberOfMonths: props.numberOfMonths,
@@ -1155,15 +1056,15 @@ const DatePicker = React__namespace.forwardRef(
       );
     }
     const text = label ?? placeholder ?? (props.mode === "range" ? "Selecione o período" : "Selecione a data");
-    return /* @__PURE__ */ jsxRuntime.jsxs(useTheme.Popover, { open, onOpenChange: setOpen, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(useTheme.PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
+    return /* @__PURE__ */ jsxRuntime.jsxs(avatar.Popover, { open, onOpenChange: setOpen, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(avatar.PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
         "button",
         {
           ref,
           type: "button",
           disabled,
           "data-placeholder": label ? void 0 : "",
-          className: useTheme.cn(
+          className: avatar.cn(
             // Trigger espelha o SelectTrigger (`shadcn/select.tsx`), que é o
             // precedente do DS pra "botão que tem que parecer input": mesmos
             // tokens de bg/border/radius/padding/gap e o mesmo tratamento de
@@ -1190,7 +1091,7 @@ const DatePicker = React__namespace.forwardRef(
           ]
         }
       ) }),
-      /* @__PURE__ */ jsxRuntime.jsx(useTheme.PopoverContent, { align, className: "w-auto p-pad-xl", children: calendar })
+      /* @__PURE__ */ jsxRuntime.jsx(avatar.PopoverContent, { align, className: "w-auto p-pad-xl", children: calendar })
     ] });
   }
 );
@@ -3603,7 +3504,7 @@ const icons = {
   "igreen-seguro": "M11.4639 1.25702C14.085 1.19572 16.6411 1.6447 19.0066 2.80744C19.3755 2.98873 19.8048 3.19906 20.142 3.4273C20.9286 3.95325 21.4689 4.77503 21.64 5.70561C21.7473 6.26792 21.7481 6.87869 21.75 7.45017L21.7514 8.83666C21.7516 9.87475 21.7887 11.1941 21.7047 12.2121C21.5436 14.0305 20.9125 15.7758 19.8734 17.2767C18.5209 19.2611 16.5655 20.8084 14.4652 21.9442C13.8002 22.3039 13.3077 22.5769 12.5623 22.7178C11.4536 22.8767 10.7471 22.5794 9.79046 22.0794C8.44126 21.3884 7.18846 20.5236 6.06411 19.5069C3.84267 17.4616 2.38475 14.8198 2.26307 11.7606C2.22718 10.8583 2.25004 9.84503 2.25011 8.93645L2.25126 7.48091C2.25539 6.12739 2.2747 4.98567 3.24579 3.9393C3.71646 3.43213 4.19253 3.20858 4.79776 2.89964C6.88626 1.83361 9.13195 1.34875 11.4639 1.25702ZM12.2478 21.2347C12.7949 21.1598 13.2274 20.8973 13.7073 20.643C16.9795 18.9081 19.9055 15.9692 20.208 12.0955C20.2867 11.0876 20.2506 10.0186 20.2508 8.99972L20.2497 7.49477C20.2462 6.34402 20.3047 5.23981 19.1555 4.57861C16.8945 3.27767 14.3404 2.72419 11.7463 2.75784C9.58278 2.77438 7.45059 3.27663 5.50717 4.22755C5.10873 4.42741 4.69854 4.61347 4.37701 4.93105C3.74856 5.55175 3.75436 6.41214 3.75218 7.23411C3.74851 8.62352 3.74971 10.0193 3.75311 11.4093C3.77103 15.6466 6.86057 18.8792 10.425 20.718C10.9812 21.0048 11.3782 21.2548 12.0336 21.2458C12.1051 21.2442 12.1766 21.2406 12.2478 21.2347Z",
   "igreen-clientes": "M21.25 11.5996C21.25 9.90753 21.2495 8.68345 21.1709 7.7207C21.0929 6.76657 20.9419 6.1346 20.6777 5.61621C20.1744 4.62859 19.3714 3.82556 18.3838 3.32227C17.8654 3.05814 17.2334 2.90706 16.2793 2.8291C15.3165 2.75047 14.0925 2.75 12.4004 2.75H11.5996C9.90753 2.75 8.68345 2.75047 7.7207 2.8291C6.76657 2.90706 6.1346 3.05814 5.61621 3.32227C4.62859 3.82556 3.82556 4.62859 3.32227 5.61621C3.05814 6.1346 2.90706 6.76657 2.8291 7.7207C2.75047 8.68345 2.75 9.90753 2.75 11.5996V12.4004C2.75 14.0925 2.75047 15.3165 2.8291 16.2793C2.90706 17.2334 3.05814 17.8654 3.32227 18.3838C3.82556 19.3714 4.62859 20.1744 5.61621 20.6777C6.1346 20.9419 6.76657 21.0929 7.7207 21.1709C8.68345 21.2495 9.90753 21.25 11.5996 21.25H12.4004C14.0925 21.25 15.3165 21.2495 16.2793 21.1709C17.2334 21.0929 17.8654 20.9419 18.3838 20.6777C19.3714 20.1744 20.1744 19.3714 20.6777 18.3838C20.9419 17.8654 21.0929 17.2334 21.1709 16.2793C21.2495 15.3165 21.25 14.0925 21.25 12.4004V11.5996ZM15.25 15.667C15.25 14.6084 14.3916 13.75 13.333 13.75H10.667C9.60845 13.75 8.75 14.6084 8.75 15.667C8.75018 15.9889 9.0111 16.2498 9.33301 16.25H14.667C14.9889 16.2498 15.2498 15.9889 15.25 15.667ZM13.25 8C13.25 7.30964 12.6904 6.75 12 6.75C11.3096 6.75 10.75 7.30964 10.75 8C10.75 8.69036 11.3096 9.25 12 9.25C12.6904 9.25 13.25 8.69036 13.25 8ZM16.75 15.667C16.7498 16.8173 15.8173 17.7498 14.667 17.75H9.33301C8.18267 17.7498 7.25018 16.8173 7.25 15.667C7.25 13.78 8.78002 12.25 10.667 12.25H13.333C15.22 12.25 16.75 13.78 16.75 15.667ZM22.75 12.4004C22.75 14.068 22.7508 15.3643 22.666 16.4023C22.5805 17.449 22.4044 18.2995 22.0146 19.0645C21.3675 20.3345 20.3345 21.3675 19.0645 22.0146C18.2995 22.4044 17.449 22.5805 16.4023 22.666C15.3643 22.7508 14.068 22.75 12.4004 22.75H11.5996C9.93202 22.75 8.63571 22.7508 7.59766 22.666C6.55103 22.5805 5.70049 22.4044 4.93555 22.0146C3.66545 21.3675 2.6325 20.3345 1.98535 19.0645C1.59562 18.2995 1.41953 17.449 1.33398 16.4023C1.24917 15.3643 1.25 14.068 1.25 12.4004V11.5996C1.25 9.93202 1.24917 8.63571 1.33398 7.59766C1.41953 6.55103 1.59562 5.70049 1.98535 4.93555C2.6325 3.66545 3.66545 2.6325 4.93555 1.98535C5.70049 1.59562 6.55103 1.41953 7.59766 1.33398C8.63571 1.24917 9.93202 1.25 11.5996 1.25H12.4004C14.068 1.25 15.3643 1.24917 16.4023 1.33398C17.449 1.41953 18.2995 1.59562 19.0645 1.98535C20.3345 2.6325 21.3675 3.66545 22.0146 4.93555C22.4044 5.70049 22.5805 6.55103 22.666 7.59766C22.7508 8.63571 22.75 9.93202 22.75 11.5996V12.4004ZM14.75 8C14.75 9.51878 13.5188 10.75 12 10.75C10.4812 10.75 9.25 9.51878 9.25 8C9.25 6.48122 10.4812 5.25 12 5.25C13.5188 5.25 14.75 6.48122 14.75 8Z"
 };
-const iconStyles = useTheme.tv({
+const iconStyles = avatar.tv({
   base: "inline-block shrink-0 transition-colors",
   variants: {
     size: {
@@ -3677,7 +3578,7 @@ const Icon = React.forwardRef(
         clipRule: "evenodd",
         role: decorative ? void 0 : "img",
         "aria-hidden": decorative ? true : void 0,
-        className: useTheme.cn(iconStyles({ size: preset ? size : void 0, tone }), className),
+        className: avatar.cn(iconStyles({ size: preset ? size : void 0, tone }), className),
         style: { ...sizeStyle, ...color ? { color } : void 0, ...style },
         ...props,
         children: [
@@ -3689,7 +3590,7 @@ const Icon = React.forwardRef(
   }
 );
 Icon.displayName = "Icon";
-const dateSeparatorChipStyles = useTheme.tv({
+const dateSeparatorChipStyles = avatar.tv({
   slots: {
     root: "flex w-full items-center justify-center",
     rule: "flex-1",
@@ -3723,13 +3624,13 @@ function DateSeparatorChip({
     icon ? /* @__PURE__ */ jsxRuntime.jsx(Icon, { name: icon, size: "xs" }) : null,
     label
   ] });
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { role: "separator", "aria-label": label, className: useTheme.cn(styles2.root(), className), children: isBoundary ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(Separator, { decorative: true, className: styles2.rule() }),
+  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() }),
     chip,
-    /* @__PURE__ */ jsxRuntime.jsx(Separator, { decorative: true, className: styles2.rule() })
+    /* @__PURE__ */ jsxRuntime.jsx(tooltip.Separator, { decorative: true, className: styles2.rule() })
   ] }) : chip });
 }
-const emptyStateStyles = useTheme.tv({
+const emptyStateStyles = avatar.tv({
   slots: {
     root: "flex flex-col items-center justify-center gap-gp-md text-center",
     icon: "inline-flex shrink-0 items-center justify-center text-fg-subtle [&_svg]:size-full",
@@ -3789,7 +3690,7 @@ function EmptyState({
     /* @__PURE__ */ jsxRuntime.jsx("h3", { className: styles2.title(), children: title2 }),
     description2 && /* @__PURE__ */ jsxRuntime.jsx("p", { className: styles2.description(), children: description2 }),
     action != null && (isActionConfig(action) ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles2.action(), children: /* @__PURE__ */ jsxRuntime.jsx(
-      useTheme.Button,
+      avatar.Button,
       {
         type: "button",
         size: ACTION_BUTTON_SIZE[size],
@@ -3801,7 +3702,7 @@ function EmptyState({
     ) }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles2.action(), children: action }))
   ] });
 }
-const fileUploadFieldStyles = useTheme.tv({
+const fileUploadFieldStyles = avatar.tv({
   slots: {
     dropzone: [
       "flex w-full flex-col items-center justify-center text-center",
@@ -3964,7 +3865,7 @@ function FileUploadField({
             /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles2.fileName(), children: displayName })
           ] }) }),
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles2.removeWrap(), children: /* @__PURE__ */ jsxRuntime.jsx(
-            useTheme.Button,
+            avatar.Button,
             {
               type: "button",
               color: "critical",
@@ -3981,7 +3882,7 @@ function FileUploadField({
     }
   );
 }
-const messageAckStyles = useTheme.tv({
+const messageAckStyles = avatar.tv({
   slots: {
     icon: "inline-block shrink-0 align-middle size-icon-xs"
   },
@@ -3997,18 +3898,18 @@ const messageAckStyles = useTheme.tv({
 const MessageAck = ({ ack, error = false, className }) => {
   if (error) {
     const styles22 = messageAckStyles({ tone: "danger" });
-    return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertCircle, { "aria-hidden": true, className: useTheme.cn(styles22.icon(), className) });
+    return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertCircle, { "aria-hidden": true, className: avatar.cn(styles22.icon(), className) });
   }
   const tone = ack >= 4 ? "success" : "muted";
   const styles2 = messageAckStyles({ tone });
-  const iconClassName = useTheme.cn(styles2.icon(), className);
+  const iconClassName = avatar.cn(styles2.icon(), className);
   if (ack >= 4) return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckCheck, { "aria-hidden": true, className: iconClassName });
   if (ack === 3) return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckCheck, { "aria-hidden": true, className: iconClassName });
   if (ack === 2) return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { "aria-hidden": true, className: iconClassName });
   return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Clock, { "aria-hidden": true, className: iconClassName });
 };
 MessageAck.displayName = "MessageAck";
-const messageBubbleStyles = useTheme.tv({
+const messageBubbleStyles = avatar.tv({
   slots: {
     row: "group/bubble flex w-full items-end gap-gp-sm",
     avatarSlot: "shrink-0 self-end",
@@ -4193,7 +4094,7 @@ function MessageMediaRenderer({
           /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles$1.mediaDocHint(), children: "Toque para baixar" })
         ] }),
         mediaUrl ? /* @__PURE__ */ jsxRuntime.jsx(
-          useTheme.Button,
+          avatar.Button,
           {
             type: "button",
             size: "xs",
@@ -4272,7 +4173,7 @@ function MessageBubble({
   isDeleted = false,
   tail = true,
   authorName,
-  avatar,
+  avatar: avatar$1,
   actions,
   onMediaClick,
   className
@@ -4283,17 +4184,17 @@ function MessageBubble({
   const hasMedia = !isDeleted && mediaType !== "text";
   const showAck = side === "sent" && ack !== void 0 && !isDeleted;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: s.row({ className }), children: [
-    avatar ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: s.avatarSlot(), children: avatar }) : null,
+    avatar$1 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: s.avatarSlot(), children: avatar$1 }) : null,
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: s.column(), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: s.bubble(), children: [
       actions && !isDeleted ? /* @__PURE__ */ jsxRuntime.jsxs(
-        useTheme.Popover,
+        avatar.Popover,
         {
           open: actionsOpen,
           onOpenChange: setActionsOpen,
           modal: false,
           children: [
-            /* @__PURE__ */ jsxRuntime.jsx(useTheme.PopoverAnchor, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
-              useTheme.Button,
+            /* @__PURE__ */ jsxRuntime.jsx(avatar.PopoverAnchor, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+              avatar.Button,
               {
                 type: "button",
                 size: "2xs",
@@ -4308,7 +4209,7 @@ function MessageBubble({
               }
             ) }),
             /* @__PURE__ */ jsxRuntime.jsx(
-              useTheme.PopoverContent,
+              avatar.PopoverContent,
               {
                 align: side === "sent" ? "end" : "start",
                 role: "menu",
@@ -4358,7 +4259,7 @@ function MessageBubble({
   ] });
 }
 MessageBubble.displayName = "MessageBubble";
-const messageComposerStyles = useTheme.tv({
+const messageComposerStyles = avatar.tv({
   slots: {
     root: [
       "flex w-full flex-col",
@@ -4465,11 +4366,11 @@ 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(Separator, {}),
+      (replyPreview || banner) && /* @__PURE__ */ jsxRuntime.jsx(tooltip.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(
-          panel.Textarea,
+          textarea.Textarea,
           {
             ref: setRefs,
             rows: 1,
@@ -4484,7 +4385,7 @@ const MessageComposer = React.forwardRef(function MessageComposer2({
         ) }),
         toolbarEnd ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles2.toolbarEnd(), children: toolbarEnd }) : null,
         !recording && /* @__PURE__ */ jsxRuntime.jsx(
-          useTheme.Button,
+          avatar.Button,
           {
             type: "button",
             size: size === "sm" ? "icon-sm" : "icon-md",
@@ -4504,7 +4405,7 @@ const MessageComposer = React.forwardRef(function MessageComposer2({
     ] })
   ] });
 });
-const messageVariablesPickerStyles = useTheme.tv({
+const messageVariablesPickerStyles = avatar.tv({
   slots: {
     /** Container interno do PopoverContent. */
     content: "flex flex-col gap-gp-md p-sp-sm min-w-[200px]",
@@ -4555,9 +4456,9 @@ function MessageVariablesPicker({
     if (closeOnSelect) setOpen(false);
   };
   const buttonSize = triggerVariant === "icon" ? size === "md" ? "icon-md" : "icon-sm" : size;
-  return /* @__PURE__ */ jsxRuntime.jsxs(useTheme.Popover, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(useTheme.PopoverTrigger, { asChild: true, children: triggerVariant === "icon" ? /* @__PURE__ */ jsxRuntime.jsx(
-      useTheme.Button,
+  return /* @__PURE__ */ jsxRuntime.jsxs(avatar.Popover, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(avatar.PopoverTrigger, { asChild: true, children: triggerVariant === "icon" ? /* @__PURE__ */ jsxRuntime.jsx(
+      avatar.Button,
       {
         type: "button",
         color: "primary",
@@ -4570,7 +4471,7 @@ function MessageVariablesPicker({
         children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { name: "line-code" })
       }
     ) : /* @__PURE__ */ jsxRuntime.jsx(
-      useTheme.Button,
+      avatar.Button,
       {
         type: "button",
         color: "primary",
@@ -4583,10 +4484,10 @@ function MessageVariablesPicker({
         children: label
       }
     ) }),
-    /* @__PURE__ */ jsxRuntime.jsx(useTheme.PopoverContent, { align: "start", sideOffset: 6, mobileSheet: true, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles2.content(), children: [
+    /* @__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(Separator, {})
+        /* @__PURE__ */ jsxRuntime.jsx(tooltip.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,
@@ -4605,7 +4506,7 @@ function MessageVariablesPicker({
     ] }) })
   ] });
 }
-const dialog = useTheme.tv({
+const dialog = avatar.tv({
   base: [
     // Override do DialogContent default (grid + p-pad-4xl + rounded-radius-base + shadow-sh-xl)
     "!gap-0 !p-0",
@@ -4637,7 +4538,7 @@ const dialog = useTheme.tv({
   },
   defaultVariants: { size: "md" }
 });
-const closeBtn = useTheme.tv({
+const closeBtn = avatar.tv({
   base: [
     "absolute top-[14px] right-[14px] z-[1]",
     "grid place-items-center size-[28px]",
@@ -4649,7 +4550,7 @@ const closeBtn = useTheme.tv({
     "dark:hover:bg-bg-muted-hover"
   ]
 });
-const head = useTheme.tv({
+const head = avatar.tv({
   base: [
     "flex items-center gap-[14px]",
     "px-pad-4xl pt-pad-4xl pb-pad-3xl",
@@ -4661,7 +4562,7 @@ const head = useTheme.tv({
     withIcon: { false: "", true: "" }
   }
 });
-const headIcon = useTheme.tv({
+const headIcon = avatar.tv({
   base: [
     "shrink-0 grid place-items-center size-form-lg",
     // 40×40
@@ -4671,7 +4572,7 @@ const headIcon = useTheme.tv({
     "dark:bg-bg-accent dark:border-border-subtle"
   ]
 });
-const headTitleWrap = useTheme.tv({
+const headTitleWrap = avatar.tv({
   base: [
     "flex-1 min-w-0",
     "flex flex-col justify-center",
@@ -4680,7 +4581,7 @@ const headTitleWrap = useTheme.tv({
     // reserva espaço pro X close (right-14 + 28px) — evita overlap
   ]
 });
-const title = useTheme.tv({
+const title = avatar.tv({
   base: [
     "m-0 mb-[2px]",
     "text-body-lg font-bold leading-[1.3]",
@@ -4688,10 +4589,10 @@ const title = useTheme.tv({
     "tracking-[-0.01em]"
   ]
 });
-const description = useTheme.tv({
+const description = avatar.tv({
   base: "m-0 text-body-xs font-normal text-fg-muted leading-[1.45]"
 });
-const body = useTheme.tv({
+const body = avatar.tv({
   // `min-h-0` é o que permite o flex item encolher e a rolagem acontecer aqui,
   // em vez de o conteúdo empurrar o container para fora da tela. Sem ele,
   // `overflow-y-auto` não tem efeito nenhum dentro de um flex column.
@@ -4700,7 +4601,7 @@ const body = useTheme.tv({
     "min-h-0 flex-1 overflow-y-auto"
   ]
 });
-const foot = useTheme.tv({
+const foot = avatar.tv({
   base: [
     "flex items-center gap-gp-lg",
     // gap 10px
@@ -4715,7 +4616,7 @@ const foot = useTheme.tv({
   },
   defaultVariants: { layout: "end" }
 });
-const footRight = useTheme.tv({
+const footRight = avatar.tv({
   base: "flex items-center gap-gp-lg"
 });
 function Modal({
@@ -4742,20 +4643,20 @@ function Modal({
     if (!closeOnOverlay) return;
     onClose();
   };
-  return /* @__PURE__ */ jsxRuntime.jsx(useTheme.Dialog, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ jsxRuntime.jsxs(
-    useTheme.DialogContent,
+  return /* @__PURE__ */ jsxRuntime.jsx(avatar.Dialog, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ jsxRuntime.jsxs(
+    avatar.DialogContent,
     {
       className: dialog({ size, className }),
       hideClose: true,
       ...description$1 ? {} : { "aria-describedby": void 0 },
       children: [
-        !title$1 && /* @__PURE__ */ jsxRuntime.jsx(useTheme.DialogTitle, { className: "sr-only", children: "Diálogo" }),
-        !hideClose && /* @__PURE__ */ jsxRuntime.jsx(useTheme.DialogClose, { className: closeBtn(), "aria-label": "Fechar", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "size-icon-sm" }) }),
+        !title$1 && /* @__PURE__ */ jsxRuntime.jsx(avatar.DialogTitle, { className: "sr-only", children: "Diálogo" }),
+        !hideClose && /* @__PURE__ */ jsxRuntime.jsx(avatar.DialogClose, { className: closeBtn(), "aria-label": "Fechar", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "size-icon-sm" }) }),
         hasHeader && /* @__PURE__ */ jsxRuntime.jsxs("header", { className: head(), children: [
           icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: headIcon(), "aria-hidden": "true", children: icon }),
           (title$1 || description$1) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: headTitleWrap(), children: [
-            title$1 && /* @__PURE__ */ jsxRuntime.jsx(useTheme.DialogTitle, { className: title(), children: title$1 }),
-            description$1 && /* @__PURE__ */ jsxRuntime.jsx(useTheme.DialogDescription, { className: description(), children: description$1 })
+            title$1 && /* @__PURE__ */ jsxRuntime.jsx(avatar.DialogTitle, { className: title(), children: title$1 }),
+            description$1 && /* @__PURE__ */ jsxRuntime.jsx(avatar.DialogDescription, { className: description(), children: description$1 })
           ] })
         ] }),
         children !== void 0 && children !== null && /* @__PURE__ */ jsxRuntime.jsx("div", { className: body(), children }),
@@ -4787,7 +4688,7 @@ function StructuredActions({
   onClose
 }) {
   const renderTertiary = tertiary && /* @__PURE__ */ jsxRuntime.jsx(
-    useTheme.Button,
+    avatar.Button,
     {
       color: tertiary.danger ? "critical" : "secondary",
       variant: "ghost",
@@ -4799,7 +4700,7 @@ function StructuredActions({
     }
   );
   const renderSecondary = secondary && /* @__PURE__ */ jsxRuntime.jsx(
-    useTheme.Button,
+    avatar.Button,
     {
       color: "secondary",
       variant: "outline",
@@ -4811,7 +4712,7 @@ function StructuredActions({
     }
   );
   const renderPrimary = primary && /* @__PURE__ */ jsxRuntime.jsx(
-    useTheme.Button,
+    avatar.Button,
     {
       color: primary.danger ? "critical" : "primary",
       variant: "filled",
@@ -4836,7 +4737,7 @@ function StructuredActions({
     renderPrimary
   ] });
 }
-const monthYearStyles = useTheme.tv({
+const monthYearStyles = avatar.tv({
   slots: {
     trigger: [
       "flex min-h-form-lg w-full items-center justify-between gap-gp-md",
@@ -4871,7 +4772,7 @@ const monthYearStyles = useTheme.tv({
     grid: "grid grid-cols-3 gap-gp-sm"
   }
 });
-const monthYearMonthButton = useTheme.tv({
+const monthYearMonthButton = avatar.tv({
   base: [
     "flex items-center justify-center min-h-form-md px-pad-md",
     "rounded-radius-base text-body-sm font-medium",
@@ -4965,8 +4866,8 @@ const MonthYearPicker = React.forwardRef(function MonthYearPicker2({
     onValueChange?.(next);
     setOpen(false);
   };
-  return /* @__PURE__ */ jsxRuntime.jsxs(useTheme.Popover, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(useTheme.PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
+  return /* @__PURE__ */ jsxRuntime.jsxs(avatar.Popover, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(avatar.PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
       "button",
       {
         ref,
@@ -4990,7 +4891,7 @@ const MonthYearPicker = React.forwardRef(function MonthYearPicker2({
       }
     ) }),
     /* @__PURE__ */ jsxRuntime.jsxs(
-      useTheme.PopoverContent,
+      avatar.PopoverContent,
       {
         align,
         className: styles2.content({ className: contentClassName }),
@@ -5046,44 +4947,6 @@ const MonthYearPicker = React.forwardRef(function MonthYearPicker2({
   ] });
 });
 MonthYearPicker.displayName = "MonthYearPicker";
-const TooltipProvider = TooltipPrimitive__namespace.Provider;
-const TooltipTrigger = TooltipPrimitive__namespace.Trigger;
-const Tooltip = ({ children, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(TooltipProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(TooltipPrimitive__namespace.Root, { ...props, children }) });
-Tooltip.displayName = "Tooltip";
-const TooltipContent = React__namespace.forwardRef(({ className, sideOffset = 6, showArrow = true, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(TooltipPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsxs(
-  TooltipPrimitive__namespace.Content,
-  {
-    ref,
-    sideOffset,
-    className: useTheme.cn(
-      "z-50 max-w-[16rem] select-none",
-      "bg-bg-emphasis text-fg-default",
-      "rounded-radius-md px-pad-lg py-pad-xs",
-      "text-caption-sm",
-      "shadow-sh-md",
-      "origin-[--radix-tooltip-content-transform-origin]",
-      "data-[state=delayed-open]:animate-in data-[state=instant-open]:animate-in data-[state=closed]:animate-out",
-      "data-[state=closed]:fade-out-0 data-[state=delayed-open]:fade-in-0 data-[state=instant-open]:fade-in-0",
-      "data-[state=closed]:zoom-out-95 data-[state=delayed-open]:zoom-in-95 data-[state=instant-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",
-      className
-    ),
-    ...props,
-    children: [
-      children,
-      showArrow && /* @__PURE__ */ jsxRuntime.jsx(
-        TooltipPrimitive__namespace.Arrow,
-        {
-          width: 11,
-          height: 5,
-          className: "fill-bg-emphasis"
-        }
-      )
-    ]
-  }
-) }));
-TooltipContent.displayName = TooltipPrimitive__namespace.Content.displayName;
 const SingleMenuSidebarContext = React.createContext({
   expanded: true,
   isHoverExpand: false,
@@ -5160,7 +5023,7 @@ function useSingleMenuSidebarState(defaultExpanded, controlledExpanded, onExpand
     setOpenCategoryId
   };
 }
-const sidebarRoot = useTheme.tv({
+const sidebarRoot = avatar.tv({
   base: [
     "relative flex h-full flex-col overflow-x-hidden",
     "border-r border-border-sidebar bg-bg-sidebar",
@@ -5178,7 +5041,7 @@ const sidebarRoot = useTheme.tv({
     expanded: true
   }
 });
-const category = useTheme.tv({
+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",
@@ -5213,7 +5076,7 @@ const category = useTheme.tv({
     collapsed: false
   }
 });
-const menuItem = useTheme.tv({
+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",
@@ -5311,14 +5174,14 @@ function SingleMenuHeader({
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
-      className: useTheme.cn(
+      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: useTheme.cn(styles.header.title, styles.textFadeIn), children: title2 })
+          expanded && /* @__PURE__ */ jsxRuntime.jsx("span", { className: avatar.cn(styles.header.title, styles.textFadeIn), children: title2 })
         ] }),
         expanded ? /* @__PURE__ */ jsxRuntime.jsx(
           "button",
@@ -5330,7 +5193,7 @@ function SingleMenuHeader({
             children: /* @__PURE__ */ jsxRuntime.jsx(
               lucideReact.PanelLeftClose,
               {
-                className: useTheme.cn(
+                className: avatar.cn(
                   "size-icon-sm transition-transform duration-300",
                   isFlipped && "rotate-180"
                 )
@@ -5347,7 +5210,7 @@ function SingleMenuHeader({
             children: /* @__PURE__ */ jsxRuntime.jsx(
               lucideReact.PanelLeftClose,
               {
-                className: useTheme.cn(
+                className: avatar.cn(
                   styles.header.expandBtnIcon,
                   "transition-transform duration-300 rotate-180"
                 )
@@ -5379,14 +5242,14 @@ function SingleMenuModuleSelector({
   if (!options || options.length === 0) {
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: s.trigger, children: triggerContent });
   }
-  return /* @__PURE__ */ jsxRuntime.jsxs(useTheme.DropdownMenu, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(useTheme.DropdownMenuTrigger, { className: s.trigger, children: triggerContent }),
-    /* @__PURE__ */ jsxRuntime.jsx(useTheme.DropdownMenuContent, { side: "bottom", sideOffset: 4, align: "start", children: options.map((option) => {
+  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(
-        useTheme.DropdownMenuItem,
+        avatar.DropdownMenuItem,
         {
-          className: useTheme.cn(
+          className: avatar.cn(
             s.dropdownItem,
             isSelected && s.dropdownItemSelected
           ),
@@ -5431,13 +5294,13 @@ function SingleMenuCommand({
     onSelect(id, parentId);
     onOpenChange(false);
   };
-  return /* @__PURE__ */ jsxRuntime.jsxs(useTheme.CommandDialog, { open, onOpenChange, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(useTheme.CommandInput, { placeholder }),
-    /* @__PURE__ */ jsxRuntime.jsxs(useTheme.CommandList, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(useTheme.CommandEmpty, { children: "Nenhum resultado." }),
+  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(useTheme.CommandGroup, { heading: "Menu", children: leaves.map((c) => /* @__PURE__ */ jsxRuntime.jsxs(
-          useTheme.CommandItem,
+        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),
@@ -5448,8 +5311,8 @@ function SingleMenuCommand({
           },
           c.id
         )) }),
-        groups.map((cat) => /* @__PURE__ */ jsxRuntime.jsx(useTheme.CommandGroup, { heading: cat.label, children: cat.items.map((item) => /* @__PURE__ */ jsxRuntime.jsx(
-          useTheme.CommandItem,
+        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),
@@ -5462,9 +5325,6 @@ function SingleMenuCommand({
   ] });
 }
 SingleMenuCommand.displayName = "SingleMenuCommand";
-const Collapsible = CollapsiblePrimitive__namespace.Root;
-const CollapsibleTrigger = CollapsiblePrimitive__namespace.CollapsibleTrigger;
-const CollapsibleContent = CollapsiblePrimitive__namespace.CollapsibleContent;
 function SingleMenuItem({
   label,
   selected = false,
@@ -5506,9 +5366,9 @@ function SingleMenuCategory({
     }
   };
   if (!expanded) {
-    return /* @__PURE__ */ jsxRuntime.jsxs(Tooltip, { children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs(tooltip.Tooltip, { children: [
       /* @__PURE__ */ jsxRuntime.jsx(
-        TooltipTrigger,
+        tooltip.TooltipTrigger,
         {
           role: "button",
           tabIndex: 0,
@@ -5523,17 +5383,17 @@ function SingleMenuCategory({
           children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: s.icon(), children: icon })
         }
       ),
-      /* @__PURE__ */ jsxRuntime.jsx(TooltipContent, { side: "right", sideOffset: 8, children: label })
+      /* @__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: useTheme.cn(s.text(), styles.textFadeIn), children: label })
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: avatar.cn(s.text(), styles.textFadeIn), children: label })
     ] });
   }
   return /* @__PURE__ */ jsxRuntime.jsxs(
-    Collapsible,
+    tooltip.Collapsible,
     {
       open: isOpen,
       onOpenChange: (open) => {
@@ -5541,12 +5401,12 @@ function SingleMenuCategory({
         onCategoryClick?.();
       },
       children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(CollapsibleTrigger, { className: s.root(), children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(tooltip.CollapsibleTrigger, { className: s.root(), children: [
           /* @__PURE__ */ jsxRuntime.jsx("span", { className: s.icon(), children: icon }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: useTheme.cn(s.text(), styles.textFadeIn), children: label }),
-          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: useTheme.cn(s.chevron(), isOpen && "rotate-180") })
+          /* @__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(CollapsibleContent, { children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.subItemList, children: items.map((item) => /* @__PURE__ */ jsxRuntime.jsx(
+        /* @__PURE__ */ jsxRuntime.jsx(tooltip.CollapsibleContent, { children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.subItemList, children: items.map((item) => /* @__PURE__ */ jsxRuntime.jsx(
           SingleMenuItem,
           {
             label: item.label,
@@ -5563,14 +5423,14 @@ SingleMenuCategory.displayName = "SingleMenuCategory";
 function SingleMenuFooter({
   name,
   email,
-  avatar,
+  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 ?? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.User, { className: s.avatarIcon }) }),
+    /* @__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 }),
@@ -5580,30 +5440,30 @@ function SingleMenuFooter({
     ] })
   ] });
   if (!actions || actions.length === 0) {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: s.wrapper, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: useTheme.cn(s.button, !expanded && "justify-center px-0"), children: triggerContent }) });
+    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(useTheme.DropdownMenu, { children: [
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: s.wrapper, children: /* @__PURE__ */ jsxRuntime.jsxs(avatar.DropdownMenu, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      useTheme.DropdownMenuTrigger,
+      avatar.DropdownMenuTrigger,
       {
-        className: useTheme.cn(s.button, !expanded && "justify-center px-0"),
+        className: avatar.cn(s.button, !expanded && "justify-center px-0"),
         children: triggerContent
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsxs(
-      useTheme.DropdownMenuContent,
+      avatar.DropdownMenuContent,
       {
         side: expanded ? "top" : "right",
         sideOffset: 8,
         align: expanded ? "end" : "start",
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx(useTheme.DropdownMenuGroup, { children: /* @__PURE__ */ jsxRuntime.jsxs(useTheme.DropdownMenuLabel, { className: s.dropdownLabel, 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(useTheme.DropdownMenuSeparator, {}),
+          /* @__PURE__ */ jsxRuntime.jsx(avatar.DropdownMenuSeparator, {}),
           actions.map((action) => /* @__PURE__ */ jsxRuntime.jsxs(
-            useTheme.DropdownMenuItem,
+            avatar.DropdownMenuItem,
             {
               variant: action.variant === "destructive" ? "destructive" : "default",
               onClick: () => onAction?.(action.id),
@@ -5714,11 +5574,11 @@ function SingleMenuSidebar({
     ]
   );
   return /* @__PURE__ */ jsxRuntime.jsxs(SingleMenuSidebarContext.Provider, { value: contextValue, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ jsxRuntime.jsxs(
+    /* @__PURE__ */ jsxRuntime.jsx(tooltip.TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ jsxRuntime.jsxs(
       "aside",
       {
         "aria-label": "Navegação lateral",
-        className: useTheme.cn(sidebarRoot({ expanded }), className),
+        className: avatar.cn(sidebarRoot({ expanded }), className),
         onMouseEnter,
         onMouseLeave,
         ...props,
@@ -5732,7 +5592,7 @@ function SingleMenuSidebar({
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.divider }),
-          expanded && (moduleDisplay || showSearch) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: useTheme.cn(styles.sectionPadding, styles.textFadeIn), children: [
+          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,
@@ -5746,7 +5606,7 @@ function SingleMenuSidebar({
           /* @__PURE__ */ jsxRuntime.jsx(
             "nav",
             {
-              className: useTheme.cn(
+              className: avatar.cn(
                 styles.navContainer,
                 expanded ? styles.navContainerExpanded : styles.navContainerCollapsed
               ),
@@ -5779,7 +5639,7 @@ function SingleMenuSidebar({
   ] });
 }
 SingleMenuSidebar.displayName = "SingleMenuSidebar";
-const spinnerStyles = useTheme.tv({
+const spinnerStyles = avatar.tv({
   base: ["inline-block shrink-0", "animate-spin motion-reduce:animate-none"],
   variants: {
     size: {
@@ -7334,7 +7194,7 @@ function object(topology, o) {
   }
   return geometry(o);
 }
-const choroplethStyles = useTheme.tv({
+const choroplethStyles = avatar.tv({
   slots: {
     root: "relative w-full",
     svg: "block h-auto w-full",
@@ -7490,9 +7350,9 @@ const ChoroplethMap = React.forwardRef(
           })
         }
       ),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles2.tooltipLayer(), children: /* @__PURE__ */ jsxRuntime.jsxs(Tooltip, { open: hover != null, onOpenChange: () => {
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles2.tooltipLayer(), children: /* @__PURE__ */ jsxRuntime.jsxs(tooltip.Tooltip, { open: hover != null, onOpenChange: () => {
       }, disableHoverableContent: true, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+        /* @__PURE__ */ jsxRuntime.jsx(tooltip.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
           "span",
           {
             "aria-hidden": "true",
@@ -7501,7 +7361,7 @@ const ChoroplethMap = React.forwardRef(
           }
         ) }),
         /* @__PURE__ */ jsxRuntime.jsx(
-          TooltipContent,
+          tooltip.TooltipContent,
           {
             showArrow: false,
             className: "border border-border-default bg-bg-surface-elevated shadow-sh-lg",
@@ -7531,6 +7391,1080 @@ const ChoroplethMap = React.forwardRef(
   }
 );
 ChoroplethMap.displayName = "ChoroplethMap";
+const THEMES = { light: "", dark: ".dark" };
+const ChartContext = React__namespace.createContext(null);
+function useChart() {
+  const ctx = React__namespace.useContext(ChartContext);
+  if (!ctx) {
+    throw new Error("useChart deve ser usado dentro de <ChartContainer>");
+  }
+  return ctx;
+}
+const ChartContainer = React__namespace.forwardRef(({ id, className, children, config, ...props }, ref) => {
+  const uniqueId = React__namespace.useId();
+  const chartId = `chart-${id || uniqueId.replace(/:/g, "")}`;
+  return /* @__PURE__ */ jsxRuntime.jsx(ChartContext.Provider, { value: { config }, children: /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      "data-chart": chartId,
+      ref,
+      className: avatar.cn(
+        "flex aspect-video justify-center text-caption-sm",
+        "[&_.recharts-cartesian-axis-tick_text]:fill-fg-muted",
+        "[&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-[var(--color-chart-grid)]",
+        "[&_.recharts-curve.recharts-tooltip-cursor]:stroke-border-default",
+        "[&_.recharts-dot[stroke='#fff']]:stroke-transparent",
+        "[&_.recharts-layer]:outline-none",
+        "[&_.recharts-polar-grid_[stroke='#ccc']]:stroke-[var(--color-chart-grid)]",
+        "[&_.recharts-radial-bar-background-sector]:fill-bg-muted",
+        "[&_.recharts-rectangle.recharts-tooltip-cursor]:fill-bg-muted",
+        "[&_.recharts-reference-line_[stroke='#ccc']]:stroke-border-default",
+        "[&_.recharts-sector[stroke='#fff']]:stroke-transparent",
+        "[&_.recharts-sector]:outline-none",
+        "[&_.recharts-surface]:outline-none",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ChartStyle, { id: chartId, config }),
+        /* @__PURE__ */ jsxRuntime.jsx(RechartsPrimitive__namespace.ResponsiveContainer, { children })
+      ]
+    }
+  ) });
+});
+ChartContainer.displayName = "ChartContainer";
+const ChartStyle = ({ id, config }) => {
+  const colorConfig = Object.entries(config).filter(
+    ([, c]) => c.theme || c.color
+  );
+  if (!colorConfig.length) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "style",
+    {
+      dangerouslySetInnerHTML: {
+        __html: Object.entries(THEMES).map(
+          ([theme, prefix]) => `
+${prefix} [data-chart=${id}] {
+${colorConfig.map(([key, itemConfig]) => {
+            const color = itemConfig.theme?.[theme] || itemConfig.color;
+            return color ? `  --color-${key}: ${color};` : null;
+          }).filter(Boolean).join("\n")}
+}
+`
+        ).join("\n")
+      }
+    }
+  );
+};
+const ChartTooltip = RechartsPrimitive__namespace.Tooltip;
+const ChartTooltipContent = React__namespace.forwardRef(
+  ({
+    active,
+    payload,
+    label,
+    className,
+    indicator = "dot",
+    hideLabel = false,
+    hideIndicator = false,
+    labelFormatter,
+    formatter,
+    nameKey,
+    labelKey
+  }, ref) => {
+    const { config } = useChart();
+    const tooltipLabel = React__namespace.useMemo(() => {
+      if (hideLabel || !payload?.length) return null;
+      const [item] = payload;
+      const key = `${labelKey || item?.dataKey || item?.name || "value"}`;
+      const itemConfig = getPayloadConfigFromPayload(config, item, key);
+      const value = !labelKey && typeof label === "string" ? config[label]?.label || label : itemConfig?.label;
+      if (labelFormatter) {
+        return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "font-medium text-fg-default", children: labelFormatter(value, payload) });
+      }
+      if (!value) return null;
+      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "font-medium text-fg-default", children: value });
+    }, [label, labelFormatter, payload, hideLabel, labelKey, config]);
+    if (!active || !payload?.length) return null;
+    const nestLabel = payload.length === 1 && indicator !== "dot";
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        ref,
+        className: avatar.cn(
+          "grid min-w-[8rem] items-start gap-gp-sm rounded-radius-lg border border-border-default bg-bg-surface-elevated px-pad-lg py-pad-md text-caption-sm shadow-sh-lg",
+          className
+        ),
+        children: [
+          !nestLabel ? tooltipLabel : null,
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid gap-gp-sm", children: payload.map((item, index) => {
+            const key = `${nameKey || item.name || item.dataKey || "value"}`;
+            const itemConfig = getPayloadConfigFromPayload(config, item, key);
+            const indicatorColor = item.color || item.payload?.fill;
+            return /* @__PURE__ */ jsxRuntime.jsx(
+              "div",
+              {
+                className: avatar.cn(
+                  "flex w-full flex-wrap items-stretch gap-gp-md [&>svg]:size-icon-xs [&>svg]:text-fg-muted",
+                  indicator === "dot" && "items-center"
+                ),
+                children: formatter && item?.value !== void 0 && item.name ? formatter(item.value, String(item.name), item, index, item.payload) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                  itemConfig?.icon ? /* @__PURE__ */ jsxRuntime.jsx(itemConfig.icon, {}) : !hideIndicator && /* @__PURE__ */ jsxRuntime.jsx(
+                    "div",
+                    {
+                      className: avatar.cn(
+                        "shrink-0 rounded-radius-xs",
+                        indicator === "dot" && "size-2.5",
+                        indicator === "line" && "w-1",
+                        indicator === "dashed" && "w-0 border-[1.5px] border-dashed bg-transparent",
+                        nestLabel && indicator === "dashed" && "my-0.5"
+                      ),
+                      style: {
+                        backgroundColor: indicator === "dashed" ? "transparent" : indicatorColor,
+                        borderColor: indicatorColor
+                      }
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsxs(
+                    "div",
+                    {
+                      className: avatar.cn(
+                        "flex flex-1 justify-between leading-none",
+                        nestLabel ? "items-end" : "items-center"
+                      ),
+                      children: [
+                        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-gp-2xs", children: [
+                          nestLabel ? tooltipLabel : null,
+                          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-fg-muted", children: itemConfig?.label || item.name })
+                        ] }),
+                        item.value !== void 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium tabular-nums text-fg-default", children: typeof item.value === "number" ? item.value.toLocaleString("pt-BR") : item.value })
+                      ]
+                    }
+                  )
+                ] })
+              },
+              item.dataKey ?? index
+            );
+          }) })
+        ]
+      }
+    );
+  }
+);
+ChartTooltipContent.displayName = "ChartTooltipContent";
+const ChartLegend = RechartsPrimitive__namespace.Legend;
+const ChartLegendContent = React__namespace.forwardRef(({ className, hideIcon = false, payload, verticalAlign = "bottom", nameKey }, ref) => {
+  const { config } = useChart();
+  if (!payload?.length) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ref,
+      className: avatar.cn(
+        "flex items-center justify-center gap-gp-xl",
+        verticalAlign === "top" ? "pb-pad-md" : "pt-pad-md",
+        className
+      ),
+      children: payload.map((item) => {
+        const key = `${nameKey || item.dataKey || "value"}`;
+        const itemConfig = getPayloadConfigFromPayload(config, item, key);
+        return /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            className: "flex items-center gap-gp-sm text-fg-muted [&>svg]:size-icon-xs [&>svg]:text-fg-muted",
+            children: [
+              itemConfig?.icon && !hideIcon ? /* @__PURE__ */ jsxRuntime.jsx(itemConfig.icon, {}) : /* @__PURE__ */ jsxRuntime.jsx(
+                "div",
+                {
+                  className: "size-2.5 shrink-0 rounded-radius-xs",
+                  style: { backgroundColor: item.color }
+                }
+              ),
+              itemConfig?.label
+            ]
+          },
+          item.value
+        );
+      })
+    }
+  );
+});
+ChartLegendContent.displayName = "ChartLegendContent";
+function getPayloadConfigFromPayload(config, payload, key) {
+  if (typeof payload !== "object" || payload === null) return void 0;
+  const inner = "payload" in payload && typeof payload.payload === "object" ? payload.payload : void 0;
+  let configLabelKey = key;
+  const p = payload;
+  if (key in p && typeof p[key] === "string") {
+    configLabelKey = p[key];
+  } else if (inner && key in inner && typeof inner[key] === "string") {
+    configLabelKey = inner[key];
+  }
+  return configLabelKey in config ? config[configLabelKey] : config[key];
+}
+function asText$1(v) {
+  return v == null ? "" : String(v);
+}
+function isEmptyVal(v) {
+  if (v == null) return true;
+  if (typeof v === "string") return v.length === 0;
+  if (Array.isArray(v)) return v.length === 0;
+  return false;
+}
+function matchOp(op, val, fv) {
+  const a = asText$1(val).toLowerCase();
+  const b = asText$1(fv).toLowerCase();
+  switch (op) {
+    case "equals":
+      return a === b;
+    case "neq":
+      return a !== b;
+    case "contains":
+      return a.includes(b);
+    case "notContains":
+      return !a.includes(b);
+    case "startsWith":
+      return a.startsWith(b);
+    case "endsWith":
+      return a.endsWith(b);
+    case "gt":
+      return Number(val) > Number(fv);
+    case "lt":
+      return Number(val) < Number(fv);
+    case "gte":
+      return Number(val) >= Number(fv);
+    case "lte":
+      return Number(val) <= Number(fv);
+    case "between": {
+      const [lo, hi] = Array.isArray(fv) ? fv : [void 0, void 0];
+      const n = Number(val);
+      return (lo == null || n >= Number(lo)) && (hi == null || n <= Number(hi));
+    }
+    case "isEmpty":
+      return isEmptyVal(val);
+    case "isNotEmpty":
+      return !isEmptyVal(val);
+    default:
+      return a === b;
+  }
+}
+function applyFilterModel(items, model, fieldsById) {
+  const active = (model?.items ?? []).filter(
+    (it) => it.operator === "isEmpty" || it.operator === "isNotEmpty" || !isEmptyVal(it.value)
+  );
+  if (active.length === 0) return items;
+  const byField = /* @__PURE__ */ new Map();
+  for (const it of active) {
+    if (!byField.has(it.field)) byField.set(it.field, []);
+    byField.get(it.field).push(it);
+  }
+  const matchField = (item, fieldId, group) => {
+    const field = fieldsById.get(fieldId);
+    if (!field) return true;
+    const val = field.accessor(item);
+    const anyOf = group.filter((g) => g.operator === "isAnyOf").map((g) => g.value);
+    const noneOf = group.filter((g) => g.operator === "isNoneOf").map((g) => g.value);
+    const scalar = group.filter((g) => g.operator !== "isAnyOf" && g.operator !== "isNoneOf");
+    if (anyOf.length && !anyOf.some((v) => matchOp("equals", val, v))) return false;
+    if (noneOf.length && noneOf.some((v) => matchOp("equals", val, v))) return false;
+    for (const g of scalar) {
+      if (!matchOp(g.operator, val, g.value)) return false;
+    }
+    return true;
+  };
+  return items.filter((item) => {
+    for (const [fieldId, group] of byField) {
+      if (!matchField(item, fieldId, group)) return false;
+    }
+    return true;
+  });
+}
+const EMPTY_MODEL = { items: [], logicOperator: "AND" };
+const EMPTY_QUERY = { search: "", filterModel: EMPTY_MODEL };
+function asText(v) {
+  return typeof v === "string" || typeof v === "number" ? String(v) : "";
+}
+function loadPersisted(key) {
+  if (!key || typeof localStorage === "undefined") return null;
+  try {
+    const raw = localStorage.getItem(`ds-datalist:${key}`);
+    if (!raw) return null;
+    const p = JSON.parse(raw);
+    return {
+      search: p.search ?? "",
+      filterModel: p.filterModel?.items ? { items: p.filterModel.items, logicOperator: p.filterModel.logicOperator ?? "AND" } : EMPTY_MODEL
+    };
+  } catch {
+    return null;
+  }
+}
+function useDataList({
+  items,
+  mode,
+  filterFields,
+  views,
+  persistKey,
+  defaultExpandedIds,
+  onQueryChange,
+  onSelectionChange
+}) {
+  const [query, setQuery] = React.useState(
+    () => loadPersisted(persistKey) ?? EMPTY_QUERY
+  );
+  const [activeViewId, setActiveViewId] = React.useState(null);
+  const [selected, setSelected] = React.useState(/* @__PURE__ */ new Set());
+  const [expanded, setExpanded] = React.useState(
+    () => defaultExpandedIds ?? /* @__PURE__ */ new Set()
+  );
+  React.useEffect(() => {
+    if (!persistKey || typeof localStorage === "undefined") return;
+    try {
+      localStorage.setItem(`ds-datalist:${persistKey}`, JSON.stringify(query));
+    } catch {
+    }
+  }, [persistKey, query]);
+  const onQueryChangeRef = React.useRef(onQueryChange);
+  onQueryChangeRef.current = onQueryChange;
+  React.useEffect(() => {
+    if (mode !== "server") return;
+    const t = setTimeout(() => onQueryChangeRef.current?.(query), 250);
+    return () => clearTimeout(t);
+  }, [mode, query]);
+  const setSearch = React.useCallback((search) => {
+    setActiveViewId(null);
+    setQuery((q) => ({ ...q, search }));
+  }, []);
+  const setFilterModel = React.useCallback((filterModel) => {
+    setActiveViewId(null);
+    setQuery((q) => ({ ...q, filterModel }));
+  }, []);
+  const applyView = React.useCallback((view) => {
+    setActiveViewId(view?.id ?? null);
+    setQuery(view ? view.query : EMPTY_QUERY);
+  }, []);
+  const toggleSelect = React.useCallback(
+    (id) => {
+      setSelected((prev) => {
+        const next = new Set(prev);
+        next.has(id) ? next.delete(id) : next.add(id);
+        onSelectionChange?.(next);
+        return next;
+      });
+    },
+    [onSelectionChange]
+  );
+  const clearSelection = React.useCallback(() => {
+    setSelected(() => {
+      const next = /* @__PURE__ */ new Set();
+      onSelectionChange?.(next);
+      return next;
+    });
+  }, [onSelectionChange]);
+  const replaceSelection = React.useCallback(
+    (next) => {
+      setSelected(next);
+      onSelectionChange?.(next);
+    },
+    [onSelectionChange]
+  );
+  const toggleExpand = React.useCallback((id) => {
+    setExpanded((prev) => {
+      const next = new Set(prev);
+      next.has(id) ? next.delete(id) : next.add(id);
+      return next;
+    });
+  }, []);
+  const fieldsById = React.useMemo(() => {
+    const m = /* @__PURE__ */ new Map();
+    for (const f of filterFields ?? []) m.set(f.id, f);
+    return m;
+  }, [filterFields]);
+  const matchesSearch = React.useCallback(
+    (item) => {
+      const s = query.search.trim().toLowerCase();
+      if (!s) return true;
+      const hay = [
+        asText(item.title),
+        asText(item.subtitle),
+        asText(item.description),
+        ...(filterFields ?? []).map((f) => asText(f.accessor(item)))
+      ].join(" ").toLowerCase();
+      return hay.includes(s);
+    },
+    [query.search, filterFields]
+  );
+  const processedItems = React.useMemo(() => {
+    if (mode === "server") return items;
+    const searched = query.search ? items.filter(matchesSearch) : items;
+    return applyFilterModel(searched, query.filterModel, fieldsById);
+  }, [mode, items, query.search, query.filterModel, matchesSearch, fieldsById]);
+  return {
+    query,
+    activeViewId,
+    setSearch,
+    setFilterModel,
+    applyView,
+    views: views ?? [],
+    selected,
+    toggleSelect,
+    clearSelection,
+    replaceSelection,
+    expanded,
+    toggleExpand,
+    setExpanded,
+    processedItems
+  };
+}
+const ALL_VIEW_ID = "__all__";
+function toColumns(fields) {
+  return fields.map((f) => ({
+    key: f.id,
+    label: f.label,
+    filterType: f.type,
+    type: f.type === "select" ? "select" : f.type === "number" ? "number" : "text",
+    options: f.options
+  }));
+}
+function toAppliedFilters(model, fieldsById) {
+  const grouped = /* @__PURE__ */ new Map();
+  for (const item of model.items) {
+    const isEmpty = item.operator !== "isEmpty" && item.operator !== "isNotEmpty" && (item.value == null || item.value === "" || Array.isArray(item.value) && item.value.length === 0);
+    if (isEmpty) continue;
+    const key = `${item.field}|${item.operator}`;
+    if (!grouped.has(key)) grouped.set(key, []);
+    grouped.get(key).push(item);
+  }
+  return Array.from(grouped.entries()).map(([key, items]) => {
+    const field = fieldsById.get(items[0].field);
+    const columnLabel = field?.label ?? items[0].field;
+    const labelOf = (v) => field?.options?.find((o) => o.value === String(v))?.label ?? String(v);
+    const values = [];
+    for (const it of items) {
+      if (Array.isArray(it.value))
+        for (const v of it.value) values.push(labelOf(v));
+      else if (it.value != null && it.value !== "")
+        values.push(labelOf(it.value));
+    }
+    const value = values.length <= 2 ? values : `${values.length} selecionados`;
+    return {
+      id: key,
+      columnLabel,
+      op: items[0].operator,
+      value
+    };
+  });
+}
+function DataListToolbar({
+  title: title2,
+  count,
+  views,
+  activeViewId,
+  onApplyView,
+  searchable,
+  searchPlaceholder,
+  search,
+  onSearch,
+  filterFields,
+  filterModel,
+  onFilterModelChange,
+  onRefresh,
+  toolbarActions,
+  moreActions,
+  loading
+}) {
+  const hasActions = !!toolbarActions && toolbarActions.length > 0;
+  const moreItems = (moreActions ?? []).map((a) => ({
+    label: a.label,
+    icon: a.icon,
+    onClick: a.onClick,
+    destructive: a.destructive,
+    disabled: a.disabled,
+    separator: a.separator
+  }));
+  const [drawerOpen, setDrawerOpen] = React.useState(false);
+  const columns = React.useMemo(() => toColumns(filterFields ?? []), [filterFields]);
+  const fieldsById = React.useMemo(() => {
+    const m = /* @__PURE__ */ new Map();
+    for (const f of filterFields ?? []) m.set(f.id, f);
+    return m;
+  }, [filterFields]);
+  const appliedFilters = React.useMemo(
+    () => toAppliedFilters(filterModel, fieldsById),
+    [filterModel, fieldsById]
+  );
+  const filterCount = appliedFilters.length;
+  const [openChipKey, setOpenChipKey] = React.useState(null);
+  const isEmptyVal2 = (v) => v == null || v === "" || Array.isArray(v) && v.length === 0;
+  const setGroupValue = (field, operator, value) => {
+    const rest = filterModel.items.filter(
+      (i) => !(i.field === field && i.operator === operator)
+    );
+    const next = isEmptyVal2(value) ? rest : [
+      ...rest,
+      {
+        id: `${field}-${operator}`,
+        field,
+        operator,
+        value
+      }
+    ];
+    onFilterModelChange({ ...filterModel, items: next });
+  };
+  const renderEditableChip = (f, defaultChip) => {
+    const [field, operator] = f.id.split("|");
+    const fieldDef = fieldsById.get(field);
+    if (!fieldDef) return defaultChip;
+    const isMulti = operator === "isAnyOf" || operator === "isNoneOf";
+    const isTuple = operator === "between";
+    const regType = isMulti ? "multiSelect" : fieldDef.type;
+    const def = panel.columnTypeRegistry.get(regType);
+    const groupItems = filterModel.items.filter(
+      (i) => i.field === field && i.operator === operator
+    );
+    const currentValue = isTuple ? groupItems[0]?.value : isMulti ? groupItems.flatMap(
+      (i) => Array.isArray(i.value) ? i.value : i.value != null ? [i.value] : []
+    ) : groupItems[0]?.value;
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      avatar.Popover,
+      {
+        open: openChipKey === f.id,
+        onOpenChange: (o) => setOpenChipKey(o ? f.id : null),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(avatar.PopoverTrigger, { asChild: true, children: defaultChip }),
+          /* @__PURE__ */ jsxRuntime.jsx(avatar.PopoverContent, { align: "start", className: "p-0", children: def.renderFastFilterInput({
+            value: currentValue,
+            onChange: (v) => setGroupValue(field, operator, v),
+            options: fieldDef.options,
+            onClose: () => setOpenChipKey(null)
+          }) })
+        ]
+      }
+    );
+  };
+  const tabs = views.length > 0 ? [
+    { id: ALL_VIEW_ID, name: title2 ?? "Todos" },
+    ...views.map((v) => ({ id: v.id, name: v.label }))
+  ] : void 0;
+  const savedViewsSlot = tabs ? /* @__PURE__ */ jsxRuntime.jsx(
+    panel.ToolbarTabs,
+    {
+      tabs,
+      activeId: activeViewId ?? ALL_VIEW_ID,
+      onSelect: (id) => onApplyView(
+        id === ALL_VIEW_ID ? null : views.find((v) => v.id === id) ?? null
+      ),
+      ariaLabel: "Visões"
+    }
+  ) : title2 ? /* @__PURE__ */ jsxRuntime.jsxs("h2", { className: "text-title-md font-semibold text-fg-default", children: [
+    title2,
+    typeof count === "number" && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-gp-sm text-body-sm font-normal text-fg-muted", children: count })
+  ] }) : void 0;
+  const removeFilter = (groupKey) => {
+    const [field, operator] = groupKey.split("|");
+    onFilterModelChange({
+      ...filterModel,
+      items: filterModel.items.filter(
+        (i) => !(i.field === field && i.operator === operator)
+      )
+    });
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      panel.TableToolbar,
+      {
+        savedViews: savedViewsSlot,
+        refresh: onRefresh ? /* @__PURE__ */ jsxRuntime.jsx(
+          panel.ToolbarToolButton,
+          {
+            icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.RefreshCw, { className: loading ? "animate-spin" : void 0 }),
+            "aria-label": "Atualizar",
+            title: "Atualizar",
+            onClick: onRefresh
+          }
+        ) : void 0,
+        search: searchable ? /* @__PURE__ */ jsxRuntime.jsx(
+          panel.ToolbarSearch,
+          {
+            value: search,
+            placeholder: searchPlaceholder ?? "Buscar...",
+            onChange: (e) => onSearch(e.target.value)
+          }
+        ) : void 0,
+        filter: filterFields && filterFields.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(
+          panel.ToolbarFilterButton,
+          {
+            isActive: filterCount > 0,
+            hasIndicator: filterCount > 0,
+            onClick: () => setDrawerOpen(true)
+          }
+        ) : void 0,
+        actions: hasActions ? /* @__PURE__ */ jsxRuntime.jsx(panel.ToolbarActions, { actions: toolbarActions, extraItems: moreItems }) : void 0,
+        more: !hasActions && moreActions && moreActions.length > 0 ? /* @__PURE__ */ jsxRuntime.jsxs(avatar.DropdownMenu, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(avatar.DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+            panel.ToolbarToolButton,
+            {
+              icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MoreHorizontal, {}),
+              "aria-label": "Mais ações",
+              title: "Mais ações"
+            }
+          ) }),
+          /* @__PURE__ */ jsxRuntime.jsx(avatar.DropdownMenuContent, { align: "end", sideOffset: 4, children: moreActions.map(
+            (a, i) => a.separator ? /* @__PURE__ */ jsxRuntime.jsx(avatar.DropdownMenuSeparator, {}, `s${i}`) : /* @__PURE__ */ jsxRuntime.jsxs(
+              avatar.DropdownMenuItem,
+              {
+                variant: a.destructive ? "destructive" : "default",
+                disabled: a.disabled,
+                onSelect: () => a.onClick?.(),
+                children: [
+                  a.icon,
+                  a.label
+                ]
+              },
+              a.label?.toString() ?? i
+            )
+          ) })
+        ] }) : void 0
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      panel.ToolbarApplied,
+      {
+        filters: appliedFilters,
+        onRemove: removeFilter,
+        onClearAll: () => onFilterModelChange({ ...filterModel, items: [] }),
+        separator: false,
+        renderChip: (f, defaultChip) => renderEditableChip(f, defaultChip)
+      }
+    ),
+    filterFields && filterFields.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+      panel.ToolbarSimpleFilterDrawer,
+      {
+        open: drawerOpen,
+        onOpenChange: setDrawerOpen,
+        columns,
+        filterModel,
+        onFilterModelChange
+      }
+    )
+  ] });
+}
+function DataListVirtualized({
+  items,
+  density,
+  estimateItemSize,
+  selectable,
+  selectedIds,
+  openId,
+  onToggleSelect,
+  onItemClick,
+  renderItem,
+  getMenuItems,
+  height = 480
+}) {
+  const parentRef = React.useRef(null);
+  const gap = density === "compact" ? 8 : 10;
+  const v = reactVirtual.useVirtualizer({
+    count: items.length,
+    getScrollElement: () => parentRef.current,
+    estimateSize: () => estimateItemSize,
+    // mede a altura REAL de cada card — sem isso o estimateItemSize (76) reservava
+    // mais espaço que o card renderizado e o excedente aparecia como "gap" grande.
+    measureElement: (el) => el.getBoundingClientRect().height,
+    overscan: 8,
+    gap
+  });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { ref: parentRef, className: "overflow-auto scrollbar-thin", style: { height }, children: /* @__PURE__ */ jsxRuntime.jsx("div", { style: { height: v.getTotalSize(), position: "relative", width: "100%" }, children: v.getVirtualItems().map((row) => {
+    const item = items[row.index];
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        "data-index": row.index,
+        ref: v.measureElement,
+        style: {
+          position: "absolute",
+          top: 0,
+          left: 0,
+          width: "100%",
+          transform: `translateY(${row.start}px)`
+        },
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          panel.ListItem,
+          {
+            item,
+            state: {
+              selected: selectedIds.has(item.id),
+              open: openId === item.id,
+              dragging: false,
+              depth: 0
+            },
+            density,
+            renderItem,
+            getMenuItems,
+            onClick: onItemClick,
+            selectable,
+            onToggleSelect
+          }
+        )
+      },
+      item.id
+    );
+  }) }) });
+}
+function DataListSkeleton({ count = 3 }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-gp-lg", "aria-hidden": "true", children: Array.from({ length: count }).map((_, i) => /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: "w-full p-pad-xl bg-bg-surface border border-border-subtle dark:border-border-default rounded-radius-lg",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: avatar.cn("h-[12px] rounded-radius-full bg-bg-muted animate-pulse", "w-1/3 mb-gp-md") }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: avatar.cn("h-[12px] rounded-radius-full bg-bg-muted animate-pulse", "w-2/3") })
+      ]
+    },
+    i
+  )) });
+}
+function DataListInfinite({
+  onLoadMore,
+  hasMore,
+  loading,
+  skeletonCount = 3
+}) {
+  const sentinelRef = React.useRef(null);
+  const onLoadMoreRef = React.useRef(onLoadMore);
+  onLoadMoreRef.current = onLoadMore;
+  React.useEffect(() => {
+    const el = sentinelRef.current;
+    if (!el || !hasMore || loading) return;
+    const io = new IntersectionObserver(
+      (entries) => {
+        if (entries[0]?.isIntersecting) onLoadMoreRef.current();
+      },
+      { rootMargin: "200px" }
+    );
+    io.observe(el);
+    return () => io.disconnect();
+  }, [hasMore, loading]);
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    loading && /* @__PURE__ */ jsxRuntime.jsx(DataListSkeleton, { count: skeletonCount }),
+    hasMore && /* @__PURE__ */ jsxRuntime.jsx("div", { ref: sentinelRef, className: "h-px w-full", "aria-hidden": "true" })
+  ] });
+}
+function mergeLoaded(items, loaded) {
+  if (Object.keys(loaded).length === 0) return items;
+  return items.map((it) => {
+    const children = loaded[it.id] ?? it.children;
+    const mergedChildren = children ? mergeLoaded(children, loaded) : void 0;
+    return mergedChildren ? { ...it, children: mergedChildren } : it;
+  });
+}
+function DataList(props) {
+  const {
+    items,
+    layout = "standard",
+    groups,
+    renderItem,
+    getMenuItems,
+    onItemClick,
+    openId,
+    groupSurface,
+    density = "comfortable",
+    title: title2,
+    searchable,
+    searchPlaceholder,
+    filterFields,
+    views,
+    onRefresh,
+    toolbarActions,
+    moreActions,
+    mode = "client",
+    loading,
+    total,
+    onQueryChange,
+    onLoadMore,
+    hasMore,
+    loadingMore,
+    virtualized,
+    estimateItemSize = 76,
+    onLoadChildren,
+    defaultExpandedIds,
+    branchHighlight,
+    selectable,
+    onSelectionChange,
+    bulkActions,
+    enableDnD,
+    onReorder,
+    onMove,
+    persistKey,
+    fillHeight,
+    className,
+    emptyState
+  } = props;
+  const [loaded, setLoaded] = React.useState({});
+  const baseItems = React.useMemo(() => mergeLoaded(items, loaded), [items, loaded]);
+  const ctrl = useDataList({
+    items: baseItems,
+    mode,
+    filterFields,
+    views,
+    persistKey,
+    defaultExpandedIds,
+    onQueryChange,
+    onSelectionChange
+  });
+  const handleExpandedChange = React.useCallback(
+    (next) => {
+      const added = [...next].find((id) => !ctrl.expanded.has(id));
+      ctrl.setExpanded(next);
+      if (added && onLoadChildren && !loaded[added]) {
+        onLoadChildren(added).then(
+          (children) => setLoaded((p) => ({ ...p, [added]: children }))
+        );
+      }
+    },
+    [ctrl, onLoadChildren, loaded]
+  );
+  const useVirtual = Boolean(virtualized) && layout === "standard";
+  const dndEnabled = Boolean(enableDnD) && !useVirtual;
+  const count = mode === "server" ? total : ctrl.processedItems.length;
+  const body2 = useVirtual ? /* @__PURE__ */ jsxRuntime.jsx(
+    DataListVirtualized,
+    {
+      items: ctrl.processedItems,
+      density,
+      estimateItemSize,
+      selectable,
+      selectedIds: ctrl.selected,
+      openId,
+      onToggleSelect: ctrl.toggleSelect,
+      onItemClick,
+      renderItem,
+      getMenuItems
+    }
+  ) : /* @__PURE__ */ jsxRuntime.jsx(
+    panel.List,
+    {
+      layout,
+      items: ctrl.processedItems,
+      groups,
+      renderItem,
+      getMenuItems,
+      onItemClick,
+      openId,
+      groupSurface,
+      density,
+      branchHighlight,
+      selectable,
+      selectedIds: ctrl.selected,
+      onSelectionChange: ctrl.replaceSelection,
+      expandedIds: ctrl.expanded,
+      onExpandedChange: handleExpandedChange,
+      enableDnD: dndEnabled,
+      onReorder,
+      onMove,
+      loading,
+      emptyState
+    }
+  );
+  const selCount = ctrl.selected.size;
+  const scrollBody = fillHeight && !useVirtual;
+  const listBlock = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    body2,
+    onLoadMore && !useVirtual && /* @__PURE__ */ jsxRuntime.jsx(
+      DataListInfinite,
+      {
+        onLoadMore,
+        hasMore: Boolean(hasMore),
+        loading: Boolean(loadingMore)
+      }
+    )
+  ] });
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: avatar.cn(
+        "flex flex-col gap-gp-lg",
+        fillHeight && "min-h-0",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          DataListToolbar,
+          {
+            title: title2,
+            count,
+            views: ctrl.views,
+            activeViewId: ctrl.activeViewId,
+            onApplyView: ctrl.applyView,
+            searchable,
+            searchPlaceholder,
+            search: ctrl.query.search,
+            onSearch: ctrl.setSearch,
+            filterFields,
+            filterModel: ctrl.query.filterModel,
+            onFilterModelChange: ctrl.setFilterModel,
+            onRefresh,
+            toolbarActions,
+            moreActions,
+            loading
+          }
+        ),
+        selectable && selCount > 0 && bulkActions && bulkActions.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-gp-md rounded-radius-lg border border-border-brand-subtle bg-bg-brand-subtle px-pad-xl py-pad-md", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-body-sm font-medium text-fg-default", children: [
+            selCount,
+            " selecionado(s)"
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ml-auto flex items-center gap-gp-sm", children: [
+            bulkActions.map((a, i) => /* @__PURE__ */ jsxRuntime.jsx(
+              avatar.Button,
+              {
+                size: "sm",
+                variant: a.destructive ? "soft" : "soft",
+                color: a.destructive ? "critical" : "secondary",
+                iconLeft: a.icon,
+                onClick: () => a.onClick(ctrl.selected),
+                children: a.label
+              },
+              i
+            )),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              avatar.Button,
+              {
+                size: "sm",
+                variant: "ghost",
+                color: "secondary",
+                onClick: ctrl.clearSelection,
+                children: "Limpar"
+              }
+            )
+          ] })
+        ] }),
+        scrollBody ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-h-0 flex-1 overflow-y-auto overflow-x-hidden scrollbar-thin pr-pad-xs", children: listBlock }) : listBlock
+      ]
+    }
+  );
+}
+const toastVariants = avatar.tv({
+  slots: {
+    root: "flex w-full flex-col gap-gp-md rounded-radius-xl border border-border-default bg-bg-surface p-pad-2xl text-left shadow-sh-lg",
+    row: "flex items-center gap-gp-xl",
+    iconChip: "flex size-form-md shrink-0 items-center justify-center rounded-radius-lg [&_svg]:size-[18px]",
+    content: "flex min-w-0 flex-1 flex-col gap-gp-2xs",
+    title: "text-body-sm font-semibold text-fg-default",
+    description: "text-body-sm text-fg-muted",
+    rightCluster: "flex shrink-0 items-center gap-gp-sm",
+    meta: "whitespace-nowrap text-caption-sm text-fg-subtle",
+    footer: "flex items-center justify-end gap-gp-xs"
+  },
+  variants: {
+    status: {
+      default: { iconChip: "bg-bg-muted text-fg-default" },
+      info: { iconChip: "bg-bg-info-muted text-fg-info" },
+      success: { iconChip: "bg-bg-success-muted text-fg-success" },
+      warning: { iconChip: "bg-bg-warning-muted text-fg-warning" },
+      danger: { iconChip: "bg-bg-danger-muted text-fg-danger" }
+    }
+  },
+  defaultVariants: {
+    status: "default"
+  }
+});
+const DEFAULT_ICON = {
+  default: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Bell, {}),
+  info: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Info, {}),
+  success: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CircleCheck, {}),
+  warning: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.TriangleAlert, {}),
+  danger: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.OctagonX, {})
+};
+const TONE_PROPS = {
+  brand: { color: "primary", variant: "filled" },
+  neutral: { color: "secondary", variant: "soft" },
+  danger: { color: "critical", variant: "soft" }
+};
+function ActionButton({ action }) {
+  const tone = TONE_PROPS[action.tone ?? "brand"];
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    avatar.Button,
+    {
+      color: tone.color,
+      variant: tone.variant,
+      size: "xs",
+      iconLeft: action.iconLeft,
+      iconRight: action.iconRight,
+      onClick: action.onClick,
+      children: action.label
+    }
+  );
+}
+function ToastCard({
+  status = "default",
+  title: title2,
+  description: description2,
+  icon,
+  meta,
+  action,
+  cancel,
+  onClose,
+  toastId
+}) {
+  const s = toastVariants({ status });
+  const hasFooter = Boolean(cancel);
+  const inlineAction = action && !hasFooter ? action : null;
+  const handleClose = () => {
+    onClose?.();
+    if (toastId !== void 0) sonner.toast.dismiss(toastId);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: s.root(), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: s.row(), children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: s.iconChip(), children: icon ?? DEFAULT_ICON[status] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: s.content(), children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: s.title(), children: title2 }),
+        description2 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: s.description(), children: description2 })
+      ] }),
+      (meta || inlineAction || onClose) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: s.rightCluster(), children: [
+        meta && /* @__PURE__ */ jsxRuntime.jsx("span", { className: s.meta(), children: meta }),
+        inlineAction && /* @__PURE__ */ jsxRuntime.jsx(ActionButton, { action: inlineAction }),
+        onClose && /* @__PURE__ */ jsxRuntime.jsx(
+          avatar.Button,
+          {
+            color: "secondary",
+            variant: "ghost",
+            size: "icon-2xs",
+            "aria-label": "Fechar",
+            iconLeft: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, {}),
+            onClick: handleClose
+          }
+        )
+      ] })
+    ] }),
+    hasFooter && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: s.footer(), children: [
+      cancel && /* @__PURE__ */ jsxRuntime.jsx(ActionButton, { action: { tone: "neutral", ...cancel } }),
+      action && /* @__PURE__ */ jsxRuntime.jsx(ActionButton, { action })
+    ] })
+  ] });
+}
+const STRIP_SONNER_BOX = {
+  toast: "!bg-transparent !border-0 !p-0 !shadow-none"
+};
+function show(opts, status) {
+  const { duration, position, id, ...card } = opts;
+  return sonner.toast.custom(
+    (t) => /* @__PURE__ */ jsxRuntime.jsx(ToastCard, { ...card, status, toastId: t }),
+    { duration, position, id, classNames: STRIP_SONNER_BOX }
+  );
+}
+const toast = Object.assign(
+  (opts) => show(opts, "default"),
+  {
+    success: (opts) => show(opts, "success"),
+    error: (opts) => show(opts, "danger"),
+    warning: (opts) => show(opts, "warning"),
+    info: (opts) => show(opts, "info"),
+    // passthrough nativo do Sonner
+    promise: sonner.toast.promise,
+    dismiss: sonner.toast.dismiss,
+    custom: sonner.toast.custom,
+    loading: sonner.toast.loading
+  }
+);
 const BRANDS = [
   { id: "default", label: "iGreen", swatch: "oklch(0.5248 0.1415 150.9)" },
   { id: "blue", label: "Azul", swatch: "oklch(0.52 0.180 264)" },
@@ -7631,15 +8565,13 @@ exports.FormFieldSelect = panel.FormFieldSelect;
 exports.FormFieldSwitch = panel.FormFieldSwitch;
 exports.FormFieldTextarea = panel.FormFieldTextarea;
 exports.Kanban = panel.Kanban;
+exports.List = panel.List;
+exports.ListItem = panel.ListItem;
 exports.MoreMenu = panel.MoreMenu;
 exports.Panel = panel.Panel;
 exports.PanelBody = panel.PanelBody;
-exports.PanelCloseAction = panel.SheetClose;
-exports.PanelContent = panel.SheetContent;
 exports.PanelFooter = panel.PanelFooter;
 exports.PanelHeader = panel.PanelHeader;
-exports.PanelRoot = panel.Sheet;
-exports.PanelTrigger = panel.SheetTrigger;
 exports.SELECTION_COLUMN_WIDTH = panel.SELECTION_COLUMN_WIDTH;
 exports.SortPanel = panel.SortPanel;
 exports.SortPopover = panel.SortPopover;
@@ -7675,7 +8607,6 @@ exports.useColumnWidths = panel.useColumnWidths;
 exports.useDataTableContext = panel.useDataTableContext;
 exports.useFloatingPanelResize = panel.useFloatingPanelResize;
 exports.AppShell = useTheme.AppShell;
-exports.Button = useTheme.Button;
 exports.Chip = useTheme.Chip;
 exports.ChipGroup = useTheme.ChipGroup;
 exports.ChipGroupItem = useTheme.ChipGroupItem;
@@ -7685,19 +8616,7 @@ exports.HeaderMessages = useTheme.HeaderMessages;
 exports.HeaderNotifications = useTheme.HeaderNotifications;
 exports.HeaderSearch = useTheme.HeaderSearch;
 exports.HeaderThemeSwitcher = useTheme.HeaderThemeSwitcher;
-exports.InputGroup = useTheme.InputGroup;
-exports.InputGroupAddon = useTheme.InputGroupAddon;
-exports.InputGroupButton = useTheme.InputGroupButton;
-exports.InputGroupInput = useTheme.InputGroupInput;
-exports.InputGroupText = useTheme.InputGroupText;
-exports.InputGroupTextarea = useTheme.InputGroupTextarea;
 exports.MenuSidebar = useTheme.MenuSidebar;
-exports.MoreMenuCheckboxItem = useTheme.DropdownMenuCheckboxItem;
-exports.MoreMenuItem = useTheme.DropdownMenuItem;
-exports.MoreMenuLabel = useTheme.DropdownMenuLabel;
-exports.MoreMenuRadioGroup = useTheme.DropdownMenuRadioGroup;
-exports.MoreMenuRadioItem = useTheme.DropdownMenuRadioItem;
-exports.MoreMenuSeparator = useTheme.DropdownMenuSeparator;
 exports.SidebarBrandIcon = useTheme.SidebarBrandIcon;
 exports.SidebarItem = useTheme.SidebarItem;
 exports.SidebarPanel = useTheme.SidebarPanel;
@@ -7706,17 +8625,36 @@ exports.SidebarRail = useTheme.SidebarRail;
 exports.SidebarSection = useTheme.SidebarSection;
 exports.SidebarSubgroup = useTheme.SidebarSubgroup;
 exports.UserMenu = useTheme.UserMenu;
-exports.buttonVariants = useTheme.buttonVariants;
 exports.chipCount = useTheme.chipCount;
 exports.chipVariants = useTheme.chipVariants;
-exports.inputGroupVariants = useTheme.inputGroupVariants;
 exports.useControllable = useTheme.useControllable;
 exports.useMediaQuery = useTheme.useMediaQuery;
 exports.useTheme = useTheme.useTheme;
+exports.Button = avatar.Button;
+exports.InputGroup = avatar.InputGroup;
+exports.InputGroupAddon = avatar.InputGroupAddon;
+exports.InputGroupButton = avatar.InputGroupButton;
+exports.InputGroupInput = avatar.InputGroupInput;
+exports.InputGroupText = avatar.InputGroupText;
+exports.InputGroupTextarea = avatar.InputGroupTextarea;
+exports.MoreMenuCheckboxItem = avatar.DropdownMenuCheckboxItem;
+exports.MoreMenuItem = avatar.DropdownMenuItem;
+exports.MoreMenuLabel = avatar.DropdownMenuLabel;
+exports.MoreMenuRadioGroup = avatar.DropdownMenuRadioGroup;
+exports.MoreMenuRadioItem = avatar.DropdownMenuRadioItem;
+exports.MoreMenuSeparator = avatar.DropdownMenuSeparator;
+exports.buttonVariants = avatar.buttonVariants;
+exports.inputGroupVariants = avatar.inputGroupVariants;
+exports.PanelCloseAction = textarea.SheetClose;
+exports.PanelContent = textarea.SheetContent;
+exports.PanelRoot = textarea.Sheet;
+exports.PanelTrigger = textarea.SheetTrigger;
 Object.defineProperty(exports, "MessageReplyIcon", {
   enumerable: true,
   get: () => lucideReact.Reply
 });
+exports.Badge = tooltip.Badge;
+exports.badgeVariants = tooltip.badgeVariants;
 exports.Input = input.Input;
 exports.inputVariants = input.inputVariants;
 exports.Kpi = kpiDelta.Kpi;
@@ -7725,13 +8663,19 @@ exports.KpiGroup = kpiDelta.KpiGroup;
 exports.PageHeader = pageHeader.PageHeader;
 exports.pageHeaderStyles = pageHeader.pageHeaderStyles;
 exports.BRANDS = BRANDS;
-exports.Badge = Badge;
 exports.CardCheckbox = CardCheckbox;
+exports.ChartContainer = ChartContainer;
+exports.ChartLegend = ChartLegend;
+exports.ChartLegendContent = ChartLegendContent;
+exports.ChartStyle = ChartStyle;
+exports.ChartTooltip = ChartTooltip;
+exports.ChartTooltipContent = ChartTooltipContent;
 exports.ChoroplethMap = ChoroplethMap;
 exports.ColorPicker = ColorPicker;
 exports.ConversationListItem = ConversationListItem;
 exports.DEFAULT_COLOR_PRESETS = DEFAULT_COLOR_PRESETS;
 exports.DEFAULT_MESSAGE_VARIABLES = DEFAULT_MESSAGE_VARIABLES;
+exports.DataList = DataList;
 exports.DatePicker = DatePicker;
 exports.DateSeparatorChip = DateSeparatorChip;
 exports.EmptyState = EmptyState;
@@ -7746,12 +8690,12 @@ exports.Modal = Modal;
 exports.MonthYearPicker = MonthYearPicker;
 exports.SingleMenuSidebar = SingleMenuSidebar;
 exports.Spinner = Spinner;
+exports.ToastCard = ToastCard;
 exports.ToolbarFilterControl = ToolbarFilterControl;
 exports.ToolbarMobileDialog = ToolbarMobileDialog;
 exports.ToolbarMobileSection = ToolbarMobileSection;
 exports.ToolbarMobileSheet = ToolbarMobileSheet;
 exports.actionColumn = actionColumn;
-exports.badgeVariants = badgeVariants;
 exports.cardCheckbox = cardCheckbox;
 exports.colorPickerStyles = colorPickerStyles;
 exports.conversationListItemStyles = conversationListItemStyles;
@@ -7772,7 +8716,10 @@ exports.numberColumn = numberColumn;
 exports.phoneColumn = phoneColumn;
 exports.statusColumn = statusColumn;
 exports.textColumn = textColumn;
+exports.toast = toast;
+exports.toastVariants = toastVariants;
 exports.useBrand = useBrand;
+exports.useChart = useChart;
 exports.useToolbarFilterControl = useToolbarFilterControl;
 exports.useToolbarFilters = useToolbarFilters;
 exports.useToolbarSort = useToolbarSort;