@snksergio/design-system 0.19.1 → 0.30.2

package/dist-lib/index.mjs

@@ -1,19 +1,19 @@
-import { i as isFilterEntryActive, e as FilterPopover, T as ToolbarToolButton, f as ButtonGroup, g as ToolbarSimpleFilterDrawer, h as ACTIONS_COLUMN_WIDTH } from "./chunks/panel-BCUixETK.mjs";
-import { j, A, k, B, l, C, m, n, o, D, q, r, s, t, u, v, w, x, y, d, z, E, G, H, a, I, F, b, J, c, K, M, P, L, S, N, O, Q, R, U, V, W, X, Y, Z, _, $, a0, a1, a2, a3, a4, a5, a6, a7, a8, a9, aa, p, ab, ac, ad, ae } from "./chunks/panel-BCUixETK.mjs";
-import { g as Dialog, h as DialogTrigger, i as DialogContent, j as DialogTitle, k as DialogClose, D as DropdownMenu, c as DropdownMenuTrigger, d as DropdownMenuContent, e as DropdownMenuItem, C as CommandDialog, l as CommandInput, m as CommandList, n as CommandEmpty, o as CommandGroup, p as CommandItem, q as DropdownMenuGroup, r as DropdownMenuLabel, f as DropdownMenuSeparator } from "./chunks/app-shell-Cy9be0Zx.mjs";
-import { A as A2, H as H2, s as s2, t as t2, u as u2, v as v2, w as w2, I as I2, x as x2, y as y2, z as z2, B as B2, E as E2, M as M2, F as F2, G as G2, J as J2, S as S2, K as K2, L as L2, N as N2, O as O2, P as P2, Q as Q2, U as U2, R as R2, T, V as V2 } from "./chunks/app-shell-Cy9be0Zx.mjs";
-import { t as tv, B as Button, c as cn, C as Chip } from "./chunks/chip-group-_e-yh1Zq.mjs";
-import { a as a10, b as b2, d as d2, e, f } from "./chunks/chip-group-_e-yh1Zq.mjs";
+import { C as Checkbox, g as getContrastTextColor, a as FormField, e as Avatar, i as isFilterEntryActive, f as FilterPopover, T as ToolbarToolButton, h as ButtonGroup, j as ToolbarSimpleFilterDrawer, k as ACTIONS_COLUMN_WIDTH, l as Calendar, m as Textarea } from "./chunks/panel-CEkyoGiO.mjs";
+import { n, A, B, o, q, r, s, t, D, u, v, w, x, y, z, E, G, H, d, I, J, K, L, M, F, b, N, c, O, Q, P, R, S, U, V, W, X, Y, Z, _, $, a0, a1, a2, a3, a4, a5, a6, a7, a8, a9, aa, ab, ac, ad, ae, af, ag, ah, ai, aj, ak, al, p, am, an, ao, ap, aq } from "./chunks/panel-CEkyoGiO.mjs";
+import { t as tv, c as cn, P as Popover, j as PopoverTrigger, k as PopoverContent, B as Button, l as Dialog, m as DialogTrigger, n as DialogContent, o as DialogTitle, C as Chip, p as PopoverAnchor, q as DialogClose, r as DialogDescription, D as DropdownMenu, f as DropdownMenuTrigger, g as DropdownMenuContent, h as DropdownMenuItem, s as CommandDialog, u as CommandInput, v as CommandList, w as CommandEmpty, x as CommandGroup, y as CommandItem, z as DropdownMenuGroup, E as DropdownMenuLabel, i as DropdownMenuSeparator } from "./chunks/app-shell-78w0pYdP.mjs";
+import { A as A2, d as d2, e, H as H2, F as F2, G as G2, I as I2, J as J2, K as K2, L as L2, M as M2, N as N2, O as O2, Q as Q2, R as R2, S as S2, T, U as U2, V as V2, W as W2, X as X2, Y as Y2, Z as Z2, _ as _2, $ as $2, a0 as a02, a1 as a12, a2 as a22, a3 as a32, a4 as a42, a5 as a52, a6 as a62, a7 as a72 } from "./chunks/app-shell-78w0pYdP.mjs";
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import * as React from "react";
-import { forwardRef, useId, useState, useCallback, useMemo, createContext, useContext, useRef, useEffect } from "react";
-import { C as Checkbox } from "./chunks/badge-DBdk74KN.mjs";
-import { B as B3, T as T2, a as a11, b as b3, c as c2, d as d3, e as e2, f as f2, g, u as u3 } from "./chunks/badge-DBdk74KN.mjs";
-import { MoreHorizontal, SlidersHorizontal, TrendingUp, X as X2, PanelLeftClose, Check, ChevronsUpDown, Search, ChevronDown, User } from "lucide-react";
-import { P as P3, p as p2 } from "./chunks/page-header-CQbTGWQ8.mjs";
+import { forwardRef, useId, useState, Fragment as Fragment$1, isValidElement, useCallback, useMemo, createElement, useRef, useEffect, useLayoutEffect, createContext, useContext } from "react";
+import { Check, MoreHorizontal, SlidersHorizontal, Calendar as Calendar$1, AlertCircle, CheckCheck, Clock, MoreVertical, Ban, X as X3, CalendarDays, ChevronDown, ChevronLeft, ChevronRight, PanelLeftClose, ChevronsUpDown, Search, User } from "lucide-react";
+import { Reply } from "lucide-react";
+import * as SeparatorPrimitive from "@radix-ui/react-separator";
+import { I as Input } from "./chunks/input-DCDU4i4S.mjs";
+import { i } from "./chunks/input-DCDU4i4S.mjs";
+import { a, b as b2, K as K3 } from "./chunks/kpi-delta-DpYuDY4h.mjs";
+import { P as P2, p as p2 } from "./chunks/page-header-B6XJyIMz.mjs";
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
 import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
