@snksergio/design-system 0.19.1 → 0.30.2

package/dist-lib/index.cjs

@@ -1,16 +1,16 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const panel = require("./chunks/panel-pOXMw6a-.cjs");
-const appShell = require("./chunks/app-shell-CPx9X7zP.cjs");
-const chipGroup = require("./chunks/chip-group-2-f_Yo7Y.cjs");
+const panel = require("./chunks/panel-B_SSIEDs.cjs");
+const appShell = require("./chunks/app-shell-Cyh8AUJT.cjs");
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
-const badge = require("./chunks/badge-gU2wtxrn.cjs");
 const lucideReact = require("lucide-react");
-const pageHeader = require("./chunks/page-header-BZ-WrxV2.cjs");
+const SeparatorPrimitive = require("@radix-ui/react-separator");
+const input = require("./chunks/input-BjUSWce3.cjs");
+const kpiDelta = require("./chunks/kpi-delta-C_3V6uG6.cjs");
+const pageHeader = require("./chunks/page-header-D0rpU0yn.cjs");
 const TooltipPrimitive = require("@radix-ui/react-tooltip");
 const CollapsiblePrimitive = require("@radix-ui/react-collapsible");
-const input = require("./chunks/input-BWevV7up.cjs");
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
   if (e) {
@@ -28,9 +28,10 @@ function _interopNamespaceDefault(e) {
   return Object.freeze(n);
 }
 const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
+const SeparatorPrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(SeparatorPrimitive);
 const TooltipPrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(TooltipPrimitive);
 const CollapsiblePrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(CollapsiblePrimitive);
-const cardCheckbox = chipGroup.tv({
+const cardCheckbox = appShell.tv({
   slots: {
     root: [
       "flex items-center gap-gp-lg w-full",
@@ -80,7 +81,7 @@ const CardCheckbox = React.forwardRef(
         className: [styles2.root(), className].filter(Boolean).join(" "),
         children: [
           /* @__PURE__ */ jsxRuntime.jsx(
-            badge.Checkbox,
+            panel.Checkbox,
             {
               ref,
               id: autoId,
@@ -100,6 +101,671 @@ const CardCheckbox = React.forwardRef(
   }
 );
 CardCheckbox.displayName = "CardCheckbox";
+const Separator = React__namespace.forwardRef(
+  ({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    SeparatorPrimitive__namespace.Root,
+    {
+      ref,
+      decorative,
+      orientation,
+      className: appShell.cn(
+        "shrink-0 bg-border",
+        orientation === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]",
+        className
+      ),
+      ...props
+    }
+  )
+);
+Separator.displayName = SeparatorPrimitive__namespace.Root.displayName;
+const badgeVariants = appShell.tv({
+  base: [
+    "inline-flex items-center justify-center",
+    "border border-transparent",
+    "font-semibold leading-none whitespace-nowrap",
+    "transition-colors",
+    "focus-visible:outline-none focus-visible:ring-4 focus-visible:ring-ring-secondary",
+    "[&_svg]:pointer-events-none [&_svg]:shrink-0"
+  ],
+  variants: {
+    color: {
+      primary: "",
+      secondary: "",
+      critical: "",
+      success: "",
+      warning: "",
+      info: ""
+    },
+    variant: {
+      solid: "",
+      soft: "",
+      outline: "bg-transparent",
+      ghost: "bg-transparent border-transparent"
+    },
+    size: {
+      sm: "h-comp-2xs px-pad-sm text-caption-xs gap-gp-2xs [&_svg]:size-3",
+      // 20px / 6 / 10
+      md: "h-comp-xs px-pad-md text-body-xs gap-gp-xs [&_svg]:size-3.5",
+      // 24px / 8 / 12 (default)
+      lg: "h-comp-sm px-pad-lg text-body-sm font-normal gap-gp-sm [&_svg]:size-4"
+      // 28px / 10 / 13
+    },
+    shape: {
+      default: "rounded-radius-sm",
+      // 6px — counter, value tags
+      pill: "rounded-radius-full"
+      // pill — status chips
+    }
+  },
+  compoundVariants: [
+    /* ── Primary (brand) ─────────────────────────────────────────────── */
+    { color: "primary", variant: "solid", class: "bg-bg-brand text-fg-on-brand" },
+    { color: "primary", variant: "soft", class: "bg-bg-brand-subtle text-fg-brand" },
+    { color: "primary", variant: "outline", class: "border-border-brand text-fg-brand" },
+    { color: "primary", variant: "ghost", class: "text-fg-brand" },
+    /* ── Secondary (neutral) ─────────────────────────────────────────── */
+    { color: "secondary", variant: "solid", class: "bg-bg-emphasis text-fg-default" },
+    { color: "secondary", variant: "soft", class: "bg-bg-muted text-fg-muted" },
+    { color: "secondary", variant: "outline", class: "border-border-default text-fg-default" },
+    { color: "secondary", variant: "ghost", class: "text-fg-muted" },
+    /* ── Critical (danger) ───────────────────────────────────────────── */
+    { color: "critical", variant: "solid", class: "bg-bg-danger text-fg-on-danger" },
+    { color: "critical", variant: "soft", class: "bg-bg-danger-muted text-fg-danger" },
+    { color: "critical", variant: "outline", class: "border-border-danger-muted text-fg-danger" },
+    { color: "critical", variant: "ghost", class: "text-fg-danger" },
+    /* ── Success ─────────────────────────────────────────────────────── */
+    { color: "success", variant: "solid", class: "bg-bg-success text-fg-on-success" },
+    { color: "success", variant: "soft", class: "bg-bg-success-muted text-fg-success" },
+    { color: "success", variant: "outline", class: "border-border-success-muted text-fg-success" },
+    { color: "success", variant: "ghost", class: "text-fg-success" },
+    /* ── Warning ─────────────────────────────────────────────────────── */
+    { color: "warning", variant: "solid", class: "bg-bg-warning text-fg-on-warning" },
+    { color: "warning", variant: "soft", class: "bg-bg-warning-muted text-fg-warning" },
+    { color: "warning", variant: "outline", class: "border-border-warning-muted text-fg-warning" },
+    { color: "warning", variant: "ghost", class: "text-fg-warning" },
+    /* ── Info ────────────────────────────────────────────────────────── */
+    { color: "info", variant: "solid", class: "bg-bg-info text-fg-on-info" },
+    { color: "info", variant: "soft", class: "bg-bg-info-muted text-fg-info" },
+    { color: "info", variant: "outline", class: "border-border-info-muted text-fg-info" },
+    { color: "info", variant: "ghost", class: "text-fg-info" }
+  ],
+  defaultVariants: {
+    color: "secondary",
+    variant: "soft",
+    size: "md",
+    shape: "default"
+  }
+});
+function Badge({ className, color, variant, size, shape, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      className: badgeVariants({ color, variant, size, shape, className }),
+      ...props
+    }
+  );
+}
+const colorPickerStyles = appShell.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((c) => c + c).join("");
+  }
+  if (/^[0-9a-fA-F]{6}$/.test(h)) {
+    return `#${h.toUpperCase()}`;
+  }
+  return null;
+}
+function sameHex(a, b) {
+  const na = normalizeHex(a);
+  const nb = normalizeHex(b);
+  return na !== null && nb !== null && na === nb;
+}
+const ColorPicker = React.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 = React.useId();
+    const id = idProp ?? autoId;
+    const [uncontrolledOpen, setUncontrolledOpen] = React.useState(false);
+    const isControlled = openProp !== void 0;
+    const open = isControlled ? openProp : uncontrolledOpen;
+    const setOpen = (next) => {
+      if (!isControlled) setUncontrolledOpen(next);
+      onOpenChange?.(next);
+    };
+    const [inlineDraft, setInlineDraft] = React.useState(value);
+    const [customDraft, setCustomDraft] = React.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__ */ jsxRuntime.jsxs(appShell.Popover, { open, onOpenChange: setOpen, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles2.root({ className }), children: [
+        /* @__PURE__ */ jsxRuntime.jsx(appShell.PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            ref,
+            type: "button",
+            disabled,
+            "aria-label": "Selecionar cor",
+            "aria-haspopup": "dialog",
+            "aria-expanded": open,
+            className: styles2.swatch(),
+            style: { backgroundColor: swatchBg }
+          }
+        ) }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          input.Input,
+          {
+            id,
+            type: "text",
+            inputMode: "text",
+            size,
+            state,
+            disabled,
+            placeholder,
+            "aria-label": "Cor hexadecimal",
+            className: styles2.hexInput(),
+            value: inlineDraft,
+            onChange: (e) => setInlineDraft(e.target.value),
+            onBlur: handleInlineCommit,
+            onKeyDown: (e) => {
+              if (e.key === "Enter") {
+                e.preventDefault();
+                handleInlineCommit();
+              }
+            }
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        appShell.PopoverContent,
+        {
+          align: "start",
+          mobileSheet: true,
+          role: "dialog",
+          "aria-label": "Paleta de cores",
+          className: styles2.content(),
+          children: [
+            /* @__PURE__ */ jsxRuntime.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 = panel.getContrastTextColor(hex);
+                  return /* @__PURE__ */ jsxRuntime.jsx(
+                    "button",
+                    {
+                      type: "button",
+                      "aria-label": norm,
+                      "aria-pressed": selected,
+                      className: styles2.preset(),
+                      style: { backgroundColor: norm },
+                      onClick: () => handlePreset(hex),
+                      children: selected && /* @__PURE__ */ jsxRuntime.jsx(
+                        lucideReact.Check,
+                        {
+                          className: styles2.presetCheck(),
+                          style: { color: checkColor },
+                          "aria-hidden": "true"
+                        }
+                      )
+                    },
+                    norm
+                  );
+                })
+              }
+            ),
+            allowCustomHex && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(Separator, {}),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles2.customRow(), children: [
+                /* @__PURE__ */ jsxRuntime.jsx(panel.FormField, { label: "Cor personalizada", id: `${id}-custom`, children: ({ id: customId }) => /* @__PURE__ */ jsxRuntime.jsx(
+                  input.Input,
+                  {
+                    id: customId,
+                    type: "text",
+                    size,
+                    placeholder,
+                    "aria-label": "Cor hexadecimal",
+                    value: customDraft,
+                    onChange: (e) => setCustomDraft(e.target.value),
+                    onKeyDown: (e) => {
+                      if (e.key === "Enter") {
+                        e.preventDefault();
+                        handleCustomConfirm();
+                      }
+                    }
+                  }
+                ) }),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  appShell.Button,
+                  {
+                    type: "button",
+                    size: "sm",
+                    fullWidth: true,
+                    disabled: normalizeHex(customDraft) === null,
+                    onClick: handleCustomConfirm,
+                    children: "Aplicar"
+                  }
+                )
+              ] })
+            ] })
+          ]
+        }
+      )
+    ] });
+  }
+);
+const markdownTextStyles = appShell.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, s, 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" ? s.strong() : slot === "em" ? s.em() : s.strike();
+    return [
+      ...parseInline(before, s, `${prefix}-b`),
+      /* @__PURE__ */ jsxRuntime.jsx(Tag, { className, children: parseInline(inner, s, `${prefix}-i`) }, `${prefix}-${slot}`),
+      ...parseInline(after, s, `${prefix}-a`)
+    ];
+  }
+  return text ? [text] : [];
+}
+function parseLinksAndInline(text, s, prefix) {
+  const out = [];
+  let last = 0;
+  let i = 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), s, `${prefix}-${i}t`));
+    }
+    const raw = m[0];
+    const href = raw.startsWith("www.") ? `https://${raw}` : raw;
+    out.push(
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "a",
+        {
+          href,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          className: s.link(),
+          children: raw
+        },
+        `${prefix}-${i}link`
+      )
+    );
+    last = m.index + raw.length;
+    i += 1;
+  }
+  if (last < text.length) {
+    out.push(...parseInline(text.slice(last), s, `${prefix}-${i}t`));
+  }
+  return out;
+}
+function parseMarkdown(source, s) {
+  const out = [];
+  let last = 0;
+  let i = 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), s, `${i}t`));
+    }
+    const codeContent = m[1] ?? m[2] ?? "";
+    out.push(
+      /* @__PURE__ */ jsxRuntime.jsx("code", { className: s.code(), children: codeContent }, `${i}code`)
+    );
+    last = m.index + m[0].length;
+    i += 1;
+  }
+  if (last < source.length) {
+    out.push(...parseLinksAndInline(source.slice(last), s, `${i}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, i) => /* @__PURE__ */ jsxRuntime.jsx(React.Fragment, { children: node }, i));
+  if (inline) {
+    return /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles2.root({ className }), children: content });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx("p", { className: styles2.root({ className }), children: content });
+}
+const conversationListItemStyles = appShell.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 && !React.isValidElement(value) && ("src" in value || "name" in value || "colorHex" in value);
+}
+const ConversationListItem = React.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 = (e) => {
+    if (!interactive) return;
+    if (e.key === "Enter" || e.key === " ") {
+      e.preventDefault();
+      onClick?.();
+    }
+  };
+  const stopActions = (e) => e.stopPropagation();
+  let avatarNode = null;
+  if (avatar != null) {
+    if (isAvatarData(avatar)) {
+      const { src, name, colorHex } = avatar;
+      const label = name ?? title2;
+      avatarNode = /* @__PURE__ */ jsxRuntime.jsx(panel.Avatar, { size: "lg", colorHex, "aria-label": label, children: src ? /* @__PURE__ */ jsxRuntime.jsx(
+        "img",
+        {
+          src,
+          alt: "",
+          className: "size-full object-cover",
+          "aria-hidden": "true"
+        }
+      ) : initialsFromName(name ?? title2) });
+    } else {
+      avatarNode = avatar;
+    }
+  }
+  return /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("span", { className: styles2.media(), children: avatarNode }),
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: styles2.body(), children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: styles2.topRow(), children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles2.title(), children: title2 }),
+            time && /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles2.time(), children: time })
+          ] }),
+          preview && /* @__PURE__ */ jsxRuntime.jsx(MarkdownText, { inline: true, className: styles2.preview(), children: preview }),
+          badges && /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles2.badges(), children: badges })
+        ] }),
+        (hasUnread || actions) && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: styles2.trailing(), children: [
+          hasUnread && /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles2.unread(), "aria-label": `${unread} não lidas`, children: unread > 99 ? "99+" : unread }),
+          actions && /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles2.actions(), onClick: stopActions, children: actions })
+        ] })
+      ]
+    }
+  );
+});
+ConversationListItem.displayName = "ConversationListItem";
 const HIDDEN_AT = {
   md: "md:hidden",
   lg: "lg:hidden",
@@ -121,13 +787,13 @@ function ToolbarMobileDialog({
   const setOpen = onOpenChange ?? setInternalOpen;
   return /* @__PURE__ */ jsxRuntime.jsxs(appShell.Dialog, { open, onOpenChange: setOpen, children: [
     /* @__PURE__ */ jsxRuntime.jsx(appShell.DialogTrigger, { asChild: true, children: trigger ?? /* @__PURE__ */ jsxRuntime.jsx(
-      chipGroup.Button,
+      appShell.Button,
       {
         color: "secondary",
         variant: "outline",
         size: "icon-md",
         "aria-label": "Mais opções",
-        className: chipGroup.cn(HIDDEN_AT[desktopBreakpoint], className),
+        className: appShell.cn(HIDDEN_AT[desktopBreakpoint], className),
         children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MoreHorizontal, {})
       }
     ) }),
@@ -136,7 +802,7 @@ function ToolbarMobileDialog({
       {
         hideClose: true,
         "aria-describedby": void 0,
-        className: chipGroup.cn(
+        className: appShell.cn(
           // Visual alinhado com CommandDialog
           "overflow-hidden p-0 gap-0 sm:max-w-[384px]",
           "rounded-[12px] border border-border-default outline-float",
@@ -156,7 +822,7 @@ function ToolbarMobileSection({
   children,
   className
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: chipGroup.cn("flex flex-col gap-gp-md", className), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: appShell.cn("flex flex-col gap-gp-md", className), children: [
     title2 && /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-body-xs font-medium text-fg-muted", children: title2 }),
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-gp-md", children })
   ] });
@@ -426,6 +1092,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__namespace.forwardRef(
+  (props, ref) => {
+    const { placeholder, disabled, align = "start", className } = props;
+    const [open, setOpen] = React__namespace.useState(false);
+    let label = null;
+    let calendar;
+    if (props.mode === "range") {
+      const v = props.value;
+      label = v?.from ? v.to ? `${formatShort(v.from)} – ${formatShort(v.to)}` : formatShort(v.from) : null;
+      calendar = /* @__PURE__ */ jsxRuntime.jsx(
+        panel.Calendar,
+        {
+          mode: "range",
+          min: 1,
+          numberOfMonths: props.numberOfMonths ?? 2,
+          selected: v,
+          onSelect: (range) => {
+            props.onValueChange?.(range);
+            if (range?.from && range?.to) setOpen(false);
+          },
+          autoFocus: true
+        }
+      );
+    } else if (props.mode === "multiple") {
+      const v = props.value;
+      label = v && v.length > 0 ? v.length === 1 ? "1 data selecionada" : `${v.length} datas selecionadas` : null;
+      calendar = /* @__PURE__ */ jsxRuntime.jsx(
+        panel.Calendar,
+        {
+          mode: "multiple",
+          numberOfMonths: props.numberOfMonths,
+          selected: v,
+          onSelect: (dates) => props.onValueChange?.(dates),
+          autoFocus: true
+        }
+      );
+    } else {
+      const v = props.value;
+      label = v ? formatFull(v) : null;
+      calendar = /* @__PURE__ */ jsxRuntime.jsx(
+        panel.Calendar,
+        {
+          mode: "single",
+          numberOfMonths: props.numberOfMonths,
+          selected: v,
+          onSelect: (date) => {
+            props.onValueChange?.(date);
+            setOpen(false);
+          }
+        }
+      );
+    }
+    const text = label ?? placeholder ?? (props.mode === "range" ? "Selecione o período" : "Selecione a data");
+    return /* @__PURE__ */ jsxRuntime.jsxs(appShell.Popover, { open, onOpenChange: setOpen, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(appShell.PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
+        "button",
+        {
+          ref,
+          type: "button",
+          disabled,
+          "data-placeholder": label ? void 0 : "",
+          className: appShell.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__ */ jsxRuntime.jsx(lucideReact.Calendar, { className: "size-icon-sm shrink-0 text-fg-muted", strokeWidth: 1.8 }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: text })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntime.jsx(appShell.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",
@@ -2834,7 +3603,7 @@ const icons = {
   "igreen-seguro": "M11.4639 1.25702C14.085 1.19572 16.6411 1.6447 19.0066 2.80744C19.3755 2.98873 19.8048 3.19906 20.142 3.4273C20.9286 3.95325 21.4689 4.77503 21.64 5.70561C21.7473 6.26792 21.7481 6.87869 21.75 7.45017L21.7514 8.83666C21.7516 9.87475 21.7887 11.1941 21.7047 12.2121C21.5436 14.0305 20.9125 15.7758 19.8734 17.2767C18.5209 19.2611 16.5655 20.8084 14.4652 21.9442C13.8002 22.3039 13.3077 22.5769 12.5623 22.7178C11.4536 22.8767 10.7471 22.5794 9.79046 22.0794C8.44126 21.3884 7.18846 20.5236 6.06411 19.5069C3.84267 17.4616 2.38475 14.8198 2.26307 11.7606C2.22718 10.8583 2.25004 9.84503 2.25011 8.93645L2.25126 7.48091C2.25539 6.12739 2.2747 4.98567 3.24579 3.9393C3.71646 3.43213 4.19253 3.20858 4.79776 2.89964C6.88626 1.83361 9.13195 1.34875 11.4639 1.25702ZM12.2478 21.2347C12.7949 21.1598 13.2274 20.8973 13.7073 20.643C16.9795 18.9081 19.9055 15.9692 20.208 12.0955C20.2867 11.0876 20.2506 10.0186 20.2508 8.99972L20.2497 7.49477C20.2462 6.34402 20.3047 5.23981 19.1555 4.57861C16.8945 3.27767 14.3404 2.72419 11.7463 2.75784C9.58278 2.77438 7.45059 3.27663 5.50717 4.22755C5.10873 4.42741 4.69854 4.61347 4.37701 4.93105C3.74856 5.55175 3.75436 6.41214 3.75218 7.23411C3.74851 8.62352 3.74971 10.0193 3.75311 11.4093C3.77103 15.6466 6.86057 18.8792 10.425 20.718C10.9812 21.0048 11.3782 21.2548 12.0336 21.2458C12.1051 21.2442 12.1766 21.2406 12.2478 21.2347Z",
   "igreen-clientes": "M21.25 11.5996C21.25 9.90753 21.2495 8.68345 21.1709 7.7207C21.0929 6.76657 20.9419 6.1346 20.6777 5.61621C20.1744 4.62859 19.3714 3.82556 18.3838 3.32227C17.8654 3.05814 17.2334 2.90706 16.2793 2.8291C15.3165 2.75047 14.0925 2.75 12.4004 2.75H11.5996C9.90753 2.75 8.68345 2.75047 7.7207 2.8291C6.76657 2.90706 6.1346 3.05814 5.61621 3.32227C4.62859 3.82556 3.82556 4.62859 3.32227 5.61621C3.05814 6.1346 2.90706 6.76657 2.8291 7.7207C2.75047 8.68345 2.75 9.90753 2.75 11.5996V12.4004C2.75 14.0925 2.75047 15.3165 2.8291 16.2793C2.90706 17.2334 3.05814 17.8654 3.32227 18.3838C3.82556 19.3714 4.62859 20.1744 5.61621 20.6777C6.1346 20.9419 6.76657 21.0929 7.7207 21.1709C8.68345 21.2495 9.90753 21.25 11.5996 21.25H12.4004C14.0925 21.25 15.3165 21.2495 16.2793 21.1709C17.2334 21.0929 17.8654 20.9419 18.3838 20.6777C19.3714 20.1744 20.1744 19.3714 20.6777 18.3838C20.9419 17.8654 21.0929 17.2334 21.1709 16.2793C21.2495 15.3165 21.25 14.0925 21.25 12.4004V11.5996ZM15.25 15.667C15.25 14.6084 14.3916 13.75 13.333 13.75H10.667C9.60845 13.75 8.75 14.6084 8.75 15.667C8.75018 15.9889 9.0111 16.2498 9.33301 16.25H14.667C14.9889 16.2498 15.2498 15.9889 15.25 15.667ZM13.25 8C13.25 7.30964 12.6904 6.75 12 6.75C11.3096 6.75 10.75 7.30964 10.75 8C10.75 8.69036 11.3096 9.25 12 9.25C12.6904 9.25 13.25 8.69036 13.25 8ZM16.75 15.667C16.7498 16.8173 15.8173 17.7498 14.667 17.75H9.33301C8.18267 17.7498 7.25018 16.8173 7.25 15.667C7.25 13.78 8.78002 12.25 10.667 12.25H13.333C15.22 12.25 16.75 13.78 16.75 15.667ZM22.75 12.4004C22.75 14.068 22.7508 15.3643 22.666 16.4023C22.5805 17.449 22.4044 18.2995 22.0146 19.0645C21.3675 20.3345 20.3345 21.3675 19.0645 22.0146C18.2995 22.4044 17.449 22.5805 16.4023 22.666C15.3643 22.7508 14.068 22.75 12.4004 22.75H11.5996C9.93202 22.75 8.63571 22.7508 7.59766 22.666C6.55103 22.5805 5.70049 22.4044 4.93555 22.0146C3.66545 21.3675 2.6325 20.3345 1.98535 19.0645C1.59562 18.2995 1.41953 17.449 1.33398 16.4023C1.24917 15.3643 1.25 14.068 1.25 12.4004V11.5996C1.25 9.93202 1.24917 8.63571 1.33398 7.59766C1.41953 6.55103 1.59562 5.70049 1.98535 4.93555C2.6325 3.66545 3.66545 2.6325 4.93555 1.98535C5.70049 1.59562 6.55103 1.41953 7.59766 1.33398C8.63571 1.24917 9.93202 1.25 11.5996 1.25H12.4004C14.068 1.25 15.3643 1.24917 16.4023 1.33398C17.449 1.41953 18.2995 1.59562 19.0645 1.98535C20.3345 2.6325 21.3675 3.66545 22.0146 4.93555C22.4044 5.70049 22.5805 6.55103 22.666 7.59766C22.7508 8.63571 22.75 9.93202 22.75 11.5996V12.4004ZM14.75 8C14.75 9.51878 13.5188 10.75 12 10.75C10.4812 10.75 9.25 9.51878 9.25 8C9.25 6.48122 10.4812 5.25 12 5.25C13.5188 5.25 14.75 6.48122 14.75 8Z"
 };
-const iconStyles = chipGroup.tv({
+const iconStyles = appShell.tv({
   base: "inline-block shrink-0 transition-colors",
   variants: {
     size: {
@@ -2908,7 +3677,7 @@ const Icon = React.forwardRef(
         clipRule: "evenodd",
         role: decorative ? void 0 : "img",
         "aria-hidden": decorative ? true : void 0,
-        className: chipGroup.cn(iconStyles({ size: preset ? size : void 0, tone }), className),
+        className: appShell.cn(iconStyles({ size: preset ? size : void 0, tone }), className),
         style: { ...sizeStyle, ...color ? { color } : void 0, ...style },
         ...props,
         children: [
@@ -2920,150 +3689,955 @@ const Icon = React.forwardRef(
   }
 );
 Icon.displayName = "Icon";
-const kpi = chipGroup.tv({
+const dateSeparatorChipStyles = appShell.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 = chipGroup.tv({
-  base: "grid w-full",
+function DateSeparatorChip({
+  label,
+  variant = "date",
+  icon,
+  className
+}) {
+  const styles2 = dateSeparatorChipStyles({ variant });
+  const isBoundary = variant === "boundary";
+  const chip = /* @__PURE__ */ jsxRuntime.jsxs(appShell.Chip, { color: "neutral", variant: "soft", size: "sm", className: styles2.chip(), children: [
+    icon ? /* @__PURE__ */ jsxRuntime.jsx(Icon, { name: icon, size: "xs" }) : null,
+    label
+  ] });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { role: "separator", "aria-label": label, className: appShell.cn(styles2.root(), className), children: isBoundary ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(Separator, { decorative: true, className: styles2.rule() }),
+    chip,
+    /* @__PURE__ */ jsxRuntime.jsx(Separator, { decorative: true, className: styles2.rule() })
+  ] }) : chip });
+}
+const emptyStateStyles = appShell.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 = React.createContext("card");
-function KpiGroup({
-  columns = 4,
-  divided = false,
-  children,
-  className
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(KpiSurfaceContext.Provider, { value: divided ? "plain" : "card", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: chipGroup.cn(kpiGroup({ columns, divided }), className), children }) });
+const ACTION_BUTTON_SIZE = {
+  sm: "sm",
+  md: "md",
+  lg: "lg"
+};
+function isActionConfig(action) {
+  return !React.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 || React.isValidElement(icon)) return icon;
+  if (typeof icon === "function" || typeof icon === "object" && "$$typeof" in icon) {
+    return React.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 = React.useContext(KpiSurfaceContext);
-  const s = kpi({ surface: surface ?? inherited, tone });
-  return /* @__PURE__ */ jsxRuntime.jsxs("article", { className: chipGroup.cn(s.root(), className), children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("header", { className: s.header(), children: [
-      /* @__PURE__ */ jsxRuntime.jsx("h3", { className: s.label(), children: label }),
-      icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: s.iconBox(), "aria-hidden": true, children: icon })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: s.main(), children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: s.valueRow(), children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: s.value(), children: value }),
-        delta
-      ] }),
-      hint && /* @__PURE__ */ jsxRuntime.jsx("span", { className: s.hint(), children: hint })
-    ] }),
-    children && /* @__PURE__ */ jsxRuntime.jsx("div", { className: s.chart(), children }),
-    footnote && /* @__PURE__ */ jsxRuntime.jsx("div", { className: s.footnote(), children: footnote })
+  const styles2 = emptyStateStyles({ size });
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles2.root({ className }), children: [
+    icon != null && /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles2.icon(), "aria-hidden": "true", children: renderIcon(icon) }),
+    /* @__PURE__ */ jsxRuntime.jsx("h3", { className: styles2.title(), children: title2 }),
+    description2 && /* @__PURE__ */ jsxRuntime.jsx("p", { className: styles2.description(), children: description2 }),
+    action != null && (isActionConfig(action) ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles2.action(), children: /* @__PURE__ */ jsxRuntime.jsx(
+      appShell.Button,
+      {
+        type: "button",
+        size: ACTION_BUTTON_SIZE[size],
+        color: action.color,
+        variant: action.variant,
+        onClick: action.onClick,
+        children: action.label
+      }
+    ) }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles2.action(), children: action }))
   ] });
 }
-Kpi.displayName = "Kpi";
-function KpiDelta({
+const fileUploadFieldStyles = appShell.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((t) => t.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__ */ jsxRuntime.jsxs(
-    chipGroup.Chip,
+  const inputRef = React.useRef(null);
+  const styles2 = fileUploadFieldStyles({ disabled });
+  const [objectUrl, setObjectUrl] = React.useState(null);
+  React.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__ */ jsxRuntime.jsx(
+    panel.FormField,
     {
-      color: tone,
-      variant: "soft",
-      size: "sm",
-      shape: "pill",
+      label,
+      required,
+      state,
+      errorMessage,
+      helperText,
       className,
-      children: [
-        direction && /* @__PURE__ */ jsxRuntime.jsx(
-          lucideReact.TrendingUp,
+      id,
+      disabled,
+      children: ({ id: fieldId }) => /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "input",
           {
-            className: chipGroup.cn("size-[12px]", direction === "down" && "rotate-180"),
-            "aria-hidden": true
+            ref: inputRef,
+            id: fieldId,
+            type: "file",
+            accept,
+            disabled,
+            className: "hidden",
+            onChange: (e) => handleFiles(e.target.files?.[0])
           }
         ),
-        value
-      ]
+        value == null ? /* @__PURE__ */ jsxRuntime.jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: openPicker,
+            disabled,
+            "aria-label": label ? `${label}: clique para anexar` : "Clique para anexar",
+            className: styles2.dropzone(),
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(Icon, { name: "line-cloud-upload", size: "lg", className: styles2.dropIcon() }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles2.dropText(), children: "Clique para anexar" }),
+              hint && /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles2.dropHint(), children: hint })
+            ]
+          }
+        ) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles2.fileRow(), children: [
+          isImage && imageSrc ? /* @__PURE__ */ jsxRuntime.jsx("img", { src: imageSrc, alt: displayName, className: styles2.thumb() }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles2.fileChipWrap(), children: /* @__PURE__ */ jsxRuntime.jsxs(appShell.Chip, { color: "neutral", variant: "soft", size: "lg", className: "max-w-full", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(Icon, { name: "line-file", size: "sm" }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles2.fileName(), children: displayName })
+          ] }) }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles2.removeWrap(), children: /* @__PURE__ */ jsxRuntime.jsx(
+            appShell.Button,
+            {
+              type: "button",
+              color: "critical",
+              variant: "ghost",
+              size: "icon-sm",
+              disabled,
+              "aria-label": "Remover arquivo",
+              onClick: handleRemove,
+              children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { name: "line-bin", size: "sm" })
+            }
+          ) })
+        ] })
+      ] })
     }
   );
 }
-KpiDelta.displayName = "KpiDelta";
-const dialog = chipGroup.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 = appShell.tv({
+  slots: {
+    icon: "inline-block shrink-0 align-middle size-icon-xs"
+  },
   variants: {
-    size: {
-      sm: "!max-w-[440px]",
+    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__ */ jsxRuntime.jsx(lucideReact.AlertCircle, { "aria-hidden": true, className: appShell.cn(styles22.icon(), className) });
+  }
+  const tone = ack >= 4 ? "success" : "muted";
+  const styles2 = messageAckStyles({ tone });
+  const iconClassName = appShell.cn(styles2.icon(), className);
+  if (ack >= 4) return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckCheck, { "aria-hidden": true, className: iconClassName });
+  if (ack === 3) return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckCheck, { "aria-hidden": true, className: iconClassName });
+  if (ack === 2) return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { "aria-hidden": true, className: iconClassName });
+  return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Clock, { "aria-hidden": true, className: iconClassName });
+};
+MessageAck.displayName = "MessageAck";
+const messageBubbleStyles = appShell.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__ */ jsxRuntime.jsx("div", { className: styles$1.media(), children: mediaUrl ? /* @__PURE__ */ jsxRuntime.jsx(
+        "img",
+        {
+          src: mediaUrl,
+          alt: body2 || "Imagem",
+          className: styles$1.mediaImage(),
+          role: onMediaClick ? "button" : void 0,
+          tabIndex: onMediaClick ? 0 : void 0,
+          onClick: onMediaClick,
+          onKeyDown: (e) => handleMediaKeyDown(e, onMediaClick)
+        }
+      ) : null });
+    case "audio":
+      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$1.media(), children: mediaUrl ? (
+        // eslint-disable-next-line jsx-a11y/media-has-caption
+        /* @__PURE__ */ jsxRuntime.jsx("audio", { controls: true, src: mediaUrl, className: styles$1.mediaAudio() })
+      ) : null });
+    case "video":
+      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$1.media(), children: mediaUrl ? (
+        // eslint-disable-next-line jsx-a11y/media-has-caption
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "video",
+          {
+            controls: true,
+            src: mediaUrl,
+            className: styles$1.mediaVideo(),
+            role: onMediaClick ? "button" : void 0,
+            tabIndex: onMediaClick ? 0 : void 0,
+            onClick: onMediaClick,
+            onKeyDown: (e) => handleMediaKeyDown(e, onMediaClick)
+          }
+        )
+      ) : null });
+    case "document":
+      return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$1.mediaDoc(), children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          Icon,
+          {
+            name: "line-file",
+            size: "lg",
+            className: styles$1.mediaDocIcon()
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$1.mediaDocInfo(), children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles$1.mediaDocName(), children: body2 || "Documento" }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles$1.mediaDocHint(), children: "Toque para baixar" })
+        ] }),
+        mediaUrl ? /* @__PURE__ */ jsxRuntime.jsx(
+          appShell.Button,
+          {
+            type: "button",
+            size: "xs",
+            variant: "ghost",
+            color: "primary",
+            "aria-label": "Baixar documento",
+            onClick: onMediaClick,
+            children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { name: "line-download-01", size: "sm" })
+          }
+        ) : null
+      ] });
+    case "location":
+      return mediaUrl ? /* @__PURE__ */ jsxRuntime.jsxs(
+        "a",
+        {
+          href: mediaUrl,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          className: styles$1.mediaLocation(),
+          onClick: onMediaClick,
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              Icon,
+              {
+                name: "line-pin",
+                size: "md",
+                className: styles$1.mediaLocationIcon()
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { children: body2 || "Ver localização" })
+          ]
+        }
+      ) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$1.mediaLocation(), children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          Icon,
+          {
+            name: "line-pin",
+            size: "md",
+            className: styles$1.mediaLocationIcon()
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { children: body2 || "Localização" })
+      ] });
+    case "vcard":
+    case "contact":
+      return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$1.mediaContact(), children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          Icon,
+          {
+            name: "line-user",
+            size: "lg",
+            className: styles$1.mediaDocIcon()
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$1.mediaContactInfo(), children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles$1.mediaContactName(), children: body2 || "Contato" }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles$1.mediaContactHint(), children: "Cartão de contato" })
+        ] })
+      ] });
+    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] = React.useState(false);
+  const s = messageBubbleStyles({ side, tail });
+  const time = formatTime(createdAt);
+  const hasMedia = !isDeleted && mediaType !== "text";
+  const showAck = side === "sent" && ack !== void 0 && !isDeleted;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: s.row({ className }), children: [
+    avatar ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: s.avatarSlot(), children: avatar }) : null,
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: s.column(), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: s.bubble(), children: [
+      actions && !isDeleted ? /* @__PURE__ */ jsxRuntime.jsxs(
+        appShell.Popover,
+        {
+          open: actionsOpen,
+          onOpenChange: setActionsOpen,
+          modal: false,
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(appShell.PopoverAnchor, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+              appShell.Button,
+              {
+                type: "button",
+                size: "2xs",
+                variant: "ghost",
+                color: "secondary",
+                "aria-label": "Ações da mensagem",
+                "aria-haspopup": "menu",
+                "aria-expanded": actionsOpen,
+                className: s.actionsTrigger(),
+                onClick: () => setActionsOpen((o) => !o),
+                children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MoreVertical, { "aria-hidden": "true" })
+              }
+            ) }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              appShell.PopoverContent,
+              {
+                align: side === "sent" ? "end" : "start",
+                role: "menu",
+                className: s.actionsContent(),
+                children: actions
+              }
+            )
+          ]
+        }
+      ) : null,
+      authorName && !isDeleted ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: s.author(), children: authorName }) : null,
+      quotedMessage && !isDeleted ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: s.quoted(), children: [
+        quotedMessage.authorName ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: s.quotedAuthor(), children: quotedMessage.fromMe ? "Você" : quotedMessage.authorName }) : null,
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: s.quotedPreview(), children: [
+          quotedMessage.mediaType === "image" && quotedMessage.mediaUrl ? /* @__PURE__ */ jsxRuntime.jsx(
+            "img",
+            {
+              src: quotedMessage.mediaUrl,
+              alt: "",
+              className: s.quotedThumb()
+            }
+          ) : null,
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: s.quotedPreviewText(), children: quotedMessage.body ? /* @__PURE__ */ jsxRuntime.jsx(MarkdownText, { inline: true, children: quotedMessage.body }) : MEDIA_LABEL[quotedMessage.mediaType ?? "text"] || "Mensagem" })
+        ] })
+      ] }) : null,
+      isDeleted ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: s.deleted(), children: [
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Ban, { className: s.deletedIcon(), "aria-hidden": "true" }),
+        "Mensagem apagada"
+      ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        hasMedia ? media ?? /* @__PURE__ */ jsxRuntime.jsx(
+          MessageMediaRenderer,
+          {
+            mediaType,
+            mediaUrl,
+            body: body2,
+            onMediaClick
+          }
+        ) : null,
+        body2 && (mediaType === "text" || !hasMedia) ? /* @__PURE__ */ jsxRuntime.jsx(MarkdownText, { className: s.body(), children: body2 }) : null
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: s.meta(), children: [
+        isEdited && !isDeleted ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: s.metaEdited(), children: "editada" }) : null,
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: s.metaTime(), children: time }),
+        showAck ? /* @__PURE__ */ jsxRuntime.jsx(MessageAck, { ack, error: ackError }) : null
+      ] })
+    ] }) })
+  ] });
+}
+MessageBubble.displayName = "MessageBubble";
+const messageComposerStyles = appShell.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 = React.forwardRef(function MessageComposer2({
+  value,
+  onChange,
+  onSend,
+  onKeyDown,
+  placeholder,
+  state = "open",
+  size = "md",
+  toolbarStart,
+  toolbarEnd,
+  replyPreview,
+  banner,
+  sending = false,
+  recording,
+  className
+}, ref) {
+  const innerRef = React.useRef(null);
+  const setRefs = React.useCallback(
+    (node) => {
+      innerRef.current = node;
+      if (typeof ref === "function") ref(node);
+      else if (ref) ref.current = node;
+    },
+    [ref]
+  );
+  React.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__ */ jsxRuntime.jsxs("div", { className: styles2.root({ className }), children: [
+    replyPreview ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles2.replyPreview(), children: replyPreview }) : null,
+    banner ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles2.banner(), children: banner }) : null,
+    !isReadOnly && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      (replyPreview || banner) && /* @__PURE__ */ jsxRuntime.jsx(Separator, {}),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles2.field(), children: [
+        toolbarStart ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles2.toolbarStart(), children: toolbarStart }) : null,
+        recording ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles2.recording(), children: recording }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles2.inputArea(), children: /* @__PURE__ */ jsxRuntime.jsx(
+          panel.Textarea,
+          {
+            ref: setRefs,
+            rows: 1,
+            value,
+            disabled: isDisabled,
+            placeholder,
+            "aria-label": placeholder ?? "Mensagem",
+            className: styles2.textarea(),
+            onChange: (e) => onChange(e.target.value),
+            onKeyDown: handleKeyDown
+          }
+        ) }),
+        toolbarEnd ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles2.toolbarEnd(), children: toolbarEnd }) : null,
+        !recording && /* @__PURE__ */ jsxRuntime.jsx(
+          appShell.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__ */ jsxRuntime.jsx(Icon, { name: "line-telegram" })
+          }
+        )
+      ] })
+    ] })
+  ] });
+});
+const messageVariablesPickerStyles = appShell.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] = React.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__ */ jsxRuntime.jsxs(appShell.Popover, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(appShell.PopoverTrigger, { asChild: true, children: triggerVariant === "icon" ? /* @__PURE__ */ jsxRuntime.jsx(
+      appShell.Button,
+      {
+        type: "button",
+        color: "primary",
+        variant: "ghost",
+        size: buttonSize,
+        disabled,
+        className,
+        "aria-label": "Inserir variável",
+        "aria-haspopup": "dialog",
+        children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { name: "line-code" })
+      }
+    ) : /* @__PURE__ */ jsxRuntime.jsx(
+      appShell.Button,
+      {
+        type: "button",
+        color: "primary",
+        variant: "ghost",
+        size: buttonSize,
+        disabled,
+        className,
+        "aria-haspopup": "dialog",
+        iconLeft: /* @__PURE__ */ jsxRuntime.jsx(Icon, { name: "line-code" }),
+        children: label
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntime.jsx(appShell.PopoverContent, { align: "start", sideOffset: 6, mobileSheet: true, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles2.content(), children: [
+      variables.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles2.header(), children: "Variáveis disponíveis" }),
+        /* @__PURE__ */ jsxRuntime.jsx(Separator, {})
+      ] }),
+      variables.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles2.empty(), children: "Nenhuma variável disponível" }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles2.list(), children: variables.map((variable) => /* @__PURE__ */ jsxRuntime.jsx(
+        appShell.Chip,
+        {
+          color: "primary",
+          variant: "soft",
+          size: "sm",
+          asButton: true,
+          "aria-label": `Inserir ${variable.label}`,
+          onMouseDown: (e) => e.preventDefault(),
+          onClick: () => handleSelect(variable.token),
+          children: variable.label
+        },
+        variable.token
+      )) })
+    ] }) })
+  ] });
+}
+const dialog = appShell.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" }
 });
-const closeBtn = chipGroup.tv({
+const closeBtn = appShell.tv({
   base: [
     "absolute top-[14px] right-[14px] z-[1]",
     "grid place-items-center size-[28px]",
@@ -3075,7 +4649,7 @@ const closeBtn = chipGroup.tv({
     "dark:hover:bg-bg-muted-hover"
   ]
 });
-const head = chipGroup.tv({
+const head = appShell.tv({
   base: [
     "flex items-center gap-[14px]",
     "px-pad-4xl pt-pad-4xl pb-pad-3xl",
@@ -3087,7 +4661,7 @@ const head = chipGroup.tv({
     withIcon: { false: "", true: "" }
   }
 });
-const headIcon = chipGroup.tv({
+const headIcon = appShell.tv({
   base: [
     "shrink-0 grid place-items-center size-form-lg",
     // 40×40
@@ -3097,7 +4671,7 @@ const headIcon = chipGroup.tv({
     "dark:bg-bg-accent dark:border-border-subtle"
   ]
 });
-const headTitleWrap = chipGroup.tv({
+const headTitleWrap = appShell.tv({
   base: [
     "flex-1 min-w-0",
     "flex flex-col justify-center",
@@ -3106,7 +4680,7 @@ const headTitleWrap = chipGroup.tv({
     // reserva espaço pro X close (right-14 + 28px) — evita overlap
   ]
 });
-const title = chipGroup.tv({
+const title = appShell.tv({
   base: [
     "m-0 mb-[2px]",
     "text-body-lg font-bold leading-[1.3]",
@@ -3114,13 +4688,19 @@ const title = chipGroup.tv({
     "tracking-[-0.01em]"
   ]
 });
-const description = chipGroup.tv({
+const description = appShell.tv({
   base: "m-0 text-body-xs font-normal text-fg-muted leading-[1.45]"
 });
-const body = chipGroup.tv({
-  base: "flex flex-col gap-[18px] px-pad-4xl py-[22px]"
+const body = appShell.tv({
+  // `min-h-0` é o que permite o flex item encolher e a rolagem acontecer aqui,
+  // em vez de o conteúdo empurrar o container para fora da tela. Sem ele,
+  // `overflow-y-auto` não tem efeito nenhum dentro de um flex column.
+  base: [
+    "flex flex-col gap-[18px] px-pad-4xl py-[22px]",
+    "min-h-0 flex-1 overflow-y-auto"
+  ]
 });
-const foot = chipGroup.tv({
+const foot = appShell.tv({
   base: [
     "flex items-center gap-gp-lg",
     // gap 10px
@@ -3135,7 +4715,7 @@ const foot = chipGroup.tv({
   },
   defaultVariants: { layout: "end" }
 });
-const footRight = chipGroup.tv({
+const footRight = appShell.tv({
   base: "flex items-center gap-gp-lg"
 });
 function Modal({
@@ -3167,15 +4747,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: [
+        !title$1 && /* @__PURE__ */ jsxRuntime.jsx(appShell.DialogTitle, { className: "sr-only", children: "Diálogo" }),
         !hideClose && /* @__PURE__ */ jsxRuntime.jsx(appShell.DialogClose, { className: closeBtn(), "aria-label": "Fechar", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "size-icon-sm" }) }),
         hasHeader && /* @__PURE__ */ jsxRuntime.jsxs("header", { className: head(), children: [
           icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: headIcon(), "aria-hidden": "true", children: icon }),
           (title$1 || description$1) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: headTitleWrap(), children: [
-            title$1 && /* @__PURE__ */ jsxRuntime.jsx("h3", { id: "modal-title", className: title(), children: title$1 }),
-            description$1 && /* @__PURE__ */ jsxRuntime.jsx("p", { id: "modal-description", className: description(), children: description$1 })
+            title$1 && /* @__PURE__ */ jsxRuntime.jsx(appShell.DialogTitle, { className: title(), children: title$1 }),
+            description$1 && /* @__PURE__ */ jsxRuntime.jsx(appShell.DialogDescription, { className: description(), children: description$1 })
           ] })
         ] }),
         children !== void 0 && children !== null && /* @__PURE__ */ jsxRuntime.jsx("div", { className: body(), children }),
@@ -3207,7 +4787,7 @@ function StructuredActions({
   onClose
 }) {
   const renderTertiary = tertiary && /* @__PURE__ */ jsxRuntime.jsx(
-    chipGroup.Button,
+    appShell.Button,
     {
       color: tertiary.danger ? "critical" : "secondary",
       variant: "ghost",
@@ -3219,7 +4799,7 @@ function StructuredActions({
     }
   );
   const renderSecondary = secondary && /* @__PURE__ */ jsxRuntime.jsx(
-    chipGroup.Button,
+    appShell.Button,
     {
       color: "secondary",
       variant: "outline",
@@ -3231,7 +4811,7 @@ function StructuredActions({
     }
   );
   const renderPrimary = primary && /* @__PURE__ */ jsxRuntime.jsx(
-    chipGroup.Button,
+    appShell.Button,
     {
       color: primary.danger ? "critical" : "primary",
       variant: "filled",
@@ -3256,25 +4836,253 @@ function StructuredActions({
     renderPrimary
   ] });
 }
-const TooltipProvider = ({
-  delayDuration = 200,
-  ...props
-}) => /* @__PURE__ */ jsxRuntime.jsx(TooltipPrimitive__namespace.Provider, { delayDuration, ...props });
-const Tooltip = TooltipPrimitive__namespace.Root;
+const monthYearStyles = appShell.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 = appShell.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 = React.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] = React.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] = React.useState(
+    parsed?.year ?? now.getFullYear()
+  );
+  const monthLabels = React.useMemo(() => {
+    const fmt = new Intl.DateTimeFormat(locale, { month: "short" });
+    return Array.from(
+      { length: 12 },
+      (_, i) => capitalizeFirst(fmt.format(new Date(2020, i, 1)).replace(/\.$/, ""))
+    );
+  }, [locale]);
+  const triggerLabel = React.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__ */ jsxRuntime.jsxs(appShell.Popover, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(appShell.PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
+      "button",
+      {
+        ref,
+        type: "button",
+        "aria-label": ariaLabel,
+        "aria-haspopup": "dialog",
+        disabled,
+        "data-placeholder": parsed ? void 0 : "",
+        className: styles2.trigger({ className }),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            lucideReact.CalendarDays,
+            {
+              className: styles2.triggerLeadingIcon(),
+              "aria-hidden": "true"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles2.value(), children: triggerLabel ?? placeholder }),
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: styles2.triggerIcon(), "aria-hidden": "true" })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      appShell.PopoverContent,
+      {
+        align,
+        className: styles2.content({ className: contentClassName }),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles2.header(), children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                className: styles2.navButton(),
+                onClick: () => setViewYear((y) => y - 1),
+                disabled: prevYearDisabled,
+                "aria-label": "Ano anterior",
+                children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronLeft, { className: "size-icon-sm", "aria-hidden": "true" })
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles2.yearLabel(), "aria-live": "polite", children: viewYear }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                className: styles2.navButton(),
+                onClick: () => setViewYear((y) => y + 1),
+                disabled: nextYearDisabled,
+                "aria-label": "Próximo ano",
+                children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "size-icon-sm", "aria-hidden": "true" })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles2.grid(), role: "grid", children: monthLabels.map((label, i) => {
+            const monthDisabled = isMonthDisabled(i);
+            const isSelected = parsed?.year === viewYear && parsed?.month === i + 1;
+            return /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                role: "gridcell",
+                "aria-pressed": isSelected,
+                disabled: monthDisabled,
+                onClick: () => selectMonth(i),
+                className: monthYearMonthButton({
+                  selected: isSelected,
+                  disabled: monthDisabled
+                }),
+                children: label
+              },
+              label
+            );
+          }) })
+        ]
+      }
+    )
+  ] });
+});
+MonthYearPicker.displayName = "MonthYearPicker";
+const TooltipProvider = TooltipPrimitive__namespace.Provider;
 const TooltipTrigger = TooltipPrimitive__namespace.Trigger;
-const TooltipContent = React__namespace.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+const Tooltip = ({ children, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(TooltipProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(TooltipPrimitive__namespace.Root, { ...props, children }) });
+Tooltip.displayName = "Tooltip";
+const TooltipContent = React__namespace.forwardRef(({ className, sideOffset = 6, showArrow = true, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(TooltipPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsxs(
   TooltipPrimitive__namespace.Content,
   {
     ref,
     sideOffset,
-    className: chipGroup.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]",
+    className: appShell.cn(
+      "z-50 max-w-[16rem] select-none",
+      "bg-bg-emphasis text-fg-default",
+      "rounded-radius-md px-pad-lg py-pad-xs",
+      "text-caption-sm",
+      "shadow-sh-md",
+      "origin-[--radix-tooltip-content-transform-origin]",
+      "data-[state=delayed-open]:animate-in data-[state=instant-open]:animate-in data-[state=closed]:animate-out",
+      "data-[state=closed]:fade-out-0 data-[state=delayed-open]:fade-in-0 data-[state=instant-open]:fade-in-0",
+      "data-[state=closed]:zoom-out-95 data-[state=delayed-open]:zoom-in-95 data-[state=instant-open]:zoom-in-95",
+      "data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2",
+      "data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
       className
     ),
-    ...props
+    ...props,
+    children: [
+      children,
+      showArrow && /* @__PURE__ */ jsxRuntime.jsx(
+        TooltipPrimitive__namespace.Arrow,
+        {
+          width: 11,
+          height: 5,
+          className: "fill-bg-emphasis"
+        }
+      )
+    ]
   }
-));
+) }));
 TooltipContent.displayName = TooltipPrimitive__namespace.Content.displayName;
 const SingleMenuSidebarContext = React.createContext({
   expanded: true,
@@ -3352,7 +5160,7 @@ function useSingleMenuSidebarState(defaultExpanded, controlledExpanded, onExpand
     setOpenCategoryId
   };
 }
-const sidebarRoot = chipGroup.tv({
+const sidebarRoot = appShell.tv({
   base: [
     "relative flex h-full flex-col overflow-x-hidden",
     "border-r border-border-sidebar bg-bg-sidebar",
@@ -3370,7 +5178,7 @@ const sidebarRoot = chipGroup.tv({
     expanded: true
   }
 });
-const category = chipGroup.tv({
+const category = appShell.tv({
   slots: {
     root: "flex items-center rounded-radius-lg cursor-pointer transition-all",
     text: "flex-1 text-left text-body-sm whitespace-nowrap overflow-hidden text-ellipsis",
@@ -3405,7 +5213,7 @@ const category = chipGroup.tv({
     collapsed: false
   }
 });
-const menuItem = chipGroup.tv({
+const menuItem = appShell.tv({
   slots: {
     root: "flex h-[38px] items-center gap-[18px] pl-[18px] pr-pad-2xl cursor-pointer transition-colors hover:bg-bg-sidebar-accent",
     border: "h-full w-0 shrink-0",
@@ -3430,7 +5238,7 @@ const menuItem = chipGroup.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",
@@ -3503,14 +5311,14 @@ function SingleMenuHeader({
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
-      className: chipGroup.cn(
+      className: appShell.cn(
         styles.header.wrapper,
         !expanded && styles.header.wrapperCollapsed
       ),
       children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles.header.inner, children: [
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.header.logo, children: logo }),
-          expanded && /* @__PURE__ */ jsxRuntime.jsx("span", { className: chipGroup.cn(styles.header.title, styles.textFadeIn), children: title2 })
+          expanded && /* @__PURE__ */ jsxRuntime.jsx("span", { className: appShell.cn(styles.header.title, styles.textFadeIn), children: title2 })
         ] }),
         expanded ? /* @__PURE__ */ jsxRuntime.jsx(
           "button",
@@ -3522,7 +5330,7 @@ function SingleMenuHeader({
             children: /* @__PURE__ */ jsxRuntime.jsx(
               lucideReact.PanelLeftClose,
               {
-                className: chipGroup.cn(
+                className: appShell.cn(
                   "size-icon-sm transition-transform duration-300",
                   isFlipped && "rotate-180"
                 )
@@ -3539,7 +5347,7 @@ function SingleMenuHeader({
             children: /* @__PURE__ */ jsxRuntime.jsx(
               lucideReact.PanelLeftClose,
               {
-                className: chipGroup.cn(
+                className: appShell.cn(
                   styles.header.expandBtnIcon,
                   "transition-transform duration-300 rotate-180"
                 )
@@ -3578,7 +5386,7 @@ function SingleMenuModuleSelector({
       return /* @__PURE__ */ jsxRuntime.jsxs(
         appShell.DropdownMenuItem,
         {
-          className: chipGroup.cn(
+          className: appShell.cn(
             s.dropdownItem,
             isSelected && s.dropdownItemSelected
           ),
@@ -3721,7 +5529,7 @@ function SingleMenuCategory({
   if (!hasItems) {
     return /* @__PURE__ */ jsxRuntime.jsxs("button", { type: "button", onClick: handleToggle, className: s.root(), children: [
       /* @__PURE__ */ jsxRuntime.jsx("span", { className: s.icon(), children: icon }),
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: chipGroup.cn(s.text(), styles.textFadeIn), children: label })
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: appShell.cn(s.text(), styles.textFadeIn), children: label })
     ] });
   }
   return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -3735,8 +5543,8 @@ function SingleMenuCategory({
       children: [
         /* @__PURE__ */ jsxRuntime.jsxs(CollapsibleTrigger, { className: s.root(), children: [
           /* @__PURE__ */ jsxRuntime.jsx("span", { className: s.icon(), children: icon }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: chipGroup.cn(s.text(), styles.textFadeIn), children: label }),
-          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: chipGroup.cn(s.chevron(), isOpen && "rotate-180") })
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: appShell.cn(s.text(), styles.textFadeIn), children: label }),
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: appShell.cn(s.chevron(), isOpen && "rotate-180") })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx(CollapsibleContent, { children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.subItemList, children: items.map((item) => /* @__PURE__ */ jsxRuntime.jsx(
           SingleMenuItem,
@@ -3772,13 +5580,13 @@ function SingleMenuFooter({
     ] })
   ] });
   if (!actions || actions.length === 0) {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: s.wrapper, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: chipGroup.cn(s.button, !expanded && "justify-center px-0"), children: triggerContent }) });
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: s.wrapper, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: appShell.cn(s.button, !expanded && "justify-center px-0"), children: triggerContent }) });
   }
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: s.wrapper, children: /* @__PURE__ */ jsxRuntime.jsxs(appShell.DropdownMenu, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       appShell.DropdownMenuTrigger,
       {
-        className: chipGroup.cn(s.button, !expanded && "justify-center px-0"),
+        className: appShell.cn(s.button, !expanded && "justify-center px-0"),
         children: triggerContent
       }
     ),
@@ -3910,7 +5718,7 @@ function SingleMenuSidebar({
       "aside",
       {
         "aria-label": "Navegação lateral",
-        className: chipGroup.cn(sidebarRoot({ expanded }), className),
+        className: appShell.cn(sidebarRoot({ expanded }), className),
         onMouseEnter,
         onMouseLeave,
         ...props,
@@ -3924,7 +5732,7 @@ function SingleMenuSidebar({
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.divider }),
-          expanded && (moduleDisplay || showSearch) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chipGroup.cn(styles.sectionPadding, styles.textFadeIn), children: [
+          expanded && (moduleDisplay || showSearch) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: appShell.cn(styles.sectionPadding, styles.textFadeIn), children: [
             moduleDisplay && /* @__PURE__ */ jsxRuntime.jsx(SingleMenuModuleSelector, { ...moduleDisplay }),
             showSearch && /* @__PURE__ */ jsxRuntime.jsx(
               SingleMenuSearch,
@@ -3938,7 +5746,7 @@ function SingleMenuSidebar({
           /* @__PURE__ */ jsxRuntime.jsx(
             "nav",
             {
-              className: chipGroup.cn(
+              className: appShell.cn(
                 styles.navContainer,
                 expanded ? styles.navContainerExpanded : styles.navContainerCollapsed
               ),
@@ -3971,52 +5779,1811 @@ function SingleMenuSidebar({
   ] });
 }
 SingleMenuSidebar.displayName = "SingleMenuSidebar";
-exports.AddViewModal = panel.AddViewModal;
-exports.AlertModal = panel.AlertModal;
-exports.Avatar = panel.Avatar;
-exports.BulkActionButton = panel.BulkActionButton;
-exports.BulkActionsBar = panel.BulkActionsBar;
-exports.ButtonGroup = panel.ButtonGroup;
-exports.ColsPanel = panel.ColsPanel;
-exports.ColsPopover = panel.ColsPopover;
-exports.Combobox = panel.Combobox;
-exports.DEFAULT_FILTER_OPERATORS = panel.DEFAULT_FILTER_OPERATORS;
-exports.DataTable = panel.DataTable;
-exports.DataTableActionsCell = panel.DataTableActionsCell;
-exports.DataTableEditCell = panel.DataTableEditCell;
-exports.DataTableEmpty = panel.DataTableEmpty;
-exports.DataTableFloatingBulkBar = panel.DataTableFloatingBulkBar;
-exports.DataTableLoading = panel.DataTableLoading;
-exports.DataTableNoResults = panel.DataTableNoResults;
-exports.DataTableTotalizerRow = panel.DataTableTotalizerRow;
-exports.FLOATING_PANEL_SIZE_PX = panel.FLOATING_PANEL_SIZE_PX;
-exports.FilterPanel = panel.FilterPanel;
-exports.FilterPopover = panel.FilterPopover;
-exports.FloatingPanel = panel.FloatingPanel;
-exports.FloatingPanelField = panel.FloatingPanelField;
-exports.FloatingPanelSection = panel.FloatingPanelSection;
-exports.FooterTable = panel.FooterTable;
-exports.FooterTableSkeleton = panel.FooterTableSkeleton;
-exports.FormField = panel.FormField;
-exports.FormFieldCheckbox = panel.FormFieldCheckbox;
-exports.FormFieldInput = panel.FormFieldInput;
-exports.FormFieldSelect = panel.FormFieldSelect;
-exports.FormFieldSwitch = panel.FormFieldSwitch;
-exports.FormFieldTextarea = panel.FormFieldTextarea;
-exports.Kanban = panel.Kanban;
-exports.MoreMenu = panel.MoreMenu;
-exports.Panel = panel.Panel;
-exports.PanelBody = panel.PanelBody;
-exports.PanelCloseAction = panel.SheetClose;
-exports.PanelContent = panel.SheetContent;
-exports.PanelFooter = panel.PanelFooter;
-exports.PanelHeader = panel.PanelHeader;
-exports.PanelRoot = panel.Sheet;
-exports.PanelTrigger = panel.SheetTrigger;
-exports.SELECTION_COLUMN_WIDTH = panel.SELECTION_COLUMN_WIDTH;
-exports.SortPanel = panel.SortPanel;
+const spinnerStyles = appShell.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 = React.forwardRef(function Spinner2({ size, color, label = "Carregando", className, ...rest }, ref) {
+  const decorative = rest["aria-hidden"] === true || rest["aria-hidden"] === "true";
+  return /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
+          "circle",
+          {
+            cx: "12",
+            cy: "12",
+            r: "9",
+            stroke: "currentColor",
+            strokeWidth: "3",
+            className: "opacity-20"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.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(x) {
+    const p = this._partials;
+    let i = 0;
+    for (let j = 0; j < this._n && j < 32; j++) {
+      const y = p[j], hi = x + y, lo = Math.abs(x) < Math.abs(y) ? x - (hi - y) : y - (hi - x);
+      if (lo) p[i++] = lo;
+      x = hi;
+    }
+    p[i] = x;
+    this._n = i + 1;
+    return this;
+  }
+  valueOf() {
+    const p = this._partials;
+    let n = this._n, x, y, lo, hi = 0;
+    if (n > 0) {
+      hi = p[--n];
+      while (n > 0) {
+        x = hi;
+        y = p[--n];
+        hi = x + y;
+        lo = y - (hi - x);
+        if (lo) break;
+      }
+      if (n > 0 && (lo < 0 && p[n - 1] < 0 || lo > 0 && p[n - 1] > 0)) {
+        y = lo * 2;
+        x = hi + y;
+        if (y == x - hi) hi = x;
+      }
+    }
+    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(x) {
+  return x > 0 ? 1 : x < 0 ? -1 : 0;
+};
+var sqrt = Math.sqrt;
+var tan = Math.tan;
+function acos(x) {
+  return x > 1 ? 0 : x < -1 ? pi : Math.acos(x);
+}
+function asin(x) {
+  return x > 1 ? halfPi : x < -1 ? -halfPi : Math.asin(x);
+}
+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, i = -1, n = features.length;
+    while (++i < n) streamGeometry(features[i].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, i = -1, n = coordinates.length;
+    while (++i < n) object2 = coordinates[i], 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, i = -1, n = coordinates.length;
+    while (++i < n) streamLine(coordinates[i], stream, 0);
+  },
+  Polygon: function(object2, stream) {
+    streamPolygon(object2.coordinates, stream);
+  },
+  MultiPolygon: function(object2, stream) {
+    var coordinates = object2.coordinates, i = -1, n = coordinates.length;
+    while (++i < n) streamPolygon(coordinates[i], stream);
+  },
+  GeometryCollection: function(object2, stream) {
+    var geometries = object2.geometries, i = -1, n = geometries.length;
+    while (++i < n) streamGeometry(geometries[i], stream);
+  }
+};
+function streamLine(coordinates, stream, closed) {
+  var i = -1, n = coordinates.length - closed, coordinate;
+  stream.lineStart();
+  while (++i < n) coordinate = coordinates[i], stream.point(coordinate[0], coordinate[1], coordinate[2]);
+  stream.lineEnd();
+}
+function streamPolygon(coordinates, stream) {
+  var i = -1, n = coordinates.length;
+  stream.polygonStart();
+  while (++i < n) streamLine(coordinates[i], 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(a, b) {
+  return a[0] * b[0] + a[1] * b[1] + a[2] * b[2];
+}
+function cartesianCross(a, b) {
+  return [a[1] * b[2] - a[2] * b[1], a[2] * b[0] - a[0] * b[2], a[0] * b[1] - a[1] * b[0]];
+}
+function cartesianAddInPlace(a, b) {
+  a[0] += b[0], a[1] += b[1], a[2] += b[2];
+}
+function cartesianScale(vector, k) {
+  return [vector[0] * k, vector[1] * k, vector[2] * k];
+}
+function cartesianNormalizeInPlace(d) {
+  var l = sqrt(d[0] * d[0] + d[1] * d[1] + d[2] * d[2]);
+  d[0] /= l, d[1] /= l, d[2] /= l;
+}
+function compose(a, b) {
+  function compose2(x, y) {
+    return x = a(x, y), b(x[0], x[1]);
+  }
+  if (a.invert && b.invert) compose2.invert = function(x, y) {
+    return x = b.invert(x, y), x && a.invert(x[0], x[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), x = cos(lambda) * cosPhi, y = sin(lambda) * cosPhi, z = sin(phi), k = z * cosDeltaPhi + x * sinDeltaPhi;
+    return [
+      atan2(y * cosDeltaGamma - k * sinDeltaGamma, x * cosDeltaPhi - z * sinDeltaPhi),
+      asin(k * cosDeltaGamma + y * sinDeltaGamma)
+    ];
+  }
+  rotation2.invert = function(lambda, phi) {
+    var cosPhi = cos(phi), x = cos(lambda) * cosPhi, y = sin(lambda) * cosPhi, z = sin(phi), k = z * cosDeltaGamma - y * sinDeltaGamma;
+    return [
+      atan2(y * cosDeltaGamma + z * sinDeltaGamma, x * cosDeltaPhi + k * sinDeltaPhi),
+      asin(k * cosDeltaPhi - x * 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, t = t0; direction > 0 ? t > t1 : t < t1; t -= step) {
+    point = spherical([cosRadius, -sinRadius * cos(t), -sinRadius * sin(t)]);
+    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(x, y, m) {
+      line.push([x, y, 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(a, b) {
+  return abs(a[0] - b[0]) < epsilon && abs(a[1] - b[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 = [], i, n;
+  segments.forEach(function(segment) {
+    if ((n2 = segment.length - 1) <= 0) return;
+    var n2, p0 = segment[0], p1 = segment[n2], x;
+    if (pointEqual(p0, p1)) {
+      if (!p0[2] && !p1[2]) {
+        stream.lineStart();
+        for (i = 0; i < n2; ++i) stream.point((p0 = segment[i])[0], p0[1]);
+        stream.lineEnd();
+        return;
+      }
+      p1[0] += 2 * epsilon;
+    }
+    subject.push(x = new Intersection(p0, segment, null, true));
+    clip2.push(x.o = new Intersection(p0, null, x, false));
+    subject.push(x = new Intersection(p1, segment, null, false));
+    clip2.push(x.o = new Intersection(p1, null, x, true));
+  });
+  if (!subject.length) return;
+  clip2.sort(compareIntersection2);
+  link(subject);
+  link(clip2);
+  for (i = 0, n = clip2.length; i < n; ++i) {
+    clip2[i].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 (i = 0, n = points.length; i < n; ++i) stream.point((point = points[i])[0], point[1]);
+        } else {
+          interpolate(current.x, current.n.x, 1, stream);
+        }
+        current = current.n;
+      } else {
+        if (isSubject) {
+          points = current.p.z;
+          for (i = points.length - 1; i >= 0; --i) stream.point((point = points[i])[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 (!(n = array.length)) return;
+  var n, i = 0, a = array[0], b;
+  while (++i < n) {
+    a.n = b = array[i];
+    b.p = a;
+    a = b;
+  }
+  a.n = b = array[0];
+  b.p = a;
+}
+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 i = 0, n = polygon.length; i < n; ++i) {
+    if (!(m = (ring = polygon[i]).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(), i, n = ringSegments.length, m, segment, point2;
+      ring.pop();
+      polygon.push(ring);
+      ring = null;
+      if (!n) return;
+      if (clean & 1) {
+        segment = ringSegments[0];
+        if ((m = segment.length - 1) > 0) {
+          if (!polygonStarted) sink.polygonStart(), polygonStarted = true;
+          sink.lineStart();
+          for (i = 0; i < m; ++i) sink.point((point2 = segment[i])[0], point2[1]);
+          sink.lineEnd();
+        }
+        return;
+      }
+      if (n > 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(a, b) {
+  return ((a = a.x)[0] < 0 ? a[1] - halfPi - epsilon : halfPi - a[1]) - ((b = b.x)[0] < 0 ? b[1] - halfPi - epsilon : halfPi - b[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, v = visible(lambda, phi), c = smallRadius ? v ? 0 : code(lambda, phi) : v ? code(lambda + (lambda < 0 ? pi : -pi), phi) : 0;
+        if (!point0 && (v00 = v0 = v)) stream.lineStart();
+        if (v !== v0) {
+          point2 = intersect(point0, point1);
+          if (!point2 || pointEqual(point0, point2) || pointEqual(point1, point2))
+            point1[2] = 1;
+        }
+        if (v !== v0) {
+          clean = 0;
+          if (v) {
+            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 ^ v) {
+          var t;
+          if (!(c & c0) && (t = intersect(point1, point0, true))) {
+            clean = 0;
+            if (smallRadius) {
+              stream.lineStart();
+              stream.point(t[0][0], t[0][1]);
+              stream.point(t[1][0], t[1][1]);
+              stream.lineEnd();
+            } else {
+              stream.point(t[1][0], t[1][1]);
+              stream.lineEnd();
+              stream.lineStart();
+              stream.point(t[0][0], t[0][1], 3);
+            }
+          }
+        }
+        if (v && (!point0 || !pointEqual(point0, point1))) {
+          stream.point(point1[0], point1[1]);
+        }
+        point0 = point1, v0 = v, c0 = c;
+      },
+      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(a, b, two) {
+    var pa = cartesian(a), pb = cartesian(b);
+    var n1 = [1, 0, 0], n2 = cartesianCross(pa, pb), n2n2 = cartesianDot(n2, n2), n1n2 = n2[0], determinant = n2n2 - n1n2 * n1n2;
+    if (!determinant) return !two && a;
+    var c1 = cr * n2n2 / determinant, c2 = -cr * n1n2 / determinant, n1xn2 = cartesianCross(n1, n2), A = cartesianScale(n1, c1), B = cartesianScale(n2, c2);
+    cartesianAddInPlace(A, B);
+    var u = n1xn2, w = cartesianDot(A, u), uu = cartesianDot(u, u), t2 = w * w - uu * (cartesianDot(A, A) - 1);
+    if (t2 < 0) return;
+    var t = sqrt(t2), q = cartesianScale(u, (-w - t) / uu);
+    cartesianAddInPlace(q, A);
+    q = spherical(q);
+    if (!two) return q;
+    var lambda0 = a[0], lambda1 = b[0], phi0 = a[1], phi1 = b[1], z;
+    if (lambda1 < lambda0) z = lambda0, lambda0 = lambda1, lambda1 = z;
+    var delta2 = lambda1 - lambda0, polar = abs(delta2 - pi) < epsilon, meridian = polar || delta2 < epsilon;
+    if (!polar && phi1 < phi0) z = phi0, phi0 = phi1, phi1 = z;
+    if (meridian ? polar ? phi0 + phi1 > 0 ^ q[1] < (abs(q[0] - lambda0) < epsilon ? phi0 : phi1) : phi0 <= q[1] && q[1] <= phi1 : delta2 > pi ^ (lambda0 <= q[0] && q[0] <= lambda1)) {
+      var q1 = cartesianScale(u, (-w + t) / uu);
+      cartesianAddInPlace(q1, A);
+      return [q, spherical(q1)];
+    }
+  }
+  function code(lambda, phi) {
+    var r = smallRadius ? radius : pi - radius, code2 = 0;
+    if (lambda < -r) code2 |= 1;
+    else if (lambda > r) code2 |= 2;
+    if (phi < -r) code2 |= 4;
+    else if (phi > r) code2 |= 8;
+    return code2;
+  }
+  return clip(visible, clipLine2, interpolate, smallRadius ? [0, -radius] : [-pi, radius - pi]);
+}
+function clipLine(a, b, x02, y02, x12, y12) {
+  var ax = a[0], ay = a[1], bx = b[0], by = b[1], t0 = 0, t1 = 1, dx = bx - ax, dy = by - ay, r;
+  r = x02 - ax;
+  if (!dx && r > 0) return;
+  r /= dx;
+  if (dx < 0) {
+    if (r < t0) return;
+    if (r < t1) t1 = r;
+  } else if (dx > 0) {
+    if (r > t1) return;
+    if (r > t0) t0 = r;
+  }
+  r = x12 - ax;
+  if (!dx && r < 0) return;
+  r /= dx;
+  if (dx < 0) {
+    if (r > t1) return;
+    if (r > t0) t0 = r;
+  } else if (dx > 0) {
+    if (r < t0) return;
+    if (r < t1) t1 = r;
+  }
+  r = y02 - ay;
+  if (!dy && r > 0) return;
+  r /= dy;
+  if (dy < 0) {
+    if (r < t0) return;
+    if (r < t1) t1 = r;
+  } else if (dy > 0) {
+    if (r > t1) return;
+    if (r > t0) t0 = r;
+  }
+  r = y12 - ay;
+  if (!dy && r < 0) return;
+  r /= dy;
+  if (dy < 0) {
+    if (r > t1) return;
+    if (r > t0) t0 = r;
+  } else if (dy > 0) {
+    if (r < t0) return;
+    if (r < t1) t1 = r;
+  }
+  if (t0 > 0) a[0] = ax + t0 * dx, a[1] = ay + t0 * dy;
+  if (t1 < 1) b[0] = ax + t1 * dx, b[1] = ay + t1 * dy;
+  return true;
+}
+var clipMax = 1e9, clipMin = -clipMax;
+function clipRectangle(x02, y02, x12, y12) {
+  function visible(x, y) {
+    return x02 <= x && x <= x12 && y02 <= y && y <= y12;
+  }
+  function interpolate(from, to, direction, stream) {
+    var a = 0, a1 = 0;
+    if (from == null || (a = corner(from, direction)) !== (a1 = corner(to, direction)) || comparePoint(from, to) < 0 ^ direction > 0) {
+      do
+        stream.point(a === 0 || a === 3 ? x02 : x12, a > 1 ? y12 : y02);
+      while ((a = (a + direction + 4) % 4) !== a1);
+    } else {
+      stream.point(to[0], to[1]);
+    }
+  }
+  function corner(p, direction) {
+    return abs(p[0] - x02) < epsilon ? direction > 0 ? 0 : 3 : abs(p[0] - x12) < epsilon ? direction > 0 ? 2 : 1 : abs(p[1] - y02) < epsilon ? direction > 0 ? 1 : 0 : direction > 0 ? 3 : 2;
+  }
+  function compareIntersection2(a, b) {
+    return comparePoint(a.x, b.x);
+  }
+  function comparePoint(a, b) {
+    var ca = corner(a, 1), cb = corner(b, 1);
+    return ca !== cb ? ca - cb : ca === 0 ? b[1] - a[1] : ca === 1 ? a[0] - b[0] : ca === 2 ? a[1] - b[1] : b[0] - a[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(x, y) {
+      if (visible(x, y)) activeStream.point(x, y);
+    }
+    function polygonInside() {
+      var winding = 0;
+      for (var i = 0, n = polygon.length; i < n; ++i) {
+        for (var ring2 = polygon[i], j = 1, m = ring2.length, point2 = ring2[0], a0, a1, b0 = point2[0], b1 = point2[1]; j < m; ++j) {
+          a0 = b0, a1 = b1, point2 = ring2[j], b0 = point2[0], b1 = point2[1];
+          if (a1 <= y12) {
+            if (b1 > y12 && (b0 - a0) * (y12 - a1) > (b1 - a1) * (x02 - a0)) ++winding;
+          } else {
+            if (b1 <= y12 && (b0 - a0) * (y12 - a1) < (b1 - a1) * (x02 - a0)) --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(x, y) {
+      var v = visible(x, y);
+      if (polygon) ring.push([x, y]);
+      if (first) {
+        x__ = x, y__ = y, v__ = v;
+        first = false;
+        if (v) {
+          activeStream.lineStart();
+          activeStream.point(x, y);
+        }
+      } else {
+        if (v && v_) activeStream.point(x, y);
+        else {
+          var a = [x_ = Math.max(clipMin, Math.min(clipMax, x_)), y_ = Math.max(clipMin, Math.min(clipMax, y_))], b = [x = Math.max(clipMin, Math.min(clipMax, x)), y = Math.max(clipMin, Math.min(clipMax, y))];
+          if (clipLine(a, b, x02, y02, x12, y12)) {
+            if (!v_) {
+              activeStream.lineStart();
+              activeStream.point(a[0], a[1]);
+            }
+            activeStream.point(b[0], b[1]);
+            if (!v) activeStream.lineEnd();
+            clean = false;
+          } else if (v) {
+            activeStream.lineStart();
+            activeStream.point(x, y);
+            clean = false;
+          }
+        }
+      }
+      x_ = x, y_ = y, v_ = v;
+    }
+    return clipStream;
+  };
+}
+const identity$1 = (x) => x;
+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(x, y) {
+  areaStream.point = areaPoint;
+  x00$2 = x0$3 = x, y00$2 = y0$3 = y;
+}
+function areaPoint(x, y) {
+  areaRingSum.add(y0$3 * x - x0$3 * y);
+  x0$3 = x, y0$3 = y;
+}
+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(x, y) {
+  if (x < x0$2) x0$2 = x;
+  if (x > x1) x1 = x;
+  if (y < y0$2) y0$2 = y;
+  if (y > y1) y1 = y;
+}
+var X0 = 0, Y0 = 0, Z0 = 0, X1 = 0, Y1 = 0, Z1 = 0, X2 = 0, Y2 = 0, Z2 = 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 = Z2 ? [X2 / Z2, Y2 / Z2] : Z1 ? [X1 / Z1, Y1 / Z1] : Z0 ? [X0 / Z0, Y0 / Z0] : [NaN, NaN];
+    X0 = Y0 = Z0 = X1 = Y1 = Z1 = X2 = Y2 = Z2 = 0;
+    return centroid;
+  }
+};
+function centroidPoint(x, y) {
+  X0 += x;
+  Y0 += y;
+  ++Z0;
+}
+function centroidLineStart() {
+  centroidStream.point = centroidPointFirstLine;
+}
+function centroidPointFirstLine(x, y) {
+  centroidStream.point = centroidPointLine;
+  centroidPoint(x0$1 = x, y0$1 = y);
+}
+function centroidPointLine(x, y) {
+  var dx = x - x0$1, dy = y - y0$1, z = sqrt(dx * dx + dy * dy);
+  X1 += z * (x0$1 + x) / 2;
+  Y1 += z * (y0$1 + y) / 2;
+  Z1 += z;
+  centroidPoint(x0$1 = x, y0$1 = y);
+}
+function centroidLineEnd() {
+  centroidStream.point = centroidPoint;
+}
+function centroidRingStart() {
+  centroidStream.point = centroidPointFirstRing;
+}
+function centroidRingEnd() {
+  centroidPointRing(x00$1, y00$1);
+}
+function centroidPointFirstRing(x, y) {
+  centroidStream.point = centroidPointRing;
+  centroidPoint(x00$1 = x0$1 = x, y00$1 = y0$1 = y);
+}
+function centroidPointRing(x, y) {
+  var dx = x - x0$1, dy = y - y0$1, z = sqrt(dx * dx + dy * dy);
+  X1 += z * (x0$1 + x) / 2;
+  Y1 += z * (y0$1 + y) / 2;
+  Z1 += z;
+  z = y0$1 * x - x0$1 * y;
+  X2 += z * (x0$1 + x);
+  Y2 += z * (y0$1 + y);
+  Z2 += z * 3;
+  centroidPoint(x0$1 = x, y0$1 = y);
+}
+function PathContext(context) {
+  this._context = context;
+}
+PathContext.prototype = {
+  _radius: 4.5,
+  pointRadius: function(_) {
+    return this._radius = _, 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(x, y) {
+    switch (this._point) {
+      case 0: {
+        this._context.moveTo(x, y);
+        this._point = 1;
+        break;
+      }
+      case 1: {
+        this._context.lineTo(x, y);
+        break;
+      }
+      default: {
+        this._context.moveTo(x + this._radius, y);
+        this._context.arc(x, y, 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(x, y) {
+  lengthStream.point = lengthPoint;
+  x00 = x0 = x, y00 = y0 = y;
+}
+function lengthPoint(x, y) {
+  x0 -= x, y0 -= y;
+  lengthSum.add(sqrt(x0 * x0 + y0 * y0));
+  x0 = x, y0 = y;
+}
+let cacheDigits, cacheAppend, cacheRadius, cacheCircle;
+class PathString {
+  constructor(digits) {
+    this._append = digits == null ? append : appendRound(digits);
+    this._radius = 4.5;
+    this._ = "";
+  }
+  pointRadius(_) {
+    this._radius = +_;
+    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(x, y) {
+    switch (this._point) {
+      case 0: {
+        this._append`M${x},${y}`;
+        this._point = 1;
+        break;
+      }
+      case 1: {
+        this._append`L${x},${y}`;
+        break;
+      }
+      default: {
+        this._append`M${x},${y}`;
+        if (this._radius !== cacheRadius || this._append !== cacheAppend) {
+          const r = this._radius;
+          const s = this._;
+          this._ = "";
+          this._append`m0,${r}a${r},${r} 0 1,1 0,${-2 * r}a${r},${r} 0 1,1 0,${2 * r}z`;
+          cacheRadius = r;
+          cacheAppend = this._append;
+          cacheCircle = this._;
+          this._ = s;
+        }
+        this._ += cacheCircle;
+        break;
+      }
+    }
+  }
+  result() {
+    const result = this._;
+    this._ = "";
+    return result.length ? result : null;
+  }
+}
+function append(strings) {
+  let i = 1;
+  this._ += strings[0];
+  for (const j = strings.length; i < j; ++i) {
+    this._ += arguments[i] + strings[i];
+  }
+}
+function appendRound(digits) {
+  const d = Math.floor(digits);
+  if (!(d >= 0)) throw new RangeError(`invalid digits: ${digits}`);
+  if (d > 15) return append;
+  if (d !== cacheDigits) {
+    const k = 10 ** d;
+    cacheDigits = d;
+    cacheAppend = function append2(strings) {
+      let i = 1;
+      this._ += strings[0];
+      for (const j = strings.length; i < j; ++i) {
+        this._ += Math.round(arguments[i] * k) / k + strings[i];
+      }
+    };
+  }
+  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(_) {
+    if (!arguments.length) return projection2;
+    projectionStream = _ == null ? (projection2 = null, identity$1) : (projection2 = _).stream;
+    return path;
+  };
+  path.context = function(_) {
+    if (!arguments.length) return context;
+    contextStream = _ == null ? (context = null, new PathString(digits)) : new PathContext(context = _);
+    if (typeof pointRadius !== "function") contextStream.pointRadius(pointRadius);
+    return path;
+  };
+  path.pointRadius = function(_) {
+    if (!arguments.length) return pointRadius;
+    pointRadius = typeof _ === "function" ? _ : (contextStream.pointRadius(+_), +_);
+    return path;
+  };
+  path.digits = function(_) {
+    if (!arguments.length) return digits;
+    if (_ == null) digits = null;
+    else {
+      const d = Math.floor(_);
+      if (!(d >= 0)) throw new RangeError(`invalid digits: ${_}`);
+      digits = d;
+    }
+    if (context === null) contextStream = new PathString(digits);
+    return path;
+  };
+  return path.projection(projection2).digits(digits).context(context);
+}
+function transformer(methods) {
+  return function(stream) {
+    var s = new TransformStream();
+    for (var key in methods) s[key] = methods[key];
+    s.stream = stream;
+    return s;
+  };
+}
+function TransformStream() {
+}
+TransformStream.prototype = {
+  constructor: TransformStream,
+  point: function(x, y) {
+    this.stream.point(x, y);
+  },
+  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(b) {
+    var w = extent[1][0] - extent[0][0], h = extent[1][1] - extent[0][1], k = Math.min(w / (b[1][0] - b[0][0]), h / (b[1][1] - b[0][1])), x = +extent[0][0] + (w - k * (b[1][0] + b[0][0])) / 2, y = +extent[0][1] + (h - k * (b[1][1] + b[0][1])) / 2;
+    projection2.scale(150 * k).translate([x, y]);
+  }, object2);
+}
+function fitSize(projection2, size, object2) {
+  return fitExtent(projection2, [[0, 0], size], object2);
+}
+function fitWidth(projection2, width, object2) {
+  return fit(projection2, function(b) {
+    var w = +width, k = w / (b[1][0] - b[0][0]), x = (w - k * (b[1][0] + b[0][0])) / 2, y = -k * b[0][1];
+    projection2.scale(150 * k).translate([x, y]);
+  }, object2);
+}
+function fitHeight(projection2, height, object2) {
+  return fit(projection2, function(b) {
+    var h = +height, k = h / (b[1][1] - b[0][1]), x = -k * b[0][0], y = (h - k * (b[1][1] + b[0][1])) / 2;
+    projection2.scale(150 * k).translate([x, y]);
+  }, object2);
+}
+var maxDepth = 16, cosMinDistance = cos(30 * radians);
+function resample$1(project, delta2) {
+  return +delta2 ? resample(project, delta2) : resampleNone(project);
+}
+function resampleNone(project) {
+  return transformer({
+    point: function(x, y) {
+      x = project(x, y);
+      this.stream.point(x[0], x[1]);
+    }
+  });
+}
+function resample(project, delta2) {
+  function resampleLineTo(x02, y02, lambda0, a0, b0, c0, x12, y12, lambda1, a1, b1, c1, depth, stream) {
+    var dx = x12 - x02, dy = y12 - y02, d2 = dx * dx + dy * dy;
+    if (d2 > 4 * delta2 && depth--) {
+      var a = a0 + a1, b = b0 + b1, c = c0 + c1, m = sqrt(a * a + b * b + c * c), phi2 = asin(c /= m), lambda2 = abs(abs(c) - 1) < epsilon || abs(lambda0 - lambda1) < epsilon ? (lambda0 + lambda1) / 2 : atan2(b, a), p = project(lambda2, phi2), x2 = p[0], y2 = p[1], dx2 = x2 - x02, dy2 = y2 - y02, dz = dy * dx2 - dx * dy2;
+      if (dz * dz / d2 > delta2 || abs((dx * dx2 + dy * dy2) / d2 - 0.5) > 0.3 || a0 * a1 + b0 * b1 + c0 * c1 < cosMinDistance) {
+        resampleLineTo(x02, y02, lambda0, a0, b0, c0, x2, y2, lambda2, a /= m, b /= m, c, depth, stream);
+        stream.point(x2, y2);
+        resampleLineTo(x2, y2, lambda2, a, b, c, x12, y12, lambda1, a1, b1, c1, depth, stream);
+      }
+    }
+  }
+  return function(stream) {
+    var lambda00, x002, y002, a00, b00, c00, lambda0, x02, y02, a0, b0, c0;
+    var resampleStream = {
+      point,
+      lineStart,
+      lineEnd,
+      polygonStart: function() {
+        stream.polygonStart();
+        resampleStream.lineStart = ringStart;
+      },
+      polygonEnd: function() {
+        stream.polygonEnd();
+        resampleStream.lineStart = lineStart;
+      }
+    };
+    function point(x, y) {
+      x = project(x, y);
+      stream.point(x[0], x[1]);
+    }
+    function lineStart() {
+      x02 = NaN;
+      resampleStream.point = linePoint;
+      stream.lineStart();
+    }
+    function linePoint(lambda, phi) {
+      var c = cartesian([lambda, phi]), p = project(lambda, phi);
+      resampleLineTo(x02, y02, lambda0, a0, b0, c0, x02 = p[0], y02 = p[1], lambda0 = lambda, a0 = c[0], b0 = c[1], c0 = c[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 = a0, b00 = b0, c00 = c0;
+      resampleStream.point = linePoint;
+    }
+    function ringEnd() {
+      resampleLineTo(x02, y02, lambda0, a0, b0, c0, x002, y002, lambda00, a00, b00, c00, maxDepth, stream);
+      resampleStream.lineEnd = lineEnd;
+      lineEnd();
+    }
+    return resampleStream;
+  };
+}
+var transformRadians = transformer({
+  point: function(x, y) {
+    this.stream.point(x * radians, y * radians);
+  }
+});
+function transformRotate(rotate) {
+  return transformer({
+    point: function(x, y) {
+      var r = rotate(x, y);
+      return this.stream.point(r[0], r[1]);
+    }
+  });
+}
+function scaleTranslate(k, dx, dy, sx, sy) {
+  function transform2(x, y) {
+    x *= sx;
+    y *= sy;
+    return [dx + k * x, dy - k * y];
+  }
+  transform2.invert = function(x, y) {
+    return [(x - dx) / k * sx, (dy - y) / 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), a = cosAlpha * k, b = sinAlpha * k, ai = cosAlpha / k, bi = sinAlpha / k, ci = (sinAlpha * dy - cosAlpha * dx) / k, fi = (sinAlpha * dx + cosAlpha * dy) / k;
+  function transform2(x, y) {
+    x *= sx;
+    y *= sy;
+    return [a * x - b * y + dx, dy - b * x - a * y];
+  }
+  transform2.invert = function(x, y) {
+    return [sx * (ai * x - bi * y + ci), sy * (fi - bi * x - ai * y)];
+  };
+  return transform2;
+}
+function projection(project) {
+  return projectionMutator(function() {
+    return project;
+  })();
+}
+function projectionMutator(projectAt) {
+  var project, k = 150, x = 480, y = 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(_) {
+    return arguments.length ? (preclip = _, theta = void 0, reset()) : preclip;
+  };
+  projection2.postclip = function(_) {
+    return arguments.length ? (postclip = _, x02 = y02 = x12 = y12 = null, reset()) : postclip;
+  };
+  projection2.clipAngle = function(_) {
+    return arguments.length ? (preclip = +_ ? clipCircle(theta = _ * radians) : (theta = null, clipAntimeridian), reset()) : theta * degrees;
+  };
+  projection2.clipExtent = function(_) {
+    return arguments.length ? (postclip = _ == null ? (x02 = y02 = x12 = y12 = null, identity$1) : clipRectangle(x02 = +_[0][0], y02 = +_[0][1], x12 = +_[1][0], y12 = +_[1][1]), reset()) : x02 == null ? null : [[x02, y02], [x12, y12]];
+  };
+  projection2.scale = function(_) {
+    return arguments.length ? (k = +_, recenter()) : k;
+  };
+  projection2.translate = function(_) {
+    return arguments.length ? (x = +_[0], y = +_[1], recenter()) : [x, y];
+  };
+  projection2.center = function(_) {
+    return arguments.length ? (lambda = _[0] % 360 * radians, phi = _[1] % 360 * radians, recenter()) : [lambda * degrees, phi * degrees];
+  };
+  projection2.rotate = function(_) {
+    return arguments.length ? (deltaLambda = _[0] % 360 * radians, deltaPhi = _[1] % 360 * radians, deltaGamma = _.length > 2 ? _[2] % 360 * radians : 0, recenter()) : [deltaLambda * degrees, deltaPhi * degrees, deltaGamma * degrees];
+  };
+  projection2.angle = function(_) {
+    return arguments.length ? (alpha = _ % 360 * radians, recenter()) : alpha * degrees;
+  };
+  projection2.reflectX = function(_) {
+    return arguments.length ? (sx = _ ? -1 : 1, recenter()) : sx < 0;
+  };
+  projection2.reflectY = function(_) {
+    return arguments.length ? (sy = _ ? -1 : 1, recenter()) : sy < 0;
+  };
+  projection2.precision = function(_) {
+    return arguments.length ? (projectResample = resample$1(projectTransform, delta2 = _ * _), 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, x - center[0], y - center[1], sx, sy, alpha);
+    rotate = rotateRadians(deltaLambda, deltaPhi, deltaGamma);
+    projectTransform = compose(project, transform2);
+    projectRotateTransform = compose(rotate, projectTransform);
+    projectResample = resample$1(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(x, y) {
+  return [x, 2 * atan(exp(y)) - 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(_) {
+    return arguments.length ? (scale(_), reclip()) : scale();
+  };
+  m.translate = function(_) {
+    return arguments.length ? (translate(_), reclip()) : translate();
+  };
+  m.center = function(_) {
+    return arguments.length ? (center(_), reclip()) : center();
+  };
+  m.clipExtent = function(_) {
+    return arguments.length ? (_ == null ? x02 = y02 = x12 = y12 = null : (x02 = +_[0][0], y02 = +_[0][1], x12 = +_[1][0], y12 = +_[1][1]), reclip()) : x02 == null ? null : [[x02, y02], [x12, y12]];
+  };
+  function reclip() {
+    var k = pi * scale(), t = m(rotation(m.rotate()).invert([0, 0]));
+    return clipExtent(x02 == null ? [[t[0] - k, t[1] - k], [t[0] + k, t[1] + k]] : project === mercatorRaw ? [[Math.max(t[0] - k, x02), y02], [Math.min(t[0] + k, x12), y12]] : [[x02, Math.max(t[1] - k, y02)], [x12, Math.min(t[1] + k, y12)]]);
+  }
+  return reclip();
+}
+function identity(x) {
+  return x;
+}
+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(input2, i) {
+    if (!i) x02 = y02 = 0;
+    var j = 2, n = input2.length, output = new Array(n);
+    output[0] = (x02 += input2[0]) * kx + dx;
+    output[1] = (y02 += input2[1]) * ky + dy;
+    while (j < n) output[j] = input2[j], ++j;
+    return output;
+  };
+}
+function reverse(array, n) {
+  var t, j = array.length, i = j - n;
+  while (i < --j) t = array[i], array[i++] = array[j], array[j] = t;
+}
+function topojsonFeature(topology, o) {
+  if (typeof o === "string") o = topology.objects[o];
+  return o.type === "GeometryCollection" ? { type: "FeatureCollection", features: o.geometries.map(function(o2) {
+    return feature(topology, o2);
+  }) } : feature(topology, o);
+}
+function feature(topology, o) {
+  var id = o.id, bbox = o.bbox, properties = o.properties == null ? {} : o.properties, geometry = object(topology, o);
+  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, o) {
+  var transformPoint = transform(topology.transform), arcs = topology.arcs;
+  function arc(i, points) {
+    if (points.length) points.pop();
+    for (var a = arcs[i < 0 ? ~i : i], k = 0, n = a.length; k < n; ++k) {
+      points.push(transformPoint(a[k], k));
+    }
+    if (i < 0) reverse(points, n);
+  }
+  function point(p) {
+    return transformPoint(p);
+  }
+  function line(arcs2) {
+    var points = [];
+    for (var i = 0, n = arcs2.length; i < n; ++i) arc(arcs2[i], 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(o2) {
+    var type = o2.type, coordinates;
+    switch (type) {
+      case "GeometryCollection":
+        return { type, geometries: o2.geometries.map(geometry) };
+      case "Point":
+        coordinates = point(o2.coordinates);
+        break;
+      case "MultiPoint":
+        coordinates = o2.coordinates.map(point);
+        break;
+      case "LineString":
+        coordinates = line(o2.arcs);
+        break;
+      case "MultiLineString":
+        coordinates = o2.arcs.map(line);
+        break;
+      case "Polygon":
+        coordinates = polygon(o2.arcs);
+        break;
+      case "MultiPolygon":
+        coordinates = o2.arcs.map(polygon);
+        break;
+      default:
+        return null;
+    }
+    return { type, coordinates };
+  }
+  return geometry(o);
+}
+const choroplethStyles = appShell.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 = React.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 = React.useMemo(
+      () => normalizeFeatures(geography, topologyObject),
+      [geography, topologyObject]
+    );
+    const geometry = React.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 p = f.properties ?? {};
+      return p.id ?? p.ID ?? "";
+    };
+    const getName = (f) => {
+      if (getFeatureName) return getFeatureName(f);
+      const p = f.properties ?? {};
+      return String(p.name ?? p.nome ?? p.NOME ?? p.Name ?? getId(f));
+    };
+    const numeric = Object.values(values).filter(
+      (v) => typeof v === "number" && Number.isFinite(v)
+    );
+    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 t = range > 0 ? (value - min) / range : 1;
+      const clamped = Math.max(0, Math.min(1, t));
+      const pct = 12 + clamped * 88;
+      return `color-mix(in srgb, ${scaleVar} ${pct}%, ${surfaceVar})`;
+    };
+    const fmt = formatValue ?? ((v) => new Intl.NumberFormat("pt-BR").format(v));
+    const [hover, setHover] = React.useState(null);
+    const legendGradient = `linear-gradient(to right, ${surfaceVar}, ${scaleVar})`;
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: styles2.root({ className }), children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "svg",
+        {
+          viewBox: `0 0 ${width} ${height}`,
+          className: styles2.svg(),
+          role: "img",
+          "aria-label": ariaLabel,
+          onMouseLeave: () => setHover(null),
+          children: geometry.map(({ feature: feature2, d, centroid }, index) => {
+            const id = getId(feature2);
+            const value = values[id];
+            return /* @__PURE__ */ jsxRuntime.jsx(
+              "path",
+              {
+                d,
+                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__ */ jsxRuntime.jsx("div", { className: styles2.tooltipLayer(), children: /* @__PURE__ */ jsxRuntime.jsxs(Tooltip, { open: hover != null, onOpenChange: () => {
+      }, disableHoverableContent: true, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            "aria-hidden": "true",
+            className: styles2.tooltipAnchor(),
+            style: { left: `${hover?.ax ?? 0}%`, top: `${hover?.ay ?? 0}%` }
+          }
+        ) }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          TooltipContent,
+          {
+            showArrow: false,
+            className: "border border-border-default bg-bg-surface-elevated shadow-sh-lg",
+            children: hover && (renderTooltip ? renderTooltip(hover) : /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles2.tooltipName(), children: hover.name }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles2.tooltipValue(), children: hover.value != null && Number.isFinite(hover.value) ? fmt(hover.value) : "Sem dados" })
+            ] }))
+          }
+        )
+      ] }) }),
+      showLegend && numeric.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles2.legend(), children: [
+        legendTitle && /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles2.legendTitle(), children: legendTitle }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            className: styles2.legendBar(),
+            style: { background: legendGradient },
+            "aria-hidden": "true"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles2.legendScale(), children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { children: fmt(min) }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { children: fmt(max) })
+        ] })
+      ] })
+    ] });
+  }
+);
+ChoroplethMap.displayName = "ChoroplethMap";
+exports.AddViewModal = panel.AddViewModal;
+exports.AlertModal = panel.AlertModal;
+exports.Avatar = panel.Avatar;
+exports.BulkActionButton = panel.BulkActionButton;
+exports.BulkActionsBar = panel.BulkActionsBar;
+exports.ButtonGroup = panel.ButtonGroup;
+exports.ColsPanel = panel.ColsPanel;
+exports.ColsPopover = panel.ColsPopover;
+exports.Combobox = panel.Combobox;
+exports.DEFAULT_FILTER_OPERATORS = panel.DEFAULT_FILTER_OPERATORS;
+exports.DataTable = panel.DataTable;
+exports.DataTableActionsCell = panel.DataTableActionsCell;
+exports.DataTableEditCell = panel.DataTableEditCell;
+exports.DataTableEmpty = panel.DataTableEmpty;
+exports.DataTableFloatingBulkBar = panel.DataTableFloatingBulkBar;
+exports.DataTableLoading = panel.DataTableLoading;
+exports.DataTableNoResults = panel.DataTableNoResults;
+exports.DataTableTotalizerRow = panel.DataTableTotalizerRow;
+exports.FLOATING_PANEL_SIZE_PX = panel.FLOATING_PANEL_SIZE_PX;
+exports.FilterPanel = panel.FilterPanel;
+exports.FilterPopover = panel.FilterPopover;
+exports.FloatingPanel = panel.FloatingPanel;
+exports.FloatingPanelField = panel.FloatingPanelField;
+exports.FloatingPanelSection = panel.FloatingPanelSection;
+exports.FooterTable = panel.FooterTable;
+exports.FooterTableSkeleton = panel.FooterTableSkeleton;
+exports.FormField = panel.FormField;
+exports.FormFieldCheckbox = panel.FormFieldCheckbox;
+exports.FormFieldInput = panel.FormFieldInput;
+exports.FormFieldSelect = panel.FormFieldSelect;
+exports.FormFieldSwitch = panel.FormFieldSwitch;
+exports.FormFieldTextarea = panel.FormFieldTextarea;
+exports.Kanban = panel.Kanban;
+exports.MoreMenu = panel.MoreMenu;
+exports.Panel = panel.Panel;
+exports.PanelBody = panel.PanelBody;
+exports.PanelCloseAction = panel.SheetClose;
+exports.PanelContent = panel.SheetContent;
+exports.PanelFooter = panel.PanelFooter;
+exports.PanelHeader = panel.PanelHeader;
+exports.PanelRoot = panel.Sheet;
+exports.PanelTrigger = panel.SheetTrigger;
+exports.SELECTION_COLUMN_WIDTH = panel.SELECTION_COLUMN_WIDTH;
+exports.SortPanel = panel.SortPanel;
 exports.SortPopover = panel.SortPopover;
 exports.TABLE_HEADER_HEIGHT = panel.TABLE_HEADER_HEIGHT;
+exports.Table = panel.Table;
+exports.TableBody = panel.TableBody;
+exports.TableCardRow = panel.TableCardRow;
+exports.TableCell = panel.TableCell;
+exports.TableHead = panel.TableHead;
+exports.TableHeadCell = panel.TableHeadCell;
+exports.TableRow = panel.TableRow;
 exports.TableToolbar = panel.TableToolbar;
 exports.TableToolbarViews = panel.TableToolbarViews;
 exports.ToolbarApplied = panel.ToolbarApplied;
@@ -4036,10 +7603,15 @@ exports.isFilterEntryActive = panel.isFilterEntryActive;
 exports.panelContainer = panel.panelContainer;
 exports.presetView = panel.presetView;
 exports.savedViewsMockService = panel.savedViewsMockService;
+exports.useColumnResize = panel.useColumnResize;
 exports.useColumnWidths = panel.useColumnWidths;
 exports.useDataTableContext = panel.useDataTableContext;
 exports.useFloatingPanelResize = panel.useFloatingPanelResize;
 exports.AppShell = appShell.AppShell;
+exports.Button = appShell.Button;
+exports.Chip = appShell.Chip;
+exports.ChipGroup = appShell.ChipGroup;
+exports.ChipGroupItem = appShell.ChipGroupItem;
 exports.Header = appShell.Header;
 exports.HeaderBreadcrumb = appShell.HeaderBreadcrumb;
 exports.HeaderMessages = appShell.HeaderMessages;
@@ -4067,49 +7639,66 @@ exports.SidebarRail = appShell.SidebarRail;
 exports.SidebarSection = appShell.SidebarSection;
 exports.SidebarSubgroup = appShell.SidebarSubgroup;
 exports.UserMenu = appShell.UserMenu;
+exports.buttonVariants = appShell.buttonVariants;
+exports.chipCount = appShell.chipCount;
+exports.chipVariants = appShell.chipVariants;
 exports.inputGroupVariants = appShell.inputGroupVariants;
 exports.useControllable = appShell.useControllable;
 exports.useMediaQuery = appShell.useMediaQuery;
-exports.Button = chipGroup.Button;
-exports.Chip = chipGroup.Chip;
-exports.ChipGroup = chipGroup.ChipGroup;
-exports.ChipGroupItem = chipGroup.ChipGroupItem;
-exports.buttonVariants = chipGroup.buttonVariants;
-exports.chipCount = chipGroup.chipCount;
-exports.chipVariants = chipGroup.chipVariants;
-exports.Badge = badge.Badge;
-exports.Table = badge.Table;
-exports.TableBody = badge.TableBody;
-exports.TableCardRow = badge.TableCardRow;
-exports.TableCell = badge.TableCell;
-exports.TableHead = badge.TableHead;
-exports.TableHeadCell = badge.TableHeadCell;
-exports.TableRow = badge.TableRow;
-exports.badgeVariants = badge.badgeVariants;
-exports.useColumnResize = badge.useColumnResize;
-exports.PageHeader = pageHeader.PageHeader;
-exports.pageHeaderStyles = pageHeader.pageHeaderStyles;
+Object.defineProperty(exports, "MessageReplyIcon", {
+  enumerable: true,
+  get: () => lucideReact.Reply
+});
 exports.Input = input.Input;
 exports.inputVariants = input.inputVariants;
+exports.Kpi = kpiDelta.Kpi;
+exports.KpiDelta = kpiDelta.KpiDelta;
+exports.KpiGroup = kpiDelta.KpiGroup;
+exports.PageHeader = pageHeader.PageHeader;
+exports.pageHeaderStyles = pageHeader.pageHeaderStyles;
+exports.Badge = Badge;
 exports.CardCheckbox = CardCheckbox;
+exports.ChoroplethMap = ChoroplethMap;
+exports.ColorPicker = ColorPicker;
+exports.ConversationListItem = ConversationListItem;
+exports.DEFAULT_COLOR_PRESETS = DEFAULT_COLOR_PRESETS;
+exports.DEFAULT_MESSAGE_VARIABLES = DEFAULT_MESSAGE_VARIABLES;
+exports.DatePicker = DatePicker;
+exports.DateSeparatorChip = DateSeparatorChip;
+exports.EmptyState = EmptyState;
+exports.FileUploadField = FileUploadField;
 exports.Icon = Icon;
-exports.Kpi = Kpi;
-exports.KpiDelta = KpiDelta;
-exports.KpiGroup = KpiGroup;
+exports.MarkdownText = MarkdownText;
+exports.MessageAck = MessageAck;
+exports.MessageBubble = MessageBubble;
+exports.MessageComposer = MessageComposer;
+exports.MessageVariablesPicker = MessageVariablesPicker;
 exports.Modal = Modal;
+exports.MonthYearPicker = MonthYearPicker;
 exports.SingleMenuSidebar = SingleMenuSidebar;
+exports.Spinner = Spinner;
 exports.ToolbarFilterControl = ToolbarFilterControl;
 exports.ToolbarMobileDialog = ToolbarMobileDialog;
 exports.ToolbarMobileSection = ToolbarMobileSection;
 exports.ToolbarMobileSheet = ToolbarMobileSheet;
 exports.actionColumn = actionColumn;
+exports.badgeVariants = badgeVariants;
 exports.cardCheckbox = cardCheckbox;
+exports.colorPickerStyles = colorPickerStyles;
+exports.conversationListItemStyles = conversationListItemStyles;
 exports.currencyColumn = currencyColumn;
 exports.customColumn = customColumn;
 exports.dateColumn = dateColumn;
+exports.dateSeparatorChipStyles = dateSeparatorChipStyles;
 exports.emailColumn = emailColumn;
+exports.emptyStateStyles = emptyStateStyles;
 exports.iconStyles = iconStyles;
 exports.icons = icons;
+exports.markdownTextStyles = markdownTextStyles;
+exports.messageAckStyles = messageAckStyles;
+exports.messageBubbleStyles = messageBubbleStyles;
+exports.messageComposerStyles = messageComposerStyles;
+exports.messageVariablesPickerStyles = messageVariablesPickerStyles;
 exports.numberColumn = numberColumn;
 exports.phoneColumn = phoneColumn;
 exports.statusColumn = statusColumn;