@rendra-ui/web 2.7.0 → 2.8.0

package/dist/index.js

@@ -1,22 +1,22 @@
-/*! Rendra Design System v2.7.0 | MIT | © 2026 Bruno Magalhaes | brunomagalhaes.me */
-import { t as cn } from "./cn-B0N3Pek0.js";
-import { a as useMotionMode, c as getReducedMotion, i as useMotionLib, l as subscribeReducedMotion, n as useLayoutReady, o as useMotionOn, r as useMotionAdopted, u as usePrefersReducedMotion } from "./motion-context-BUMPf0e9.js";
-import { t as useMotionPresets } from "./use-motion-presets-D3ww1oJX.js";
-import { A as lookupCnpj, B as ActionBar, C as toE164, D as controlInput, E as controlFrame, F as CardHeader, H as useShell, I as CardTitle, L as InfoHint, M as CardContent, N as CardDescription, O as useLookup, P as CardFooter, R as Modal, S as toCents, T as controlAdornmentSpace, V as ShellContext, _ as internationalPhoneMask, a as Label, b as percentMask, c as fieldGridClass, d as Drawer, f as PickerPanel, g as formatCurrency, h as formatCents, i as Field, j as Card, k as lookupCep, l as gapClass, m as DEFAULT_DDI, n as useFillHeight, o as useFieldControl, p as Input, r as Select, s as alignClass, t as Timeline, u as justifyClass, v as masks, w as controlAdornmentButton, x as phoneCountries, y as parseLocaleNumber, z as Alert } from "./timeline-BOh7gUdA.js";
-import { a as catalogByComponent, c as findComponentsWithoutDefault, d as findPresetCollisions, f as getCatalogEntry, i as assertCatalogIntegrity, l as findDuplicateCodes, n as CATALOG_EXCLUDED_FILES, o as filesMissingCatalogEntry, p as resolveCatalogCode, r as COMPONENT_CODE_PATTERN, s as findComponentsWithMultipleDefaults, t as CATALOG, u as findInvalidFormatCodes } from "./components-CpQPMGfT.js";
-import { n as buttonVariants, r as Spinner, t as Button } from "./button-DlzWwpZk.js";
-import { a as DropdownMenuItem, c as DropdownMenuRadioItem, d as DropdownMenuSubContent, f as DropdownMenuSubTrigger, i as DropdownMenuGroup, l as DropdownMenuSeparator, n as DropdownMenuCheckboxItem, o as DropdownMenuLabel, p as DropdownMenuTrigger, r as DropdownMenuContent, s as DropdownMenuRadioGroup, t as DropdownMenu, u as DropdownMenuSub } from "./dropdown-menu-M8vs0byD.js";
-import { i as BrandContext, n as feedbackLabels, r as useBrand, t as BrandFeedbackIcon } from "./brand-feedback-icon-BYNcqBel.js";
-import { a as useRendraNavigate, i as useRendraLink, n as useCurrentPath, r as useRendraBreadcrumbs, t as RendraProvider } from "./rendra-provider-DEURIIL3.js";
-import { n as useBreakpoint, t as breakpoints } from "./use-breakpoint-En17oXKY.js";
-import { t as EmptyState } from "./empty-state-a47Kd_Ci.js";
-import { n as TooltipProvider, t as Tooltip } from "./tooltip-Ym9S4h9_.js";
-import { ArrowDown, ArrowDownRight, ArrowLeft, ArrowRight, ArrowRightLeft, ArrowUp, ArrowUpRight, Bell, Bot, CalendarDays, Check, CheckCheck, ChevronDown, ChevronLeft, ChevronRight, ChevronsUpDown, Clock, Columns3, Download, EllipsisVertical, FileText, Film, Filter, Globe, GripVertical, Home, ImageIcon, ImagePlus, LayoutTemplate, LogOut, Mail, MapPin, Menu, MessageCircle, MessagesSquare, Mic, Minus, Monitor, Moon, MoreHorizontal, Palette, PanelLeft, Paperclip, Pause, Pencil, Phone, Play, Plus, Reply, RotateCw, Search, Send, Smartphone, Smile, Star, Sun, Trash2, TriangleAlert, UploadCloud, User, VideoIcon, X, Zap } from "lucide-react";
+/*! Rendra Design System v2.8.0 | MIT | © 2026 Bruno Magalhaes | brunomagalhaes.me */
+import { t as cn } from "./cn-BlJHpkDs.js";
+import { a as useMotionMode, c as getReducedMotion, i as useMotionLib, l as subscribeReducedMotion, n as useLayoutReady, o as useMotionOn, r as useMotionAdopted, u as usePrefersReducedMotion } from "./motion-context-PJPj6X4g.js";
+import { t as useMotionPresets } from "./use-motion-presets-I4StrsCi.js";
+import { A as lookupCnpj, B as ActionBar, C as toE164, D as controlInput, E as controlFrame, F as CardHeader, H as useShell, I as CardTitle, L as InfoHint, M as CardContent, N as CardDescription, O as useLookup, P as CardFooter, R as Modal, S as toCents, T as controlAdornmentSpace, V as ShellContext, _ as internationalPhoneMask, a as Label, b as percentMask, c as fieldGridClass, d as Drawer, f as PickerPanel, g as formatCurrency, h as formatCents, i as Field, j as Card, k as lookupCep, l as gapClass, m as DEFAULT_DDI, n as useFillHeight, o as useFieldControl, p as Input, r as Select, s as alignClass, t as Timeline, u as justifyClass, v as masks, w as controlAdornmentButton, x as phoneCountries, y as parseLocaleNumber, z as Alert } from "./timeline-xrMHeV92.js";
+import { a as catalogByComponent, c as findComponentsWithoutDefault, d as findPresetCollisions, f as getCatalogEntry, i as assertCatalogIntegrity, l as findDuplicateCodes, n as CATALOG_EXCLUDED_FILES, o as filesMissingCatalogEntry, p as resolveCatalogCode, r as COMPONENT_CODE_PATTERN, s as findComponentsWithMultipleDefaults, t as CATALOG, u as findInvalidFormatCodes } from "./components-6RpoJ2Od.js";
+import { n as buttonVariants, r as Spinner, t as Button } from "./button-CrSlVIsY.js";
+import { a as DropdownMenuItem, c as DropdownMenuRadioItem, d as DropdownMenuSubContent, f as DropdownMenuSubTrigger, i as DropdownMenuGroup, l as DropdownMenuSeparator, n as DropdownMenuCheckboxItem, o as DropdownMenuLabel, p as DropdownMenuTrigger, r as DropdownMenuContent, s as DropdownMenuRadioGroup, t as DropdownMenu, u as DropdownMenuSub } from "./dropdown-menu-BUGKtR6k.js";
+import { i as BrandContext, n as feedbackLabels, r as useBrand, t as BrandFeedbackIcon } from "./brand-feedback-icon-CVux4pNh.js";
+import { a as useRendraNavigate, i as useRendraLink, n as useCurrentPath, r as useRendraBreadcrumbs, t as RendraProvider } from "./rendra-provider-Do_qWjJC.js";
+import { n as useBreakpoint, t as breakpoints } from "./use-breakpoint-CM-yeDHJ.js";
+import { t as EmptyState } from "./empty-state-i4e-LacG.js";
+import { n as TooltipProvider, t as Tooltip } from "./tooltip-to0h6aPe.js";
+import { ArrowDown, ArrowDownRight, ArrowLeft, ArrowRight, ArrowRightLeft, ArrowUp, ArrowUpRight, Bell, Bot, CalendarClock, CalendarDays, CalendarX2, Check, CheckCheck, ChevronDown, ChevronLeft, ChevronRight, ChevronsUpDown, Clock, Columns3, Download, EllipsisVertical, FileText, Film, Filter, Globe, GripVertical, Home, ImageIcon, ImagePlus, LayoutTemplate, LogOut, Mail, MapPin, Menu, MessageCircle, MessagesSquare, Mic, Minus, Monitor, Moon, MoreHorizontal, Palette, PanelLeft, Paperclip, Pause, Pencil, Phone, Play, Plus, Reply, RotateCw, Search, Send, Settings2, Smartphone, Smile, Star, Sun, Trash2, TriangleAlert, UploadCloud, User, VideoIcon, X, Zap } from "lucide-react";
 import { Accordion as Accordion$1, Avatar as Avatar$1, Checkbox as Checkbox$1, Collapsible, ContextMenu, Dialog, NavigationMenu, Popover as Popover$1, Progress as Progress$1, RadioGroup as RadioGroup$1, Slider as Slider$1, Slot, Switch as Switch$1, Tabs as Tabs$1, VisuallyHidden } from "radix-ui";
 import { Fragment, createContext, forwardRef, useCallback, useContext, useEffect, useId, useLayoutEffect, useMemo, useRef, useState, useSyncExternalStore } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