-import { I as I3, i } from "./chunks/input-C9eKSSEb.mjs";
 const cardCheckbox = tv({
   slots: {
     root: [
@@ -84,6 +84,671 @@ const CardCheckbox = forwardRef(
   }
 );
 CardCheckbox.displayName = "CardCheckbox";
+const Separator = React.forwardRef(
+  ({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsx(
+    SeparatorPrimitive.Root,
+    {
+      ref,
+      decorative,
+      orientation,
+      className: cn(
+        "shrink-0 bg-border",
+        orientation === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]",
+        className
+      ),
+      ...props
+    }
+  )
+);
+Separator.displayName = SeparatorPrimitive.Root.displayName;
+const badgeVariants = 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__ */ jsx(
+    "span",
+    {
+      className: badgeVariants({ color, variant, size, shape, className }),
+      ...props
+    }
+  );
+}
+const colorPickerStyles = tv({
+  slots: {
+    root: "inline-flex w-full items-center gap-gp-md",
+    swatch: [
+      "relative inline-flex shrink-0 items-center justify-center",
+      "rounded-radius-md border",
+      "transition-[border-color,box-shadow]",
+      "focus-visible:outline-none focus-visible:ring-4 focus-visible:ring-ring-brand",
+      // opacity do disabled vem do slot root (cobre tudo uniformemente) — não duplicar aqui
+      "disabled:cursor-not-allowed"
+    ],
+    hexInput: "flex-1",
+    content: "flex flex-col gap-gp-lg p-sp-md min-w-container-dropdown-lg",
+    presetsGrid: "grid grid-cols-10 gap-gp-sm",
+    preset: [
+      "relative inline-flex items-center justify-center",
+      "size-comp-xs rounded-radius-md border border-border-input",
+      "transition-[box-shadow,border-color]",
+      "hover:border-border-brand",
+      "focus-visible:outline-none focus-visible:ring-4 focus-visible:ring-ring-brand"
+    ],
+    presetCheck: "size-icon-sm",
+    customRow: "flex flex-col gap-gp-md"
+  },
+  variants: {
+    size: {
+      sm: { swatch: "size-form-md" },
+      md: { swatch: "size-form-lg" }
+    },
+    state: {
+      default: { swatch: "border-border-input hover:border-border-brand" },
+      error: { swatch: "border-border-danger-muted" },
+      warning: { swatch: "border-border-warning-muted" },
+      success: { swatch: "border-border-success-muted" }
+    },
+    disabled: {
+      true: { root: "pointer-events-none opacity-50" }
+    }
+  },
+  compoundVariants: [
+    // disabled SEMPRE por último (L-006)
+    {
+      disabled: true,
+      class: { swatch: "border-border-input hover:border-border-input" }
+    }
+  ],
+  defaultVariants: {
+    size: "md",
+    state: "default",
+    disabled: false
+  }
+});
+const DEFAULT_COLOR_PRESETS = [
+  // Marca iGreen — verdes
+  "#0E7C3A",
+  "#16A34A",
+  "#22C55E",
+  "#4ADE80",
+  "#86EFAC",
+  // Frios
+  "#0891B2",
+  "#06B6D4",
+  "#0EA5E9",
+  "#2563EB",
+  "#4F46E5",
+  // Roxos / rosas
+  "#7C3AED",
+  "#9333EA",
+  "#C026D3",
+  "#DB2777",
+  "#F43F5E",
+  // Quentes
+  "#DC2626",
+  "#EA580C",
+  "#F97316",
+  "#F59E0B",
+  "#FACC15",
+  // Neutras
+  "#FFFFFF",
+  "#E5E7EB",
+  "#9CA3AF",
+  "#6B7280",
+  "#374151",
+  "#111827"
+];
+function normalizeHex(raw) {
+  let h = raw.trim().replace(/^#/, "");
+  if (/^[0-9a-fA-F]{3}$/.test(h)) {
+    h = h.split("").map((c2) => c2 + c2).join("");
+  }
+  if (/^[0-9a-fA-F]{6}$/.test(h)) {
+    return `#${h.toUpperCase()}`;
+  }
+  return null;
+}
+function sameHex(a10, b3) {
+  const na = normalizeHex(a10);
+  const nb = normalizeHex(b3);
+  return na !== null && nb !== null && na === nb;
+}
+const ColorPicker = forwardRef(
+  function ColorPicker2({
+    value,
+    onValueChange,
+    presets = DEFAULT_COLOR_PRESETS,
+    id: idProp,
+    state = "default",
+    size = "md",
+    disabled = false,
+    allowCustomHex = true,
+    placeholder = "#RRGGBB",
+    open: openProp,
+    onOpenChange,
+    className
+  }, ref) {
+    const autoId = useId();
+    const id = idProp ?? autoId;
+    const [uncontrolledOpen, setUncontrolledOpen] = useState(false);
+    const isControlled = openProp !== void 0;
+    const open = isControlled ? openProp : uncontrolledOpen;
+    const setOpen = (next) => {
+      if (!isControlled) setUncontrolledOpen(next);
+      onOpenChange?.(next);
+    };
+    const [inlineDraft, setInlineDraft] = useState(value);
+    const [customDraft, setCustomDraft] = useState(value);
+    const styles2 = colorPickerStyles({ size, state, disabled });
+    const commit = (raw) => {
+      const norm = normalizeHex(raw);
+      if (!norm) return false;
+      onValueChange(norm);
+      return true;
+    };
+    const handleInlineCommit = () => {
+      if (!commit(inlineDraft)) {
+        setInlineDraft(value);
+      }
+    };
+    const handlePreset = (hex) => {
+      const norm = normalizeHex(hex);
+      if (!norm) return;
+      onValueChange(norm);
+      setInlineDraft(norm);
+      setCustomDraft(norm);
+      setOpen(false);
+    };
+    const handleCustomConfirm = () => {
+      const norm = normalizeHex(customDraft);
+      if (!norm) return;
+      onValueChange(norm);
+      setInlineDraft(norm);
+      setOpen(false);
+    };
+    const swatchBg = normalizeHex(value) ?? "transparent";
+    return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
+      /* @__PURE__ */ jsxs("div", { className: styles2.root({ className }), children: [
+        /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+          "button",
+          {
+            ref,
+            type: "button",
+            disabled,
+            "aria-label": "Selecionar cor",
+            "aria-haspopup": "dialog",
+            "aria-expanded": open,
+            className: styles2.swatch(),
+            style: { backgroundColor: swatchBg }
+          }
+        ) }),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            id,
+            type: "text",
+            inputMode: "text",
+            size,
+            state,
+            disabled,
+            placeholder,
+            "aria-label": "Cor hexadecimal",
+            className: styles2.hexInput(),
+            value: inlineDraft,
+            onChange: (e2) => setInlineDraft(e2.target.value),
+            onBlur: handleInlineCommit,
+            onKeyDown: (e2) => {
+              if (e2.key === "Enter") {
+                e2.preventDefault();
+                handleInlineCommit();
+              }
+            }
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs(
+        PopoverContent,
+        {
+          align: "start",
+          mobileSheet: true,
+          role: "dialog",
+          "aria-label": "Paleta de cores",
+          className: styles2.content(),
+          children: [
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: styles2.presetsGrid(),
+                role: "group",
+                "aria-label": "Cores predefinidas",
+                children: presets.map((hex) => {
+                  const norm = normalizeHex(hex) ?? hex;
+                  const selected = sameHex(hex, value);
+                  const checkColor = getContrastTextColor(hex);
+                  return /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      type: "button",
+                      "aria-label": norm,
+                      "aria-pressed": selected,
+                      className: styles2.preset(),
+                      style: { backgroundColor: norm },
+                      onClick: () => handlePreset(hex),
+                      children: selected && /* @__PURE__ */ jsx(
+                        Check,
+                        {
+                          className: styles2.presetCheck(),
+                          style: { color: checkColor },
+                          "aria-hidden": "true"
+                        }
+                      )
+                    },
+                    norm
+                  );
+                })
+              }
+            ),
+            allowCustomHex && /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx(Separator, {}),
+              /* @__PURE__ */ jsxs("div", { className: styles2.customRow(), children: [
+                /* @__PURE__ */ jsx(FormField, { label: "Cor personalizada", id: `${id}-custom`, children: ({ id: customId }) => /* @__PURE__ */ jsx(
+                  Input,
+                  {
+                    id: customId,
+                    type: "text",
+                    size,
+                    placeholder,
+                    "aria-label": "Cor hexadecimal",
+                    value: customDraft,
+                    onChange: (e2) => setCustomDraft(e2.target.value),
+                    onKeyDown: (e2) => {
+                      if (e2.key === "Enter") {
+                        e2.preventDefault();
+                        handleCustomConfirm();
+                      }
+                    }
+                  }
+                ) }),
+                /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    type: "button",
+                    size: "sm",
+                    fullWidth: true,
+                    disabled: normalizeHex(customDraft) === null,
+                    onClick: handleCustomConfirm,
+                    children: "Aplicar"
+                  }
+                )
+              ] })
+            ] })
+          ]
+        }
+      )
+    ] });
+  }
+);
+const markdownTextStyles = tv({
+  slots: {
+    root: "text-body-sm text-fg-default break-words",
+    strong: "font-semibold",
+    em: "italic",
+    strike: "line-through",
+    code: "font-mono bg-bg-muted rounded-radius-xs px-pad-md text-fg-default",
+    link: "text-fg-brand underline underline-offset-2 break-all hover:opacity-80"
+  },
+  variants: {
+    inline: {
+      true: { root: "whitespace-normal" },
+      false: { root: "whitespace-pre-wrap" }
+    }
+  },
+  defaultVariants: {
+    inline: false
+  }
+});
+const CODE_RE = /```([\s\S]+?)```|`([^`]+?)`/g;
+const URL_RE = /((?:https?:\/\/|www\.)[^\s<>()]+[^\s<>().,!?;:'"])/g;
+function parseInline(text, s2, prefix) {
+  const markers = [
+    { re: /\*([^*\n]+?)\*/, slot: "strong", el: "strong" },
+    { re: /_([^_\n]+?)_/, slot: "em", el: "em" },
+    { re: /~([^~\n]+?)~/, slot: "strike", el: "span" }
+  ];
+  for (const { re, slot, el } of markers) {
+    const m = re.exec(text);
+    if (!m || m.index === void 0) continue;
+    const before = text.slice(0, m.index);
+    const inner = m[1];
+    const after = text.slice(m.index + m[0].length);
+    const Tag = el;
+    const className = slot === "strong" ? s2.strong() : slot === "em" ? s2.em() : s2.strike();
+    return [
+      ...parseInline(before, s2, `${prefix}-b`),
+      /* @__PURE__ */ jsx(Tag, { className, children: parseInline(inner, s2, `${prefix}-i`) }, `${prefix}-${slot}`),
+      ...parseInline(after, s2, `${prefix}-a`)
+    ];
+  }
+  return text ? [text] : [];
+}
+function parseLinksAndInline(text, s2, prefix) {
+  const out = [];
+  let last = 0;
+  let i2 = 0;
+  URL_RE.lastIndex = 0;
+  let m;
+  while ((m = URL_RE.exec(text)) !== null) {
+    if (m.index > last) {
+      out.push(...parseInline(text.slice(last, m.index), s2, `${prefix}-${i2}t`));
+    }
+    const raw = m[0];
+    const href = raw.startsWith("www.") ? `https://${raw}` : raw;
+    out.push(
+      /* @__PURE__ */ jsx(
+        "a",
+        {
+          href,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          className: s2.link(),
+          children: raw
+        },
+        `${prefix}-${i2}link`
+      )
+    );
+    last = m.index + raw.length;
+    i2 += 1;
+  }
+  if (last < text.length) {
+    out.push(...parseInline(text.slice(last), s2, `${prefix}-${i2}t`));
+  }
+  return out;
+}
+function parseMarkdown(source, s2) {
+  const out = [];
+  let last = 0;
+  let i2 = 0;
+  CODE_RE.lastIndex = 0;
+  let m;
+  while ((m = CODE_RE.exec(source)) !== null) {
+    if (m.index > last) {
+      out.push(...parseLinksAndInline(source.slice(last, m.index), s2, `${i2}t`));
+    }
+    const codeContent = m[1] ?? m[2] ?? "";
+    out.push(
+      /* @__PURE__ */ jsx("code", { className: s2.code(), children: codeContent }, `${i2}code`)
+    );
+    last = m.index + m[0].length;
+    i2 += 1;
+  }
+  if (last < source.length) {
+    out.push(...parseLinksAndInline(source.slice(last), s2, `${i2}t`));
+  }
+  return out;
+}
+function MarkdownText({
+  children,
+  inline = false,
+  className
+}) {
+  const styles2 = markdownTextStyles({ inline });
+  const source = inline ? children.replace(/\s+/g, " ").trim() : children;
+  const nodes = parseMarkdown(source, styles2);
+  const content = nodes.map((node, i2) => /* @__PURE__ */ jsx(Fragment$1, { children: node }, i2));
+  if (inline) {
+    return /* @__PURE__ */ jsx("span", { className: styles2.root({ className }), children: content });
+  }
+  return /* @__PURE__ */ jsx("p", { className: styles2.root({ className }), children: content });
+}
+const conversationListItemStyles = tv({
+  slots: {
+    root: [
+      "group/cli relative w-full text-left",
+      "grid grid-cols-[auto_minmax(0,1fr)_auto] items-start",
+      "gap-gp-lg px-pad-2xl",
+      "rounded-radius-md border border-transparent",
+      "transition-[background-color,box-shadow] duration-150",
+      // stripe de seleção (oculto por padrão)
+      "before:content-[''] before:absolute before:left-0 before:top-0 before:bottom-0",
+      "before:w-[3px] before:rounded-r-radius-xs before:bg-transparent",
+      "before:transition-colors before:pointer-events-none",
+      // hover
+      "hover:bg-bg-muted",
+      // foco (Padrão 1)
+      "focus-visible:outline-none focus-visible:ring-4 focus-visible:ring-ring-brand"
+    ],
+    media: "flex shrink-0 items-center",
+    body: "flex min-w-0 flex-col gap-gp-xs",
+    topRow: "flex min-w-0 items-center gap-gp-md",
+    title: "min-w-0 flex-1 truncate text-body-sm font-semibold text-fg-default",
+    time: "shrink-0 text-caption-sm text-fg-muted [font-variant-numeric:tabular-nums]",
+    preview: "min-w-0 text-body-xs text-fg-muted [&_*]:line-clamp-1 line-clamp-1",
+    badges: "flex flex-wrap items-center gap-gp-xs",
+    trailing: "flex shrink-0 flex-col items-end gap-gp-xs",
+    unread: [
+      // count-badge: dimensões finas alinhadas ao padrão de contadores do DS
+      // (Chip/Table usam min-w-[18px] h-[18px] px-[5px] — exceção posicional fina)
+      "inline-flex items-center justify-center",
+      "min-w-[18px] h-[18px] px-[5px]",
+      "rounded-radius-full",
+      "bg-bg-danger text-fg-on-danger",
+      "text-caption-xs font-semibold [font-variant-numeric:tabular-nums]"
+    ],
+    actions: [
+      "flex items-center gap-gp-xs",
+      // revelado no hover/focus-within da linha
+      "opacity-0 transition-opacity duration-150",
+      "group-hover/cli:opacity-100 group-focus-within/cli:opacity-100"
+    ]
+  },
+  variants: {
+    variant: {
+      // ticket: layout completo (badges + ações), default
+      ticket: {},
+      // chat: lista mais simples (DM-style) — body um pouco mais apertado
+      chat: { body: "gap-gp-2xs" }
+    },
+    density: {
+      comfortable: { root: "py-pad-lg", media: "py-[2px]" },
+      compact: { root: "py-pad-md" }
+    },
+    selected: {
+      true: { root: "bg-bg-muted before:bg-bg-brand" },
+      false: {}
+    },
+    unread: {
+      true: { title: "font-bold text-fg-default", preview: "text-fg-default font-medium" },
+      false: {}
+    },
+    disabled: {
+      true: { root: "pointer-events-none opacity-50 cursor-not-allowed" },
+      false: {}
+    }
+  },
+  compoundVariants: [
+    // disabled SEMPRE por último (L-006)
+    {
+      disabled: true,
+      class: {
+        root: "hover:bg-transparent before:bg-transparent",
+        actions: "opacity-0"
+      }
+    }
+  ],
+  defaultVariants: {
+    variant: "ticket",
+    density: "comfortable",
+    selected: false,
+    unread: false,
+    disabled: false
+  }
+});
+function initialsFromName(name) {
+  if (!name) return "";
+  const parts = name.trim().split(/\s+/).filter(Boolean);
+  if (parts.length === 0) return "";
+  if (parts.length === 1) return parts[0].slice(0, 2).toUpperCase();
+  return (parts[0][0] + parts[parts.length - 1][0]).toUpperCase();
+}
+function isAvatarData(value) {
+  return typeof value === "object" && value !== null && !isValidElement(value) && ("src" in value || "name" in value || "colorHex" in value);
+}
+const ConversationListItem = forwardRef(function ConversationListItem2({
+  title: title2,
+  avatar,
+  preview,
+  time,
+  badges,
+  unread,
+  variant = "ticket",
+  density = "comfortable",
+  selected = false,
+  disabled = false,
+  actions,
+  onClick,
+  className
+}, ref) {
+  const hasUnread = typeof unread === "number" && unread > 0;
+  const styles2 = conversationListItemStyles({
+    variant,
+    density,
+    selected,
+    unread: hasUnread,
+    disabled
+  });
+  const interactive = !disabled && typeof onClick === "function";
+  const handleKeyDown = (e2) => {
+    if (!interactive) return;
+    if (e2.key === "Enter" || e2.key === " ") {
+      e2.preventDefault();
+      onClick?.();
+    }
+  };
+  const stopActions = (e2) => e2.stopPropagation();
+  let avatarNode = null;
+  if (avatar != null) {
+    if (isAvatarData(avatar)) {
+      const { src, name, colorHex } = avatar;
+      const label = name ?? title2;
+      avatarNode = /* @__PURE__ */ jsx(Avatar, { size: "lg", colorHex, "aria-label": label, children: src ? /* @__PURE__ */ jsx(
+        "img",
+        {
+          src,
+          alt: "",
+          className: "size-full object-cover",
+          "aria-hidden": "true"
+        }
+      ) : initialsFromName(name ?? title2) });
+    } else {
+      avatarNode = avatar;
+    }
+  }
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref,
+      className: styles2.root({
+        className: [interactive && "cursor-pointer", className].filter(Boolean).join(" ")
+      }),
+      onClick: interactive ? onClick : void 0,
+      onKeyDown: interactive ? handleKeyDown : void 0,
+      ...interactive ? { role: "button", tabIndex: 0 } : {},
+      "aria-disabled": disabled || void 0,
+      "aria-current": selected ? "true" : void 0,
+      children: [
+        avatarNode && /* @__PURE__ */ jsx("span", { className: styles2.media(), children: avatarNode }),
+        /* @__PURE__ */ jsxs("span", { className: styles2.body(), children: [
+          /* @__PURE__ */ jsxs("span", { className: styles2.topRow(), children: [
+            /* @__PURE__ */ jsx("span", { className: styles2.title(), children: title2 }),
+            time && /* @__PURE__ */ jsx("span", { className: styles2.time(), children: time })
+          ] }),
+          preview && /* @__PURE__ */ jsx(MarkdownText, { inline: true, className: styles2.preview(), children: preview }),
+          badges && /* @__PURE__ */ jsx("span", { className: styles2.badges(), children: badges })
+        ] }),
+        (hasUnread || actions) && /* @__PURE__ */ jsxs("span", { className: styles2.trailing(), children: [
+          hasUnread && /* @__PURE__ */ jsx("span", { className: styles2.unread(), "aria-label": `${unread} não lidas`, children: unread > 99 ? "99+" : unread }),
+          actions && /* @__PURE__ */ jsx("span", { className: styles2.actions(), onClick: stopActions, children: actions })
+        ] })
+      ]
+    }
+  );
+});
+ConversationListItem.displayName = "ConversationListItem";
 const HIDDEN_AT = {
   md: "md:hidden",
   lg: "lg:hidden",
@@ -164,20 +829,20 @@ function useToolbarFilters(options) {
     [generateId]
   );
   const remove = useCallback((id) => {
-    setList((prev) => prev.filter((f3) => f3.id !== id));
+    setList((prev) => prev.filter((f) => f.id !== id));
   }, []);
   const update = useCallback((id, patch) => {
     setList(
-      (prev) => prev.map((f3) => f3.id === id ? { ...f3, ...patch } : f3)
+      (prev) => prev.map((f) => f.id === id ? { ...f, ...patch } : f)
     );
   }, []);
   const clear = useCallback(() => setList([]), []);
   const replaceAll = useCallback((next) => setList(next), []);
   const count = useMemo(
-    () => list.filter((f3) => {
-      if (f3.value === null || f3.value === void 0) return false;
-      if (typeof f3.value === "string") return f3.value.length > 0;
-      if (Array.isArray(f3.value)) return f3.value.length > 0;
+    () => list.filter((f) => {
+      if (f.value === null || f.value === void 0) return false;
+      if (typeof f.value === "string") return f.value.length > 0;
+      if (Array.isArray(f.value)) return f.value.length > 0;
       return true;
     }).length,
     [list]
@@ -190,7 +855,7 @@ function useToolbarSort(options) {
   const toggle = useCallback(
     (columnKey) => {
       setList((prev) => {
-        const idx = prev.findIndex((s3) => s3.columnKey === columnKey);
+        const idx = prev.findIndex((s2) => s2.columnKey === columnKey);
         if (idx === -1) {
           const next = [...prev, { columnKey, direction: "asc" }];
           if (next.length > maxColumns) next.shift();
@@ -202,7 +867,7 @@ function useToolbarSort(options) {
           next[idx] = { ...current, direction: "desc" };
           return next;
         }
-        return prev.filter((_2, i2) => i2 !== idx);
+        return prev.filter((_3, i2) => i2 !== idx);
       });
     },
     [maxColumns]
@@ -210,7 +875,7 @@ function useToolbarSort(options) {
   const set = useCallback(
     (columnKey, direction) => {
       setList((prev) => {
-        const idx = prev.findIndex((s3) => s3.columnKey === columnKey);
+        const idx = prev.findIndex((s2) => s2.columnKey === columnKey);
         if (idx === -1) {
           const next2 = [...prev, { columnKey, direction }];
           if (next2.length > maxColumns) next2.shift();
@@ -224,7 +889,7 @@ function useToolbarSort(options) {
     [maxColumns]
   );
   const remove = useCallback((columnKey) => {
-    setList((prev) => prev.filter((s3) => s3.columnKey !== columnKey));
+    setList((prev) => prev.filter((s2) => s2.columnKey !== columnKey));
   }, []);
   const clear = useCallback(() => setList([]), []);
   const replaceAll = useCallback(
@@ -232,7 +897,7 @@ function useToolbarSort(options) {
     []
   );
   const directionOf = useCallback(
-    (columnKey) => list.find((s3) => s3.columnKey === columnKey)?.direction,
+    (columnKey) => list.find((s2) => s2.columnKey === columnKey)?.direction,
     [list]
   );
   return {
@@ -410,6 +1075,109 @@ function actionColumn(opts) {
 function customColumn(field, headerName, render, overrides) {
   return { field, headerName, render, ...overrides };
 }
+const formatFull = (date) => date.toLocaleDateString("pt-BR", {
+  day: "2-digit",
+  month: "long",
+  year: "numeric"
+});
+const formatShort = (date) => date.toLocaleDateString("pt-BR", {
+  day: "2-digit",
+  month: "short",
+  year: "numeric"
+});
+const DatePicker = React.forwardRef(
+  (props, ref) => {
+    const { placeholder, disabled, align = "start", className } = props;
+    const [open, setOpen] = React.useState(false);
+    let label = null;
+    let calendar;
+    if (props.mode === "range") {
+      const v2 = props.value;
+      label = v2?.from ? v2.to ? `${formatShort(v2.from)} – ${formatShort(v2.to)}` : formatShort(v2.from) : null;
+      calendar = /* @__PURE__ */ jsx(
+        Calendar,
+        {
+          mode: "range",
+          min: 1,
+          numberOfMonths: props.numberOfMonths ?? 2,
+          selected: v2,
+          onSelect: (range) => {
+            props.onValueChange?.(range);
+            if (range?.from && range?.to) setOpen(false);
+          },
+          autoFocus: true
+        }
+      );
+    } else if (props.mode === "multiple") {
+      const v2 = props.value;
+      label = v2 && v2.length > 0 ? v2.length === 1 ? "1 data selecionada" : `${v2.length} datas selecionadas` : null;
+      calendar = /* @__PURE__ */ jsx(
+        Calendar,
+        {
+          mode: "multiple",
+          numberOfMonths: props.numberOfMonths,
+          selected: v2,
+          onSelect: (dates) => props.onValueChange?.(dates),
+          autoFocus: true
+        }
+      );
+    } else {
+      const v2 = props.value;
+      label = v2 ? formatFull(v2) : null;
+      calendar = /* @__PURE__ */ jsx(
+        Calendar,
+        {
+          mode: "single",
+          numberOfMonths: props.numberOfMonths,
+          selected: v2,
+          onSelect: (date) => {
+            props.onValueChange?.(date);
+            setOpen(false);
+          }
+        }
+      );
+    }
+    const text = label ?? placeholder ?? (props.mode === "range" ? "Selecione o período" : "Selecione a data");
+    return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
+      /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+        "button",
+        {
+          ref,
+          type: "button",
+          disabled,
+          "data-placeholder": label ? void 0 : "",
+          className: 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
+            // foco (borda + shadow-sh-ring), em vez de `ring-4` de botão.
+            // Antes divergia em 6 pontos — bg-surface (opaco) no lugar de
+            // bg-input (translúcido), border-default, radius-md, pad-lg,
+            // gp-sm e sem hover — e por isso não lia como campo de formulário.
+            "flex min-h-form-lg w-full items-center gap-gp-md",
+            "rounded-radius-lg px-pad-xl",
+            "bg-bg-input dark:bg-bg-muted",
+            "hover:bg-bg-input-hover dark:hover:bg-bg-muted-hover",
+            "border border-border-input",
+            "text-body-sm font-normal text-fg-default",
+            "transition-[border-color,box-shadow,background-color] outline-none",
+            "focus-visible:border-border-brand focus-visible:shadow-sh-ring",
+            "data-[state=open]:border-border-brand data-[state=open]:shadow-sh-ring",
+            "disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:bg-bg-input dark:disabled:hover:bg-bg-muted",
+            "data-[placeholder]:text-fg-muted",
+            className
+          ),
+          children: [
+            /* @__PURE__ */ jsx(Calendar$1, { className: "size-icon-sm shrink-0 text-fg-muted", strokeWidth: 1.8 }),
+            /* @__PURE__ */ jsx("span", { className: "truncate", children: text })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ jsx(PopoverContent, { align, className: "w-auto p-pad-xl", children: calendar })
+    ] });
+  }
+);
+DatePicker.displayName = "DatePicker";
 const icons = {
   "line-outline": "M14 9C14 6.23858 11.7614 4 9 4C6.23858 4 4 6.23858 4 9C4 11.7614 6.23858 14 9 14C11.7614 14 14 11.7614 14 9ZM18 9C18 13.9706 13.9706 18 9 18C4.02944 18 0 13.9706 0 9C0 4.02944 4.02944 0 9 0C13.9706 0 18 4.02944 18 9Z",
   "line-close": "M13.7237 4.27627C14.0362 4.58869 14.0362 5.09529 13.7237 5.40771L10.1315 9L13.7237 12.5923C14.0362 12.9047 14.0362 13.4113 13.7237 13.7237C13.4113 14.0362 12.9047 14.0362 12.5923 13.7237L9 10.1315L5.40771 13.7237C5.09529 14.0362 4.58869 14.0362 4.27627 13.7237C3.96386 13.4113 3.96386 12.9047 4.27627 12.5923L7.86852 9L4.27627 5.40771C3.96386 5.09529 3.96386 4.58869 4.27627 4.27627C4.58869 3.96386 5.09529 3.96386 5.40771 4.27627L9 7.86852L12.5923 4.27627C12.9047 3.96386 13.4113 3.96386 13.7237 4.27627Z",
@@ -2848,7 +3616,7 @@ const iconStyles = tv({
   }
 });
 const PRESETS = ["xs", "sm", "md", "lg", "xl"];
-const isPresetSize = (s3) => typeof s3 === "string" && PRESETS.includes(s3);
+const isPresetSize = (s2) => typeof s2 === "string" && PRESETS.includes(s2);
 const VIEWBOX_18 = /* @__PURE__ */ new Set([
   "line-outline",
   "line-close",
@@ -2897,152 +3665,957 @@ const Icon = forwardRef(
         ...props,
         children: [
           title2 ? /* @__PURE__ */ jsx("title", { children: title2 }) : null,
-          paths.map((d4, i2) => /* @__PURE__ */ jsx("path", { d: d4 }, i2))
+          paths.map((d3, i2) => /* @__PURE__ */ jsx("path", { d: d3 }, i2))
         ]
       }
     );
   }
 );
 Icon.displayName = "Icon";
-const kpi = tv({
+const dateSeparatorChipStyles = tv({
   slots: {
-    root: "flex flex-col gap-gp-lg",
-    header: "flex items-start justify-between gap-gp-md",
-    label: "m-0 text-body-md font-semibold text-fg-default",
-    iconBox: "grid size-form-lg shrink-0 place-items-center rounded-radius-lg [&>svg]:size-icon-md",
-    main: "flex flex-col gap-gp-xs",
-    valueRow: "flex flex-wrap items-center gap-gp-md",
-    value: "text-body-2xl font-bold leading-none text-fg-default [font-variant-numeric:tabular-nums]",
-    hint: "text-caption-sm text-fg-subtle",
-    chart: "mt-gp-xs",
-    footnote: "mt-pad-md border-t border-border-subtle pt-pad-lg text-caption-md text-fg-muted"
+    root: "flex w-full items-center justify-center",
+    rule: "flex-1",
+    chip: "mx-auto shrink-0"
   },
   variants: {
-    surface: {
-      card: {
-        root: "rounded-radius-xl border border-border-subtle bg-bg-surface p-pad-3xl shadow-sh-sm"
+    variant: {
+      date: {
+        // sem réguas — só o chip centralizado
+        root: "py-pad-2xs"
       },
-      plain: { root: "p-pad-3xl" }
-    },
-    tone: {
-      brand: { iconBox: "bg-bg-brand-subtle text-fg-brand" },
-      success: { iconBox: "bg-bg-success-muted text-fg-success" },
-      warning: { iconBox: "bg-bg-warning-muted text-fg-warning" },
-      info: { iconBox: "bg-bg-info-muted text-fg-info" },
-      danger: { iconBox: "bg-bg-danger-muted text-fg-danger" },
-      neutral: { iconBox: "bg-bg-muted text-fg-muted" }
+      boundary: {
+        // chip ladeado por 2 réguas finas, com respiro lateral
+        root: "gap-gp-md py-pad-md"
+      }
     }
   },
   defaultVariants: {
-    surface: "card",
-    tone: "neutral"
+    variant: "date"
   }
 });
-const kpiGroup = tv({
-  base: "grid w-full",
+function DateSeparatorChip({
+  label,
+  variant = "date",
+  icon,
+  className
+}) {
+  const styles2 = dateSeparatorChipStyles({ variant });
+  const isBoundary = variant === "boundary";
+  const chip = /* @__PURE__ */ jsxs(Chip, { color: "neutral", variant: "soft", size: "sm", className: styles2.chip(), children: [
+    icon ? /* @__PURE__ */ jsx(Icon, { name: icon, size: "xs" }) : null,
+    label
+  ] });
+  return /* @__PURE__ */ jsx("div", { role: "separator", "aria-label": label, className: cn(styles2.root(), className), children: isBoundary ? /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Separator, { decorative: true, className: styles2.rule() }),
+    chip,
+    /* @__PURE__ */ jsx(Separator, { decorative: true, className: styles2.rule() })
+  ] }) : chip });
+}
+const emptyStateStyles = 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",
+    title: "text-fg-strong",
+    description: "text-body-sm text-fg-muted max-w-[360px]",
+    action: "mt-gp-xs"
+  },
   variants: {
-    columns: {
-      2: "grid-cols-1 sm:grid-cols-2",
-      3: "grid-cols-1 sm:grid-cols-2 lg:grid-cols-3",
-      4: "grid-cols-1 sm:grid-cols-2 lg:grid-cols-4",
-      5: "grid-cols-1 sm:grid-cols-2 lg:grid-cols-5",
-      6: "grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-6"
-    },
-    divided: {
-      // 1 card único com divisórias (linha no mobile, coluna no sm+)
-      true: "overflow-hidden rounded-radius-xl border border-border-subtle bg-bg-surface shadow-sh-sm divide-y divide-border-subtle sm:divide-y-0 sm:divide-x",
-      false: "gap-gp-2xl"
+    size: {
+      sm: {
+        icon: "size-icon-xl",
+        title: "text-title-sm"
+      },
+      md: {
+        icon: "size-icon-2xl",
+        title: "text-title-sm"
+      },
+      lg: {
+        icon: "size-icon-2xl",
+        title: "text-title-md"
+      }
     }
   },
   defaultVariants: {
-    columns: 4,
-    divided: false
+    size: "md"
   }
 });
-const KpiSurfaceContext = createContext("card");
-function KpiGroup({
-  columns = 4,
-  divided = false,
-  children,
-  className
-}) {
-  return /* @__PURE__ */ jsx(KpiSurfaceContext.Provider, { value: divided ? "plain" : "card", children: /* @__PURE__ */ jsx("div", { className: cn(kpiGroup({ columns, divided }), className), children }) });
+const ACTION_BUTTON_SIZE = {
+  sm: "sm",
+  md: "md",
+  lg: "lg"
+};
+function isActionConfig(action) {
+  return !isValidElement(action) && typeof action === "object" && action !== null && "label" in action && "onClick" in action;
 }
-KpiGroup.displayName = "KpiGroup";
-function Kpi({
-  label,
-  value,
-  delta,
-  hint,
+function renderIcon(icon) {
+  if (icon == null || isValidElement(icon)) return icon;
+  if (typeof icon === "function" || typeof icon === "object" && "$$typeof" in icon) {
+    return createElement(
+      icon,
+      { "aria-hidden": true }
+    );
+  }
+  return icon;
+}
+function EmptyState({
   icon,
-  tone = "neutral",
-  footnote,
-  children,
-  surface,
+  title: title2,
+  description: description2,
+  action,
+  size = "md",
   className
 }) {
-  const inherited = useContext(KpiSurfaceContext);
-  const s3 = kpi({ surface: surface ?? inherited, tone });
-  return /* @__PURE__ */ jsxs("article", { className: cn(s3.root(), className), children: [
-    /* @__PURE__ */ jsxs("header", { className: s3.header(), children: [
-      /* @__PURE__ */ jsx("h3", { className: s3.label(), children: label }),
-      icon && /* @__PURE__ */ jsx("span", { className: s3.iconBox(), "aria-hidden": true, children: icon })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: s3.main(), children: [
-      /* @__PURE__ */ jsxs("div", { className: s3.valueRow(), children: [
-        /* @__PURE__ */ jsx("span", { className: s3.value(), children: value }),
-        delta
-      ] }),
-      hint && /* @__PURE__ */ jsx("span", { className: s3.hint(), children: hint })
-    ] }),
-    children && /* @__PURE__ */ jsx("div", { className: s3.chart(), children }),
-    footnote && /* @__PURE__ */ jsx("div", { className: s3.footnote(), children: footnote })
+  const styles2 = emptyStateStyles({ size });
+  return /* @__PURE__ */ jsxs("div", { className: styles2.root({ className }), children: [
+    icon != null && /* @__PURE__ */ jsx("span", { className: styles2.icon(), "aria-hidden": "true", children: renderIcon(icon) }),
+    /* @__PURE__ */ jsx("h3", { className: styles2.title(), children: title2 }),
+    description2 && /* @__PURE__ */ jsx("p", { className: styles2.description(), children: description2 }),
+    action != null && (isActionConfig(action) ? /* @__PURE__ */ jsx("div", { className: styles2.action(), children: /* @__PURE__ */ jsx(
+      Button,
+      {
+        type: "button",
+        size: ACTION_BUTTON_SIZE[size],
+        color: action.color,
+        variant: action.variant,
+        onClick: action.onClick,
+        children: action.label
+      }
+    ) }) : /* @__PURE__ */ jsx("div", { className: styles2.action(), children: action }))
   ] });
 }
-Kpi.displayName = "Kpi";
-function KpiDelta({
+const fileUploadFieldStyles = tv({
+  slots: {
+    dropzone: [
+      "flex w-full flex-col items-center justify-center text-center",
+      "min-h-form-xl gap-gp-xs px-pad-2xl py-pad-lg",
+      "rounded-radius-xl bg-bg-muted",
+      "border border-dashed border-border-default",
+      "transition-[color,box-shadow,background-color,border-color] duration-200 ease-out",
+      "cursor-pointer hover:border-border-brand",
+      // Padrão 1 — focus estático
+      "focus-visible:outline-none focus-visible:ring-4 focus-visible:ring-ring-brand"
+    ],
+    dropIcon: "text-fg-subtle",
+    dropText: "text-body-sm text-fg-muted",
+    dropHint: "text-caption-md text-fg-subtle",
+    fileRow: [
+      "flex w-full items-center gap-gp-sm",
+      "min-h-form-xl px-pad-xl py-pad-md",
+      "rounded-radius-xl bg-bg-muted border border-border-subtle"
+    ],
+    thumb: [
+      "size-icon-2xl shrink-0 rounded-radius-md object-cover",
+      "border border-border-subtle"
+    ],
+    fileChipWrap: "flex min-w-0 flex-1 items-center",
+    fileName: "min-w-0 truncate",
+    removeWrap: "ml-auto shrink-0"
+  },
+  variants: {
+    disabled: {
+      // DS v3 não tem token bg-disabled/border-disabled → padrão Button = opacity-50 (L-006)
+      true: {
+        dropzone: "pointer-events-none opacity-50",
+        fileRow: "opacity-50"
+      }
+    }
+  },
+  defaultVariants: { disabled: false }
+});
+function resolveIsImage(value, preview, accept) {
+  if (preview === "image") return true;
+  if (preview === "file") return false;
+  if (value instanceof File) return value.type.startsWith("image/");
+  if (accept) return /image\//.test(accept) || /\.(png|jpe?g|gif|webp|svg|avif)/i.test(accept);
+  return /\.(png|jpe?g|gif|webp|svg|avif)(\?|$)/i.test(value);
+}
+function matchesAccept(file, accept) {
+  if (!accept) return true;
+  const tokens = accept.split(",").map((t2) => t2.trim().toLowerCase());
+  const name = file.name.toLowerCase();
+  const mime = file.type.toLowerCase();
+  return tokens.some((token) => {
+    if (!token) return false;
+    if (token.startsWith(".")) return name.endsWith(token);
+    if (token.endsWith("/*")) return mime.startsWith(token.slice(0, token.length - 1));
+    return mime === token;
+  });
+}
+function FileUploadField({
   value,
-  tone = "success",
-  direction,
+  onChange,
+  accept,
+  maxSizeMB,
+  preview = "auto",
+  fileName,
+  label,
+  required,
+  state,
+  errorMessage,
+  helperText,
+  onError,
+  disabled,
+  id,
   className
 }) {
-  return /* @__PURE__ */ jsxs(
-    Chip,
+  const inputRef = useRef(null);
+  const styles2 = fileUploadFieldStyles({ disabled });
+  const [objectUrl, setObjectUrl] = useState(null);
+  useEffect(() => {
+    if (value instanceof File) {
+      const url = URL.createObjectURL(value);
+      setObjectUrl(url);
+      return () => URL.revokeObjectURL(url);
+    }
+    setObjectUrl(null);
+    return void 0;
+  }, [value]);
+  const openPicker = () => {
+    if (disabled) return;
+    inputRef.current?.click();
+  };
+  const handleFiles = (file) => {
+    if (!file) return;
+    if (!matchesAccept(file, accept)) {
+      onError?.("type");
+      resetInput();
+      return;
+    }
+    if (maxSizeMB != null && file.size > maxSizeMB * 1024 * 1024) {
+      onError?.("size");
+      resetInput();
+      return;
+    }
+    onChange(file);
+  };
+  const resetInput = () => {
+    if (inputRef.current) inputRef.current.value = "";
+  };
+  const handleRemove = () => {
+    onChange(null);
+    resetInput();
+  };
+  const hint = [
+    accept ? accept : null,
+    maxSizeMB != null ? `máx. ${maxSizeMB}MB` : null
+  ].filter(Boolean).join(" · ");
+  const displayName = value instanceof File ? value.name : fileName ?? "Arquivo";
+  const isImage = value != null && resolveIsImage(value, preview, accept);
+  const imageSrc = value instanceof File ? objectUrl : value;
+  return /* @__PURE__ */ jsx(
+    FormField,
     {
-      color: tone,
-      variant: "soft",
-      size: "sm",
-      shape: "pill",
+      label,
+      required,
+      state,
+      errorMessage,
+      helperText,
       className,
-      children: [
-        direction && /* @__PURE__ */ jsx(
-          TrendingUp,
+      id,
+      disabled,
+      children: ({ id: fieldId }) => /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx(
+          "input",
           {
-            className: cn("size-[12px]", direction === "down" && "rotate-180"),
-            "aria-hidden": true
+            ref: inputRef,
+            id: fieldId,
+            type: "file",
+            accept,
+            disabled,
+            className: "hidden",
+            onChange: (e2) => handleFiles(e2.target.files?.[0])
           }
         ),
-        value
-      ]
+        value == null ? /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: openPicker,
+            disabled,
+            "aria-label": label ? `${label}: clique para anexar` : "Clique para anexar",
+            className: styles2.dropzone(),
+            children: [
+              /* @__PURE__ */ jsx(Icon, { name: "line-cloud-upload", size: "lg", className: styles2.dropIcon() }),
+              /* @__PURE__ */ jsx("span", { className: styles2.dropText(), children: "Clique para anexar" }),
+              hint && /* @__PURE__ */ jsx("span", { className: styles2.dropHint(), children: hint })
+            ]
+          }
+        ) : /* @__PURE__ */ jsxs("div", { className: styles2.fileRow(), children: [
+          isImage && imageSrc ? /* @__PURE__ */ jsx("img", { src: imageSrc, alt: displayName, className: styles2.thumb() }) : /* @__PURE__ */ jsx("div", { className: styles2.fileChipWrap(), children: /* @__PURE__ */ jsxs(Chip, { color: "neutral", variant: "soft", size: "lg", className: "max-w-full", children: [
+            /* @__PURE__ */ jsx(Icon, { name: "line-file", size: "sm" }),
+            /* @__PURE__ */ jsx("span", { className: styles2.fileName(), children: displayName })
+          ] }) }),
+          /* @__PURE__ */ jsx("div", { className: styles2.removeWrap(), children: /* @__PURE__ */ jsx(
+            Button,
+            {
+              type: "button",
+              color: "critical",
+              variant: "ghost",
+              size: "icon-sm",
+              disabled,
+              "aria-label": "Remover arquivo",
+              onClick: handleRemove,
+              children: /* @__PURE__ */ jsx(Icon, { name: "line-bin", size: "sm" })
+            }
+          ) })
+        ] })
+      ] })
     }
   );
 }
-KpiDelta.displayName = "KpiDelta";
-const dialog = tv({
-  base: [
-    // Override do DialogContent default (grid + p-pad-4xl + rounded-radius-base + shadow-sh-xl)
-    "!gap-0 !p-0",
-    "border border-border-default",
-    "!rounded-radius-2xl !shadow-sh-2xl",
-    "outline-float",
-    "flex flex-col overflow-hidden",
-    "w-[calc(100%-32px)]"
-  ],
+const messageAckStyles = tv({
+  slots: {
+    icon: "inline-block shrink-0 align-middle size-icon-xs"
+  },
+  variants: {
+    tone: {
+      muted: { icon: "text-fg-muted" },
+      success: { icon: "text-fg-success" },
+      danger: { icon: "text-fg-danger" }
+    }
+  },
+  defaultVariants: { tone: "muted" }
+});
+const MessageAck = ({ ack, error = false, className }) => {
+  if (error) {
+    const styles22 = messageAckStyles({ tone: "danger" });
+    return /* @__PURE__ */ jsx(AlertCircle, { "aria-hidden": true, className: cn(styles22.icon(), className) });
+  }
+  const tone = ack >= 4 ? "success" : "muted";
+  const styles2 = messageAckStyles({ tone });
+  const iconClassName = cn(styles2.icon(), className);
+  if (ack >= 4) return /* @__PURE__ */ jsx(CheckCheck, { "aria-hidden": true, className: iconClassName });
+  if (ack === 3) return /* @__PURE__ */ jsx(CheckCheck, { "aria-hidden": true, className: iconClassName });
+  if (ack === 2) return /* @__PURE__ */ jsx(Check, { "aria-hidden": true, className: iconClassName });
+  return /* @__PURE__ */ jsx(Clock, { "aria-hidden": true, className: iconClassName });
+};
+MessageAck.displayName = "MessageAck";
+const messageBubbleStyles = tv({
+  slots: {
+    row: "group/bubble flex w-full items-end gap-gp-sm",
+    avatarSlot: "shrink-0 self-end",
+    /* coluna da bolha — limita a 70% da largura da linha (exceção documentada) */
+    column: "relative flex min-w-0 max-w-[70%] flex-col",
+    bubble: [
+      "relative flex min-w-0 flex-col gap-gp-xs",
+      "px-pad-2xl py-pad-lg",
+      "rounded-radius-md shadow-sh-sm",
+      "border border-transparent"
+    ],
+    author: "text-caption-md font-semibold text-fg-brand",
+    /* citação (reply) */
+    quoted: [
+      "mb-gp-xs flex min-w-0 flex-col gap-gp-xs",
+      "border-l-2 border-border-brand-subtle",
+      "rounded-radius-xs bg-bg-muted",
+      "px-pad-lg py-pad-md"
+    ],
+    quotedAuthor: "truncate text-caption-sm font-semibold text-fg-brand",
+    quotedPreview: "flex min-w-0 items-center gap-gp-xs",
+    quotedPreviewText: "truncate text-caption-sm text-fg-muted",
+    quotedThumb: "size-icon-xl shrink-0 rounded-radius-xs object-cover",
+    /* mídia */
+    media: "flex min-w-0 flex-col gap-gp-xs",
+    mediaImage: "max-w-full cursor-pointer rounded-radius-sm object-cover transition-opacity hover:opacity-90 focus-visible:outline-none focus-visible:ring-4 focus-visible:ring-ring-brand",
+    mediaVideo: "max-w-full rounded-radius-sm focus-visible:outline-none focus-visible:ring-4 focus-visible:ring-ring-brand",
+    mediaAudio: "w-full",
+    mediaDoc: [
+      "flex items-center gap-gp-md",
+      "rounded-radius-sm bg-bg-muted",
+      "px-pad-lg py-pad-md"
+    ],
+    mediaDocIcon: "shrink-0 text-fg-brand",
+    mediaDocInfo: "flex min-w-0 flex-col",
+    mediaDocName: "truncate text-body-sm font-semibold text-fg-default",
+    mediaDocHint: "text-caption-sm text-fg-muted",
+    mediaLocation: [
+      "flex items-center gap-gp-md",
+      "rounded-radius-sm bg-bg-muted",
+      "px-pad-lg py-pad-md",
+      "text-body-sm text-fg-default",
+      "transition-colors hover:bg-bg-muted-hover"
+    ],
+    mediaLocationIcon: "shrink-0 text-fg-brand",
+    mediaContact: [
+      "flex items-center gap-gp-md",
+      "rounded-radius-sm bg-bg-muted",
+      "px-pad-lg py-pad-md"
+    ],
+    mediaContactInfo: "flex min-w-0 flex-col",
+    mediaContactName: "truncate text-body-sm font-semibold text-fg-default",
+    mediaContactHint: "text-caption-sm text-fg-muted",
+    /* corpo */
+    body: "min-w-0 text-body-sm text-fg-default",
+    /* corpo de mensagem apagada */
+    deleted: [
+      "flex items-center gap-gp-xs",
+      "text-body-sm italic text-fg-muted"
+    ],
+    deletedIcon: "shrink-0",
+    /* rodapé */
+    meta: "mt-gp-xs flex items-center justify-end gap-gp-xs self-end",
+    metaTime: "text-caption-sm text-fg-muted tabular-nums",
+    metaEdited: "text-caption-sm italic text-fg-muted",
+    /* ações (hover) */
+    actionsTrigger: [
+      "absolute right-pad-md top-pad-md",
+      "opacity-0 transition-opacity",
+      "group-hover/bubble:opacity-100 focus-visible:opacity-100"
+    ],
+    actionsContent: "flex min-w-0 flex-col gap-gp-xs"
+  },
+  variants: {
+    side: {
+      sent: {
+        row: "flex-row-reverse",
+        column: "items-end",
+        bubble: "bg-bg-success-muted"
+      },
+      received: {
+        row: "flex-row",
+        column: "items-start",
+        bubble: "bg-bg-surface"
+      }
+    },
+    tail: {
+      true: {},
+      false: {}
+    }
+  },
+  compoundVariants: [
+    /* rabeta = canto reto no lado de quem enviou */
+    { side: "sent", tail: true, class: { bubble: "rounded-br-none" } },
+    { side: "received", tail: true, class: { bubble: "rounded-bl-none" } }
+  ],
+  defaultVariants: {
+    side: "received",
+    tail: true
+  }
+});
+const styles$1 = messageBubbleStyles();
+function handleMediaKeyDown(event, onMediaClick) {
+  if (!onMediaClick) return;
+  if (event.key === "Enter" || event.key === " ") {
+    event.preventDefault();
+    onMediaClick();
+  }
+}
+function formatTime(value) {
+  const date = value instanceof Date ? value : new Date(value);
+  if (Number.isNaN(date.getTime())) return "";
+  return date.toLocaleTimeString("pt-BR", {
+    hour: "2-digit",
+    minute: "2-digit",
+    hour12: false
+  });
+}
+const MEDIA_LABEL = {
+  text: "",
+  image: "Imagem",
+  audio: "Áudio",
+  video: "Vídeo",
+  document: "Documento",
+  location: "Localização",
+  vcard: "Contato",
+  contact: "Contato"
+};
+function MessageMediaRenderer({
+  mediaType,
+  mediaUrl,
+  body: body2,
+  onMediaClick
+}) {
+  switch (mediaType) {
+    case "image":
+      return /* @__PURE__ */ jsx("div", { className: styles$1.media(), children: mediaUrl ? /* @__PURE__ */ jsx(
+        "img",
+        {
+          src: mediaUrl,
+          alt: body2 || "Imagem",
+          className: styles$1.mediaImage(),
+          role: onMediaClick ? "button" : void 0,
+          tabIndex: onMediaClick ? 0 : void 0,
+          onClick: onMediaClick,
+          onKeyDown: (e2) => handleMediaKeyDown(e2, onMediaClick)
+        }
+      ) : null });
+    case "audio":
+      return /* @__PURE__ */ jsx("div", { className: styles$1.media(), children: mediaUrl ? (
+        // eslint-disable-next-line jsx-a11y/media-has-caption
+        /* @__PURE__ */ jsx("audio", { controls: true, src: mediaUrl, className: styles$1.mediaAudio() })
+      ) : null });
+    case "video":
+      return /* @__PURE__ */ jsx("div", { className: styles$1.media(), children: mediaUrl ? (
+        // eslint-disable-next-line jsx-a11y/media-has-caption
+        /* @__PURE__ */ jsx(
+          "video",
+          {
+            controls: true,
+            src: mediaUrl,
+            className: styles$1.mediaVideo(),
+            role: onMediaClick ? "button" : void 0,
+            tabIndex: onMediaClick ? 0 : void 0,
+            onClick: onMediaClick,
+            onKeyDown: (e2) => handleMediaKeyDown(e2, onMediaClick)
+          }
+        )
+      ) : null });
+    case "document":
+      return /* @__PURE__ */ jsxs("div", { className: styles$1.mediaDoc(), children: [
+        /* @__PURE__ */ jsx(
+          Icon,
+          {
+            name: "line-file",
+            size: "lg",
+            className: styles$1.mediaDocIcon()
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: styles$1.mediaDocInfo(), children: [
+          /* @__PURE__ */ jsx("span", { className: styles$1.mediaDocName(), children: body2 || "Documento" }),
+          /* @__PURE__ */ jsx("span", { className: styles$1.mediaDocHint(), children: "Toque para baixar" })
+        ] }),
+        mediaUrl ? /* @__PURE__ */ jsx(
+          Button,
+          {
+            type: "button",
+            size: "xs",
+            variant: "ghost",
+            color: "primary",
+            "aria-label": "Baixar documento",
+            onClick: onMediaClick,
+            children: /* @__PURE__ */ jsx(Icon, { name: "line-download-01", size: "sm" })
+          }
+        ) : null
+      ] });
+    case "location":
+      return mediaUrl ? /* @__PURE__ */ jsxs(
+        "a",
+        {
+          href: mediaUrl,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          className: styles$1.mediaLocation(),
+          onClick: onMediaClick,
+          children: [
+            /* @__PURE__ */ jsx(
+              Icon,
+              {
+                name: "line-pin",
+                size: "md",
+                className: styles$1.mediaLocationIcon()
+              }
+            ),
+            /* @__PURE__ */ jsx("span", { children: body2 || "Ver localização" })
+          ]
+        }
+      ) : /* @__PURE__ */ jsxs("div", { className: styles$1.mediaLocation(), children: [
+        /* @__PURE__ */ jsx(
+          Icon,
+          {
+            name: "line-pin",
+            size: "md",
+            className: styles$1.mediaLocationIcon()
+          }
+        ),
+        /* @__PURE__ */ jsx("span", { children: body2 || "Localização" })
+      ] });
+    case "vcard":
+    case "contact":
+      return /* @__PURE__ */ jsxs("div", { className: styles$1.mediaContact(), children: [
+        /* @__PURE__ */ jsx(
+          Icon,
+          {
+            name: "line-user",
+            size: "lg",
+            className: styles$1.mediaDocIcon()
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: styles$1.mediaContactInfo(), children: [
+          /* @__PURE__ */ jsx("span", { className: styles$1.mediaContactName(), children: body2 || "Contato" }),
+          /* @__PURE__ */ jsx("span", { className: styles$1.mediaContactHint(), children: "Cartão de contato" })
+        ] })
+      ] });
+    case "text":
+    default:
+      return null;
+  }
+}
+function MessageBubble({
+  side,
+  body: body2,
+  createdAt,
+  ack,
+  ackError,
+  mediaType = "text",
+  mediaUrl,
+  media,
+  quotedMessage,
+  isEdited = false,
+  isDeleted = false,
+  tail = true,
+  authorName,
+  avatar,
+  actions,
+  onMediaClick,
+  className
+}) {
+  const [actionsOpen, setActionsOpen] = useState(false);
+  const s2 = messageBubbleStyles({ side, tail });
+  const time = formatTime(createdAt);
+  const hasMedia = !isDeleted && mediaType !== "text";
+  const showAck = side === "sent" && ack !== void 0 && !isDeleted;
+  return /* @__PURE__ */ jsxs("div", { className: s2.row({ className }), children: [
+    avatar ? /* @__PURE__ */ jsx("div", { className: s2.avatarSlot(), children: avatar }) : null,
+    /* @__PURE__ */ jsx("div", { className: s2.column(), children: /* @__PURE__ */ jsxs("div", { className: s2.bubble(), children: [
+      actions && !isDeleted ? /* @__PURE__ */ jsxs(
+        Popover,
+        {
+          open: actionsOpen,
+          onOpenChange: setActionsOpen,
+          modal: false,
+          children: [
+            /* @__PURE__ */ jsx(PopoverAnchor, { asChild: true, children: /* @__PURE__ */ jsx(
+              Button,
+              {
+                type: "button",
+                size: "2xs",
+                variant: "ghost",
+                color: "secondary",
+                "aria-label": "Ações da mensagem",
+                "aria-haspopup": "menu",
+                "aria-expanded": actionsOpen,
+                className: s2.actionsTrigger(),
+                onClick: () => setActionsOpen((o2) => !o2),
+                children: /* @__PURE__ */ jsx(MoreVertical, { "aria-hidden": "true" })
+              }
+            ) }),
+            /* @__PURE__ */ jsx(
+              PopoverContent,
+              {
+                align: side === "sent" ? "end" : "start",
+                role: "menu",
+                className: s2.actionsContent(),
+                children: actions
+              }
+            )
+          ]
+        }
+      ) : null,
+      authorName && !isDeleted ? /* @__PURE__ */ jsx("span", { className: s2.author(), children: authorName }) : null,
+      quotedMessage && !isDeleted ? /* @__PURE__ */ jsxs("div", { className: s2.quoted(), children: [
+        quotedMessage.authorName ? /* @__PURE__ */ jsx("span", { className: s2.quotedAuthor(), children: quotedMessage.fromMe ? "Você" : quotedMessage.authorName }) : null,
+        /* @__PURE__ */ jsxs("div", { className: s2.quotedPreview(), children: [
+          quotedMessage.mediaType === "image" && quotedMessage.mediaUrl ? /* @__PURE__ */ jsx(
+            "img",
+            {
+              src: quotedMessage.mediaUrl,
+              alt: "",
+              className: s2.quotedThumb()
+            }
+          ) : null,
+          /* @__PURE__ */ jsx("span", { className: s2.quotedPreviewText(), children: quotedMessage.body ? /* @__PURE__ */ jsx(MarkdownText, { inline: true, children: quotedMessage.body }) : MEDIA_LABEL[quotedMessage.mediaType ?? "text"] || "Mensagem" })
+        ] })
+      ] }) : null,
+      isDeleted ? /* @__PURE__ */ jsxs("span", { className: s2.deleted(), children: [
+        /* @__PURE__ */ jsx(Ban, { className: s2.deletedIcon(), "aria-hidden": "true" }),
+        "Mensagem apagada"
+      ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+        hasMedia ? media ?? /* @__PURE__ */ jsx(
+          MessageMediaRenderer,
+          {
+            mediaType,
+            mediaUrl,
+            body: body2,
+            onMediaClick
+          }
+        ) : null,
+        body2 && (mediaType === "text" || !hasMedia) ? /* @__PURE__ */ jsx(MarkdownText, { className: s2.body(), children: body2 }) : null
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: s2.meta(), children: [
+        isEdited && !isDeleted ? /* @__PURE__ */ jsx("span", { className: s2.metaEdited(), children: "editada" }) : null,
+        /* @__PURE__ */ jsx("span", { className: s2.metaTime(), children: time }),
+        showAck ? /* @__PURE__ */ jsx(MessageAck, { ack, error: ackError }) : null
+      ] })
+    ] }) })
+  ] });
+}
+MessageBubble.displayName = "MessageBubble";
+const messageComposerStyles = tv({
+  slots: {
+    root: [
+      "flex w-full flex-col",
+      "rounded-radius-lg border border-border-subtle",
+      "bg-bg-surface dark:bg-bg-muted",
+      "shadow-sh-sm",
+      "transition-[border-color,box-shadow,background-color]",
+      "focus-within:border-border-brand focus-within:shadow-sh-ring"
+    ],
+    replyPreview: "border-b border-border-subtle px-pad-2xl py-pad-lg",
+    banner: [
+      "border-b border-border-subtle px-pad-2xl py-pad-lg",
+      "text-body-sm text-fg-muted"
+    ],
+    field: "flex w-full items-end gap-gp-md",
+    toolbarStart: "flex shrink-0 items-center gap-gp-xs",
+    toolbarEnd: "flex shrink-0 items-center gap-gp-xs",
+    inputArea: "flex min-w-0 flex-1 items-end",
+    recording: "flex min-w-0 flex-1 items-center",
+    textarea: [
+      // funde a textarea na moldura externa: sem borda/ring/bg/shadow próprios
+      "min-h-form-lg w-full resize-none",
+      "border-none bg-transparent shadow-none",
+      "px-pad-md py-pad-md",
+      "focus-visible:shadow-none focus-visible:border-none",
+      "hover:bg-transparent dark:hover:bg-transparent",
+      "disabled:hover:bg-transparent dark:disabled:hover:bg-transparent"
+    ],
+    send: "shrink-0"
+  },
+  variants: {
+    size: {
+      sm: {
+        field: "px-pad-md py-pad-sm",
+        textarea: "min-h-form-md max-h-[160px] text-body-sm"
+      },
+      md: {
+        field: "px-pad-lg py-pad-md",
+        textarea: "min-h-form-lg max-h-[200px] text-body-sm"
+      }
+    },
+    state: {
+      open: {},
+      disabled: { root: "opacity-60" },
+      "read-only": {}
+    }
+  },
+  compoundVariants: [
+    // disabled SEMPRE por último (L-006)
+    {
+      state: "disabled",
+      class: { root: "pointer-events-none" }
+    }
+  ],
+  defaultVariants: {
+    size: "md",
+    state: "open"
+  }
+});
+const MessageComposer = forwardRef(function MessageComposer2({
+  value,
+  onChange,
+  onSend,
+  onKeyDown,
+  placeholder,
+  state = "open",
+  size = "md",
+  toolbarStart,
+  toolbarEnd,
+  replyPreview,
+  banner,
+  sending = false,
+  recording,
+  className
+}, ref) {
+  const innerRef = useRef(null);
+  const setRefs = useCallback(
+    (node) => {
+      innerRef.current = node;
+      if (typeof ref === "function") ref(node);
+      else if (ref) ref.current = node;
+    },
+    [ref]
+  );
+  useLayoutEffect(() => {
+    const el = innerRef.current;
+    if (!el) return;
+    el.style.height = "auto";
+    el.style.height = `${el.scrollHeight}px`;
+  }, [value]);
+  const isDisabled = state === "disabled";
+  const isReadOnly = state === "read-only";
+  const canSend = value.trim().length > 0 && !isDisabled && !sending;
+  const styles2 = messageComposerStyles({ size, state });
+  const handleKeyDown = (event) => {
+    onKeyDown?.(event);
+    if (event.defaultPrevented) return;
+    if (event.key === "Enter" && !event.shiftKey) {
+      event.preventDefault();
+      if (canSend) onSend();
+    }
+  };
+  return /* @__PURE__ */ jsxs("div", { className: styles2.root({ className }), children: [
+    replyPreview ? /* @__PURE__ */ jsx("div", { className: styles2.replyPreview(), children: replyPreview }) : null,
+    banner ? /* @__PURE__ */ jsx("div", { className: styles2.banner(), children: banner }) : null,
+    !isReadOnly && /* @__PURE__ */ jsxs(Fragment, { children: [
+      (replyPreview || banner) && /* @__PURE__ */ jsx(Separator, {}),
+      /* @__PURE__ */ jsxs("div", { className: styles2.field(), children: [
+        toolbarStart ? /* @__PURE__ */ jsx("div", { className: styles2.toolbarStart(), children: toolbarStart }) : null,
+        recording ? /* @__PURE__ */ jsx("div", { className: styles2.recording(), children: recording }) : /* @__PURE__ */ jsx("div", { className: styles2.inputArea(), children: /* @__PURE__ */ jsx(
+          Textarea,
+          {
+            ref: setRefs,
+            rows: 1,
+            value,
+            disabled: isDisabled,
+            placeholder,
+            "aria-label": placeholder ?? "Mensagem",
+            className: styles2.textarea(),
+            onChange: (e2) => onChange(e2.target.value),
+            onKeyDown: handleKeyDown
+          }
+        ) }),
+        toolbarEnd ? /* @__PURE__ */ jsx("div", { className: styles2.toolbarEnd(), children: toolbarEnd }) : null,
+        !recording && /* @__PURE__ */ jsx(
+          Button,
+          {
+            type: "button",
+            size: size === "sm" ? "icon-sm" : "icon-md",
+            color: "primary",
+            variant: "filled",
+            loading: sending,
+            disabled: !canSend,
+            "aria-label": "Enviar mensagem",
+            className: styles2.send(),
+            onClick: () => {
+              if (canSend) onSend();
+            },
+            children: /* @__PURE__ */ jsx(Icon, { name: "line-telegram" })
+          }
+        )
+      ] })
+    ] })
+  ] });
+});
+const messageVariablesPickerStyles = tv({
+  slots: {
+    /** Container interno do PopoverContent. */
+    content: "flex flex-col gap-gp-md p-sp-sm min-w-[200px]",
+    /** Header opcional ("Variáveis disponíveis"). */
+    header: "text-caption-md text-fg-muted px-pad-md",
+    /** Lista de chips. */
+    list: "flex flex-wrap gap-gp-xs",
+    /** Estado vazio. */
+    empty: "text-caption-md text-fg-subtle px-pad-md"
+  },
+  variants: {
+    size: {
+      sm: {},
+      md: { content: "min-w-[240px]" }
+    }
+  },
+  defaultVariants: { size: "sm" }
+});
+const DEFAULT_MESSAGE_VARIABLES = [
+  { token: "{{firstName}}", label: "Primeiro Nome" },
+  { token: "{{name}} ", label: "Nome" },
+  { token: "{{ms}} ", label: "Saudação" },
+  { token: "{{protocol}} ", label: "Protocolo" },
+  { token: "{{hora}} ", label: "Hora" }
+];
+function MessageVariablesPicker({
+  onSelect,
+  variables = DEFAULT_MESSAGE_VARIABLES,
+  label = "Variáveis",
+  triggerVariant = "icon",
+  open: openProp,
+  onOpenChange,
+  closeOnSelect = true,
+  size = "sm",
+  className,
+  disabled
+}) {
+  const styles2 = messageVariablesPickerStyles({ size });
+  const [openState, setOpenState] = useState(false);
+  const isControlled = openProp !== void 0;
+  const open = isControlled ? openProp : openState;
+  const setOpen = (next) => {
+    if (!isControlled) setOpenState(next);
+    onOpenChange?.(next);
+  };
+  const handleSelect = (token) => {
+    onSelect(token);
+    if (closeOnSelect) setOpen(false);
+  };
+  const buttonSize = triggerVariant === "icon" ? size === "md" ? "icon-md" : "icon-sm" : size;
+  return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: triggerVariant === "icon" ? /* @__PURE__ */ jsx(
+      Button,
+      {
+        type: "button",
+        color: "primary",
+        variant: "ghost",
+        size: buttonSize,
+        disabled,
+        className,
+        "aria-label": "Inserir variável",
+        "aria-haspopup": "dialog",
+        children: /* @__PURE__ */ jsx(Icon, { name: "line-code" })
+      }
+    ) : /* @__PURE__ */ jsx(
+      Button,
+      {
+        type: "button",
+        color: "primary",
+        variant: "ghost",
+        size: buttonSize,
+        disabled,
+        className,
+        "aria-haspopup": "dialog",
+        iconLeft: /* @__PURE__ */ jsx(Icon, { name: "line-code" }),
+        children: label
+      }
+    ) }),
+    /* @__PURE__ */ jsx(PopoverContent, { align: "start", sideOffset: 6, mobileSheet: true, children: /* @__PURE__ */ jsxs("div", { className: styles2.content(), children: [
+      variables.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("span", { className: styles2.header(), children: "Variáveis disponíveis" }),
+        /* @__PURE__ */ jsx(Separator, {})
+      ] }),
+      variables.length === 0 ? /* @__PURE__ */ jsx("span", { className: styles2.empty(), children: "Nenhuma variável disponível" }) : /* @__PURE__ */ jsx("div", { className: styles2.list(), children: variables.map((variable) => /* @__PURE__ */ jsx(
+        Chip,
+        {
+          color: "primary",
+          variant: "soft",
+          size: "sm",
+          asButton: true,
+          "aria-label": `Inserir ${variable.label}`,
+          onMouseDown: (e2) => e2.preventDefault(),
+          onClick: () => handleSelect(variable.token),
+          children: variable.label
+        },
+        variable.token
+      )) })
+    ] }) })
+  ] });
+}
+const dialog = tv({
+  base: [
+    // Override do DialogContent default (grid + p-pad-4xl + rounded-radius-base + shadow-sh-xl)
+    "!gap-0 !p-0",
+    "border border-border-default",
+    "!rounded-radius-2xl !shadow-sh-2xl",
+    "outline-float",
+    "flex flex-col overflow-hidden",
+    "w-[calc(100%-32px)]",
+    // Teto de altura + body rolável (ver `body` abaixo).
+    //
+    // Sem isto, modal com conteúdo alto CRESCE ALÉM DA TELA e o
+    // `overflow-hidden` acima corta o resto — sem barra de rolagem, sem chegar
+    // no rodapé, sem alcançar os botões. Vale para todo modal do sistema; foi
+    // reportado num formulário longo e reproduz em qualquer um.
+    // Mesma convenção de unidade do `w-[calc(...)]` da linha acima. `dvh` em
+    // vez de `vh` por causa da barra do navegador no celular.
+    "max-h-[calc(100dvh-32px)]"
+  ],
   variants: {
     size: {
       sm: "!max-w-[440px]",
       md: "!max-w-[540px]",
-      lg: "!max-w-[720px]"
+      lg: "!max-w-[720px]",
+      // Modais de dados (grades com muitas colunas). `full` escala com a viewport
+      // mas mantém margens (não vira tela cheia) e limita em telas ultrawide.
+      xl: "!max-w-[1100px]",
+      full: "!max-w-[min(1400px,92vw)]"
     }
   },
   defaultVariants: { size: "md" }
@@ -3102,7 +4675,13 @@ const description = tv({
   base: "m-0 text-body-xs font-normal text-fg-muted leading-[1.45]"
 });
 const body = tv({
-  base: "flex flex-col gap-[18px] px-pad-4xl py-[22px]"
+  // `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.
+  base: [
+    "flex flex-col gap-[18px] px-pad-4xl py-[22px]",
+    "min-h-0 flex-1 overflow-y-auto"
+  ]
 });
 const foot = tv({
   base: [
@@ -3151,15 +4730,15 @@ function Modal({
     {
       className: dialog({ size, className }),
       hideClose: true,
-      "aria-labelledby": title$1 ? "modal-title" : void 0,
-      "aria-describedby": description$1 ? "modal-description" : void 0,
+      ...description$1 ? {} : { "aria-describedby": void 0 },
       children: [
-        !hideClose && /* @__PURE__ */ jsx(DialogClose, { className: closeBtn(), "aria-label": "Fechar", children: /* @__PURE__ */ jsx(X2, { className: "size-icon-sm" }) }),
+        !title$1 && /* @__PURE__ */ jsx(DialogTitle, { className: "sr-only", children: "Diálogo" }),
+        !hideClose && /* @__PURE__ */ jsx(DialogClose, { className: closeBtn(), "aria-label": "Fechar", children: /* @__PURE__ */ jsx(X3, { className: "size-icon-sm" }) }),
         hasHeader && /* @__PURE__ */ jsxs("header", { className: head(), children: [
           icon && /* @__PURE__ */ jsx("span", { className: headIcon(), "aria-hidden": "true", children: icon }),
           (title$1 || description$1) && /* @__PURE__ */ jsxs("div", { className: headTitleWrap(), children: [
-            title$1 && /* @__PURE__ */ jsx("h3", { id: "modal-title", className: title(), children: title$1 }),
-            description$1 && /* @__PURE__ */ jsx("p", { id: "modal-description", className: description(), children: description$1 })
+            title$1 && /* @__PURE__ */ jsx(DialogTitle, { className: title(), children: title$1 }),
+            description$1 && /* @__PURE__ */ jsx(DialogDescription, { className: description(), children: description$1 })
           ] })
         ] }),
         children !== void 0 && children !== null && /* @__PURE__ */ jsx("div", { className: body(), children }),
@@ -3240,25 +4819,253 @@ function StructuredActions({
     renderPrimary
   ] });
 }
-const TooltipProvider = ({
-  delayDuration = 200,
-  ...props
-}) => /* @__PURE__ */ jsx(TooltipPrimitive.Provider, { delayDuration, ...props });
-const Tooltip = TooltipPrimitive.Root;
+const monthYearStyles = tv({
+  slots: {
+    trigger: [
+      "flex min-h-form-lg w-full items-center justify-between gap-gp-md",
+      "rounded-radius-lg px-pad-xl",
+      "bg-bg-input dark:bg-bg-muted",
+      "hover:bg-bg-input-hover dark:hover:bg-bg-muted-hover",
+      "border border-border-input",
+      "text-body-sm font-normal text-fg-default text-left",
+      "transition-[color,box-shadow,background-color,border-color]",
+      "focus-visible:outline-none",
+      "data-[placeholder]:text-fg-muted data-[placeholder]:opacity-70",
+      "focus-visible:border-border-brand data-[state=open]:border-border-brand",
+      "focus-visible:shadow-sh-ring data-[state=open]:shadow-sh-ring",
+      "disabled:cursor-not-allowed disabled:opacity-50",
+      "disabled:hover:bg-bg-input dark:disabled:hover:bg-bg-muted"
+    ],
+    triggerLeadingIcon: "size-icon-sm shrink-0 text-fg-muted",
+    value: "min-w-0 flex-1 truncate",
+    triggerIcon: "size-icon-sm shrink-0 text-fg-muted",
+    // Dropdown compacto — largura própria (não amarra na do trigger, a grade
+    // 3×4 tem largura natural).
+    content: "w-[16rem] p-pad-md",
+    header: "flex items-center justify-between gap-gp-md pb-pad-md",
+    navButton: [
+      "inline-flex size-form-sm items-center justify-center shrink-0",
+      "rounded-radius-base text-fg-muted",
+      "hover:bg-bg-muted hover:text-fg-default",
+      "focus-visible:outline-none focus-visible:ring-4 focus-visible:ring-ring-brand",
+      "disabled:pointer-events-none disabled:opacity-40"
+    ],
+    yearLabel: "text-body-sm font-semibold text-fg-default tabular-nums",
+    grid: "grid grid-cols-3 gap-gp-sm"
+  }
+});
+const monthYearMonthButton = tv({
+  base: [
+    "flex items-center justify-center min-h-form-md px-pad-md",
+    "rounded-radius-base text-body-sm font-medium",
+    "transition-[background-color,color]",
+    "focus-visible:outline-none focus-visible:ring-4 focus-visible:ring-ring-brand"
+  ],
+  variants: {
+    selected: {
+      true: "bg-bg-brand text-fg-on-brand hover:bg-bg-brand-hover",
+      false: "text-fg-default hover:bg-bg-muted"
+    },
+    disabled: {
+      true: "pointer-events-none opacity-40"
+    }
+  },
+  defaultVariants: {
+    selected: false
+  }
+});
+function parseValue(value) {
+  if (!value) return null;
+  const match = /^(\d{4})-(\d{2})$/.exec(value);
+  if (!match) return null;
+  const year = Number(match[1]);
+  const month = Number(match[2]);
+  if (month < 1 || month > 12) return null;
+  return { year, month };
+}
+function toOrdinal(year, monthIndex) {
+  return year * 12 + monthIndex;
+}
+function capitalizeFirst(text) {
+  return text.charAt(0).toUpperCase() + text.slice(1);
+}
+const MonthYearPicker = forwardRef(function MonthYearPicker2({
+  value,
+  onValueChange,
+  placeholder = "Selecione o mês",
+  min,
+  max,
+  locale = "pt-BR",
+  disabled,
+  open: openProp,
+  defaultOpen,
+  onOpenChange,
+  align = "start",
+  className,
+  contentClassName,
+  "aria-label": ariaLabel
+}, ref) {
+  const parsed = parseValue(value);
+  const now = /* @__PURE__ */ new Date();
+  const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen ?? false);
+  const isControlled = openProp !== void 0;
+  const open = isControlled ? openProp : uncontrolledOpen;
+  const setOpen = (next) => {
+    if (!isControlled) setUncontrolledOpen(next);
+    onOpenChange?.(next);
+  };
+  const [viewYear, setViewYear] = useState(
+    parsed?.year ?? now.getFullYear()
+  );
+  const monthLabels = useMemo(() => {
+    const fmt = new Intl.DateTimeFormat(locale, { month: "short" });
+    return Array.from(
+      { length: 12 },
+      (_3, i2) => capitalizeFirst(fmt.format(new Date(2020, i2, 1)).replace(/\.$/, ""))
+    );
+  }, [locale]);
+  const triggerLabel = useMemo(() => {
+    if (!parsed) return null;
+    const fmt = new Intl.DateTimeFormat(locale, {
+      month: "long",
+      year: "numeric"
+    });
+    return capitalizeFirst(fmt.format(new Date(parsed.year, parsed.month - 1, 1)));
+  }, [parsed, locale]);
+  const styles2 = monthYearStyles();
+  const minParsed = parseValue(min);
+  const maxParsed = parseValue(max);
+  const minOrdinal = minParsed ? toOrdinal(minParsed.year, minParsed.month - 1) : -Infinity;
+  const maxOrdinal = maxParsed ? toOrdinal(maxParsed.year, maxParsed.month - 1) : Infinity;
+  const isMonthDisabled = (monthIndex) => {
+    const ord = toOrdinal(viewYear, monthIndex);
+    return ord < minOrdinal || ord > maxOrdinal;
+  };
+  const prevYearDisabled = toOrdinal(viewYear - 1, 11) < minOrdinal;
+  const nextYearDisabled = toOrdinal(viewYear + 1, 0) > maxOrdinal;
+  const selectMonth = (monthIndex) => {
+    const next = `${viewYear}-${String(monthIndex + 1).padStart(2, "0")}`;
+    onValueChange?.(next);
+    setOpen(false);
+  };
+  return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+      "button",
+      {
+        ref,
+        type: "button",
+        "aria-label": ariaLabel,
+        "aria-haspopup": "dialog",
+        disabled,
+        "data-placeholder": parsed ? void 0 : "",
+        className: styles2.trigger({ className }),
+        children: [
+          /* @__PURE__ */ jsx(
+            CalendarDays,
+            {
+              className: styles2.triggerLeadingIcon(),
+              "aria-hidden": "true"
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { className: styles2.value(), children: triggerLabel ?? placeholder }),
+          /* @__PURE__ */ jsx(ChevronDown, { className: styles2.triggerIcon(), "aria-hidden": "true" })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsxs(
+      PopoverContent,
+      {
+        align,
+        className: styles2.content({ className: contentClassName }),
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: styles2.header(), children: [
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                className: styles2.navButton(),
+                onClick: () => setViewYear((y2) => y2 - 1),
+                disabled: prevYearDisabled,
+                "aria-label": "Ano anterior",
+                children: /* @__PURE__ */ jsx(ChevronLeft, { className: "size-icon-sm", "aria-hidden": "true" })
+              }
+            ),
+            /* @__PURE__ */ jsx("span", { className: styles2.yearLabel(), "aria-live": "polite", children: viewYear }),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                className: styles2.navButton(),
+                onClick: () => setViewYear((y2) => y2 + 1),
+                disabled: nextYearDisabled,
+                "aria-label": "Próximo ano",
+                children: /* @__PURE__ */ jsx(ChevronRight, { className: "size-icon-sm", "aria-hidden": "true" })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: styles2.grid(), role: "grid", children: monthLabels.map((label, i2) => {
+            const monthDisabled = isMonthDisabled(i2);
+            const isSelected = parsed?.year === viewYear && parsed?.month === i2 + 1;
+            return /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                role: "gridcell",
+                "aria-pressed": isSelected,
+                disabled: monthDisabled,
+                onClick: () => selectMonth(i2),
+                className: monthYearMonthButton({
+                  selected: isSelected,
+                  disabled: monthDisabled
+                }),
+                children: label
+              },
+              label
+            );
+          }) })
+        ]
+      }
+    )
+  ] });
+});
+MonthYearPicker.displayName = "MonthYearPicker";
+const TooltipProvider = TooltipPrimitive.Provider;
 const TooltipTrigger = TooltipPrimitive.Trigger;
-const TooltipContent = React.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(
+const Tooltip = ({ children, ...props }) => /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsx(TooltipPrimitive.Root, { ...props, children }) });
+Tooltip.displayName = "Tooltip";
+const TooltipContent = React.forwardRef(({ className, sideOffset = 6, showArrow = true, children, ...props }, ref) => /* @__PURE__ */ jsx(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
   TooltipPrimitive.Content,
   {
     ref,
     sideOffset,
     className: cn(
-      "z-50 overflow-hidden rounded-radius-md border border-border-default bg-bg-surface px-pad-lg py-pad-sm text-body-sm text-fg-default shadow-sh-lg",
-      "animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-tooltip-content-transform-origin]",
+      "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
+    ...props,
+    children: [
+      children,
+      showArrow && /* @__PURE__ */ jsx(
+        TooltipPrimitive.Arrow,
+        {
+          width: 11,
+          height: 5,
+          className: "fill-bg-emphasis"
+        }
+      )
+    ]
   }
-));
+) }));
 TooltipContent.displayName = TooltipPrimitive.Content.displayName;
 const SingleMenuSidebarContext = createContext({
   expanded: true,
@@ -3282,9 +5089,9 @@ function useSingleMenuSidebarState(defaultExpanded, controlledExpanded, onExpand
   const suppressHoverRef = useRef(false);
   const suppressTimerRef = useRef(null);
   const setExpanded = useCallback(
-    (v3) => {
-      if (!isControlled) setInternal(v3);
-      onExpandedChange?.(v3);
+    (v2) => {
+      if (!isControlled) setInternal(v2);
+      onExpandedChange?.(v2);
     },
     [isControlled, onExpandedChange]
   );
@@ -3414,7 +5221,7 @@ const menuItem = tv({
 const styles = {
   // Header
   header: {
-    wrapper: "flex h-16 items-center overflow-hidden px-pad-4xl py-pad-md shrink-0",
+    wrapper: "flex h-layout-navbar items-center overflow-hidden px-pad-4xl py-pad-md shrink-0",
     wrapperCollapsed: "justify-center px-0",
     inner: "flex items-center gap-gp-md",
     logo: "shrink-0",
@@ -3543,34 +5350,34 @@ function SingleMenuModuleSelector({
   options,
   onModuleChange
 }) {
-  const s3 = styles.module;
+  const s2 = styles.module;
   const triggerContent = /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("div", { className: s3.iconContainer, children: icon }),
-    /* @__PURE__ */ jsxs("div", { className: s3.textContainer, children: [
-      /* @__PURE__ */ jsx("span", { className: s3.title, children: title2 }),
-      /* @__PURE__ */ jsx("span", { className: s3.subtitle, children: subtitle })
+    /* @__PURE__ */ jsx("div", { className: s2.iconContainer, children: icon }),
+    /* @__PURE__ */ jsxs("div", { className: s2.textContainer, children: [
+      /* @__PURE__ */ jsx("span", { className: s2.title, children: title2 }),
+      /* @__PURE__ */ jsx("span", { className: s2.subtitle, children: subtitle })
     ] }),
-    /* @__PURE__ */ jsx(ChevronsUpDown, { className: s3.chevron })
+    /* @__PURE__ */ jsx(ChevronsUpDown, { className: s2.chevron })
   ] });
   if (!options || options.length === 0) {
-    return /* @__PURE__ */ jsx("div", { className: s3.trigger, children: triggerContent });
+    return /* @__PURE__ */ jsx("div", { className: s2.trigger, children: triggerContent });
   }
   return /* @__PURE__ */ jsxs(DropdownMenu, { children: [
-    /* @__PURE__ */ jsx(DropdownMenuTrigger, { className: s3.trigger, children: triggerContent }),
+    /* @__PURE__ */ jsx(DropdownMenuTrigger, { className: s2.trigger, children: triggerContent }),
     /* @__PURE__ */ jsx(DropdownMenuContent, { side: "bottom", sideOffset: 4, align: "start", children: options.map((option) => {
       const isSelected = option.label === title2;
       return /* @__PURE__ */ jsxs(
         DropdownMenuItem,
         {
           className: cn(
-            s3.dropdownItem,
-            isSelected && s3.dropdownItemSelected
+            s2.dropdownItem,
+            isSelected && s2.dropdownItemSelected
           ),
           onClick: () => onModuleChange?.(option.id),
           children: [
-            /* @__PURE__ */ jsx("div", { className: s3.dropdownItemIcon, children: option.icon }),
-            /* @__PURE__ */ jsx("span", { className: s3.dropdownItemLabel, children: option.label }),
-            isSelected && /* @__PURE__ */ jsx(Check, { className: s3.dropdownItemCheck })
+            /* @__PURE__ */ jsx("div", { className: s2.dropdownItemIcon, children: option.icon }),
+            /* @__PURE__ */ jsx("span", { className: s2.dropdownItemLabel, children: option.label }),
+            isSelected && /* @__PURE__ */ jsx(Check, { className: s2.dropdownItemCheck })
           ]
         },
         option.id
@@ -3583,13 +5390,13 @@ function SingleMenuSearch({
   placeholder = "Buscar",
   onOpen
 }) {
-  const s3 = styles.search;
-  return /* @__PURE__ */ jsxs("button", { type: "button", onClick: onOpen, className: s3.wrapper, children: [
-    /* @__PURE__ */ jsxs("div", { className: s3.inner, children: [
-      /* @__PURE__ */ jsx(Search, { className: s3.icon }),
-      /* @__PURE__ */ jsx("span", { className: s3.text, children: placeholder })
+  const s2 = styles.search;
+  return /* @__PURE__ */ jsxs("button", { type: "button", onClick: onOpen, className: s2.wrapper, children: [
+    /* @__PURE__ */ jsxs("div", { className: s2.inner, children: [
+      /* @__PURE__ */ jsx(Search, { className: s2.icon }),
+      /* @__PURE__ */ jsx("span", { className: s2.text, children: placeholder })
     ] }),
-    /* @__PURE__ */ jsx("div", { className: s3.shortcutBadge, children: /* @__PURE__ */ jsx("span", { className: s3.shortcutText, children: "⌘K" }) })
+    /* @__PURE__ */ jsx("div", { className: s2.shortcutBadge, children: /* @__PURE__ */ jsx("span", { className: s2.shortcutText, children: "⌘K" }) })
   ] });
 }
 SingleMenuSearch.displayName = "SingleMenuSearch";
@@ -3601,8 +5408,8 @@ function SingleMenuCommand({
   onSelect,
   custom
 }) {
-  const leaves = categories.filter((c3) => !c3.items?.length);
-  const groups = categories.filter((c3) => c3.items?.length);
+  const leaves = categories.filter((c2) => !c2.items?.length);
+  const groups = categories.filter((c2) => c2.items?.length);
   const handle = (id, parentId) => {
     onSelect(id, parentId);
     onOpenChange(false);
@@ -3612,17 +5419,17 @@ function SingleMenuCommand({
     /* @__PURE__ */ jsxs(CommandList, { children: [
       /* @__PURE__ */ jsx(CommandEmpty, { children: "Nenhum resultado." }),
       custom ?? /* @__PURE__ */ jsxs(Fragment, { children: [
-        leaves.length > 0 && /* @__PURE__ */ jsx(CommandGroup, { heading: "Menu", children: leaves.map((c3) => /* @__PURE__ */ jsxs(
+        leaves.length > 0 && /* @__PURE__ */ jsx(CommandGroup, { heading: "Menu", children: leaves.map((c2) => /* @__PURE__ */ jsxs(
           CommandItem,
           {
-            value: c3.label,
-            onSelect: () => handle(c3.id),
+            value: c2.label,
+            onSelect: () => handle(c2.id),
             children: [
-              c3.icon,
-              /* @__PURE__ */ jsx("span", { children: c3.label })
+              c2.icon,
+              /* @__PURE__ */ jsx("span", { children: c2.label })
             ]
           },
-          c3.id
+          c2.id
         )) }),
         groups.map((cat) => /* @__PURE__ */ jsx(CommandGroup, { heading: cat.label, children: cat.items.map((item) => /* @__PURE__ */ jsx(
           CommandItem,
@@ -3646,10 +5453,10 @@ function SingleMenuItem({
   selected = false,
   onClick
 }) {
-  const s3 = menuItem({ selected });
-  return /* @__PURE__ */ jsxs("button", { type: "button", onClick, className: s3.root(), children: [
-    /* @__PURE__ */ jsx("div", { className: s3.border() }),
-    /* @__PURE__ */ jsx("span", { className: s3.text(), children: label })
+  const s2 = menuItem({ selected });
+  return /* @__PURE__ */ jsxs("button", { type: "button", onClick, className: s2.root(), children: [
+    /* @__PURE__ */ jsx("div", { className: s2.border() }),
+    /* @__PURE__ */ jsx("span", { className: s2.text(), children: label })
   ] });
 }
 SingleMenuItem.displayName = "SingleMenuItem";
@@ -3670,7 +5477,7 @@ function SingleMenuCategory({
   const containsActive = hasItems && items.some((item) => item.id === activeItemId);
   const selected = !expanded ? hasItems ? isOpen || containsActive : isLeafActive : hasItems ? isOpen : isLeafActive && openCategoryId == null;
   const state = selected ? "selected" : "default";
-  const s3 = category({ state, collapsed: !expanded });
+  const s2 = category({ state, collapsed: !expanded });
   const handleToggle = () => {
     if (hasItems) {
       setOpenCategoryId(isOpen ? null : id);
@@ -3689,23 +5496,23 @@ function SingleMenuCategory({
           role: "button",
           tabIndex: 0,
           onClick: handleToggle,
-          onKeyDown: (e3) => {
-            if (e3.key === "Enter" || e3.key === " ") {
-              e3.preventDefault();
+          onKeyDown: (e2) => {
+            if (e2.key === "Enter" || e2.key === " ") {
+              e2.preventDefault();
               handleToggle();
             }
           },
-          className: s3.root(),
-          children: /* @__PURE__ */ jsx("span", { className: s3.icon(), children: icon })
+          className: s2.root(),
+          children: /* @__PURE__ */ jsx("span", { className: s2.icon(), children: icon })
         }
       ),
       /* @__PURE__ */ jsx(TooltipContent, { side: "right", sideOffset: 8, children: label })
     ] });
   }
   if (!hasItems) {
-    return /* @__PURE__ */ jsxs("button", { type: "button", onClick: handleToggle, className: s3.root(), children: [
-      /* @__PURE__ */ jsx("span", { className: s3.icon(), children: icon }),
-      /* @__PURE__ */ jsx("span", { className: cn(s3.text(), styles.textFadeIn), children: label })
+    return /* @__PURE__ */ jsxs("button", { type: "button", onClick: handleToggle, className: s2.root(), children: [
+      /* @__PURE__ */ jsx("span", { className: s2.icon(), children: icon }),
+      /* @__PURE__ */ jsx("span", { className: cn(s2.text(), styles.textFadeIn), children: label })
     ] });
   }
   return /* @__PURE__ */ jsxs(
@@ -3717,10 +5524,10 @@ function SingleMenuCategory({
         onCategoryClick?.();
       },
       children: [
-        /* @__PURE__ */ jsxs(CollapsibleTrigger, { className: s3.root(), children: [
-          /* @__PURE__ */ jsx("span", { className: s3.icon(), children: icon }),
-          /* @__PURE__ */ jsx("span", { className: cn(s3.text(), styles.textFadeIn), children: label }),
-          /* @__PURE__ */ jsx(ChevronDown, { className: cn(s3.chevron(), isOpen && "rotate-180") })
+        /* @__PURE__ */ jsxs(CollapsibleTrigger, { className: s2.root(), children: [
+          /* @__PURE__ */ jsx("span", { className: s2.icon(), children: icon }),
+          /* @__PURE__ */ jsx("span", { className: cn(s2.text(), styles.textFadeIn), children: label }),
+          /* @__PURE__ */ jsx(ChevronDown, { className: cn(s2.chevron(), isOpen && "rotate-180") })
         ] }),
         /* @__PURE__ */ jsx(CollapsibleContent, { children: /* @__PURE__ */ jsx("div", { className: styles.subItemList, children: items.map((item) => /* @__PURE__ */ jsx(
           SingleMenuItem,
@@ -3744,25 +5551,25 @@ function SingleMenuFooter({
   onAction
 }) {
   const { expanded } = useSingleMenuSidebar();
-  const s3 = styles.footer;
+  const s2 = styles.footer;
   const triggerContent = /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("div", { className: s3.avatar, children: avatar ?? /* @__PURE__ */ jsx(User, { className: s3.avatarIcon }) }),
+    /* @__PURE__ */ jsx("div", { className: s2.avatar, children: avatar ?? /* @__PURE__ */ jsx(User, { className: s2.avatarIcon }) }),
     expanded && /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsxs("div", { className: s3.textContainer, children: [
-        /* @__PURE__ */ jsx("span", { className: s3.name, children: name }),
-        /* @__PURE__ */ jsx("span", { className: s3.email, children: email })
+      /* @__PURE__ */ jsxs("div", { className: s2.textContainer, children: [
+        /* @__PURE__ */ jsx("span", { className: s2.name, children: name }),
+        /* @__PURE__ */ jsx("span", { className: s2.email, children: email })
       ] }),
-      /* @__PURE__ */ jsx(ChevronsUpDown, { className: s3.chevron })
+      /* @__PURE__ */ jsx(ChevronsUpDown, { className: s2.chevron })
     ] })
   ] });
   if (!actions || actions.length === 0) {
-    return /* @__PURE__ */ jsx("div", { className: s3.wrapper, children: /* @__PURE__ */ jsx("div", { className: cn(s3.button, !expanded && "justify-center px-0"), children: triggerContent }) });
+    return /* @__PURE__ */ jsx("div", { className: s2.wrapper, children: /* @__PURE__ */ jsx("div", { className: cn(s2.button, !expanded && "justify-center px-0"), children: triggerContent }) });
   }
-  return /* @__PURE__ */ jsx("div", { className: s3.wrapper, children: /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+  return /* @__PURE__ */ jsx("div", { className: s2.wrapper, children: /* @__PURE__ */ jsxs(DropdownMenu, { children: [
     /* @__PURE__ */ jsx(
       DropdownMenuTrigger,
       {
-        className: cn(s3.button, !expanded && "justify-center px-0"),
+        className: cn(s2.button, !expanded && "justify-center px-0"),
         children: triggerContent
       }
     ),
@@ -3773,9 +5580,9 @@ function SingleMenuFooter({
         sideOffset: 8,
         align: expanded ? "end" : "start",
         children: [
-          /* @__PURE__ */ jsx(DropdownMenuGroup, { children: /* @__PURE__ */ jsxs(DropdownMenuLabel, { className: s3.dropdownLabel, children: [
-            /* @__PURE__ */ jsx("span", { className: s3.dropdownLabelName, children: name }),
-            /* @__PURE__ */ jsx("span", { className: s3.dropdownLabelEmail, children: email })
+          /* @__PURE__ */ jsx(DropdownMenuGroup, { children: /* @__PURE__ */ jsxs(DropdownMenuLabel, { className: s2.dropdownLabel, children: [
+            /* @__PURE__ */ jsx("span", { className: s2.dropdownLabelName, children: name }),
+            /* @__PURE__ */ jsx("span", { className: s2.dropdownLabelEmail, children: email })
           ] }) }),
           /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
           actions.map((action) => /* @__PURE__ */ jsxs(
@@ -3783,9 +5590,9 @@ function SingleMenuFooter({
             {
               variant: action.variant === "destructive" ? "destructive" : "default",
               onClick: () => onAction?.(action.id),
-              className: s3.dropdownItem,
+              className: s2.dropdownItem,
               children: [
-                action.icon && /* @__PURE__ */ jsx("span", { className: s3.dropdownItemIcon, children: action.icon }),
+                action.icon && /* @__PURE__ */ jsx("span", { className: s2.dropdownItemIcon, children: action.icon }),
                 /* @__PURE__ */ jsx("span", { children: action.label })
               ]
             },
@@ -3837,7 +5644,7 @@ function SingleMenuSidebar({
     defaultModuleId ?? modules?.[0]?.id
   );
   const currentModuleId = activeModuleId ?? internalModuleId;
-  const activeModule = hasModules ? modules.find((m2) => m2.id === currentModuleId) ?? modules[0] : void 0;
+  const activeModule = hasModules ? modules.find((m) => m.id === currentModuleId) ?? modules[0] : void 0;
   const handleModuleChange = (id) => {
     if (activeModuleId === void 0) setInternalModuleId(id);
     onModuleChange?.(id);
@@ -3846,10 +5653,10 @@ function SingleMenuSidebar({
     icon: activeModule.icon,
     title: activeModule.title,
     subtitle: activeModule.subtitle ?? "",
-    options: modules.map((m2) => ({
-      id: m2.id,
-      label: m2.title,
-      icon: m2.icon
+    options: modules.map((m) => ({
+      id: m.id,
+      label: m.title,
+      icon: m.icon
     })),
     onModuleChange: handleModuleChange
   } : module;
@@ -3857,9 +5664,9 @@ function SingleMenuSidebar({
   const [commandOpen, setCommandOpen] = useState(false);
   useEffect(() => {
     if (!showSearch) return;
-    const onKey = (e3) => {
-      if (e3.key.toLowerCase() === "k" && (e3.metaKey || e3.ctrlKey)) {
-        e3.preventDefault();
+    const onKey = (e2) => {
+      if (e2.key.toLowerCase() === "k" && (e2.metaKey || e2.ctrlKey)) {
+        e2.preventDefault();
         setCommandOpen((o2) => !o2);
       }
     };
@@ -3955,150 +5762,1928 @@ function SingleMenuSidebar({
   ] });
 }
 SingleMenuSidebar.displayName = "SingleMenuSidebar";
+const spinnerStyles = tv({
+  base: ["inline-block shrink-0", "animate-spin motion-reduce:animate-none"],
+  variants: {
+    size: {
+      sm: "size-icon-sm",
+      md: "size-icon-md",
+      lg: "size-icon-lg"
+    },
+    color: {
+      current: "text-current",
+      default: "text-fg-default",
+      muted: "text-fg-muted",
+      brand: "text-fg-brand",
+      "on-brand": "text-fg-on-brand"
+    }
+  },
+  defaultVariants: {
+    size: "md",
+    color: "muted"
+  }
+});
+const Spinner = forwardRef(function Spinner2({ size, color, label = "Carregando", className, ...rest }, ref) {
+  const decorative = rest["aria-hidden"] === true || rest["aria-hidden"] === "true";
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      ref,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      role: decorative ? void 0 : "status",
+      "aria-label": decorative ? void 0 : label,
+      className: spinnerStyles({ size, color, className }),
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsx(
+          "circle",
+          {
+            cx: "12",
+            cy: "12",
+            r: "9",
+            stroke: "currentColor",
+            strokeWidth: "3",
+            className: "opacity-20"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M21 12a9 9 0 0 0-9-9",
+            stroke: "currentColor",
+            strokeWidth: "3",
+            strokeLinecap: "round"
+          }
+        )
+      ]
+    }
+  );
+});
+Spinner.displayName = "Spinner";
+class Adder {
+  constructor() {
+    this._partials = new Float64Array(32);
+    this._n = 0;
+  }
+  add(x2) {
+    const p3 = this._partials;
+    let i2 = 0;
+    for (let j = 0; j < this._n && j < 32; j++) {
+      const y2 = p3[j], hi = x2 + y2, lo = Math.abs(x2) < Math.abs(y2) ? x2 - (hi - y2) : y2 - (hi - x2);
+      if (lo) p3[i2++] = lo;
+      x2 = hi;
+    }
+    p3[i2] = x2;
+    this._n = i2 + 1;
+    return this;
+  }
+  valueOf() {
+    const p3 = this._partials;
+    let n2 = this._n, x2, y2, lo, hi = 0;
+    if (n2 > 0) {
+      hi = p3[--n2];
+      while (n2 > 0) {
+        x2 = hi;
+        y2 = p3[--n2];
+        hi = x2 + y2;
+        lo = y2 - (hi - x2);
+        if (lo) break;
+      }
+      if (n2 > 0 && (lo < 0 && p3[n2 - 1] < 0 || lo > 0 && p3[n2 - 1] > 0)) {
+        y2 = lo * 2;
+        x2 = hi + y2;
+        if (y2 == x2 - hi) hi = x2;
+      }
+    }
+    return hi;
+  }
+}
+function* flatten(arrays) {
+  for (const array of arrays) {
+    yield* array;
+  }
+}
+function merge(arrays) {
+  return Array.from(flatten(arrays));
+}
+var epsilon = 1e-6;
+var pi = Math.PI;
+var halfPi = pi / 2;
+var quarterPi = pi / 4;
+var tau = pi * 2;
+var degrees = 180 / pi;
+var radians = pi / 180;
+var abs = Math.abs;
+var atan = Math.atan;
+var atan2 = Math.atan2;
+var cos = Math.cos;
+var exp = Math.exp;
+var log = Math.log;
+var sin = Math.sin;
+var sign = Math.sign || function(x2) {
+  return x2 > 0 ? 1 : x2 < 0 ? -1 : 0;
+};
+var sqrt = Math.sqrt;
+var tan = Math.tan;
+function acos(x2) {
+  return x2 > 1 ? 0 : x2 < -1 ? pi : Math.acos(x2);
+}
+function asin(x2) {
+  return x2 > 1 ? halfPi : x2 < -1 ? -halfPi : Math.asin(x2);
+}
+function noop() {
+}
+function streamGeometry(geometry, stream) {
+  if (geometry && streamGeometryType.hasOwnProperty(geometry.type)) {
+    streamGeometryType[geometry.type](geometry, stream);
+  }
+}
+var streamObjectType = {
+  Feature: function(object2, stream) {
+    streamGeometry(object2.geometry, stream);
+  },
+  FeatureCollection: function(object2, stream) {
+    var features = object2.features, i2 = -1, n2 = features.length;
+    while (++i2 < n2) streamGeometry(features[i2].geometry, stream);
+  }
+};
+var streamGeometryType = {
+  Sphere: function(object2, stream) {
+    stream.sphere();
+  },
+  Point: function(object2, stream) {
+    object2 = object2.coordinates;
+    stream.point(object2[0], object2[1], object2[2]);
+  },
+  MultiPoint: function(object2, stream) {
+    var coordinates = object2.coordinates, i2 = -1, n2 = coordinates.length;
+    while (++i2 < n2) object2 = coordinates[i2], stream.point(object2[0], object2[1], object2[2]);
+  },
+  LineString: function(object2, stream) {
+    streamLine(object2.coordinates, stream, 0);
+  },
+  MultiLineString: function(object2, stream) {
+    var coordinates = object2.coordinates, i2 = -1, n2 = coordinates.length;
+    while (++i2 < n2) streamLine(coordinates[i2], stream, 0);
+  },
+  Polygon: function(object2, stream) {
+    streamPolygon(object2.coordinates, stream);
+  },
+  MultiPolygon: function(object2, stream) {
+    var coordinates = object2.coordinates, i2 = -1, n2 = coordinates.length;
+    while (++i2 < n2) streamPolygon(coordinates[i2], stream);
+  },
+  GeometryCollection: function(object2, stream) {
+    var geometries = object2.geometries, i2 = -1, n2 = geometries.length;
+    while (++i2 < n2) streamGeometry(geometries[i2], stream);
+  }
+};
+function streamLine(coordinates, stream, closed) {
+  var i2 = -1, n2 = coordinates.length - closed, coordinate;
+  stream.lineStart();
+  while (++i2 < n2) coordinate = coordinates[i2], stream.point(coordinate[0], coordinate[1], coordinate[2]);
+  stream.lineEnd();
+}
+function streamPolygon(coordinates, stream) {
+  var i2 = -1, n2 = coordinates.length;
+  stream.polygonStart();
+  while (++i2 < n2) streamLine(coordinates[i2], stream, 1);
+  stream.polygonEnd();
+}
+function geoStream(object2, stream) {
+  if (object2 && streamObjectType.hasOwnProperty(object2.type)) {
+    streamObjectType[object2.type](object2, stream);
+  } else {
+    streamGeometry(object2, stream);
+  }
+}
+function spherical(cartesian2) {
+  return [atan2(cartesian2[1], cartesian2[0]), asin(cartesian2[2])];
+}
+function cartesian(spherical2) {
+  var lambda = spherical2[0], phi = spherical2[1], cosPhi = cos(phi);
+  return [cosPhi * cos(lambda), cosPhi * sin(lambda), sin(phi)];
+}
+function cartesianDot(a10, b3) {
+  return a10[0] * b3[0] + a10[1] * b3[1] + a10[2] * b3[2];
+}
+function cartesianCross(a10, b3) {
+  return [a10[1] * b3[2] - a10[2] * b3[1], a10[2] * b3[0] - a10[0] * b3[2], a10[0] * b3[1] - a10[1] * b3[0]];
+}
+function cartesianAddInPlace(a10, b3) {
+  a10[0] += b3[0], a10[1] += b3[1], a10[2] += b3[2];
+}
+function cartesianScale(vector, k) {
+  return [vector[0] * k, vector[1] * k, vector[2] * k];
+}
+function cartesianNormalizeInPlace(d3) {
+  var l = sqrt(d3[0] * d3[0] + d3[1] * d3[1] + d3[2] * d3[2]);
+  d3[0] /= l, d3[1] /= l, d3[2] /= l;
+}
+function compose(a10, b3) {
+  function compose2(x2, y2) {
+    return x2 = a10(x2, y2), b3(x2[0], x2[1]);
+  }
+  if (a10.invert && b3.invert) compose2.invert = function(x2, y2) {
+    return x2 = b3.invert(x2, y2), x2 && a10.invert(x2[0], x2[1]);
+  };
+  return compose2;
+}
+function rotationIdentity(lambda, phi) {
+  if (abs(lambda) > pi) lambda -= Math.round(lambda / tau) * tau;
+  return [lambda, phi];
+}
+rotationIdentity.invert = rotationIdentity;
+function rotateRadians(deltaLambda, deltaPhi, deltaGamma) {
+  return (deltaLambda %= tau) ? deltaPhi || deltaGamma ? compose(rotationLambda(deltaLambda), rotationPhiGamma(deltaPhi, deltaGamma)) : rotationLambda(deltaLambda) : deltaPhi || deltaGamma ? rotationPhiGamma(deltaPhi, deltaGamma) : rotationIdentity;
+}
+function forwardRotationLambda(deltaLambda) {
+  return function(lambda, phi) {
+    lambda += deltaLambda;
+    if (abs(lambda) > pi) lambda -= Math.round(lambda / tau) * tau;
+    return [lambda, phi];
+  };
+}
+function rotationLambda(deltaLambda) {
+  var rotation2 = forwardRotationLambda(deltaLambda);
+  rotation2.invert = forwardRotationLambda(-deltaLambda);
+  return rotation2;
+}
+function rotationPhiGamma(deltaPhi, deltaGamma) {
+  var cosDeltaPhi = cos(deltaPhi), sinDeltaPhi = sin(deltaPhi), cosDeltaGamma = cos(deltaGamma), sinDeltaGamma = sin(deltaGamma);
+  function rotation2(lambda, phi) {
+    var cosPhi = cos(phi), x2 = cos(lambda) * cosPhi, y2 = sin(lambda) * cosPhi, z2 = sin(phi), k = z2 * cosDeltaPhi + x2 * sinDeltaPhi;
+    return [
+      atan2(y2 * cosDeltaGamma - k * sinDeltaGamma, x2 * cosDeltaPhi - z2 * sinDeltaPhi),
+      asin(k * cosDeltaGamma + y2 * sinDeltaGamma)
+    ];
+  }
+  rotation2.invert = function(lambda, phi) {
+    var cosPhi = cos(phi), x2 = cos(lambda) * cosPhi, y2 = sin(lambda) * cosPhi, z2 = sin(phi), k = z2 * cosDeltaGamma - y2 * sinDeltaGamma;
+    return [
+      atan2(y2 * cosDeltaGamma + z2 * sinDeltaGamma, x2 * cosDeltaPhi + k * sinDeltaPhi),
+      asin(k * cosDeltaPhi - x2 * sinDeltaPhi)
+    ];
+  };
+  return rotation2;
+}
+function rotation(rotate) {
+  rotate = rotateRadians(rotate[0] * radians, rotate[1] * radians, rotate.length > 2 ? rotate[2] * radians : 0);
+  function forward(coordinates) {
+    coordinates = rotate(coordinates[0] * radians, coordinates[1] * radians);
+    return coordinates[0] *= degrees, coordinates[1] *= degrees, coordinates;
+  }
+  forward.invert = function(coordinates) {
+    coordinates = rotate.invert(coordinates[0] * radians, coordinates[1] * radians);
+    return coordinates[0] *= degrees, coordinates[1] *= degrees, coordinates;
+  };
+  return forward;
+}
+function circleStream(stream, radius, delta, direction, t0, t1) {
+  if (!delta) return;
+  var cosRadius = cos(radius), sinRadius = sin(radius), step = direction * delta;
+  if (t0 == null) {
+    t0 = radius + direction * tau;
+    t1 = radius - step / 2;
+  } else {
+    t0 = circleRadius(cosRadius, t0);
+    t1 = circleRadius(cosRadius, t1);
+    if (direction > 0 ? t0 < t1 : t0 > t1) t0 += direction * tau;
+  }
+  for (var point, t2 = t0; direction > 0 ? t2 > t1 : t2 < t1; t2 -= step) {
+    point = spherical([cosRadius, -sinRadius * cos(t2), -sinRadius * sin(t2)]);
+    stream.point(point[0], point[1]);
+  }
+}
+function circleRadius(cosRadius, point) {
+  point = cartesian(point), point[0] -= cosRadius;
+  cartesianNormalizeInPlace(point);
+  var radius = acos(-point[1]);
+  return ((-point[2] < 0 ? -radius : radius) + tau - epsilon) % tau;
+}
+function clipBuffer() {
+  var lines = [], line;
+  return {
+    point: function(x2, y2, m) {
+      line.push([x2, y2, m]);
+    },
+    lineStart: function() {
+      lines.push(line = []);
+    },
+    lineEnd: noop,
+    rejoin: function() {
+      if (lines.length > 1) lines.push(lines.pop().concat(lines.shift()));
+    },
+    result: function() {
+      var result = lines;
+      lines = [];
+      line = null;
+      return result;
+    }
+  };
+}
+function pointEqual(a10, b3) {
+  return abs(a10[0] - b3[0]) < epsilon && abs(a10[1] - b3[1]) < epsilon;
+}
+function Intersection(point, points, other, entry) {
+  this.x = point;
+  this.z = points;
+  this.o = other;
+  this.e = entry;
+  this.v = false;
+  this.n = this.p = null;
+}
+function clipRejoin(segments, compareIntersection2, startInside, interpolate, stream) {
+  var subject = [], clip2 = [], i2, n2;
+  segments.forEach(function(segment) {
+    if ((n3 = segment.length - 1) <= 0) return;
+    var n3, p0 = segment[0], p1 = segment[n3], x2;
+    if (pointEqual(p0, p1)) {
+      if (!p0[2] && !p1[2]) {
+        stream.lineStart();
+        for (i2 = 0; i2 < n3; ++i2) stream.point((p0 = segment[i2])[0], p0[1]);
+        stream.lineEnd();
+        return;
+      }
+      p1[0] += 2 * epsilon;
+    }
+    subject.push(x2 = new Intersection(p0, segment, null, true));
+    clip2.push(x2.o = new Intersection(p0, null, x2, false));
+    subject.push(x2 = new Intersection(p1, segment, null, false));
+    clip2.push(x2.o = new Intersection(p1, null, x2, true));
+  });
+  if (!subject.length) return;
+  clip2.sort(compareIntersection2);
+  link(subject);
+  link(clip2);
+  for (i2 = 0, n2 = clip2.length; i2 < n2; ++i2) {
+    clip2[i2].e = startInside = !startInside;
+  }
+  var start = subject[0], points, point;
+  while (1) {
+    var current = start, isSubject = true;
+    while (current.v) if ((current = current.n) === start) return;
+    points = current.z;
+    stream.lineStart();
+    do {
+      current.v = current.o.v = true;
+      if (current.e) {
+        if (isSubject) {
+          for (i2 = 0, n2 = points.length; i2 < n2; ++i2) stream.point((point = points[i2])[0], point[1]);
+        } else {
+          interpolate(current.x, current.n.x, 1, stream);
+        }
+        current = current.n;
+      } else {
+        if (isSubject) {
+          points = current.p.z;
+          for (i2 = points.length - 1; i2 >= 0; --i2) stream.point((point = points[i2])[0], point[1]);
+        } else {
+          interpolate(current.x, current.p.x, -1, stream);
+        }
+        current = current.p;
+      }
+      current = current.o;
+      points = current.z;
+      isSubject = !isSubject;
+    } while (!current.v);
+    stream.lineEnd();
+  }
+}
+function link(array) {
+  if (!(n2 = array.length)) return;
+  var n2, i2 = 0, a10 = array[0], b3;
+  while (++i2 < n2) {
+    a10.n = b3 = array[i2];
+    b3.p = a10;
+    a10 = b3;
+  }
+  a10.n = b3 = array[0];
+  b3.p = a10;
+}
+function longitude(point) {
+  return abs(point[0]) <= pi ? point[0] : sign(point[0]) * ((abs(point[0]) + pi) % tau - pi);
+}
+function polygonContains(polygon, point) {
+  var lambda = longitude(point), phi = point[1], sinPhi = sin(phi), normal = [sin(lambda), -cos(lambda), 0], angle = 0, winding = 0;
+  var sum = new Adder();
+  if (sinPhi === 1) phi = halfPi + epsilon;
+  else if (sinPhi === -1) phi = -halfPi - epsilon;
+  for (var i2 = 0, n2 = polygon.length; i2 < n2; ++i2) {
+    if (!(m = (ring = polygon[i2]).length)) continue;
+    var ring, m, point0 = ring[m - 1], lambda0 = longitude(point0), phi0 = point0[1] / 2 + quarterPi, sinPhi0 = sin(phi0), cosPhi0 = cos(phi0);
+    for (var j = 0; j < m; ++j, lambda0 = lambda1, sinPhi0 = sinPhi1, cosPhi0 = cosPhi1, point0 = point1) {
+      var point1 = ring[j], lambda1 = longitude(point1), phi1 = point1[1] / 2 + quarterPi, sinPhi1 = sin(phi1), cosPhi1 = cos(phi1), delta = lambda1 - lambda0, sign2 = delta >= 0 ? 1 : -1, absDelta = sign2 * delta, antimeridian = absDelta > pi, k = sinPhi0 * sinPhi1;
+      sum.add(atan2(k * sign2 * sin(absDelta), cosPhi0 * cosPhi1 + k * cos(absDelta)));
+      angle += antimeridian ? delta + sign2 * tau : delta;
+      if (antimeridian ^ lambda0 >= lambda ^ lambda1 >= lambda) {
+        var arc = cartesianCross(cartesian(point0), cartesian(point1));
+        cartesianNormalizeInPlace(arc);
+        var intersection = cartesianCross(normal, arc);
+        cartesianNormalizeInPlace(intersection);
+        var phiArc = (antimeridian ^ delta >= 0 ? -1 : 1) * asin(intersection[2]);
+        if (phi > phiArc || phi === phiArc && (arc[0] || arc[1])) {
+          winding += antimeridian ^ delta >= 0 ? 1 : -1;
+        }
+      }
+    }
+  }
+  return (angle < -epsilon || angle < epsilon && sum < -1e-12) ^ winding & 1;
+}
+function clip(pointVisible, clipLine2, interpolate, start) {
+  return function(sink) {
+    var line = clipLine2(sink), ringBuffer = clipBuffer(), ringSink = clipLine2(ringBuffer), polygonStarted = false, polygon, segments, ring;
+    var clip2 = {
+      point,
+      lineStart,
+      lineEnd,
+      polygonStart: function() {
+        clip2.point = pointRing;
+        clip2.lineStart = ringStart;
+        clip2.lineEnd = ringEnd;
+        segments = [];
+        polygon = [];
+      },
+      polygonEnd: function() {
+        clip2.point = point;
+        clip2.lineStart = lineStart;
+        clip2.lineEnd = lineEnd;
+        segments = merge(segments);
+        var startInside = polygonContains(polygon, start);
+        if (segments.length) {
+          if (!polygonStarted) sink.polygonStart(), polygonStarted = true;
+          clipRejoin(segments, compareIntersection, startInside, interpolate, sink);
+        } else if (startInside) {
+          if (!polygonStarted) sink.polygonStart(), polygonStarted = true;
+          sink.lineStart();
+          interpolate(null, null, 1, sink);
+          sink.lineEnd();
+        }
+        if (polygonStarted) sink.polygonEnd(), polygonStarted = false;
+        segments = polygon = null;
+      },
+      sphere: function() {
+        sink.polygonStart();
+        sink.lineStart();
+        interpolate(null, null, 1, sink);
+        sink.lineEnd();
+        sink.polygonEnd();
+      }
+    };
+    function point(lambda, phi) {
+      if (pointVisible(lambda, phi)) sink.point(lambda, phi);
+    }
+    function pointLine(lambda, phi) {
+      line.point(lambda, phi);
+    }
+    function lineStart() {
+      clip2.point = pointLine;
+      line.lineStart();
+    }
+    function lineEnd() {
+      clip2.point = point;
+      line.lineEnd();
+    }
+    function pointRing(lambda, phi) {
+      ring.push([lambda, phi]);
+      ringSink.point(lambda, phi);
+    }
+    function ringStart() {
+      ringSink.lineStart();
+      ring = [];
+    }
+    function ringEnd() {
+      pointRing(ring[0][0], ring[0][1]);
+      ringSink.lineEnd();
+      var clean = ringSink.clean(), ringSegments = ringBuffer.result(), i2, n2 = ringSegments.length, m, segment, point2;
+      ring.pop();
+      polygon.push(ring);
+      ring = null;
+      if (!n2) return;
+      if (clean & 1) {
+        segment = ringSegments[0];
+        if ((m = segment.length - 1) > 0) {
+          if (!polygonStarted) sink.polygonStart(), polygonStarted = true;
+          sink.lineStart();
+          for (i2 = 0; i2 < m; ++i2) sink.point((point2 = segment[i2])[0], point2[1]);
+          sink.lineEnd();
+        }
+        return;
+      }
+      if (n2 > 1 && clean & 2) ringSegments.push(ringSegments.pop().concat(ringSegments.shift()));
+      segments.push(ringSegments.filter(validSegment));
+    }
+    return clip2;
+  };
+}
+function validSegment(segment) {
+  return segment.length > 1;
+}
+function compareIntersection(a10, b3) {
+  return ((a10 = a10.x)[0] < 0 ? a10[1] - halfPi - epsilon : halfPi - a10[1]) - ((b3 = b3.x)[0] < 0 ? b3[1] - halfPi - epsilon : halfPi - b3[1]);
+}
+const clipAntimeridian = clip(
+  function() {
+    return true;
+  },
+  clipAntimeridianLine,
+  clipAntimeridianInterpolate,
+  [-pi, -halfPi]
+);
+function clipAntimeridianLine(stream) {
+  var lambda0 = NaN, phi0 = NaN, sign0 = NaN, clean;
+  return {
+    lineStart: function() {
+      stream.lineStart();
+      clean = 1;
+    },
+    point: function(lambda1, phi1) {
+      var sign1 = lambda1 > 0 ? pi : -pi, delta = abs(lambda1 - lambda0);
+      if (abs(delta - pi) < epsilon) {
+        stream.point(lambda0, phi0 = (phi0 + phi1) / 2 > 0 ? halfPi : -halfPi);
+        stream.point(sign0, phi0);
+        stream.lineEnd();
+        stream.lineStart();
+        stream.point(sign1, phi0);
+        stream.point(lambda1, phi0);
+        clean = 0;
+      } else if (sign0 !== sign1 && delta >= pi) {
+        if (abs(lambda0 - sign0) < epsilon) lambda0 -= sign0 * epsilon;
+        if (abs(lambda1 - sign1) < epsilon) lambda1 -= sign1 * epsilon;
+        phi0 = clipAntimeridianIntersect(lambda0, phi0, lambda1, phi1);
+        stream.point(sign0, phi0);
+        stream.lineEnd();
+        stream.lineStart();
+        stream.point(sign1, phi0);
+        clean = 0;
+      }
+      stream.point(lambda0 = lambda1, phi0 = phi1);
+      sign0 = sign1;
+    },
+    lineEnd: function() {
+      stream.lineEnd();
+      lambda0 = phi0 = NaN;
+    },
+    clean: function() {
+      return 2 - clean;
+    }
+  };
+}
+function clipAntimeridianIntersect(lambda0, phi0, lambda1, phi1) {
+  var cosPhi0, cosPhi1, sinLambda0Lambda1 = sin(lambda0 - lambda1);
+  return abs(sinLambda0Lambda1) > epsilon ? atan((sin(phi0) * (cosPhi1 = cos(phi1)) * sin(lambda1) - sin(phi1) * (cosPhi0 = cos(phi0)) * sin(lambda0)) / (cosPhi0 * cosPhi1 * sinLambda0Lambda1)) : (phi0 + phi1) / 2;
+}
+function clipAntimeridianInterpolate(from, to, direction, stream) {
+  var phi;
+  if (from == null) {
+    phi = direction * halfPi;
+    stream.point(-pi, phi);
+    stream.point(0, phi);
+    stream.point(pi, phi);
+    stream.point(pi, 0);
+    stream.point(pi, -phi);
+    stream.point(0, -phi);
+    stream.point(-pi, -phi);
+    stream.point(-pi, 0);
+    stream.point(-pi, phi);
+  } else if (abs(from[0] - to[0]) > epsilon) {
+    var lambda = from[0] < to[0] ? pi : -pi;
+    phi = direction * lambda / 2;
+    stream.point(-lambda, phi);
+    stream.point(0, phi);
+    stream.point(lambda, phi);
+  } else {
+    stream.point(to[0], to[1]);
+  }
+}
+function clipCircle(radius) {
+  var cr = cos(radius), delta = 2 * radians, smallRadius = cr > 0, notHemisphere = abs(cr) > epsilon;
+  function interpolate(from, to, direction, stream) {
+    circleStream(stream, radius, delta, direction, from, to);
+  }
+  function visible(lambda, phi) {
+    return cos(lambda) * cos(phi) > cr;
+  }
+  function clipLine2(stream) {
+    var point0, c0, v0, v00, clean;
+    return {
+      lineStart: function() {
+        v00 = v0 = false;
+        clean = 1;
+      },
+      point: function(lambda, phi) {
+        var point1 = [lambda, phi], point2, v2 = visible(lambda, phi), c2 = smallRadius ? v2 ? 0 : code(lambda, phi) : v2 ? code(lambda + (lambda < 0 ? pi : -pi), phi) : 0;
+        if (!point0 && (v00 = v0 = v2)) stream.lineStart();
+        if (v2 !== v0) {
+          point2 = intersect(point0, point1);
+          if (!point2 || pointEqual(point0, point2) || pointEqual(point1, point2))
+            point1[2] = 1;
+        }
+        if (v2 !== v0) {
+          clean = 0;
+          if (v2) {
+            stream.lineStart();
+            point2 = intersect(point1, point0);
+            stream.point(point2[0], point2[1]);
+          } else {
+            point2 = intersect(point0, point1);
+            stream.point(point2[0], point2[1], 2);
+            stream.lineEnd();
+          }
+          point0 = point2;
+        } else if (notHemisphere && point0 && smallRadius ^ v2) {
+          var t2;
+          if (!(c2 & c0) && (t2 = intersect(point1, point0, true))) {
+            clean = 0;
+            if (smallRadius) {
+              stream.lineStart();
+              stream.point(t2[0][0], t2[0][1]);
+              stream.point(t2[1][0], t2[1][1]);
+              stream.lineEnd();
+            } else {
+              stream.point(t2[1][0], t2[1][1]);
+              stream.lineEnd();
+              stream.lineStart();
+              stream.point(t2[0][0], t2[0][1], 3);
+            }
+          }
+        }
+        if (v2 && (!point0 || !pointEqual(point0, point1))) {
+          stream.point(point1[0], point1[1]);
+        }
+        point0 = point1, v0 = v2, c0 = c2;
+      },
+      lineEnd: function() {
+        if (v0) stream.lineEnd();
+        point0 = null;
+      },
+      // Rejoin first and last segments if there were intersections and the first
+      // and last points were visible.
+      clean: function() {
+        return clean | (v00 && v0) << 1;
+      }
+    };
+  }
+  function intersect(a10, b3, two) {
+    var pa = cartesian(a10), pb = cartesian(b3);
+    var n1 = [1, 0, 0], n2 = cartesianCross(pa, pb), n2n2 = cartesianDot(n2, n2), n1n2 = n2[0], determinant = n2n2 - n1n2 * n1n2;
+    if (!determinant) return !two && a10;
+    var c1 = cr * n2n2 / determinant, c2 = -cr * n1n2 / determinant, n1xn2 = cartesianCross(n1, n2), A3 = cartesianScale(n1, c1), B2 = cartesianScale(n2, c2);
+    cartesianAddInPlace(A3, B2);
+    var u2 = n1xn2, w2 = cartesianDot(A3, u2), uu = cartesianDot(u2, u2), t2 = w2 * w2 - uu * (cartesianDot(A3, A3) - 1);
+    if (t2 < 0) return;
+    var t3 = sqrt(t2), q2 = cartesianScale(u2, (-w2 - t3) / uu);
+    cartesianAddInPlace(q2, A3);
+    q2 = spherical(q2);
+    if (!two) return q2;
+    var lambda0 = a10[0], lambda1 = b3[0], phi0 = a10[1], phi1 = b3[1], z2;
+    if (lambda1 < lambda0) z2 = lambda0, lambda0 = lambda1, lambda1 = z2;
+    var delta2 = lambda1 - lambda0, polar = abs(delta2 - pi) < epsilon, meridian = polar || delta2 < epsilon;
+    if (!polar && phi1 < phi0) z2 = phi0, phi0 = phi1, phi1 = z2;
+    if (meridian ? polar ? phi0 + phi1 > 0 ^ q2[1] < (abs(q2[0] - lambda0) < epsilon ? phi0 : phi1) : phi0 <= q2[1] && q2[1] <= phi1 : delta2 > pi ^ (lambda0 <= q2[0] && q2[0] <= lambda1)) {
+      var q1 = cartesianScale(u2, (-w2 + t3) / uu);
+      cartesianAddInPlace(q1, A3);
+      return [q2, spherical(q1)];
+    }
+  }
+  function code(lambda, phi) {
+    var r2 = smallRadius ? radius : pi - radius, code2 = 0;
+    if (lambda < -r2) code2 |= 1;
+    else if (lambda > r2) code2 |= 2;
+    if (phi < -r2) code2 |= 4;
+    else if (phi > r2) code2 |= 8;
+    return code2;
+  }
+  return clip(visible, clipLine2, interpolate, smallRadius ? [0, -radius] : [-pi, radius - pi]);
+}
+function clipLine(a10, b3, x02, y02, x12, y12) {
+  var ax = a10[0], ay = a10[1], bx = b3[0], by = b3[1], t0 = 0, t1 = 1, dx = bx - ax, dy = by - ay, r2;
+  r2 = x02 - ax;
+  if (!dx && r2 > 0) return;
+  r2 /= dx;
+  if (dx < 0) {
+    if (r2 < t0) return;
+    if (r2 < t1) t1 = r2;
+  } else if (dx > 0) {
+    if (r2 > t1) return;
+    if (r2 > t0) t0 = r2;
+  }
+  r2 = x12 - ax;
+  if (!dx && r2 < 0) return;
+  r2 /= dx;
+  if (dx < 0) {
+    if (r2 > t1) return;
+    if (r2 > t0) t0 = r2;
+  } else if (dx > 0) {
+    if (r2 < t0) return;
+    if (r2 < t1) t1 = r2;
+  }
+  r2 = y02 - ay;
+  if (!dy && r2 > 0) return;
+  r2 /= dy;
+  if (dy < 0) {
+    if (r2 < t0) return;
+    if (r2 < t1) t1 = r2;
+  } else if (dy > 0) {
+    if (r2 > t1) return;
+    if (r2 > t0) t0 = r2;
+  }
+  r2 = y12 - ay;
+  if (!dy && r2 < 0) return;
+  r2 /= dy;
+  if (dy < 0) {
+    if (r2 > t1) return;
+    if (r2 > t0) t0 = r2;
+  } else if (dy > 0) {
+    if (r2 < t0) return;
+    if (r2 < t1) t1 = r2;
+  }
+  if (t0 > 0) a10[0] = ax + t0 * dx, a10[1] = ay + t0 * dy;
+  if (t1 < 1) b3[0] = ax + t1 * dx, b3[1] = ay + t1 * dy;
+  return true;
+}
+var clipMax = 1e9, clipMin = -clipMax;
+function clipRectangle(x02, y02, x12, y12) {
+  function visible(x2, y2) {
+    return x02 <= x2 && x2 <= x12 && y02 <= y2 && y2 <= y12;
+  }
+  function interpolate(from, to, direction, stream) {
+    var a10 = 0, a13 = 0;
+    if (from == null || (a10 = corner(from, direction)) !== (a13 = corner(to, direction)) || comparePoint(from, to) < 0 ^ direction > 0) {
+      do
+        stream.point(a10 === 0 || a10 === 3 ? x02 : x12, a10 > 1 ? y12 : y02);
+      while ((a10 = (a10 + direction + 4) % 4) !== a13);
+    } else {
+      stream.point(to[0], to[1]);
+    }
+  }
+  function corner(p3, direction) {
+    return abs(p3[0] - x02) < epsilon ? direction > 0 ? 0 : 3 : abs(p3[0] - x12) < epsilon ? direction > 0 ? 2 : 1 : abs(p3[1] - y02) < epsilon ? direction > 0 ? 1 : 0 : direction > 0 ? 3 : 2;
+  }
+  function compareIntersection2(a10, b3) {
+    return comparePoint(a10.x, b3.x);
+  }
+  function comparePoint(a10, b3) {
+    var ca = corner(a10, 1), cb = corner(b3, 1);
+    return ca !== cb ? ca - cb : ca === 0 ? b3[1] - a10[1] : ca === 1 ? a10[0] - b3[0] : ca === 2 ? a10[1] - b3[1] : b3[0] - a10[0];
+  }
+  return function(stream) {
+    var activeStream = stream, bufferStream = clipBuffer(), segments, polygon, ring, x__, y__, v__, x_, y_, v_, first, clean;
+    var clipStream = {
+      point,
+      lineStart,
+      lineEnd,
+      polygonStart,
+      polygonEnd
+    };
+    function point(x2, y2) {
+      if (visible(x2, y2)) activeStream.point(x2, y2);
+    }
+    function polygonInside() {
+      var winding = 0;
+      for (var i2 = 0, n2 = polygon.length; i2 < n2; ++i2) {
+        for (var ring2 = polygon[i2], j = 1, m = ring2.length, point2 = ring2[0], a03, a13, b0 = point2[0], b1 = point2[1]; j < m; ++j) {
+          a03 = b0, a13 = b1, point2 = ring2[j], b0 = point2[0], b1 = point2[1];
+          if (a13 <= y12) {
+            if (b1 > y12 && (b0 - a03) * (y12 - a13) > (b1 - a13) * (x02 - a03)) ++winding;
+          } else {
+            if (b1 <= y12 && (b0 - a03) * (y12 - a13) < (b1 - a13) * (x02 - a03)) --winding;
+          }
+        }
+      }
+      return winding;
+    }
+    function polygonStart() {
+      activeStream = bufferStream, segments = [], polygon = [], clean = true;
+    }
+    function polygonEnd() {
+      var startInside = polygonInside(), cleanInside = clean && startInside, visible2 = (segments = merge(segments)).length;
+      if (cleanInside || visible2) {
+        stream.polygonStart();
+        if (cleanInside) {
+          stream.lineStart();
+          interpolate(null, null, 1, stream);
+          stream.lineEnd();
+        }
+        if (visible2) {
+          clipRejoin(segments, compareIntersection2, startInside, interpolate, stream);
+        }
+        stream.polygonEnd();
+      }
+      activeStream = stream, segments = polygon = ring = null;
+    }
+    function lineStart() {
+      clipStream.point = linePoint;
+      if (polygon) polygon.push(ring = []);
+      first = true;
+      v_ = false;
+      x_ = y_ = NaN;
+    }
+    function lineEnd() {
+      if (segments) {
+        linePoint(x__, y__);
+        if (v__ && v_) bufferStream.rejoin();
+        segments.push(bufferStream.result());
+      }
+      clipStream.point = point;
+      if (v_) activeStream.lineEnd();
+    }
+    function linePoint(x2, y2) {
+      var v2 = visible(x2, y2);
+      if (polygon) ring.push([x2, y2]);
+      if (first) {
+        x__ = x2, y__ = y2, v__ = v2;
+        first = false;
+        if (v2) {
+          activeStream.lineStart();
+          activeStream.point(x2, y2);
+        }
+      } else {
+        if (v2 && v_) activeStream.point(x2, y2);
+        else {
+          var a10 = [x_ = Math.max(clipMin, Math.min(clipMax, x_)), y_ = Math.max(clipMin, Math.min(clipMax, y_))], b3 = [x2 = Math.max(clipMin, Math.min(clipMax, x2)), y2 = Math.max(clipMin, Math.min(clipMax, y2))];
+          if (clipLine(a10, b3, x02, y02, x12, y12)) {
+            if (!v_) {
+              activeStream.lineStart();
+              activeStream.point(a10[0], a10[1]);
+            }
+            activeStream.point(b3[0], b3[1]);
+            if (!v2) activeStream.lineEnd();
+            clean = false;
+          } else if (v2) {
+            activeStream.lineStart();
+            activeStream.point(x2, y2);
+            clean = false;
+          }
+        }
+      }
+      x_ = x2, y_ = y2, v_ = v2;
+    }
+    return clipStream;
+  };
+}
+const identity$1 = (x2) => x2;
+var areaSum = new Adder(), areaRingSum = new Adder(), x00$2, y00$2, x0$3, y0$3;
+var areaStream = {
+  point: noop,
+  lineStart: noop,
+  lineEnd: noop,
+  polygonStart: function() {
+    areaStream.lineStart = areaRingStart;
+    areaStream.lineEnd = areaRingEnd;
+  },
+  polygonEnd: function() {
+    areaStream.lineStart = areaStream.lineEnd = areaStream.point = noop;
+    areaSum.add(abs(areaRingSum));
+    areaRingSum = new Adder();
+  },
+  result: function() {
+    var area = areaSum / 2;
+    areaSum = new Adder();
+    return area;
+  }
+};
+function areaRingStart() {
+  areaStream.point = areaPointFirst;
+}
+function areaPointFirst(x2, y2) {
+  areaStream.point = areaPoint;
+  x00$2 = x0$3 = x2, y00$2 = y0$3 = y2;
+}
+function areaPoint(x2, y2) {
+  areaRingSum.add(y0$3 * x2 - x0$3 * y2);
+  x0$3 = x2, y0$3 = y2;
+}
+function areaRingEnd() {
+  areaPoint(x00$2, y00$2);
+}
+var x0$2 = Infinity, y0$2 = x0$2, x1 = -x0$2, y1 = x1;
+var boundsStream = {
+  point: boundsPoint,
+  lineStart: noop,
+  lineEnd: noop,
+  polygonStart: noop,
+  polygonEnd: noop,
+  result: function() {
+    var bounds = [[x0$2, y0$2], [x1, y1]];
+    x1 = y1 = -(y0$2 = x0$2 = Infinity);
+    return bounds;
+  }
+};
+function boundsPoint(x2, y2) {
+  if (x2 < x0$2) x0$2 = x2;
+  if (x2 > x1) x1 = x2;
+  if (y2 < y0$2) y0$2 = y2;
+  if (y2 > y1) y1 = y2;
+}
+var X0 = 0, Y0 = 0, Z0 = 0, X1 = 0, Y1 = 0, Z1 = 0, X22 = 0, Y22 = 0, Z22 = 0, x00$1, y00$1, x0$1, y0$1;
+var centroidStream = {
+  point: centroidPoint,
+  lineStart: centroidLineStart,
+  lineEnd: centroidLineEnd,
+  polygonStart: function() {
+    centroidStream.lineStart = centroidRingStart;
+    centroidStream.lineEnd = centroidRingEnd;
+  },
+  polygonEnd: function() {
+    centroidStream.point = centroidPoint;
+    centroidStream.lineStart = centroidLineStart;
+    centroidStream.lineEnd = centroidLineEnd;
+  },
+  result: function() {
+    var centroid = Z22 ? [X22 / Z22, Y22 / Z22] : Z1 ? [X1 / Z1, Y1 / Z1] : Z0 ? [X0 / Z0, Y0 / Z0] : [NaN, NaN];
+    X0 = Y0 = Z0 = X1 = Y1 = Z1 = X22 = Y22 = Z22 = 0;
+    return centroid;
+  }
+};
+function centroidPoint(x2, y2) {
+  X0 += x2;
+  Y0 += y2;
+  ++Z0;
+}
+function centroidLineStart() {
+  centroidStream.point = centroidPointFirstLine;
+}
+function centroidPointFirstLine(x2, y2) {
+  centroidStream.point = centroidPointLine;
+  centroidPoint(x0$1 = x2, y0$1 = y2);
+}
+function centroidPointLine(x2, y2) {
+  var dx = x2 - x0$1, dy = y2 - y0$1, z2 = sqrt(dx * dx + dy * dy);
+  X1 += z2 * (x0$1 + x2) / 2;
+  Y1 += z2 * (y0$1 + y2) / 2;
+  Z1 += z2;
+  centroidPoint(x0$1 = x2, y0$1 = y2);
+}
+function centroidLineEnd() {
+  centroidStream.point = centroidPoint;
+}
+function centroidRingStart() {
+  centroidStream.point = centroidPointFirstRing;
+}
+function centroidRingEnd() {
+  centroidPointRing(x00$1, y00$1);
+}
+function centroidPointFirstRing(x2, y2) {
+  centroidStream.point = centroidPointRing;
+  centroidPoint(x00$1 = x0$1 = x2, y00$1 = y0$1 = y2);
+}
+function centroidPointRing(x2, y2) {
+  var dx = x2 - x0$1, dy = y2 - y0$1, z2 = sqrt(dx * dx + dy * dy);
+  X1 += z2 * (x0$1 + x2) / 2;
+  Y1 += z2 * (y0$1 + y2) / 2;
+  Z1 += z2;
+  z2 = y0$1 * x2 - x0$1 * y2;
+  X22 += z2 * (x0$1 + x2);
+  Y22 += z2 * (y0$1 + y2);
+  Z22 += z2 * 3;
+  centroidPoint(x0$1 = x2, y0$1 = y2);
+}
+function PathContext(context) {
+  this._context = context;
+}
+PathContext.prototype = {
+  _radius: 4.5,
+  pointRadius: function(_3) {
+    return this._radius = _3, this;
+  },
+  polygonStart: function() {
+    this._line = 0;
+  },
+  polygonEnd: function() {
+    this._line = NaN;
+  },
+  lineStart: function() {
+    this._point = 0;
+  },
+  lineEnd: function() {
+    if (this._line === 0) this._context.closePath();
+    this._point = NaN;
+  },
+  point: function(x2, y2) {
+    switch (this._point) {
+      case 0: {
+        this._context.moveTo(x2, y2);
+        this._point = 1;
+        break;
+      }
+      case 1: {
+        this._context.lineTo(x2, y2);
+        break;
+      }
+      default: {
+        this._context.moveTo(x2 + this._radius, y2);
+        this._context.arc(x2, y2, this._radius, 0, tau);
+        break;
+      }
+    }
+  },
+  result: noop
+};
+var lengthSum = new Adder(), lengthRing, x00, y00, x0, y0;
+var lengthStream = {
+  point: noop,
+  lineStart: function() {
+    lengthStream.point = lengthPointFirst;
+  },
+  lineEnd: function() {
+    if (lengthRing) lengthPoint(x00, y00);
+    lengthStream.point = noop;
+  },
+  polygonStart: function() {
+    lengthRing = true;
+  },
+  polygonEnd: function() {
+    lengthRing = null;
+  },
+  result: function() {
+    var length = +lengthSum;
+    lengthSum = new Adder();
+    return length;
+  }
+};
+function lengthPointFirst(x2, y2) {
+  lengthStream.point = lengthPoint;
+  x00 = x0 = x2, y00 = y0 = y2;
+}
+function lengthPoint(x2, y2) {
+  x0 -= x2, y0 -= y2;
+  lengthSum.add(sqrt(x0 * x0 + y0 * y0));
+  x0 = x2, y0 = y2;
+}
+let cacheDigits, cacheAppend, cacheRadius, cacheCircle;
+class PathString {
+  constructor(digits) {
+    this._append = digits == null ? append : appendRound(digits);
+    this._radius = 4.5;
+    this._ = "";
+  }
+  pointRadius(_3) {
+    this._radius = +_3;
+    return this;
+  }
+  polygonStart() {
+    this._line = 0;
+  }
+  polygonEnd() {
+    this._line = NaN;
+  }
+  lineStart() {
+    this._point = 0;
+  }
+  lineEnd() {
+    if (this._line === 0) this._ += "Z";
+    this._point = NaN;
+  }
+  point(x2, y2) {
+    switch (this._point) {
+      case 0: {
+        this._append`M${x2},${y2}`;
+        this._point = 1;
+        break;
+      }
+      case 1: {
+        this._append`L${x2},${y2}`;
+        break;
+      }
+      default: {
+        this._append`M${x2},${y2}`;
+        if (this._radius !== cacheRadius || this._append !== cacheAppend) {
+          const r2 = this._radius;
+          const s2 = this._;
+          this._ = "";
+          this._append`m0,${r2}a${r2},${r2} 0 1,1 0,${-2 * r2}a${r2},${r2} 0 1,1 0,${2 * r2}z`;
+          cacheRadius = r2;
+          cacheAppend = this._append;
+          cacheCircle = this._;
+          this._ = s2;
+        }
+        this._ += cacheCircle;
+        break;
+      }
+    }
+  }
+  result() {
+    const result = this._;
+    this._ = "";
+    return result.length ? result : null;
+  }
+}
+function append(strings) {
+  let i2 = 1;
+  this._ += strings[0];
+  for (const j = strings.length; i2 < j; ++i2) {
+    this._ += arguments[i2] + strings[i2];
+  }
+}
+function appendRound(digits) {
+  const d3 = Math.floor(digits);
+  if (!(d3 >= 0)) throw new RangeError(`invalid digits: ${digits}`);
+  if (d3 > 15) return append;
+  if (d3 !== cacheDigits) {
+    const k = 10 ** d3;
+    cacheDigits = d3;
+    cacheAppend = function append2(strings) {
+      let i2 = 1;
+      this._ += strings[0];
+      for (const j = strings.length; i2 < j; ++i2) {
+        this._ += Math.round(arguments[i2] * k) / k + strings[i2];
+      }
+    };
+  }
+  return cacheAppend;
+}
+function geoPath(projection2, context) {
+  let digits = 3, pointRadius = 4.5, projectionStream, contextStream;
+  function path(object2) {
+    if (object2) {
+      if (typeof pointRadius === "function") contextStream.pointRadius(+pointRadius.apply(this, arguments));
+      geoStream(object2, projectionStream(contextStream));
+    }
+    return contextStream.result();
+  }
+  path.area = function(object2) {
+    geoStream(object2, projectionStream(areaStream));
+    return areaStream.result();
+  };
+  path.measure = function(object2) {
+    geoStream(object2, projectionStream(lengthStream));
+    return lengthStream.result();
+  };
+  path.bounds = function(object2) {
+    geoStream(object2, projectionStream(boundsStream));
+    return boundsStream.result();
+  };
+  path.centroid = function(object2) {
+    geoStream(object2, projectionStream(centroidStream));
+    return centroidStream.result();
+  };
+  path.projection = function(_3) {
+    if (!arguments.length) return projection2;
+    projectionStream = _3 == null ? (projection2 = null, identity$1) : (projection2 = _3).stream;
+    return path;
+  };
+  path.context = function(_3) {
+    if (!arguments.length) return context;
+    contextStream = _3 == null ? (context = null, new PathString(digits)) : new PathContext(context = _3);
+    if (typeof pointRadius !== "function") contextStream.pointRadius(pointRadius);
+    return path;
+  };
+  path.pointRadius = function(_3) {
+    if (!arguments.length) return pointRadius;
+    pointRadius = typeof _3 === "function" ? _3 : (contextStream.pointRadius(+_3), +_3);
+    return path;
+  };
+  path.digits = function(_3) {
+    if (!arguments.length) return digits;
+    if (_3 == null) digits = null;
+    else {
+      const d3 = Math.floor(_3);
+      if (!(d3 >= 0)) throw new RangeError(`invalid digits: ${_3}`);
+      digits = d3;
+    }
+    if (context === null) contextStream = new PathString(digits);
+    return path;
+  };
+  return path.projection(projection2).digits(digits).context(context);
+}
+function transformer(methods) {
+  return function(stream) {
+    var s2 = new TransformStream();
+    for (var key in methods) s2[key] = methods[key];
+    s2.stream = stream;
+    return s2;
+  };
+}
+function TransformStream() {
+}
+TransformStream.prototype = {
+  constructor: TransformStream,
+  point: function(x2, y2) {
+    this.stream.point(x2, y2);
+  },
+  sphere: function() {
+    this.stream.sphere();
+  },
+  lineStart: function() {
+    this.stream.lineStart();
+  },
+  lineEnd: function() {
+    this.stream.lineEnd();
+  },
+  polygonStart: function() {
+    this.stream.polygonStart();
+  },
+  polygonEnd: function() {
+    this.stream.polygonEnd();
+  }
+};
+function fit(projection2, fitBounds, object2) {
+  var clip2 = projection2.clipExtent && projection2.clipExtent();
+  projection2.scale(150).translate([0, 0]);
+  if (clip2 != null) projection2.clipExtent(null);
+  geoStream(object2, projection2.stream(boundsStream));
+  fitBounds(boundsStream.result());
+  if (clip2 != null) projection2.clipExtent(clip2);
+  return projection2;
+}
+function fitExtent(projection2, extent, object2) {
+  return fit(projection2, function(b3) {
+    var w2 = extent[1][0] - extent[0][0], h = extent[1][1] - extent[0][1], k = Math.min(w2 / (b3[1][0] - b3[0][0]), h / (b3[1][1] - b3[0][1])), x2 = +extent[0][0] + (w2 - k * (b3[1][0] + b3[0][0])) / 2, y2 = +extent[0][1] + (h - k * (b3[1][1] + b3[0][1])) / 2;
+    projection2.scale(150 * k).translate([x2, y2]);
+  }, object2);
+}
+function fitSize(projection2, size, object2) {
+  return fitExtent(projection2, [[0, 0], size], object2);
+}
+function fitWidth(projection2, width, object2) {
+  return fit(projection2, function(b3) {
+    var w2 = +width, k = w2 / (b3[1][0] - b3[0][0]), x2 = (w2 - k * (b3[1][0] + b3[0][0])) / 2, y2 = -k * b3[0][1];
+    projection2.scale(150 * k).translate([x2, y2]);
+  }, object2);
+}
+function fitHeight(projection2, height, object2) {
+  return fit(projection2, function(b3) {
+    var h = +height, k = h / (b3[1][1] - b3[0][1]), x2 = -k * b3[0][0], y2 = (h - k * (b3[1][1] + b3[0][1])) / 2;
+    projection2.scale(150 * k).translate([x2, y2]);
+  }, object2);
+}
+var maxDepth = 16, cosMinDistance = cos(30 * radians);
+function resample(project, delta2) {
+  return +delta2 ? resample$1(project, delta2) : resampleNone(project);
+}
+function resampleNone(project) {
+  return transformer({
+    point: function(x2, y2) {
+      x2 = project(x2, y2);
+      this.stream.point(x2[0], x2[1]);
+    }
+  });
+}
+function resample$1(project, delta2) {
+  function resampleLineTo(x02, y02, lambda0, a03, b0, c0, x12, y12, lambda1, a13, b1, c1, depth, stream) {
+    var dx = x12 - x02, dy = y12 - y02, d22 = dx * dx + dy * dy;
+    if (d22 > 4 * delta2 && depth--) {
+      var a10 = a03 + a13, b3 = b0 + b1, c2 = c0 + c1, m = sqrt(a10 * a10 + b3 * b3 + c2 * c2), phi2 = asin(c2 /= m), lambda2 = abs(abs(c2) - 1) < epsilon || abs(lambda0 - lambda1) < epsilon ? (lambda0 + lambda1) / 2 : atan2(b3, a10), p3 = project(lambda2, phi2), x2 = p3[0], y2 = p3[1], dx2 = x2 - x02, dy2 = y2 - y02, dz = dy * dx2 - dx * dy2;
+      if (dz * dz / d22 > delta2 || abs((dx * dx2 + dy * dy2) / d22 - 0.5) > 0.3 || a03 * a13 + b0 * b1 + c0 * c1 < cosMinDistance) {
+        resampleLineTo(x02, y02, lambda0, a03, b0, c0, x2, y2, lambda2, a10 /= m, b3 /= m, c2, depth, stream);
+        stream.point(x2, y2);
+        resampleLineTo(x2, y2, lambda2, a10, b3, c2, x12, y12, lambda1, a13, b1, c1, depth, stream);
+      }
+    }
+  }
+  return function(stream) {
+    var lambda00, x002, y002, a00, b00, c00, lambda0, x02, y02, a03, b0, c0;
+    var resampleStream = {
+      point,
+      lineStart,
+      lineEnd,
+      polygonStart: function() {
+        stream.polygonStart();
+        resampleStream.lineStart = ringStart;
+      },
+      polygonEnd: function() {
+        stream.polygonEnd();
+        resampleStream.lineStart = lineStart;
+      }
+    };
+    function point(x2, y2) {
+      x2 = project(x2, y2);
+      stream.point(x2[0], x2[1]);
+    }
+    function lineStart() {
+      x02 = NaN;
+      resampleStream.point = linePoint;
+      stream.lineStart();
+    }
+    function linePoint(lambda, phi) {
+      var c2 = cartesian([lambda, phi]), p3 = project(lambda, phi);
+      resampleLineTo(x02, y02, lambda0, a03, b0, c0, x02 = p3[0], y02 = p3[1], lambda0 = lambda, a03 = c2[0], b0 = c2[1], c0 = c2[2], maxDepth, stream);
+      stream.point(x02, y02);
+    }
+    function lineEnd() {
+      resampleStream.point = point;
+      stream.lineEnd();
+    }
+    function ringStart() {
+      lineStart();
+      resampleStream.point = ringPoint;
+      resampleStream.lineEnd = ringEnd;
+    }
+    function ringPoint(lambda, phi) {
+      linePoint(lambda00 = lambda, phi), x002 = x02, y002 = y02, a00 = a03, b00 = b0, c00 = c0;
+      resampleStream.point = linePoint;
+    }
+    function ringEnd() {
+      resampleLineTo(x02, y02, lambda0, a03, b0, c0, x002, y002, lambda00, a00, b00, c00, maxDepth, stream);
+      resampleStream.lineEnd = lineEnd;
+      lineEnd();
+    }
+    return resampleStream;
+  };
+}
+var transformRadians = transformer({
+  point: function(x2, y2) {
+    this.stream.point(x2 * radians, y2 * radians);
+  }
+});
+function transformRotate(rotate) {
+  return transformer({
+    point: function(x2, y2) {
+      var r2 = rotate(x2, y2);
+      return this.stream.point(r2[0], r2[1]);
+    }
+  });
+}
+function scaleTranslate(k, dx, dy, sx, sy) {
+  function transform2(x2, y2) {
+    x2 *= sx;
+    y2 *= sy;
+    return [dx + k * x2, dy - k * y2];
+  }
+  transform2.invert = function(x2, y2) {
+    return [(x2 - dx) / k * sx, (dy - y2) / k * sy];
+  };
+  return transform2;
+}
+function scaleTranslateRotate(k, dx, dy, sx, sy, alpha) {
+  if (!alpha) return scaleTranslate(k, dx, dy, sx, sy);
+  var cosAlpha = cos(alpha), sinAlpha = sin(alpha), a10 = cosAlpha * k, b3 = sinAlpha * k, ai2 = cosAlpha / k, bi = sinAlpha / k, ci = (sinAlpha * dy - cosAlpha * dx) / k, fi = (sinAlpha * dx + cosAlpha * dy) / k;
+  function transform2(x2, y2) {
+    x2 *= sx;
+    y2 *= sy;
+    return [a10 * x2 - b3 * y2 + dx, dy - b3 * x2 - a10 * y2];
+  }
+  transform2.invert = function(x2, y2) {
+    return [sx * (ai2 * x2 - bi * y2 + ci), sy * (fi - bi * x2 - ai2 * y2)];
+  };
+  return transform2;
+}
+function projection(project) {
+  return projectionMutator(function() {
+    return project;
+  })();
+}
+function projectionMutator(projectAt) {
+  var project, k = 150, x2 = 480, y2 = 250, lambda = 0, phi = 0, deltaLambda = 0, deltaPhi = 0, deltaGamma = 0, rotate, alpha = 0, sx = 1, sy = 1, theta = null, preclip = clipAntimeridian, x02 = null, y02, x12, y12, postclip = identity$1, delta2 = 0.5, projectResample, projectTransform, projectRotateTransform, cache, cacheStream;
+  function projection2(point) {
+    return projectRotateTransform(point[0] * radians, point[1] * radians);
+  }
+  function invert(point) {
+    point = projectRotateTransform.invert(point[0], point[1]);
+    return point && [point[0] * degrees, point[1] * degrees];
+  }
+  projection2.stream = function(stream) {
+    return cache && cacheStream === stream ? cache : cache = transformRadians(transformRotate(rotate)(preclip(projectResample(postclip(cacheStream = stream)))));
+  };
+  projection2.preclip = function(_3) {
+    return arguments.length ? (preclip = _3, theta = void 0, reset()) : preclip;
+  };
+  projection2.postclip = function(_3) {
+    return arguments.length ? (postclip = _3, x02 = y02 = x12 = y12 = null, reset()) : postclip;
+  };
+  projection2.clipAngle = function(_3) {
+    return arguments.length ? (preclip = +_3 ? clipCircle(theta = _3 * radians) : (theta = null, clipAntimeridian), reset()) : theta * degrees;
+  };
+  projection2.clipExtent = function(_3) {
+    return arguments.length ? (postclip = _3 == null ? (x02 = y02 = x12 = y12 = null, identity$1) : clipRectangle(x02 = +_3[0][0], y02 = +_3[0][1], x12 = +_3[1][0], y12 = +_3[1][1]), reset()) : x02 == null ? null : [[x02, y02], [x12, y12]];
+  };
+  projection2.scale = function(_3) {
+    return arguments.length ? (k = +_3, recenter()) : k;
+  };
+  projection2.translate = function(_3) {
+    return arguments.length ? (x2 = +_3[0], y2 = +_3[1], recenter()) : [x2, y2];
+  };
+  projection2.center = function(_3) {
+    return arguments.length ? (lambda = _3[0] % 360 * radians, phi = _3[1] % 360 * radians, recenter()) : [lambda * degrees, phi * degrees];
+  };
+  projection2.rotate = function(_3) {
+    return arguments.length ? (deltaLambda = _3[0] % 360 * radians, deltaPhi = _3[1] % 360 * radians, deltaGamma = _3.length > 2 ? _3[2] % 360 * radians : 0, recenter()) : [deltaLambda * degrees, deltaPhi * degrees, deltaGamma * degrees];
+  };
+  projection2.angle = function(_3) {
+    return arguments.length ? (alpha = _3 % 360 * radians, recenter()) : alpha * degrees;
+  };
+  projection2.reflectX = function(_3) {
+    return arguments.length ? (sx = _3 ? -1 : 1, recenter()) : sx < 0;
+  };
+  projection2.reflectY = function(_3) {
+    return arguments.length ? (sy = _3 ? -1 : 1, recenter()) : sy < 0;
+  };
+  projection2.precision = function(_3) {
+    return arguments.length ? (projectResample = resample(projectTransform, delta2 = _3 * _3), reset()) : sqrt(delta2);
+  };
+  projection2.fitExtent = function(extent, object2) {
+    return fitExtent(projection2, extent, object2);
+  };
+  projection2.fitSize = function(size, object2) {
+    return fitSize(projection2, size, object2);
+  };
+  projection2.fitWidth = function(width, object2) {
+    return fitWidth(projection2, width, object2);
+  };
+  projection2.fitHeight = function(height, object2) {
+    return fitHeight(projection2, height, object2);
+  };
+  function recenter() {
+    var center = scaleTranslateRotate(k, 0, 0, sx, sy, alpha).apply(null, project(lambda, phi)), transform2 = scaleTranslateRotate(k, x2 - center[0], y2 - center[1], sx, sy, alpha);
+    rotate = rotateRadians(deltaLambda, deltaPhi, deltaGamma);
+    projectTransform = compose(project, transform2);
+    projectRotateTransform = compose(rotate, projectTransform);
+    projectResample = resample(projectTransform, delta2);
+    return reset();
+  }
+  function reset() {
+    cache = cacheStream = null;
+    return projection2;
+  }
+  return function() {
+    project = projectAt.apply(this, arguments);
+    projection2.invert = project.invert && invert;
+    return recenter();
+  };
+}
+function mercatorRaw(lambda, phi) {
+  return [lambda, log(tan((halfPi + phi) / 2))];
+}
+mercatorRaw.invert = function(x2, y2) {
+  return [x2, 2 * atan(exp(y2)) - halfPi];
+};
+function geoMercator() {
+  return mercatorProjection(mercatorRaw).scale(961 / tau);
+}
+function mercatorProjection(project) {
+  var m = projection(project), center = m.center, scale = m.scale, translate = m.translate, clipExtent = m.clipExtent, x02 = null, y02, x12, y12;
+  m.scale = function(_3) {
+    return arguments.length ? (scale(_3), reclip()) : scale();
+  };
+  m.translate = function(_3) {
+    return arguments.length ? (translate(_3), reclip()) : translate();
+  };
+  m.center = function(_3) {
+    return arguments.length ? (center(_3), reclip()) : center();
+  };
+  m.clipExtent = function(_3) {
+    return arguments.length ? (_3 == null ? x02 = y02 = x12 = y12 = null : (x02 = +_3[0][0], y02 = +_3[0][1], x12 = +_3[1][0], y12 = +_3[1][1]), reclip()) : x02 == null ? null : [[x02, y02], [x12, y12]];
+  };
+  function reclip() {
+    var k = pi * scale(), t2 = m(rotation(m.rotate()).invert([0, 0]));
+    return clipExtent(x02 == null ? [[t2[0] - k, t2[1] - k], [t2[0] + k, t2[1] + k]] : project === mercatorRaw ? [[Math.max(t2[0] - k, x02), y02], [Math.min(t2[0] + k, x12), y12]] : [[x02, Math.max(t2[1] - k, y02)], [x12, Math.min(t2[1] + k, y12)]]);
+  }
+  return reclip();
+}
+function identity(x2) {
+  return x2;
+}
+function transform(transform2) {
+  if (transform2 == null) return identity;
+  var x02, y02, kx = transform2.scale[0], ky = transform2.scale[1], dx = transform2.translate[0], dy = transform2.translate[1];
+  return function(input, i2) {
+    if (!i2) x02 = y02 = 0;
+    var j = 2, n2 = input.length, output = new Array(n2);
+    output[0] = (x02 += input[0]) * kx + dx;
+    output[1] = (y02 += input[1]) * ky + dy;
+    while (j < n2) output[j] = input[j], ++j;
+    return output;
+  };
+}
+function reverse(array, n2) {
+  var t2, j = array.length, i2 = j - n2;
+  while (i2 < --j) t2 = array[i2], array[i2++] = array[j], array[j] = t2;
+}
+function topojsonFeature(topology, o2) {
+  if (typeof o2 === "string") o2 = topology.objects[o2];
+  return o2.type === "GeometryCollection" ? { type: "FeatureCollection", features: o2.geometries.map(function(o3) {
+    return feature(topology, o3);
+  }) } : feature(topology, o2);
+}
+function feature(topology, o2) {
+  var id = o2.id, bbox = o2.bbox, properties = o2.properties == null ? {} : o2.properties, geometry = object(topology, o2);
+  return id == null && bbox == null ? { type: "Feature", properties, geometry } : bbox == null ? { type: "Feature", id, properties, geometry } : { type: "Feature", id, bbox, properties, geometry };
+}
+function object(topology, o2) {
+  var transformPoint = transform(topology.transform), arcs = topology.arcs;
+  function arc(i2, points) {
+    if (points.length) points.pop();
+    for (var a10 = arcs[i2 < 0 ? ~i2 : i2], k = 0, n2 = a10.length; k < n2; ++k) {
+      points.push(transformPoint(a10[k], k));
+    }
+    if (i2 < 0) reverse(points, n2);
+  }
+  function point(p3) {
+    return transformPoint(p3);
+  }
+  function line(arcs2) {
+    var points = [];
+    for (var i2 = 0, n2 = arcs2.length; i2 < n2; ++i2) arc(arcs2[i2], points);
+    if (points.length < 2) points.push(points[0]);
+    return points;
+  }
+  function ring(arcs2) {
+    var points = line(arcs2);
+    while (points.length < 4) points.push(points[0]);
+    return points;
+  }
+  function polygon(arcs2) {
+    return arcs2.map(ring);
+  }
+  function geometry(o3) {
+    var type = o3.type, coordinates;
+    switch (type) {
+      case "GeometryCollection":
+        return { type, geometries: o3.geometries.map(geometry) };
+      case "Point":
+        coordinates = point(o3.coordinates);
+        break;
+      case "MultiPoint":
+        coordinates = o3.coordinates.map(point);
+        break;
+      case "LineString":
+        coordinates = line(o3.arcs);
+        break;
+      case "MultiLineString":
+        coordinates = o3.arcs.map(line);
+        break;
+      case "Polygon":
+        coordinates = polygon(o3.arcs);
+        break;
+      case "MultiPolygon":
+        coordinates = o3.arcs.map(polygon);
+        break;
+      default:
+        return null;
+    }
+    return { type, coordinates };
+  }
+  return geometry(o2);
+}
+const choroplethStyles = tv({
+  slots: {
+    root: "relative w-full",
+    svg: "block h-auto w-full",
+    // Traço das divisas — `fg-muted` (mid-gray VISÍVEL nos DOIS temas: L≈0.50
+    // no light, L≈0.70 no dark). `border-default` era L≈0.91 no light → as
+    // divisas sumiam no fundo branco e só estados de alta penetração apareciam
+    // ("só 2 pontos"). hover reforça no próprio path (inline).
+    path: [
+      "stroke-fg-muted",
+      "transition-[fill,stroke] duration-150",
+      "hover:stroke-fg-brand"
+    ],
+    // Camada de ancoragem do tooltip (não intercepta o mouse).
+    tooltipLayer: "pointer-events-none absolute inset-0",
+    tooltipAnchor: "absolute",
+    tooltipName: "font-semibold text-fg-default",
+    tooltipValue: "text-fg-muted",
+    legend: "mt-gp-md flex flex-col gap-gp-xs",
+    legendTitle: "text-caption-sm font-semibold text-fg-muted",
+    legendBar: "h-gp-md w-full rounded-radius-full",
+    legendScale: "flex items-center justify-between text-caption-xs text-fg-muted tabular-nums"
+  }
+});
+function isTopology(g) {
+  return !Array.isArray(g) && g.type === "Topology";
+}
+function isFeatureCollection(g) {
+  return !Array.isArray(g) && g.type === "FeatureCollection";
+}
+function normalizeFeatures(geography, topologyObject) {
+  if (Array.isArray(geography)) return geography;
+  if (isTopology(geography)) {
+    if (!topologyObject) return [];
+    const obj = geography.objects[topologyObject];
+    if (!obj) return [];
+    const out = topojsonFeature(geography, obj);
+    if (out.type === "FeatureCollection") return out.features;
+    return [out];
+  }
+  if (isFeatureCollection(geography)) return geography.features;
+  return [];
+}
+const ChoroplethMap = forwardRef(
+  function ChoroplethMap2({
+    geography,
+    topologyObject,
+    values,
+    getFeatureId,
+    getFeatureName,
+    colorScale,
+    scaleToken = "brand",
+    domain,
+    projection: projection2,
+    width = 800,
+    height = 600,
+    strokeWidth = 0.5,
+    showLegend = true,
+    legendTitle,
+    formatValue,
+    renderTooltip,
+    onFeatureClick,
+    ariaLabel = "Mapa",
+    className
+  }, ref) {
+    const styles2 = choroplethStyles();
+    const features = useMemo(
+      () => normalizeFeatures(geography, topologyObject),
+      [geography, topologyObject]
+    );
+    const geometry = useMemo(() => {
+      const proj = projection2 ?? geoMercator().fitSize(
+        [width, height],
+        {
+          type: "FeatureCollection",
+          features
+        }
+      );
+      const pathGen = geoPath(proj);
+      return features.map((f) => ({
+        feature: f,
+        d: pathGen(f) ?? "",
+        centroid: pathGen.centroid(f)
+      }));
+    }, [features, projection2, width, height]);
+    const getId = (f) => {
+      if (getFeatureId) return getFeatureId(f);
+      if (f.id != null) return f.id;
+      const p3 = f.properties ?? {};
+      return p3.id ?? p3.ID ?? "";
+    };
+    const getName = (f) => {
+      if (getFeatureName) return getFeatureName(f);
+      const p3 = f.properties ?? {};
+      return String(p3.name ?? p3.nome ?? p3.NOME ?? p3.Name ?? getId(f));
+    };
+    const numeric = Object.values(values).filter(
+      (v2) => typeof v2 === "number" && Number.isFinite(v2)
+    );
+    const min = domain ? domain[0] : numeric.length ? Math.min(...numeric) : 0;
+    const max = domain ? domain[1] : numeric.length ? Math.max(...numeric) : 0;
+    const scaleVar = `var(--color-bg-${scaleToken})`;
+    const surfaceVar = "var(--color-bg-surface)";
+    const noDataVar = "var(--color-bg-muted)";
+    const fillFor = (value) => {
+      if (value === void 0 || !Number.isFinite(value)) return noDataVar;
+      if (colorScale) return colorScale(value, { min, max });
+      const range = max - min;
+      const t2 = range > 0 ? (value - min) / range : 1;
+      const clamped = Math.max(0, Math.min(1, t2));
+      const pct = 12 + clamped * 88;
+      return `color-mix(in srgb, ${scaleVar} ${pct}%, ${surfaceVar})`;
+    };
+    const fmt = formatValue ?? ((v2) => new Intl.NumberFormat("pt-BR").format(v2));
+    const [hover, setHover] = useState(null);
+    const legendGradient = `linear-gradient(to right, ${surfaceVar}, ${scaleVar})`;
+    return /* @__PURE__ */ jsxs("div", { ref, className: styles2.root({ className }), children: [
+      /* @__PURE__ */ jsx(
+        "svg",
+        {
+          viewBox: `0 0 ${width} ${height}`,
+          className: styles2.svg(),
+          role: "img",
+          "aria-label": ariaLabel,
+          onMouseLeave: () => setHover(null),
+          children: geometry.map(({ feature: feature2, d: d3, centroid }, index) => {
+            const id = getId(feature2);
+            const value = values[id];
+            return /* @__PURE__ */ jsx(
+              "path",
+              {
+                d: d3,
+                fill: fillFor(value),
+                strokeWidth,
+                className: styles2.path(),
+                style: onFeatureClick ? { cursor: "pointer" } : void 0,
+                onMouseEnter: () => setHover({
+                  id,
+                  name: getName(feature2),
+                  value,
+                  feature: feature2,
+                  ax: centroid[0] / width * 100,
+                  ay: centroid[1] / height * 100
+                }),
+                onClick: onFeatureClick ? () => onFeatureClick({
+                  id,
+                  name: getName(feature2),
+                  value,
+                  feature: feature2
+                }) : void 0
+              },
+              `${id}-${index}`
+            );
+          })
+        }
+      ),
+      /* @__PURE__ */ jsx("div", { className: styles2.tooltipLayer(), children: /* @__PURE__ */ jsxs(Tooltip, { open: hover != null, onOpenChange: () => {
+      }, disableHoverableContent: true, children: [
+        /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+          "span",
+          {
+            "aria-hidden": "true",
+            className: styles2.tooltipAnchor(),
+            style: { left: `${hover?.ax ?? 0}%`, top: `${hover?.ay ?? 0}%` }
+          }
+        ) }),
+        /* @__PURE__ */ jsx(
+          TooltipContent,
+          {
+            showArrow: false,
+            className: "border border-border-default bg-bg-surface-elevated shadow-sh-lg",
+            children: hover && (renderTooltip ? renderTooltip(hover) : /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("div", { className: styles2.tooltipName(), children: hover.name }),
+              /* @__PURE__ */ jsx("div", { className: styles2.tooltipValue(), children: hover.value != null && Number.isFinite(hover.value) ? fmt(hover.value) : "Sem dados" })
+            ] }))
+          }
+        )
+      ] }) }),
+      showLegend && numeric.length > 0 && /* @__PURE__ */ jsxs("div", { className: styles2.legend(), children: [
+        legendTitle && /* @__PURE__ */ jsx("span", { className: styles2.legendTitle(), children: legendTitle }),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: styles2.legendBar(),
+            style: { background: legendGradient },
+            "aria-hidden": "true"
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: styles2.legendScale(), children: [
+          /* @__PURE__ */ jsx("span", { children: fmt(min) }),
+          /* @__PURE__ */ jsx("span", { children: fmt(max) })
+        ] })
+      ] })
+    ] });
+  }
+);
+ChoroplethMap.displayName = "ChoroplethMap";
 export {
-  j as AddViewModal,
+  n as AddViewModal,
   A as AlertModal,
   A2 as AppShell,
-  k as Avatar,
-  B3 as Badge,
+  Avatar,
+  Badge,
   B as BulkActionButton,
-  l as BulkActionsBar,
+  o as BulkActionsBar,
   Button,
   ButtonGroup,
   CardCheckbox,
   Chip,
-  a10 as ChipGroup,
-  b2 as ChipGroupItem,
-  C as ColsPanel,
-  m as ColsPopover,
-  n as Combobox,
-  o as DEFAULT_FILTER_OPERATORS,
+  d2 as ChipGroup,
+  e as ChipGroupItem,
+  ChoroplethMap,
+  ColorPicker,
+  q as ColsPanel,
+  r as ColsPopover,
+  s as Combobox,
+  ConversationListItem,
+  DEFAULT_COLOR_PRESETS,
+  t as DEFAULT_FILTER_OPERATORS,
+  DEFAULT_MESSAGE_VARIABLES,
   D as DataTable,
-  q as DataTableActionsCell,
-  r as DataTableEditCell,
-  s as DataTableEmpty,
-  t as DataTableFloatingBulkBar,
-  u as DataTableLoading,
-  v as DataTableNoResults,
-  w as DataTableTotalizerRow,
-  x as FLOATING_PANEL_SIZE_PX,
-  y as FilterPanel,
+  u as DataTableActionsCell,
+  v as DataTableEditCell,
+  w as DataTableEmpty,
+  x as DataTableFloatingBulkBar,
+  y as DataTableLoading,
+  z as DataTableNoResults,
+  E as DataTableTotalizerRow,
+  DatePicker,
+  DateSeparatorChip,
+  EmptyState,
+  G as FLOATING_PANEL_SIZE_PX,
+  FileUploadField,
+  H as FilterPanel,
   FilterPopover,
   d as FloatingPanel,
-  z as FloatingPanelField,
-  E as FloatingPanelSection,
-  G as FooterTable,
-  H as FooterTableSkeleton,
-  a as FormField,
-  I as FormFieldCheckbox,
+  I as FloatingPanelField,
+  J as FloatingPanelSection,
+  K as FooterTable,
+  L as FooterTableSkeleton,
+  FormField,
+  M as FormFieldCheckbox,
   F as FormFieldInput,
   b as FormFieldSelect,
-  J as FormFieldSwitch,
+  N as FormFieldSwitch,
   c as FormFieldTextarea,
   H2 as Header,
-  s2 as HeaderBreadcrumb,
-  t2 as HeaderMessages,
-  u2 as HeaderNotifications,
-  v2 as HeaderSearch,
-  w2 as HeaderThemeSwitcher,
+  F2 as HeaderBreadcrumb,
+  G2 as HeaderMessages,
+  I2 as HeaderNotifications,
+  J2 as HeaderSearch,
+  K2 as HeaderThemeSwitcher,
   Icon,
-  I3 as Input,
-  I2 as InputGroup,
-  x2 as InputGroupAddon,
-  y2 as InputGroupButton,
-  z2 as InputGroupInput,
-  B2 as InputGroupText,
-  E2 as InputGroupTextarea,
-  K as Kanban,
-  Kpi,
-  KpiDelta,
-  KpiGroup,
-  M2 as MenuSidebar,
+  Input,
+  L2 as InputGroup,
+  M2 as InputGroupAddon,
+  N2 as InputGroupButton,
+  O2 as InputGroupInput,
+  Q2 as InputGroupText,
+  R2 as InputGroupTextarea,
+  O as Kanban,
+  a as Kpi,
+  b2 as KpiDelta,
+  K3 as KpiGroup,
+  MarkdownText,
+  S2 as MenuSidebar,
+  MessageAck,
+  MessageBubble,
+  MessageComposer,
+  Reply as MessageReplyIcon,
+  MessageVariablesPicker,
   Modal,
-  M as MoreMenu,
-  F2 as MoreMenuCheckboxItem,
+  MonthYearPicker,
+  Q as MoreMenu,
+  T as MoreMenuCheckboxItem,
   DropdownMenuItem as MoreMenuItem,
   DropdownMenuLabel as MoreMenuLabel,
-  G2 as MoreMenuRadioGroup,
-  J2 as MoreMenuRadioItem,
+  U2 as MoreMenuRadioGroup,
+  V2 as MoreMenuRadioItem,
   DropdownMenuSeparator as MoreMenuSeparator,
-  P3 as PageHeader,
+  P2 as PageHeader,
   P as Panel,
-  L as PanelBody,
+  R as PanelBody,
   S as PanelCloseAction,
-  N as PanelContent,
-  O as PanelFooter,
-  Q as PanelHeader,
-  R as PanelRoot,
-  U as PanelTrigger,
-  V as SELECTION_COLUMN_WIDTH,
-  S2 as SidebarBrandIcon,
-  K2 as SidebarItem,
-  L2 as SidebarPanel,
-  N2 as SidebarPill,
-  O2 as SidebarRail,
-  P2 as SidebarSection,
-  Q2 as SidebarSubgroup,
+  U as PanelContent,
+  V as PanelFooter,
+  W as PanelHeader,
+  X as PanelRoot,
+  Y as PanelTrigger,
+  Z as SELECTION_COLUMN_WIDTH,
+  W2 as SidebarBrandIcon,
+  X2 as SidebarItem,
+  Y2 as SidebarPanel,
+  Z2 as SidebarPill,
+  _2 as SidebarRail,
+  $2 as SidebarSection,
+  a02 as SidebarSubgroup,
   SingleMenuSidebar,
-  W as SortPanel,
-  X as SortPopover,
-  Y as TABLE_HEADER_HEIGHT,
-  T2 as Table,
-  a11 as TableBody,
-  b3 as TableCardRow,
-  c2 as TableCell,
-  d3 as TableHead,
-  e2 as TableHeadCell,
-  f2 as TableRow,
-  Z as TableToolbar,
-  _ as TableToolbarViews,
-  $ as ToolbarApplied,
-  a0 as ToolbarDivider,
+  _ as SortPanel,
+  $ as SortPopover,
+  Spinner,
+  a0 as TABLE_HEADER_HEIGHT,
+  a1 as Table,
+  a2 as TableBody,
+  a3 as TableCardRow,
+  a4 as TableCell,
+  a5 as TableHead,
+  a6 as TableHeadCell,
+  a7 as TableRow,
+  a8 as TableToolbar,
+  a9 as TableToolbarViews,
+  aa as ToolbarApplied,
+  ab as ToolbarDivider,
   ToolbarFilterControl,
   ToolbarMobileDialog,
   ToolbarMobileSection,
   ToolbarMobileSheet,
-  a1 as ToolbarSaveButton,
-  a2 as ToolbarSearch,
-  a3 as ToolbarSegmented,
-  a4 as ToolbarSettingsMenu,
+  ac as ToolbarSaveButton,
+  ad as ToolbarSearch,
+  ae as ToolbarSegmented,
+  af as ToolbarSettingsMenu,
   ToolbarSimpleFilterDrawer,
-  a5 as ToolbarTabs,
+  ag as ToolbarTabs,
   ToolbarToolButton,
-  U2 as UserMenu,
-  a6 as ViewsPopover,
+  a12 as UserMenu,
+  ah as ViewsPopover,
   actionColumn,
-  a7 as avatarVariants,
-  g as badgeVariants,
-  d2 as buttonVariants,
+  ai as avatarVariants,
+  badgeVariants,
+  a22 as buttonVariants,
   cardCheckbox,
-  e as chipCount,
-  f as chipVariants,
-  a8 as columnTypeRegistry,
+  a32 as chipCount,
+  a42 as chipVariants,
+  colorPickerStyles,
+  aj as columnTypeRegistry,
+  conversationListItemStyles,
   currencyColumn,
   customColumn,
   dateColumn,
+  dateSeparatorChipStyles,
   emailColumn,
-  a9 as floatingPanelStyles,
+  emptyStateStyles,
+  ak as floatingPanelStyles,
   iconStyles,
   icons,
-  R2 as inputGroupVariants,
+  a52 as inputGroupVariants,
   i as inputVariants,
   isFilterEntryActive,
+  markdownTextStyles,
+  messageAckStyles,
+  messageBubbleStyles,
+  messageComposerStyles,
+  messageVariablesPickerStyles,
   numberColumn,
   p2 as pageHeaderStyles,
-  aa as panelContainer,
+  al as panelContainer,
   phoneColumn,
   p as presetView,
-  ab as savedViewsMockService,
+  am as savedViewsMockService,
   statusColumn,
   textColumn,
-  u3 as useColumnResize,
-  ac as useColumnWidths,
-  T as useControllable,
-  ad as useDataTableContext,
-  ae as useFloatingPanelResize,
-  V2 as useMediaQuery,
+  an as useColumnResize,
+  ao as useColumnWidths,
+  a62 as useControllable,
+  ap as useDataTableContext,
+  aq as useFloatingPanelResize,
+  a72 as useMediaQuery,
   useToolbarFilterControl,
   useToolbarFilters,
   useToolbarSort