-import { addDays, addMonths, addWeeks, differenceInMinutes, endOfMonth, endOfWeek, format, isSameDay, isSameMonth, isToday, isYesterday, startOfDay, startOfMonth, startOfWeek } from "date-fns";
+import { addDays, addMonths, addWeeks, differenceInCalendarDays, differenceInMinutes, endOfMonth, endOfWeek, format, isSameDay, isSameMonth, isToday, isYesterday, startOfDay, startOfMonth, startOfWeek } from "date-fns";
 import { ptBR } from "date-fns/locale";
 import { DayPicker } from "react-day-picker";
 import { ptBR as ptBR$1 } from "react-day-picker/locale";
@@ -2697,7 +2697,7 @@ function Switch({ checked, defaultChecked, onCheckedChange, label, description,
 }
 //#endregion
 //#region src/components/ui/data-toolbar.tsx
-function DataToolbar({ search, filters, filterCount = 0, onClearFilters, chips = [], sort, columns, actions, primaryAction, selectionBar }) {
+function DataToolbar({ search, filters, filterCount = 0, onClearFilters, chips = [], sort, columns, actions, summary, primaryAction, selectionBar }) {
 	const { isMobile } = useBreakpoint();
 	const [drawer, setDrawer] = useState(false);
 	const hasPanel = Boolean(filters || sort || columns?.length);
@@ -2735,49 +2735,57 @@ function DataToolbar({ search, filters, filterCount = 0, onClearFilters, chips =
 				children: selectionBar
 			}) : /* @__PURE__ */ jsxs("div", {
 				className: "flex flex-col gap-3 md:flex-row md:items-center",
-				children: [search && /* @__PURE__ */ jsx(Input, {
-					icon: /* @__PURE__ */ jsx(Search, {}),
-					clearable: true,
-					value: search.value,
-					onChange: search.onChange,
-					placeholder: search.placeholder ?? "Buscar",
-					"aria-label": search.placeholder ?? "Buscar",
-					type: "search",
-					className: "md:w-3xs lg:w-sm"
-				}), isMobile ? /* @__PURE__ */ jsxs(Fragment$1, { children: [(hasPanel || primaryAction) && /* @__PURE__ */ jsxs("div", {
-					className: cn("grid gap-3", hasPanel && primaryAction ? "grid-actions-2" : "grid-cols-1"),
-					children: [hasPanel && filterButton(() => setDrawer(true)), primaryAction]
-				}), actions && /* @__PURE__ */ jsx("div", {
-					className: "flex flex-wrap gap-3 *:flex-1",
-					children: actions
-				})] }) : /* @__PURE__ */ jsxs("div", {
-					className: "flex flex-wrap items-center gap-2 md:ml-auto",
-					children: [
-						actions,
-						columnsMenu,
-						sort,
-						filters && /* @__PURE__ */ jsxs(Popover, { children: [/* @__PURE__ */ jsx(PopoverTrigger, {
-							asChild: true,
-							children: filterButton()
-						}), /* @__PURE__ */ jsxs(PopoverContent, {
-							align: "end",
-							className: "flex flex-col",
-							children: [/* @__PURE__ */ jsx("div", {
-								className: "max-h-command overflow-y-auto p-4",
-								children: filters
-							}), onClearFilters && filterCount > 0 && /* @__PURE__ */ jsx("div", {
-								className: "border-t p-2",
-								children: /* @__PURE__ */ jsx(Button, {
-									variant: "ghost",
-									size: "sm",
-									onClick: onClearFilters,
-									children: "Limpar filtros"
-								})
-							})]
-						})] }),
-						primaryAction
-					]
-				})]
+				children: [
+					search && /* @__PURE__ */ jsx(Input, {
+						icon: /* @__PURE__ */ jsx(Search, {}),
+						clearable: true,
+						value: search.value,
+						onChange: search.onChange,
+						placeholder: search.placeholder ?? "Buscar",
+						"aria-label": search.placeholder ?? "Buscar",
+						type: "search",
+						className: "md:w-3xs lg:w-sm"
+					}),
+					summary && /* @__PURE__ */ jsx("div", {
+						"data-toolbar-summary": true,
+						className: "flex flex-col gap-1 text-sm",
+						children: summary
+					}),
+					isMobile ? /* @__PURE__ */ jsxs(Fragment$1, { children: [(hasPanel || primaryAction) && /* @__PURE__ */ jsxs("div", {
+						className: cn("grid gap-3", hasPanel && primaryAction ? "grid-actions-2" : "grid-cols-1"),
+						children: [hasPanel && filterButton(() => setDrawer(true)), primaryAction]
+					}), actions && /* @__PURE__ */ jsx("div", {
+						className: "flex flex-wrap gap-3 *:flex-1",
+						children: actions
+					})] }) : /* @__PURE__ */ jsxs("div", {
+						className: "flex flex-wrap items-center gap-2 md:ml-auto",
+						children: [
+							actions,
+							columnsMenu,
+							sort,
+							filters && /* @__PURE__ */ jsxs(Popover, { children: [/* @__PURE__ */ jsx(PopoverTrigger, {
+								asChild: true,
+								children: filterButton()
+							}), /* @__PURE__ */ jsxs(PopoverContent, {
+								align: "end",
+								className: "flex flex-col",
+								children: [/* @__PURE__ */ jsx("div", {
+									className: "max-h-command overflow-y-auto p-4",
+									children: filters
+								}), onClearFilters && filterCount > 0 && /* @__PURE__ */ jsx("div", {
+									className: "border-t p-2",
+									children: /* @__PURE__ */ jsx(Button, {
+										variant: "ghost",
+										size: "sm",
+										onClick: onClearFilters,
+										children: "Limpar filtros"
+									})
+								})]
+							})] }),
+							primaryAction
+						]
+					})
+				]
 			}),
 			chips.length > 0 && /* @__PURE__ */ jsxs("div", {
 				className: "flex flex-wrap items-center gap-2",
@@ -3834,10 +3842,239 @@ var targetIconTone = {
 	info: "text-info",
 	outline: "text-foreground"
 };
-function CardBody({ card, valueFields = [], formatValue, withHandle }) {
-	const shown = valueFields.slice(0, 2);
+/** Fundo claro de cada destino do rodapé flutuante, pela cor da ação. */
+var targetSoft = {
+	neutral: "bg-muted",
+	primary: "bg-primary-soft",
+	success: "bg-success-soft",
+	warning: "bg-warning-soft",
+	error: "bg-destructive-soft",
+	info: "bg-info-soft",
+	outline: "bg-card"
+};
+/** Destino realçado (card por cima): fundo forte com o `-foreground` dele em tudo. */
+var targetStrong = {
+	neutral: "bg-muted text-foreground",
+	primary: "bg-primary text-primary-foreground",
+	success: "bg-success text-success-foreground",
+	warning: "bg-warning text-warning-foreground",
+	error: "bg-destructive text-destructive-foreground",
+	info: "bg-info text-info-foreground",
+	outline: "bg-muted text-foreground"
+};
+/**
+* Situação do card a partir da próxima atividade e da cadência da etapa. Compara por dia de
+* calendário; `referenceDate` é o "hoje" (injetável para teste).
+*/
+function getKanbanCardStatus(card, column, referenceDate) {
+	const daysInColumn = card.enteredColumnAt ? differenceInCalendarDays(referenceDate, card.enteredColumnAt) : null;
+	const cadenceOverdue = column?.cadenceDays !== void 0 && daysInColumn !== null && daysInColumn > column.cadenceDays;
+	const ahead = card.activity ? differenceInCalendarDays(card.activity.at, referenceDate) : null;
+	const activity = ahead === null ? "none" : ahead < 0 ? "late" : ahead === 0 ? "today" : "onTime";
+	return {
+		background: cadenceOverdue && (activity === "late" || activity === "none") ? "critical" : cadenceOverdue ? "cadenceOverdue" : activity === "none" ? "noActivity" : "normal",
+		activity,
+		daysInColumn,
+		daysLate: ahead !== null && ahead < 0 ? -ahead : 0
+	};
+}
+/** Classes literais completas (nada de classe montada por string). */
+var statusBackground = {
+	critical: "bg-critical-soft",
+	cadenceOverdue: "bg-destructive-soft",
+	noActivity: "bg-warning-soft",
+	normal: "bg-card"
+};
+var activityIcon = {
+	onTime: {
+		icon: CalendarDays,
+		circle: "bg-info-soft text-info-soft-foreground"
+	},
+	today: {
+		icon: CalendarClock,
+		circle: "bg-warning-mid text-warning-mid-foreground"
+	},
+	late: {
+		icon: CalendarX2,
+		circle: "bg-destructive text-destructive-foreground"
+	},
+	none: {
+		icon: CalendarDays,
+		circle: "border border-dashed border-muted-foreground text-muted-foreground"
+	}
+};
+function plural(n, one, many) {
+	return `${n} ${n === 1 ? one : many}`;
+}
+function situationText(status) {
+	if (status.activity === "onTime") return "Em dia";
+	if (status.activity === "today") return "Vence hoje";
+	if (status.activity === "late") return `Atrasada há ${plural(status.daysLate, "dia", "dias")}`;
+	return "Sem atividade agendada";
+}
+/** Texto para o leitor de tela: a cor do fundo nunca é a única informação. */
+function backgroundLabel(status) {
+	if (status.background === "critical") return `Situação: crítico, cadência vencida e ${status.activity === "late" ? "atividade atrasada" : "sem próxima atividade"}`;
+	if (status.background === "cadenceOverdue") return "Situação: cadência vencida";
+	if (status.background === "noActivity") return "Situação: sem atividade";
+	return null;
+}
+function whenText(at, status) {
+	return status.activity === "today" ? `Hoje às ${format(at, "HH:mm")}` : `${format(at, "dd/MM/yyyy")} às ${format(at, "HH:mm")}`;
+}
+var baseFields = [
+	{
+		id: "tags",
+		label: "Tags"
+	},
+	{
+		id: "document",
+		label: "CNPJ ou CPF"
+	},
+	{
+		id: "description",
+		label: "Descrição"
+	},
+	{
+		id: "contact",
+		label: "Contato"
+	},
+	{
+		id: "phone",
+		label: "Telefone"
+	},
+	{
+		id: "email",
+		label: "E-mail"
+	},
+	{
+		id: "activity",
+		label: "Atividade"
+	},
+	{
+		id: "assignee",
+		label: "Responsável"
+	}
+];
+/** Lê os campos escondidos; qualquer falha do armazenamento cai no padrão (tudo visível). */
+function readHidden(storageKey) {
+	if (!storageKey) return {};
+	try {
+		const raw = localStorage.getItem(storageKey);
+		const list = raw ? JSON.parse(raw) : [];
+		return Array.isArray(list) ? Object.fromEntries(list.filter((f) => typeof f === "string").map((f) => [f, true])) : {};
+	} catch {
+		return {};
+	}
+}
+function writeHidden(storageKey, hidden) {
+	if (!storageKey) return;
+	try {
+		localStorage.setItem(storageKey, JSON.stringify(Object.keys(hidden).filter((k) => hidden[k])));
+	} catch {}
+}
+var HINT_CLOSE_DELAY = 150;
+/**
+* Calendário do card: ícone de situação, data ao lado e hint (tipo, quando, com quem,
+* responsável e situação). Abre por clique, toque, foco por teclado e mouse; o gatilho é um
+* botão fora do botão de clique do card.
+*/
+function ActivityHint({ card, status }) {
+	const [open, setOpen] = useState(false);
+	const pressed = useRef(false);
+	const holding = useRef(false);
+	const triggerRef = useRef(null);
+	const lastPointer = useRef("");
+	const timer = useRef(void 0);
+	const { icon: Icon, circle } = activityIcon[status.activity];
+	const activity = card.activity;
+	const visible = activity ? status.activity === "today" ? `Hoje ${format(activity.at, "HH:mm")}` : format(activity.at, "dd/MM/yyyy") : "Sem atividade";
+	const cancelClose = () => clearTimeout(timer.current);
+	const scheduleClose = () => {
+		cancelClose();
+		timer.current = setTimeout(() => {
+			if (!holding.current) setOpen(false);
+		}, HINT_CLOSE_DELAY);
+	};
+	useEffect(() => cancelClose, []);
+	return /* @__PURE__ */ jsxs(Popover, {
+		open,
+		onOpenChange: (next) => !next && !holding.current && setOpen(false),
+		children: [/* @__PURE__ */ jsx(PopoverAnchor, {
+			asChild: true,
+			children: /* @__PURE__ */ jsxs("button", {
+				ref: triggerRef,
+				type: "button",
+				"aria-haspopup": "dialog",
+				"aria-expanded": open,
+				"aria-label": `${visible}. ${situationText(status)}`,
+				className: "relative z-10 -ml-1 inline-flex cursor-pointer items-center gap-1 rounded-item px-1 tabular-nums outline-none focus-visible:ring-2 focus-visible:ring-ring max-md:min-h-touch",
+				onPointerDown: (e) => {
+					cancelClose();
+					pressed.current = true;
+					holding.current = true;
+					window.addEventListener("pointerup", () => holding.current = false, { once: true });
+					window.addEventListener("pointercancel", () => holding.current = false, { once: true });
+					lastPointer.current = e.pointerType;
+				},
+				onPointerEnter: (e) => {
+					if (e.pointerType !== "mouse") return;
+					cancelClose();
+					setOpen(true);
+				},
+				onPointerLeave: (e) => e.pointerType === "mouse" && scheduleClose(),
+				onFocus: () => {
+					if (!pressed.current) setOpen(true);
+				},
+				onBlur: () => {
+					pressed.current = false;
+					if (!holding.current) setOpen(false);
+				},
+				onClick: (e) => {
+					e.preventDefault();
+					e.stopPropagation();
+					pressed.current = false;
+					const byMouse = lastPointer.current === "mouse";
+					lastPointer.current = "";
+					setOpen((o) => byMouse || !o);
+				},
+				children: [/* @__PURE__ */ jsx("span", {
+					"aria-hidden": true,
+					className: cn("flex size-6 shrink-0 items-center justify-center rounded-full", circle),
+					children: /* @__PURE__ */ jsx(Icon, { className: "size-3" })
+				}), visible]
+			})
+		}), /* @__PURE__ */ jsxs(PopoverContent, {
+			width: "sm",
+			align: "start",
+			className: "flex flex-col gap-1 p-3 text-xs",
+			onOpenAutoFocus: (e) => e.preventDefault(),
+			onInteractOutside: (e) => {
+				if (triggerRef.current?.contains(e.target)) e.preventDefault();
+			},
+			onPointerEnter: cancelClose,
+			onPointerLeave: scheduleClose,
+			children: [
+				activity ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs("p", {
+					className: "text-sm font-medium",
+					children: [
+						activity.type,
+						" · ",
+						whenText(activity.at, status)
+					]
+				}), activity.with && /* @__PURE__ */ jsxs("p", { children: ["Com: ", activity.with] })] }) : null,
+				card.assignee && /* @__PURE__ */ jsxs("p", { children: ["Responsável: ", card.assignee] }),
+				/* @__PURE__ */ jsx("p", {
+					className: "font-medium",
+					children: situationText(status)
+				})
+			]
+		})]
+	});
+}
+function CardBody({ card, show, withHandle }) {
 	return /* @__PURE__ */ jsxs(Fragment$1, { children: [
-		card.tags && card.tags.length > 0 && /* @__PURE__ */ jsx("span", {
+		show("tags") && card.tags && card.tags.length > 0 && /* @__PURE__ */ jsx("span", {
 			className: "flex flex-wrap gap-1",
 			children: card.tags.map((t) => /* @__PURE__ */ jsx(Badge, {
 				tone: t.tone ?? "neutral",
@@ -3849,19 +4086,19 @@ function CardBody({ card, valueFields = [], formatValue, withHandle }) {
 			children: [/* @__PURE__ */ jsx("span", {
 				className: "line-clamp-2 text-sm font-medium",
 				children: card.title
-			}), card.subtitle && /* @__PURE__ */ jsx("span", {
+			}), show("document") && card.subtitle && /* @__PURE__ */ jsx("span", {
 				className: "text-xs text-muted-foreground tabular-nums",
 				children: card.subtitle
 			})]
 		}),
-		card.description && /* @__PURE__ */ jsx("span", {
+		show("description") && card.description && /* @__PURE__ */ jsx("span", {
 			className: "line-clamp-2 text-xs text-muted-foreground",
 			children: card.description
 		}),
 		card.contact && /* @__PURE__ */ jsxs("span", {
 			className: "flex flex-col gap-1 text-xs text-muted-foreground",
 			children: [
-				card.contact.name && /* @__PURE__ */ jsxs("span", {
+				show("contact") && card.contact.name && /* @__PURE__ */ jsxs("span", {
 					className: "flex min-w-0 items-center gap-1 text-foreground",
 					children: [/* @__PURE__ */ jsx(User, {
 						className: "size-3 shrink-0",
@@ -3871,7 +4108,7 @@ function CardBody({ card, valueFields = [], formatValue, withHandle }) {
 						children: card.contact.name
 					})]
 				}),
-				card.contact.phone && /* @__PURE__ */ jsxs("span", {
+				show("phone") && card.contact.phone && /* @__PURE__ */ jsxs("span", {
 					className: "flex min-w-0 items-center gap-1 tabular-nums",
 					children: [/* @__PURE__ */ jsx(Phone, {
 						className: "size-3 shrink-0",
@@ -3881,7 +4118,7 @@ function CardBody({ card, valueFields = [], formatValue, withHandle }) {
 						children: card.contact.phone
 					})]
 				}),
-				card.contact.email && /* @__PURE__ */ jsxs("span", {
+				show("email") && card.contact.email && /* @__PURE__ */ jsxs("span", {
 					className: "flex min-w-0 items-center gap-1",
 					children: [/* @__PURE__ */ jsx(Mail, {
 						className: "size-3 shrink-0",
@@ -3892,50 +4129,96 @@ function CardBody({ card, valueFields = [], formatValue, withHandle }) {
 					})]
 				})
 			]
-		}),
-		shown.length > 0 && /* @__PURE__ */ jsx("span", {
-			className: "grid grid-cols-2 divide-x rounded-block bg-muted text-xs",
-			children: shown.map((f) => /* @__PURE__ */ jsxs("span", {
-				className: "flex min-w-0 flex-col px-2 py-1",
-				children: [/* @__PURE__ */ jsxs("span", {
-					className: "text-muted-foreground",
-					children: [f.label, ":"]
-				}), /* @__PURE__ */ jsx("span", {
-					className: "truncate font-semibold text-foreground tabular-nums",
-					children: formatValue(card.values?.[f.key] ?? 0)
-				})]
-			}, f.key))
-		}),
-		(card.assignee || card.dueDate || card.meta) && /* @__PURE__ */ jsxs("span", {
-			className: "flex items-center gap-2 border-t pt-2 text-xs text-muted-foreground",
-			children: [
-				card.dueDate && /* @__PURE__ */ jsxs("span", {
-					className: "inline-flex items-center gap-1 tabular-nums",
-					children: [/* @__PURE__ */ jsx(CalendarDays, {
-						className: "size-3",
-						"aria-hidden": true
-					}), format(card.dueDate, "dd/MM/yyyy")]
-				}),
-				card.meta && /* @__PURE__ */ jsx("span", {
-					className: "font-medium text-foreground tabular-nums",
-					children: card.meta
-				}),
-				card.assignee && /* @__PURE__ */ jsx("span", {
-					className: "ml-auto",
-					title: card.assignee,
-					children: /* @__PURE__ */ jsx(Avatar, {
-						name: card.assignee,
-						size: "sm"
-					})
-				})
-			]
 		})
 	] });
 }
+/**
+* Rodapé do card, fora do botão de clique: linha de calendário, meta e responsável e, depois
+* de uma divisória, os valores empilhados. Sem `renderCard` apenas.
+*/
+function cardFooter({ card, status, show, valueFields, formatValue }) {
+	const calendar = show("activity") ? status ? /* @__PURE__ */ jsx(ActivityHint, {
+		card,
+		status
+	}) : card.dueDate && /* @__PURE__ */ jsxs("span", {
+		className: "inline-flex items-center gap-1 tabular-nums",
+		children: [/* @__PURE__ */ jsx(CalendarDays, {
+			className: "size-3",
+			"aria-hidden": true
+		}), format(card.dueDate, "dd/MM/yyyy")]
+	}) : null;
+	const assignee = show("assignee") ? card.assignee : void 0;
+	const values = valueFields.slice(0, 2).filter((f) => show(`value:${f.key}`));
+	const hasRow = Boolean(calendar || assignee || card.meta);
+	if (!hasRow && values.length === 0) return null;
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [hasRow && /* @__PURE__ */ jsxs("span", {
+		className: "flex items-center gap-2 border-t pt-2 text-xs text-muted-foreground",
+		children: [
+			calendar,
+			card.meta && /* @__PURE__ */ jsx("span", {
+				className: "font-medium text-foreground tabular-nums",
+				children: card.meta
+			}),
+			assignee && /* @__PURE__ */ jsx("span", {
+				className: "ml-auto",
+				title: assignee,
+				children: /* @__PURE__ */ jsx(Avatar, {
+					name: assignee,
+					size: "sm"
+				})
+			})
+		]
+	}), values.length > 0 && /* @__PURE__ */ jsx("span", {
+		className: "flex flex-col gap-1 border-t pt-2 text-xs",
+		children: values.map((f) => /* @__PURE__ */ jsxs("span", {
+			className: "flex items-baseline justify-between gap-2",
+			children: [/* @__PURE__ */ jsxs("span", {
+				className: "text-muted-foreground",
+				children: [f.label, ":"]
+			}), /* @__PURE__ */ jsx("span", {
+				className: "truncate font-semibold text-foreground tabular-nums",
+				children: formatValue(card.values?.[f.key] ?? 0)
+			})]
+		}, f.key))
+	})] });
+}
+/** Sem acento e sem diferença de maiúscula, para a busca. */
+function normalize(text) {
+	const marks = new RegExp(`[${String.fromCharCode(768)}-${String.fromCharCode(879)}]`, "g");
+	return text.normalize("NFD").replace(marks, "").toLowerCase();
+}
+/**
+* Posição, na lista completa da coluna, de um índice da lista desenhada (que pode ser só uma
+* parte dela, por busca, filtro ou paginação). Fim da lista desenhada = logo depois do último
+* card desenhado; sem card desenhado = fim da lista completa.
+*/
+function toFullIndex(full, drawn, drawnIndex) {
+	if (drawn.length === 0) return full.length;
+	if (drawnIndex < drawn.length) return full.indexOf(drawn[drawnIndex]);
+	return full.indexOf(drawn[drawn.length - 1]) + 1;
+}
+var situationOptions = [
+	{
+		value: "critical",
+		label: "Crítico"
+	},
+	{
+		value: "cadenceOverdue",
+		label: "Cadência vencida"
+	},
+	{
+		value: "noActivity",
+		label: "Sem atividade"
+	},
+	{
+		value: "late",
+		label: "Atividade atrasada"
+	}
+];
 function Kanban({ columns, cards, onCardMove, onCardClick, onAddCard, renderCard, valueFields, formatValue = (n) => n.toLocaleString("pt-BR", {
 	style: "currency",
 	currency: "BRL"
-}), pageSize = 20, visibleColumns = 5, onLoadMore, hasMore, dropTargets, onDropTarget, className, ...aria }) {
+}), pageSize = 20, visibleColumns = 5, onLoadMore, hasMore, dropTargets, onDropTarget, referenceDate, toolbar, onNewCard, storageKey, className, ...aria }) {
 	const code = resolveCatalogCode("Kanban", { hasDropTargets: Boolean(dropTargets?.length) });
 	const { isMobile } = useBreakpoint();
 	const motion = useMotionMode();
@@ -3960,18 +4243,66 @@ function Kanban({ columns, cards, onCardMove, onCardClick, onAddCard, renderCard
 	const [active, setActive] = useState(columns[0]?.id ?? "");
 	const [dragging, setDragging] = useState(null);
 	const [over, setOver] = useState(null);
+	const [overTarget, setOverTarget] = useState(null);
 	const [touchDrag, setTouchDrag] = useState(null);
+	const [pendingDrop, setPendingDrop] = useState(null);
+	const [reason, setReason] = useState("");
+	const [query, setQuery] = useState("");
+	const [assigneeFilter, setAssigneeFilter] = useState(null);
+	const [situationFilter, setSituationFilter] = useState(null);
+	const [customizing, setCustomizing] = useState(false);
+	const [hidden, setHidden] = useState(() => readHidden(storageKey));
+	const changeHidden = (next) => {
+		setHidden(next);
+		writeHidden(storageKey, next);
+	};
+	const show = (field) => !hidden[field];
+	const today = referenceDate ?? /* @__PURE__ */ new Date();
+	const statusEnabled = columns.some((c) => c.cadenceDays !== void 0) || cards.some((c) => c.activity);
+	const statusOf = (card) => statusEnabled ? getKanbanCardStatus(card, columns.find((c) => c.id === card.columnId), today) : null;
+	const filtering = toolbar && (query.trim() !== "" || assigneeFilter || situationFilter);
+	const matches = (card) => {
+		const q = normalize(query.trim());
+		if (q && ![
+			card.title,
+			card.subtitle,
+			card.contact?.name
+		].some((t) => t && normalize(t).includes(q))) return false;
+		if (assigneeFilter && card.assignee !== assigneeFilter) return false;
+		if (situationFilter) {
+			const status = statusOf(card);
+			if (!status) return false;
+			if (situationFilter === "late" ? status.activity !== "late" : status.background !== situationFilter) return false;
+		}
+		return true;
+	};
+	const visibleCards = filtering ? cards.filter(matches) : cards;
+	/** Lista completa da coluna: a única fonte do índice que sai em `onCardMove`. */
 	const inColumn = (id) => cards.filter((c) => c.columnId === id);
+	/** Lista visível (busca e filtros): cards desenhados, contagem, totais, paginação e abas. */
+	const visibleInColumn = (id) => visibleCards.filter((c) => c.columnId === id);
 	const drop = (columnId, index) => {
-		if (dragging) onCardMove?.(dragging, columnId, index);
+		if (dragging) {
+			const drawn = visibleInColumn(columnId).slice(0, limitOf(columnId));
+			onCardMove?.(dragging, columnId, toFullIndex(inColumn(columnId), drawn, index));
+		}
 		setDragging(null);
 		setOver(null);
+		setOverTarget(null);
 	};
 	const draggingCardId = dragging ?? touchDrag?.cardId ?? null;
 	const showTargetBar = Boolean(dropTargets?.length) && draggingCardId !== null;
 	const dropOnTarget = (cardId, targetId) => {
 		const target = dropTargets?.find((t) => t.id === targetId);
 		if (!target || target.disabled) return;
+		if (target.confirm) {
+			setReason(target.confirm.reasons?.[0]?.value ?? "");
+			setPendingDrop({
+				cardId,
+				targetId
+			});
+			return;
+		}
 		onDropTarget?.(cardId, targetId);
 	};
 	const startTouchDrag = (card, e) => {
@@ -4049,43 +4380,60 @@ function Kanban({ columns, cards, onCardMove, onCardClick, onAddCard, renderCard
 			]
 		})] });
 	};
-	/** Barra de destinos, mostrada durante o arraste (mouse ou toque) quando há dropTargets. */
+	/** Rodapé flutuante de destinos, mostrado durante o arraste (mouse ou toque). */
+	const highlightedTarget = overTarget ?? touchDrag?.overTargetId ?? null;
 	const targetBar = showTargetBar && /* @__PURE__ */ jsx("div", {
 		"aria-label": "Soltar em",
-		className: "fixed inset-x-4 bottom-4 z-30 flex justify-center gap-2 overflow-x-auto rounded-surface border bg-card p-2 shadow-lg",
-		children: dropTargets.map((t) => /* @__PURE__ */ jsxs("div", {
-			"data-kanban-target": t.id,
-			onDragOver: (e) => {
-				if (dragging && !t.disabled) e.preventDefault();
-			},
-			onDrop: (e) => {
-				e.preventDefault();
-				if (dragging) {
-					dropOnTarget(dragging, t.id);
-					setDragging(null);
-				}
-			},
-			className: cn("flex min-w-24 flex-col items-center gap-1 rounded-block border p-2 text-center text-xs transition-colors", t.disabled ? "cursor-not-allowed opacity-50" : touchDrag?.overTargetId === t.id && "bg-primary-soft/60 ring-2 ring-ring"),
-			children: [
-				t.icon && /* @__PURE__ */ jsx("span", {
-					"aria-hidden": true,
-					className: targetIconTone[t.tone ?? "neutral"],
-					children: t.icon
-				}),
-				/* @__PURE__ */ jsx("span", {
-					className: "font-medium",
-					children: t.label
-				}),
-				t.hint && !t.disabled && /* @__PURE__ */ jsx("span", {
-					className: "text-muted-foreground",
-					children: t.hint
-				}),
-				t.disabled && t.disabledReason && /* @__PURE__ */ jsx("span", {
-					className: "text-muted-foreground",
-					children: t.disabledReason
-				})
-			]
-		}, t.id))
+		className: "fixed inset-x-4 bottom-4 z-30 grid grid-cols-2 gap-2 rounded-surface border bg-card p-2 shadow-lg md:flex md:justify-center md:overflow-x-auto",
+		children: dropTargets.map((t) => {
+			const tone = t.tone ?? "neutral";
+			const highlighted = !t.disabled && highlightedTarget === t.id;
+			return /* @__PURE__ */ jsxs("div", {
+				"data-kanban-target": t.id,
+				"data-over": highlighted ? "true" : void 0,
+				onDragEnter: () => {
+					if (dragging && !t.disabled) setOverTarget(t.id);
+				},
+				onDragOver: (e) => {
+					if (dragging && !t.disabled) {
+						e.preventDefault();
+						setOverTarget(t.id);
+					}
+				},
+				onDragLeave: (e) => {
+					if (e.relatedTarget instanceof Node && e.currentTarget.contains(e.relatedTarget)) return;
+					setOverTarget((id) => id === t.id ? null : id);
+				},
+				onDrop: (e) => {
+					e.preventDefault();
+					setOverTarget(null);
+					if (dragging) {
+						dropOnTarget(dragging, t.id);
+						setDragging(null);
+					}
+				},
+				className: cn("flex min-w-24 flex-col items-center gap-1 rounded-block border p-2 text-center text-xs transition-colors", t.disabled ? "cursor-not-allowed bg-muted opacity-50" : highlighted ? cn(targetStrong[tone], "ring-2 ring-ring") : targetSoft[tone]),
+				children: [
+					t.icon && /* @__PURE__ */ jsx("span", {
+						"aria-hidden": true,
+						className: highlighted ? void 0 : targetIconTone[tone],
+						children: t.icon
+					}),
+					/* @__PURE__ */ jsx("span", {
+						className: "font-medium",
+						children: t.label
+					}),
+					t.hint && !t.disabled && /* @__PURE__ */ jsx("span", {
+						className: highlighted ? void 0 : "text-muted-foreground",
+						children: t.hint
+					}),
+					t.disabled && t.disabledReason && /* @__PURE__ */ jsx("span", {
+						className: "text-muted-foreground",
+						children: t.disabledReason
+					})
+				]
+			}, t.id);
+		})
 	});
 	const canTouchDrag = Boolean(onCardMove) || Boolean(dropTargets?.length && onDropTarget);
 	const showHandle = isMobile && canTouchDrag;
@@ -4099,7 +4447,10 @@ function Kanban({ columns, cards, onCardMove, onCardClick, onAddCard, renderCard
 		const dragEnd = () => {
 			setDragging(null);
 			setOver(null);
+			setOverTarget(null);
 		};
+		const status = statusOf(card);
+		const label = status && backgroundLabel(status);
 		const common = {
 			"data-kanban-card": card.id,
 			draggable: !isMobile && Boolean(onCardMove),
@@ -4119,27 +4470,37 @@ function Kanban({ columns, cards, onCardMove, onCardClick, onAddCard, renderCard
 				e.stopPropagation();
 				if (over) drop(over.column, over.index);
 			},
-			className: cn("relative flex rounded-block border bg-card p-3 shadow-sm transition-[box-shadow,opacity]", !isMobile && onCardMove && "cursor-grab active:cursor-grabbing", (dragging === card.id || touchDrag?.cardId === card.id) && "opacity-50", over?.column === card.columnId && over.index === index && dragging !== card.id && "ring-2 ring-ring ring-offset-2 ring-offset-muted")
+			className: cn("relative flex rounded-block border", status ? statusBackground[status.background] : "bg-card", "p-3 shadow-sm transition-[box-shadow,opacity]", !isMobile && onCardMove && "cursor-grab active:cursor-grabbing", (dragging === card.id || touchDrag?.cardId === card.id) && "opacity-50", over?.column === card.columnId && over.index === index && dragging !== card.id && "ring-2 ring-ring ring-offset-2 ring-offset-muted")
 		};
+		const content = renderCard ? renderCard(card) : /* @__PURE__ */ jsx(CardBody, {
+			card,
+			show,
+			withHandle: showHandle
+		});
+		const footer = renderCard ? null : cardFooter({
+			card,
+			status,
+			show,
+			valueFields: valueFields ?? [],
+			formatValue
+		});
+		const main = onCardClick ? /* @__PURE__ */ jsx("button", {
+			type: "button",
+			onClick: () => onCardClick(card),
+			className: footer ? "flex min-w-0 cursor-pointer flex-col gap-2 rounded-block text-left outline-none after:absolute after:inset-0 focus-visible:ring-2 focus-visible:ring-ring" : "flex min-w-0 flex-1 cursor-pointer flex-col gap-2 rounded-block text-left outline-none after:absolute after:inset-0 focus-visible:ring-2 focus-visible:ring-ring",
+			children: content
+		}) : /* @__PURE__ */ jsx("div", {
+			className: footer ? "flex min-w-0 flex-col gap-2" : "flex min-w-0 flex-1 flex-col gap-2",
+			children: content
+		});
 		const body = /* @__PURE__ */ jsxs(Fragment$1, { children: [
-			onCardClick ? /* @__PURE__ */ jsx("button", {
-				type: "button",
-				onClick: () => onCardClick(card),
-				className: "flex min-w-0 flex-1 cursor-pointer flex-col gap-2 rounded-block text-left outline-none after:absolute after:inset-0 focus-visible:ring-2 focus-visible:ring-ring",
-				children: renderCard ? renderCard(card) : /* @__PURE__ */ jsx(CardBody, {
-					card,
-					valueFields,
-					formatValue,
-					withHandle: showHandle
-				})
-			}) : /* @__PURE__ */ jsx("div", {
+			footer ? /* @__PURE__ */ jsxs("div", {
 				className: "flex min-w-0 flex-1 flex-col gap-2",
-				children: renderCard ? renderCard(card) : /* @__PURE__ */ jsx(CardBody, {
-					card,
-					valueFields,
-					formatValue,
-					withHandle: showHandle
-				})
+				children: [main, footer]
+			}) : main,
+			label && /* @__PURE__ */ jsx("span", {
+				className: "sr-only",
+				children: label
 			}),
 			showHandle && /* @__PURE__ */ jsx("button", {
 				type: "button",
@@ -4187,53 +4548,79 @@ function Kanban({ columns, cards, onCardMove, onCardClick, onAddCard, renderCard
 			children: body
 		}, card.id);
 	};
-	const totals = (col) => (valueFields ?? []).slice(0, 2).map((f) => ({
-		...f,
-		total: inColumn(col.id).reduce((sum, c) => sum + (c.values?.[f.key] ?? 0), 0)
-	}));
+	const totalFields = (valueFields ?? []).slice(0, 2);
+	const sumOf = (list, key) => list.reduce((sum, c) => sum + (c.values?.[key] ?? 0), 0);
+	const boardCards = visibleCards.filter((c) => columns.some((col) => col.id === c.columnId));
+	const totals = (col) => totalFields.map((f) => {
+		const total = sumOf(visibleInColumn(col.id), f.key);
+		const board = sumOf(boardCards, f.key);
+		return {
+			...f,
+			total,
+			percent: board === 0 ? 0 : Math.round(total / board * 100)
+		};
+	});
 	const columnHeader = (col, count) => /* @__PURE__ */ jsxs("div", {
 		className: "flex flex-col gap-2 px-1",
-		children: [/* @__PURE__ */ jsxs("div", {
-			className: "flex items-center gap-2",
-			children: [
-				/* @__PURE__ */ jsx("span", {
-					"aria-hidden": true,
-					className: cn("size-2 rounded-full", dotTone[col.tone ?? "neutral"])
-				}),
-				/* @__PURE__ */ jsx("h3", {
-					className: "min-w-0 flex-1 truncate text-sm font-semibold",
-					children: col.title
-				}),
-				/* @__PURE__ */ jsx(Badge, {
-					tone: col.limit && count > col.limit ? "warning" : "neutral",
-					children: col.limit ? `${count}/${col.limit}` : count
-				}),
-				onAddCard && /* @__PURE__ */ jsx(Button, {
-					variant: "ghost",
-					size: "sm",
-					iconOnly: true,
-					"aria-label": `Adicionar card em ${col.title}`,
-					onClick: () => onAddCard(col.id),
-					className: "-my-1 -mr-1 rounded-full",
-					children: /* @__PURE__ */ jsx(Plus, {})
-				})
-			]
-		}), valueFields && valueFields.length > 0 && /* @__PURE__ */ jsx("div", {
-			className: "grid grid-cols-2 divide-x rounded-block bg-card text-xs",
-			children: totals(col).map((t) => /* @__PURE__ */ jsxs("span", {
-				className: "flex min-w-0 flex-col px-2 py-1",
-				children: [/* @__PURE__ */ jsxs("span", {
-					className: "text-muted-foreground",
-					children: ["Total ", t.label]
-				}), /* @__PURE__ */ jsx("span", {
-					className: "truncate font-semibold tabular-nums",
-					children: formatValue(t.total)
-				})]
-			}, t.key))
-		})]
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex items-center gap-2",
+				children: [
+					/* @__PURE__ */ jsx("span", {
+						"aria-hidden": true,
+						className: cn("size-2 rounded-full", dotTone[col.tone ?? "neutral"])
+					}),
+					/* @__PURE__ */ jsx("h3", {
+						className: "min-w-0 flex-1 truncate text-sm font-semibold",
+						children: col.title
+					}),
+					/* @__PURE__ */ jsx(Badge, {
+						tone: col.limit && count > col.limit ? "warning" : "neutral",
+						children: col.limit ? `${count}/${col.limit}` : count
+					}),
+					onAddCard && /* @__PURE__ */ jsx(Button, {
+						variant: "ghost",
+						size: "sm",
+						iconOnly: true,
+						"aria-label": `Adicionar card em ${col.title}`,
+						onClick: () => onAddCard(col.id),
+						className: "-my-1 -mr-1 rounded-full",
+						children: /* @__PURE__ */ jsx(Plus, {})
+					})
+				]
+			}),
+			col.cadenceDays !== void 0 && /* @__PURE__ */ jsxs("p", {
+				className: "text-xs text-muted-foreground",
+				children: ["Cadência: ", plural(col.cadenceDays, "dia", "dias")]
+			}),
+			valueFields && valueFields.length > 0 && /* @__PURE__ */ jsx("div", {
+				className: "grid grid-cols-2 divide-x rounded-block bg-card text-xs",
+				children: totals(col).map((t) => /* @__PURE__ */ jsxs("span", {
+					className: "flex min-w-0 flex-col px-2 py-1",
+					children: [
+						/* @__PURE__ */ jsxs("span", {
+							className: "text-muted-foreground",
+							children: ["Total ", t.label]
+						}),
+						/* @__PURE__ */ jsx("span", {
+							className: "truncate font-semibold tabular-nums",
+							children: formatValue(t.total)
+						}),
+						/* @__PURE__ */ jsxs("span", {
+							className: "text-muted-foreground tabular-nums",
+							children: [
+								"(",
+								t.percent,
+								"%)"
+							]
+						})
+					]
+				}, t.key))
+			})
+		]
 	});
 	const columnList = (col) => {
-		const all = inColumn(col.id);
+		const all = visibleInColumn(col.id);
 		const list = all.slice(0, limitOf(col.id));
 		const more = all.length > list.length || Boolean(hasMore?.(col.id));
 		return /* @__PURE__ */ jsx("div", {
@@ -4271,32 +4658,213 @@ function Kanban({ columns, cards, onCardMove, onCardClick, onAddCard, renderCard
 			}, String(ready))
 		});
 	};
-	if (isMobile) return /* @__PURE__ */ jsxs("div", {
-		ref: boardRef,
-		className: cn("flex h-board min-w-0 flex-col gap-3", className),
-		"aria-label": aria["aria-label"],
-		"data-rendra": code,
-		children: [
-			targetBar,
-			/* @__PURE__ */ jsx(Tabs, {
-				variant: "pill",
-				"aria-label": "Colunas",
-				value: active,
-				onChange: setActive,
-				items: columns.map((col) => ({
-					value: col.id,
-					label: col.title,
-					count: inColumn(col.id).length,
-					content: null
-				}))
-			}),
-			columns.filter((col) => col.id === active).map((col) => /* @__PURE__ */ jsxs("div", {
-				className: "flex min-h-0 flex-1 flex-col gap-2 rounded-surface bg-muted p-2",
-				children: [columnHeader(col, inColumn(col.id).length), columnList(col)]
-			}, col.id))
-		]
+	const assignees = [...new Set(cards.map((c) => c.assignee).filter((a) => !!a))].sort((a, b) => a.localeCompare(b, "pt-BR"));
+	const filterCount = (assigneeFilter ? 1 : 0) + (situationFilter ? 1 : 0);
+	const hasFilters = assignees.length > 0 || statusEnabled;
+	const toolbarNode = toolbar && /* @__PURE__ */ jsx(DataToolbar, {
+		search: {
+			value: query,
+			onChange: setQuery,
+			placeholder: "Buscar card"
+		},
+		filters: hasFilters ? /* @__PURE__ */ jsxs("div", {
+			className: "flex flex-col gap-4",
+			children: [assignees.length > 0 && /* @__PURE__ */ jsx(Field, {
+				label: "Responsável",
+				span: "full",
+				children: /* @__PURE__ */ jsx(Select, {
+					placeholder: "Todos",
+					clearable: true,
+					options: assignees.map((a) => ({
+						value: a,
+						label: a
+					})),
+					value: assigneeFilter,
+					onChange: setAssigneeFilter
+				})
+			}), statusEnabled && /* @__PURE__ */ jsx(Field, {
+				label: "Situação",
+				span: "full",
+				children: /* @__PURE__ */ jsx(Select, {
+					placeholder: "Todas",
+					clearable: true,
+					options: situationOptions,
+					value: situationFilter,
+					onChange: setSituationFilter
+				})
+			})]
+		}) : void 0,
+		filterCount,
+		onClearFilters: () => {
+			setAssigneeFilter(null);
+			setSituationFilter(null);
+		},
+		summary: totalFields.length > 0 ? totalFields.map((f) => /* @__PURE__ */ jsxs("span", {
+			className: "flex items-baseline gap-1",
+			children: [/* @__PURE__ */ jsxs("span", {
+				className: "text-muted-foreground",
+				children: [
+					"Total ",
+					f.label,
+					":"
+				]
+			}), /* @__PURE__ */ jsx("span", {
+				className: "font-semibold tabular-nums",
+				children: formatValue(sumOf(boardCards, f.key))
+			})]
+		}, f.key)) : void 0,
+		actions: /* @__PURE__ */ jsx(Button, {
+			variant: "outline",
+			icon: /* @__PURE__ */ jsx(Settings2, {}),
+			onClick: () => setCustomizing(true),
+			children: "Customizar"
+		}),
+		primaryAction: onNewCard ? /* @__PURE__ */ jsx(Button, {
+			icon: /* @__PURE__ */ jsx(Plus, {}),
+			onClick: () => onNewCard(),
+			children: "Novo card"
+		}) : void 0
+	});
+	const customizeFields = [...baseFields.map((f) => ({
+		id: f.id,
+		label: f.label
+	})), ...totalFields.map((f) => ({
+		id: `value:${f.key}`,
+		label: f.label
+	}))];
+	const customizeDrawer = toolbar && /* @__PURE__ */ jsx(Drawer, {
+		open: customizing,
+		onOpenChange: setCustomizing,
+		title: "Customizar",
+		icon: /* @__PURE__ */ jsx(Settings2, {}),
+		footer: /* @__PURE__ */ jsx(ActionBar, {
+			cancel: {
+				label: "Restaurar",
+				onClick: () => changeHidden({})
+			},
+			primary: {
+				label: "Pronto",
+				onClick: () => setCustomizing(false)
+			}
+		}),
+		children: /* @__PURE__ */ jsx("div", {
+			className: "flex flex-col gap-1",
+			children: customizeFields.map((f) => /* @__PURE__ */ jsx(Checkbox, {
+				label: f.label,
+				checked: show(f.id),
+				onCheckedChange: (checked) => changeHidden({
+					...hidden,
+					[f.id]: !checked
+				})
+			}, f.id))
+		})
 	});
-	return /* @__PURE__ */ jsxs("section", {
+	const pendingTarget = pendingDrop && dropTargets?.find((t) => t.id === pendingDrop.targetId);
+	const pendingCard = pendingDrop && cards.find((c) => c.id === pendingDrop.cardId);
+	useEffect(() => {
+		if (pendingDrop && !pendingCard) setPendingDrop(null);
+	}, [pendingDrop, pendingCard]);
+	const confirmation = pendingDrop && pendingTarget?.confirm && pendingCard ? /* @__PURE__ */ jsxs(Modal, {
+		open: true,
+		onOpenChange: (next) => !next && setPendingDrop(null),
+		type: pendingTarget.confirm.destructive ? "destructive" : "confirm",
+		title: pendingTarget.confirm.title,
+		description: pendingTarget.confirm.description,
+		confirmLabel: pendingTarget.confirm.confirmLabel ?? pendingTarget.label,
+		onConfirm: () => onDropTarget?.(pendingDrop.cardId, pendingDrop.targetId, reason || void 0),
+		children: [/* @__PURE__ */ jsxs("dl", {
+			className: "flex w-full flex-col gap-1 rounded-block bg-muted p-3 text-left text-sm",
+			children: [
+				/* @__PURE__ */ jsxs("div", {
+					className: "flex justify-between gap-2",
+					children: [/* @__PURE__ */ jsx("dt", {
+						className: "text-muted-foreground",
+						children: "Empresa"
+					}), /* @__PURE__ */ jsx("dd", {
+						className: "font-medium",
+						children: pendingCard.title
+					})]
+				}),
+				pendingCard.subtitle && /* @__PURE__ */ jsxs("div", {
+					className: "flex justify-between gap-2",
+					children: [/* @__PURE__ */ jsx("dt", {
+						className: "text-muted-foreground",
+						children: "Documento"
+					}), /* @__PURE__ */ jsx("dd", {
+						className: "tabular-nums",
+						children: pendingCard.subtitle
+					})]
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "flex justify-between gap-2",
+					children: [/* @__PURE__ */ jsx("dt", {
+						className: "text-muted-foreground",
+						children: "Etapa"
+					}), /* @__PURE__ */ jsx("dd", { children: columns.find((c) => c.id === pendingCard.columnId)?.title })]
+				}),
+				totalFields.map((f) => /* @__PURE__ */ jsxs("div", {
+					className: "flex justify-between gap-2",
+					children: [/* @__PURE__ */ jsxs("dt", {
+						className: "text-muted-foreground",
+						children: [f.label, ":"]
+					}), /* @__PURE__ */ jsx("dd", {
+						className: "font-semibold tabular-nums",
+						children: formatValue(pendingCard.values?.[f.key] ?? 0)
+					})]
+				}, f.key))
+			]
+		}), pendingTarget.confirm.reasons && /* @__PURE__ */ jsxs("div", {
+			className: "flex w-full flex-col gap-1 text-left",
+			children: [/* @__PURE__ */ jsx("span", {
+				className: "text-sm font-medium",
+				children: "Motivo"
+			}), /* @__PURE__ */ jsx(Select, {
+				label: "Motivo",
+				options: pendingTarget.confirm.reasons,
+				value: reason,
+				onChange: (value) => setReason(value ?? "")
+			})]
+		})]
+	}) : null;
+	if (isMobile) {
+		const board = /* @__PURE__ */ jsxs("div", {
+			ref: boardRef,
+			className: cn("flex h-board min-w-0 flex-col gap-3", className),
+			"aria-label": aria["aria-label"],
+			"data-rendra": code,
+			children: [
+				targetBar,
+				/* @__PURE__ */ jsx(Tabs, {
+					variant: "pill",
+					"aria-label": "Colunas",
+					value: active,
+					onChange: setActive,
+					items: columns.map((col) => ({
+						value: col.id,
+						label: col.title,
+						count: visibleInColumn(col.id).length,
+						content: null
+					}))
+				}),
+				columns.filter((col) => col.id === active).map((col) => /* @__PURE__ */ jsxs("div", {
+					className: "flex min-h-0 flex-1 flex-col gap-2 rounded-surface bg-muted p-2",
+					children: [columnHeader(col, visibleInColumn(col.id).length), columnList(col)]
+				}, col.id))
+			]
+		});
+		return /* @__PURE__ */ jsxs(Fragment$1, { children: [
+			toolbar ? /* @__PURE__ */ jsxs("div", {
+				className: "flex min-w-0 flex-col gap-3",
+				children: [/* @__PURE__ */ jsx("div", {
+					className: "rounded-surface border bg-card",
+					children: toolbarNode
+				}), board]
+			}) : board,
+			customizeDrawer,
+			confirmation
+		] });
+	}
+	const board = /* @__PURE__ */ jsxs("section", {
 		ref: boardRef,
 		"aria-label": aria["aria-label"] ?? "Quadro kanban",
 		"data-rendra": code,
@@ -4307,10 +4875,21 @@ function Kanban({ columns, cards, onCardMove, onCardClick, onAddCard, renderCard
 			className: "flex min-h-0 w-kanban-col flex-col gap-2 rounded-surface bg-muted p-2",
 			children: [/* @__PURE__ */ jsx("div", {
 				className: "pt-1",
-				children: columnHeader(col, inColumn(col.id).length)
+				children: columnHeader(col, visibleInColumn(col.id).length)
 			}), columnList(col)]
 		}, col.id))]
 	});
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [
+		toolbar ? /* @__PURE__ */ jsxs("div", {
+			className: "flex min-w-0 flex-col gap-4",
+			children: [/* @__PURE__ */ jsx("div", {
+				className: "rounded-surface border bg-card",
+				children: toolbarNode
+			}), board]
+		}) : board,
+		customizeDrawer,
+		confirmation
+	] });
 }
 /** Move um card na lista (para usar no onCardMove): devolve a lista nova. */
 function moveKanbanCard(cards, cardId, toColumnId, toIndex) {
@@ -9557,6 +10136,6 @@ function createTheme(input) {
 	};
 }
 //#endregion
-export { Accordion, ActionBar, Alert, AppShell, Avatar, AvatarGroup, Badge, BrandFeedbackIcon, BrandLogo, BrandProvider, Breadcrumb, Button, ButtonGroup, CATALOG, CATALOG_EXCLUDED_FILES, COMPONENT_CODE_PATTERN, Calendar, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, ChannelBadge, ChatComposer, ChatThread, Checkbox, CheckboxGroup, Checklist, ColorPicker, Container, ConversationList, DEFAULT_DDI, DataToolbar, DatePicker, Drawer, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, ErrorPage, Field, Form, FormField, FormSection, Grid, ImageCropper, ImageViewer, InfoHint, Inline, Input, Kanban, Label, List, Modal, OtpInput, PageHeader, Pagination, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverTrigger, Progress, QR_MAX_VERSION, QrCode, QrEncodingError, RENDRA_CREDIT_HREF, RENDRA_CREDIT_TEXT, RadioGroup, Rating, RendraCredit, RendraProvider, RepeatableField, Section, Select, Separator, Skeleton, Slider, Spinner, Stack, StatCard, Stepper, Switch, TABLE_PAGE_SIZE, TOKEN_KEYS, Table, Tabs, Textarea, Timeline, Toaster, Tooltip, TooltipProvider, Upload, Wizard, applyPalette, applyTheme, assertCatalogIntegrity, bindPointerDrag, breakpoints, buildDataCodewords, buttonVariants, catalogByComponent, chatChannels, cn, computeCropGeometry, computeFormatBits, computeMaskPenalty, computeVersionBits, contrast, contrastRatio, controlAdornmentButton, controlAdornmentSpace, controlFrame, controlInput, createPalette, createTheme, defaultShellLayout, encodeQrMatrix, feedbackLabels, filesMissingCatalogEntry, findComponentsWithMultipleDefaults, findComponentsWithoutDefault, findDragTarget, findDuplicateCodes, findInvalidFormatCodes, findPresetCollisions, formatCents, formatCurrency, getCatalogEntry, getReducedMotion, internationalPhoneMask, isValidCnpj, isValidCpf, isValidDateBR, layoutOptions, lookupCep, lookupCnpj, masks, moveKanbanCard, parseLocaleNumber, percentMask, phoneCountries, qrMatrixToSvgPath, readCodewordsForTest, readVar, reedSolomonComputeDivisor, reedSolomonComputeRemainder, reedSolomonEncode, reedSolomonMultiply, resolveCatalogCode, resolveDropIndex, shapeLabels, subscribeReducedMotion, toCents, toE164, toast, useBrand, useBreakpoint, useCurrentPath, useDebouncedValue, useFieldControl, useFillHeight, useLookup, usePrefersReducedMotion, useRendraBreadcrumbs, useRendraLink, useRendraNavigate, useSortable, zBR };
+export { Accordion, ActionBar, Alert, AppShell, Avatar, AvatarGroup, Badge, BrandFeedbackIcon, BrandLogo, BrandProvider, Breadcrumb, Button, ButtonGroup, CATALOG, CATALOG_EXCLUDED_FILES, COMPONENT_CODE_PATTERN, Calendar, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, ChannelBadge, ChatComposer, ChatThread, Checkbox, CheckboxGroup, Checklist, ColorPicker, Container, ConversationList, DEFAULT_DDI, DataToolbar, DatePicker, Drawer, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, ErrorPage, Field, Form, FormField, FormSection, Grid, ImageCropper, ImageViewer, InfoHint, Inline, Input, Kanban, Label, List, Modal, OtpInput, PageHeader, Pagination, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverTrigger, Progress, QR_MAX_VERSION, QrCode, QrEncodingError, RENDRA_CREDIT_HREF, RENDRA_CREDIT_TEXT, RadioGroup, Rating, RendraCredit, RendraProvider, RepeatableField, Section, Select, Separator, Skeleton, Slider, Spinner, Stack, StatCard, Stepper, Switch, TABLE_PAGE_SIZE, TOKEN_KEYS, Table, Tabs, Textarea, Timeline, Toaster, Tooltip, TooltipProvider, Upload, Wizard, applyPalette, applyTheme, assertCatalogIntegrity, bindPointerDrag, breakpoints, buildDataCodewords, buttonVariants, catalogByComponent, chatChannels, cn, computeCropGeometry, computeFormatBits, computeMaskPenalty, computeVersionBits, contrast, contrastRatio, controlAdornmentButton, controlAdornmentSpace, controlFrame, controlInput, createPalette, createTheme, defaultShellLayout, encodeQrMatrix, feedbackLabels, filesMissingCatalogEntry, findComponentsWithMultipleDefaults, findComponentsWithoutDefault, findDragTarget, findDuplicateCodes, findInvalidFormatCodes, findPresetCollisions, formatCents, formatCurrency, getCatalogEntry, getKanbanCardStatus, getReducedMotion, internationalPhoneMask, isValidCnpj, isValidCpf, isValidDateBR, layoutOptions, lookupCep, lookupCnpj, masks, moveKanbanCard, parseLocaleNumber, percentMask, phoneCountries, qrMatrixToSvgPath, readCodewordsForTest, readVar, reedSolomonComputeDivisor, reedSolomonComputeRemainder, reedSolomonEncode, reedSolomonMultiply, resolveCatalogCode, resolveDropIndex, shapeLabels, subscribeReducedMotion, toCents, toE164, toast, useBrand, useBreakpoint, useCurrentPath, useDebouncedValue, useFieldControl, useFillHeight, useLookup, usePrefersReducedMotion, useRendraBreadcrumbs, useRendraLink, useRendraNavigate, useSortable, zBR };
 
 //# sourceMappingURL=index.js.map