@rendra-ui/web 2.7.0 → 2.9.0

package/dist/index.js

@@ -1,29 +1,27 @@
-/*! 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";
-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";
+/*! Rendra Design System v2.9.0 | MIT | © 2026 Bruno Magalhaes | brunomagalhaes.me */
+import { t as cn } from "./cn-CpdCvlkP.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-DWFl2xRr.js";
+import { t as useMotionPresets } from "./use-motion-presets-CmMLBQLI.js";
+import { A as toE164, B as Alert, C as formatCurrency, D as percentMask, E as parseLocaleNumber, F as useLookup, H as ShellContext, I as lookupCep, L as lookupCnpj, M as controlAdornmentSpace, N as controlFrame, O as phoneCountries, P as controlInput, R as InfoHint, S as formatCents, T as masks, U as useShell, V as ActionBar, _ as PickerPanel, a as RadioGroup, b as Input, c as Select, d as useFieldControl, f as alignClass, g as Drawer, h as justifyClass, i as Textarea, j as controlAdornmentButton, k as toCents, l as Field, m as gapClass, n as toast, o as useFillHeight, p as fieldGridClass, r as Timeline, s as Tabs, t as Toaster, u as Label, v as Checkbox, w as internationalPhoneMask, x as DEFAULT_DDI, y as CheckboxGroup, z as Modal } from "./toast-C7qYslCp.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-Bus_Jh2R.js";
+import { n as buttonVariants, r as Spinner, t as Button } from "./button-BcCBrlnt.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-B3L1XSDf.js";
+import { a as BrandContext, i as useBrand, n as BrandFeedbackIcon, r as feedbackLabels, t as EmptyState } from "./empty-state-Bcx4M0Me.js";
+import { a as useRendraNavigate, i as useRendraLink, n as useCurrentPath, r as useRendraBreadcrumbs, t as RendraProvider } from "./rendra-provider-DuIhBatD.js";
+import { n as useBreakpoint, t as breakpoints } from "./use-breakpoint-BGmY3ir-.js";
+import { n as TooltipProvider, t as Tooltip } from "./tooltip-BSPO-bH4.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, Collapsible, ContextMenu, Dialog, NavigationMenu, Popover as Popover$1, Progress as Progress$1, Slider as Slider$1, Slot, Switch as Switch$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";
 import { FormProvider, useController, useFormContext } from "react-hook-form";
 import { Command } from "cmdk";
 import { columnFilteringFeature, columnVisibilityFeature, createExpandedRowModel, createFilteredRowModel, createPaginatedRowModel, createSortedRowModel, filterFn_includesString, globalFilteringFeature, rowExpandingFeature, rowPaginationFeature, rowSelectionFeature, rowSortingFeature, sortFn_alphanumeric, sortFn_basic, tableFeatures, useTable } from "@tanstack/react-table";
-import { Toaster as Toaster$1, toast as toast$1 } from "sonner";
 import { z } from "zod";
 //#region src/lib/motion/reorder.ts
 function layoutEnabled({ mode, ready, dragging }) {
@@ -495,6 +493,73 @@ function ButtonGroup({ children, options, value, onChange, size = "md", fullWidt
 	});
 }
 //#endregion
+//#region src/components/ui/card.tsx
+function Card({ className, "data-rendra": dataRendra, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "card",
+		"data-rendra": dataRendra ?? "CARD-001",
+		className: cn("flex min-w-0 flex-col rounded-surface border bg-card text-card-foreground", className),
+		...props
+	});
+}
+function CardHeader({ className, actions, children, ...props }) {
+	if (!actions) return /* @__PURE__ */ jsx("div", {
+		"data-slot": "card-header",
+		className: cn("flex flex-col gap-1 p-4 md:p-6", className),
+		...props,
+		children
+	});
+	return /* @__PURE__ */ jsxs("div", {
+		"data-slot": "card-header",
+		className: cn("flex flex-wrap items-start justify-between gap-x-4 gap-y-3 p-4 md:p-6", className),
+		...props,
+		children: [/* @__PURE__ */ jsx("div", {
+			className: "flex min-w-0 flex-1 flex-col gap-1",
+			children
+		}), /* @__PURE__ */ jsx("div", {
+			className: "flex shrink-0 items-center gap-2",
+			children: actions
+		})]
+	});
+}
+function CardTitle({ className, children, help, ...props }) {
+	const heading = /* @__PURE__ */ jsx("h3", {
+		"data-slot": "card-title",
+		className: cn("text-lg font-semibold", className),
+		...props,
+		children
+	});
+	if (!help) return heading;
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex min-w-0 items-center gap-1",
+		children: [heading, /* @__PURE__ */ jsx(InfoHint, {
+			title: typeof children === "string" ? children : "Sobre esta seção",
+			children: help
+		})]
+	});
+}
+function CardDescription({ className, ...props }) {
+	return /* @__PURE__ */ jsx("p", {
+		"data-slot": "card-description",
+		className: cn("text-sm text-muted-foreground", className),
+		...props
+	});
+}
+function CardContent({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "card-content",
+		className: cn("p-4 md:p-6 [[data-slot=card-header]+&]:pt-0", className),
+		...props
+	});
+}
+function CardFooter({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "card-footer",
+		className: cn("flex items-center gap-3 border-t px-4 py-3 md:px-6", className),
+		...props
+	});
+}
+//#endregion
 //#region src/components/ui/calendar.tsx
 var viewLabels = {
 	month: "Mês",
@@ -2071,124 +2136,6 @@ function QuickReplyList({ items, onPick }) {
 	] });
 }
 //#endregion
-//#region src/components/ui/checkbox.tsx
-/**
-* Checkbox único, com estado indeterminado (checked="indeterminate").
-* Com label, a linha inteira é área de toque de 44px no mobile.
-*/
-function Checkbox({ checked, defaultChecked, onCheckedChange, label, description, disabled, invalid, id, name, className, ...aria }) {
-	const auto = useId();
-	const cid = id ?? `cb${auto}`;
-	const lib = useMotionLib();
-	const on = lib !== null;
-	const presets = useMotionPresets();
-	const [inner, setInner] = useState(defaultChecked ?? false);
-	const state = checked ?? inner;
-	const mark = checked === "indeterminate" ? /* @__PURE__ */ jsx(Minus, {
-		className: "size-3",
-		strokeWidth: 3,
-		"aria-hidden": true
-	}) : /* @__PURE__ */ jsx(Check, {
-		className: "size-3",
-		strokeWidth: 3,
-		"aria-hidden": true
-	});
-	const rootProps = {
-		id: cid,
-		name,
-		checked: on ? state : checked,
-		defaultChecked: on ? void 0 : defaultChecked,
-		onCheckedChange: (v) => {
-			if (on) setInner(v);
-			onCheckedChange?.(v === true);
-		},
-		disabled,
-		"aria-invalid": invalid || void 0,
-		"aria-label": aria["aria-label"],
-		"data-touch": label ? void 0 : "expanded",
-		className: cn("peer relative flex size-icon-md shrink-0 cursor-pointer items-center justify-center rounded-item border border-input bg-card transition-colors", "hover:border-primary data-[state=checked]:border-primary data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground data-[state=indeterminate]:border-primary data-[state=indeterminate]:bg-primary data-[state=indeterminate]:text-primary-foreground", "disabled:cursor-not-allowed disabled:opacity-50", invalid && "border-destructive", !label && "before:absolute before:-inset-3 md:before:hidden")
-	};
-	const box = on ? /* @__PURE__ */ jsx(Checkbox$1.Root, {
-		asChild: true,
-		...rootProps,
-		children: /* @__PURE__ */ jsx(lib.m.button, {
-			type: "button",
-			whileTap: presets.press.whileTap,
-			transition: presets.press.transition,
-			children: /* @__PURE__ */ jsx(lib.AnimatePresence, {
-				initial: false,
-				children: state !== false && /* @__PURE__ */ jsx(Checkbox$1.Indicator, {
-					forceMount: true,
-					asChild: true,
-					children: /* @__PURE__ */ jsx(lib.m.span, {
-						className: "flex items-center justify-center",
-						...presets.indicator,
-						children: mark
-					})
-				})
-			})
-		})
-	}) : /* @__PURE__ */ jsx(Checkbox$1.Root, {
-		...rootProps,
-		children: /* @__PURE__ */ jsx(Checkbox$1.Indicator, {
-			className: "flex items-center justify-center data-[state=checked]:animate-in data-[state=checked]:duration-(--rendra-duration-fast) data-[state=checked]:zoom-in-90",
-			children: mark
-		})
-	});
-	if (!label) return /* @__PURE__ */ jsx("span", {
-		"data-rendra": "CHK-001",
-		className: cn("inline-flex", className),
-		children: box
-	});
-	return /* @__PURE__ */ jsxs("label", {
-		htmlFor: cid,
-		"data-rendra": "CHK-001",
-		className: cn("flex min-h-touch cursor-pointer items-start gap-3 py-3 md:min-h-0 md:py-1", disabled && "cursor-not-allowed opacity-60", className),
-		children: [/* @__PURE__ */ jsx("span", {
-			className: "flex pt-px",
-			children: box
-		}), /* @__PURE__ */ jsxs("span", {
-			className: "flex min-w-0 flex-col gap-1",
-			children: [/* @__PURE__ */ jsx("span", {
-				className: "text-sm font-medium",
-				children: label
-			}), description && /* @__PURE__ */ jsx("span", {
-				className: "text-sm text-muted-foreground",
-				children: description
-			})]
-		})]
-	});
-}
-function CheckboxGroup({ options, value = [], onChange, selectAll, orientation = "vertical", invalid, id, label, ...aria }) {
-	const enabled = options.filter((o) => !o.disabled);
-	const all = enabled.length > 0 && enabled.every((o) => value.includes(o.value));
-	const some = value.length > 0 && !all;
-	return /* @__PURE__ */ jsxs("div", {
-		id,
-		role: "group",
-		"aria-label": label,
-		"aria-describedby": aria["aria-describedby"],
-		"data-rendra": "CHK-002",
-		className: "flex flex-col",
-		children: [selectAll && /* @__PURE__ */ jsx(Checkbox, {
-			label: "Selecionar todos",
-			checked: all ? true : some ? "indeterminate" : false,
-			onCheckedChange: () => onChange?.(all ? [] : enabled.map((o) => o.value)),
-			className: "border-b"
-		}), /* @__PURE__ */ jsx("div", {
-			className: cn("flex", orientation === "vertical" ? "flex-col" : "flex-col sm:flex-row sm:flex-wrap sm:gap-x-6"),
-			children: options.map((o) => /* @__PURE__ */ jsx(Checkbox, {
-				label: o.label,
-				description: o.description,
-				disabled: o.disabled,
-				invalid,
-				checked: value.includes(o.value),
-				onCheckedChange: (c) => onChange?.(c ? [...value, o.value] : value.filter((v) => v !== o.value))
-			}, o.value))
-		})]
-	});
-}
-//#endregion
 //#region src/components/ui/checklist.tsx
 /** Uma lista de verificação por finalidade: itens de um checklist usam este componente. */
 function Checklist({ value, onChange, addLabel = "Adicionar item", disabled = false, id, className, ...aria }) {
@@ -2697,7 +2644,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 +2682,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",
@@ -3230,139 +3185,6 @@ function Slider({ value, defaultValue = [50], onChange, min = 0, max = 100, step
 	});
 }
 //#endregion
-//#region src/components/ui/tabs.tsx
-/** Contador de instâncias, só para o `layoutId` do indicador (ver `indicatorId`). */
-var tabsCreated = 0;
-/**
-* Tabs único. Se as abas não couberem na largura, a mesma lista vira um Select
-* (nunca rolagem lateral). A troca é medida no próprio contêiner, não na tela.
-*/
-function Tabs({ items, value, defaultValue, onChange, variant = "line", className, ...aria }) {
-	const [inner, setInner] = useState(defaultValue ?? items[0]?.value ?? "");
-	const current = value ?? inner;
-	const set = (v) => {
-		setInner(v);
-		onChange?.(v);
-	};
-	const boxRef = useRef(null);
-	const measureRef = useRef(null);
-	const [overflow, setOverflow] = useState(false);
-	useLayoutEffect(() => {
-		const box = boxRef.current;
-		const measure = measureRef.current;
-		if (!box || !measure) return;
-		const check = () => setOverflow(measure.scrollWidth > box.clientWidth + 1);
-		check();
-		const ro = new ResizeObserver(check);
-		ro.observe(box);
-		return () => ro.disconnect();
-	}, [items, variant]);
-	const presets = useMotionPresets();
-	const on = useLayoutReady();
-	const lib = useMotionLib();
-	const listRef = useRef(null);
-	const [clip, setClip] = useState({
-		l: 0,
-		r: 0
-	});
-	useLayoutEffect(() => {
-		const list = listRef.current;
-		if (!on || !list) return;
-		const measure = () => {
-			const active = list.querySelector("[role=\"tab\"][data-state=\"active\"]");
-			if (!active) return;
-			const l = active.offsetLeft;
-			const r = list.offsetWidth - l - active.offsetWidth;
-			setClip((prev) => prev.l === l && prev.r === r ? prev : {
-				l,
-				r
-			});
-		};
-		measure();
-		const ro = new ResizeObserver(measure);
-		ro.observe(list);
-		return () => ro.disconnect();
-	}, [
-		on,
-		current,
-		items,
-		variant,
-		overflow
-	]);
-	const [indicatorId] = useState(() => `rendra-tabs-${++tabsCreated}`);
-	const trigger = cn("inline-flex min-h-touch shrink-0 cursor-pointer items-center justify-center gap-2 px-3 text-sm font-medium whitespace-nowrap transition-colors outline-none disabled:cursor-not-allowed disabled:opacity-50 md:min-h-0 [&_svg]:size-icon-sm", variant === "line" ? on ? "relative -mb-px border-b-2 border-transparent py-3 text-muted-foreground hover:text-foreground" : "-mb-px border-b-2 border-transparent py-3 text-muted-foreground hover:text-foreground data-[state=active]:border-primary data-[state=active]:text-foreground" : on ? "relative isolate rounded-item py-2 text-muted-foreground hover:bg-card/60 hover:text-foreground" : "rounded-item py-2 text-muted-foreground hover:bg-card/60 hover:text-foreground data-[state=active]:bg-card data-[state=active]:text-foreground data-[state=active]:shadow-sm");
-	const indicator = lib && /* @__PURE__ */ jsx(lib.m.span, {
-		layoutId: indicatorId,
-		"data-indicator": "tabs",
-		"aria-hidden": true,
-		transition: presets.move,
-		className: variant === "line" ? "absolute inset-x-0 top-full border-b-2 border-primary" : "absolute inset-0 -z-10 rounded-item bg-card shadow-sm"
-	});
-	const list = cn("flex", variant === "line" ? "gap-2 border-b" : "gap-1 rounded-control bg-muted p-1");
-	const label = (it) => /* @__PURE__ */ jsxs(Fragment$1, { children: [
-		it.icon,
-		it.label,
-		it.count !== void 0 && /* @__PURE__ */ jsx("span", {
-			className: "rounded-full bg-muted px-2 text-xs text-muted-foreground tabular-nums",
-			children: it.count
-		})
-	] });
-	return /* @__PURE__ */ jsxs(Tabs$1.Root, {
-		value: current,
-		onValueChange: set,
-		"data-rendra": resolveCatalogCode("Tabs", { variant }),
-		className: cn("flex min-w-0 flex-col gap-6", className),
-		children: [/* @__PURE__ */ jsxs("div", {
-			ref: boxRef,
-			className: "relative min-w-0",
-			children: [/* @__PURE__ */ jsx("div", {
-				ref: measureRef,
-				"aria-hidden": true,
-				className: cn(list, "invisible absolute w-max"),
-				children: items.map((it) => /* @__PURE__ */ jsx("span", {
-					className: trigger,
-					children: label(it)
-				}, it.value))
-			}), overflow ? /* @__PURE__ */ jsx(Select, {
-				label: aria["aria-label"] ?? "Seção",
-				value: current,
-				onChange: (v) => v && set(v),
-				options: items.map((it) => ({
-					value: it.value,
-					label: it.count !== void 0 ? `${it.label} (${it.count})` : it.label,
-					disabled: it.disabled
-				}))
-			}) : /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Tabs$1.List, {
-				ref: listRef,
-				"aria-label": aria["aria-label"],
-				className: list,
-				children: items.map((it) => /* @__PURE__ */ jsxs(Tabs$1.Trigger, {
-					value: it.value,
-					disabled: it.disabled,
-					className: trigger,
-					children: [on && current === it.value && indicator, label(it)]
-				}, it.value))
-			}), on && /* @__PURE__ */ jsx("div", {
-				"data-tabs-copy": true,
-				"aria-hidden": true,
-				className: cn(list, "pointer-events-none absolute inset-0 border-transparent bg-transparent text-foreground tabs-clip"),
-				style: {
-					"--tabs-l": `${clip.l}px`,
-					"--tabs-r": `${clip.r}px`
-				},
-				children: items.map((it) => /* @__PURE__ */ jsx("span", {
-					className: cn(trigger, "text-foreground"),
-					children: label(it)
-				}, it.value))
-			})] })]
-		}), items.map((it) => /* @__PURE__ */ jsx(Tabs$1.Content, {
-			value: it.value,
-			className: "min-w-0 outline-none",
-			children: it.content
-		}, it.value))]
-	});
-}
-//#endregion
 //#region src/lib/sortable.ts
 var DEFAULT_ATTR = "data-sortable-id";
 /**
@@ -3834,10 +3656,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 +3900,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 +3922,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 +3932,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 +3943,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 +4057,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 +4194,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 +4261,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 +4284,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 +4362,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 +4472,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 +4689,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) {
@@ -5522,108 +5915,6 @@ function QrCode({ value, size = 160, errorCorrection = "medium", className, empt
 	});
 }
 //#endregion
-//#region src/components/ui/radio-group.tsx
-var cols = {
-	1: "",
-	2: "md:grid-cols-2",
-	3: "md:grid-cols-3"
-};
-/**
-* O item do Radix. Em `on` ele é um `m.button` (asChild) que responde ao toque (whileTap 0,97,
-* em `press`); em `off` é o `R.Item` de sempre, sem nó novo.
-*/
-function Item({ children, ...props }) {
-	const presets = useMotionPresets();
-	const lib = useMotionLib();
-	if (!lib) return /* @__PURE__ */ jsx(RadioGroup$1.Item, {
-		...props,
-		children
-	});
-	return /* @__PURE__ */ jsx(RadioGroup$1.Item, {
-		asChild: true,
-		...props,
-		children: /* @__PURE__ */ jsx(lib.m.button, {
-			type: "button",
-			whileTap: presets.press.whileTap,
-			transition: presets.press.transition,
-			children
-		})
-	});
-}
-/** Radio único: em lista ou em cards, por prop. */
-function RadioGroup({ options, value, defaultValue, onChange, variant = "list", columns = 2, orientation = "vertical", invalid, disabled, id, name, ...aria }) {
-	const lib = useMotionLib();
-	const on = lib !== null;
-	const presets = useMotionPresets();
-	const [inner, setInner] = useState(defaultValue);
-	const current = value ?? inner;
-	const dotFor = (optionValue) => /* @__PURE__ */ jsx("span", {
-		"aria-hidden": true,
-		className: cn("flex size-icon-md shrink-0 items-center justify-center rounded-full border border-input bg-card transition-colors group-data-[state=checked]:border-primary", invalid && "border-destructive"),
-		children: on ? /* @__PURE__ */ jsx(lib.m.span, {
-			className: "size-2 rounded-full bg-primary",
-			initial: false,
-			animate: current === optionValue ? presets.indicator.animate : presets.indicator.initial,
-			transition: presets.indicator.transition
-		}) : /* @__PURE__ */ jsx("span", { className: "size-2 scale-90 rounded-full bg-primary opacity-0 transition-[transform,opacity] duration-(--rendra-duration-fast) ease-out group-data-[state=checked]:scale-100 group-data-[state=checked]:opacity-100" })
-	});
-	return /* @__PURE__ */ jsx(RadioGroup$1.Root, {
-		id,
-		name,
-		value: on ? current : value,
-		defaultValue: on ? void 0 : defaultValue,
-		onValueChange: (v) => {
-			if (on) setInner(v);
-			onChange?.(v);
-		},
-		disabled,
-		"aria-invalid": invalid || void 0,
-		"aria-describedby": aria["aria-describedby"],
-		"aria-label": aria["aria-label"],
-		"data-rendra": resolveCatalogCode("RadioGroup", { variant }),
-		className: cn(variant === "cards" ? cn("grid grid-cols-1 gap-3", cols[columns]) : orientation === "horizontal" ? "flex flex-col sm:flex-row sm:flex-wrap sm:gap-x-6" : "flex flex-col"),
-		children: options.map((o) => variant === "cards" ? /* @__PURE__ */ jsxs(Item, {
-			value: o.value,
-			disabled: o.disabled,
-			className: cn("group relative flex cursor-pointer items-start gap-3 rounded-control border bg-card p-4 text-left transition-[border-color,box-shadow,background-color]", "hover:border-primary data-[state=checked]:border-primary data-[state=checked]:bg-primary-soft data-[state=checked]:ring-1 data-[state=checked]:ring-primary", "disabled:cursor-not-allowed disabled:opacity-50", invalid && "border-destructive"),
-			children: [
-				o.icon && /* @__PURE__ */ jsx("span", {
-					className: "flex size-control-sm shrink-0 items-center justify-center rounded-control bg-muted text-foreground transition-colors group-data-[state=checked]:bg-primary group-data-[state=checked]:text-primary-foreground md:size-control-md [&_svg]:size-icon-md",
-					children: o.icon
-				}),
-				/* @__PURE__ */ jsxs("span", {
-					className: "flex min-w-0 flex-1 flex-col gap-1",
-					children: [/* @__PURE__ */ jsx("span", {
-						className: "text-sm font-semibold",
-						children: o.label
-					}), o.description && /* @__PURE__ */ jsx("span", {
-						className: "text-sm text-muted-foreground",
-						children: o.description
-					})]
-				}),
-				dotFor(o.value)
-			]
-		}, o.value) : /* @__PURE__ */ jsxs("label", {
-			className: cn("flex min-h-touch cursor-pointer items-start gap-3 py-3 md:min-h-0 md:py-1", o.disabled && "cursor-not-allowed opacity-60"),
-			children: [/* @__PURE__ */ jsx(Item, {
-				value: o.value,
-				disabled: o.disabled,
-				className: "group flex pt-px outline-none focus-visible:[&>span]:focus-ring",
-				children: dotFor(o.value)
-			}), /* @__PURE__ */ jsxs("span", {
-				className: "flex min-w-0 flex-col gap-1",
-				children: [/* @__PURE__ */ jsx("span", {
-					className: "text-sm font-medium",
-					children: o.label
-				}), o.description && /* @__PURE__ */ jsx("span", {
-					className: "text-sm text-muted-foreground",
-					children: o.description
-				})]
-			})]
-		}, o.value))
-	});
-}
-//#endregion
 //#region src/components/ui/rating.tsx
 function toneClass(ratio) {
 	if (ratio <= 1 / 3) return "data-[state=checked]:border-destructive data-[state=checked]:bg-destructive-soft data-[state=checked]:text-destructive-soft-foreground";
@@ -6676,103 +6967,6 @@ function Table({ data: dataProp, source, queryKey = "", columns: columnsProp, st
 	});
 }
 //#endregion
-//#region src/components/ui/textarea.tsx
-/** Textarea único, com contador opcional. Cresce com o conteúdo até a altura máxima e depois rola por dentro. */
-var Textarea = forwardRef(function Textarea({ invalid, counter, value, defaultValue, onChange, maxLength, rows = 4, className, ...props }, ref) {
-	const [inner, setInner] = useState(String(value ?? defaultValue ?? ""));
-	const current = value ?? inner;
-	return /* @__PURE__ */ jsxs("div", {
-		className: cn("flex min-w-0 flex-col gap-1", className),
-		children: [/* @__PURE__ */ jsx("textarea", {
-			ref,
-			rows,
-			maxLength,
-			value: current,
-			"data-rendra": "TXT-001",
-			"aria-invalid": invalid || void 0,
-			onChange: (e) => {
-				setInner(e.target.value);
-				onChange?.(e.target.value);
-			},
-			className: cn("field-sizing-content max-h-chart-md min-h-24 w-full resize-y rounded-control border border-input bg-field px-3 py-2 text-base transition-[border-color,box-shadow] outline-none placeholder:text-muted-foreground hover:border-foreground/40 focus:border-ring focus:bg-card focus:ring-2 focus:ring-ring/25 disabled:cursor-not-allowed disabled:opacity-60 md:text-sm", invalid && "border-destructive focus:border-destructive focus:ring-destructive/25"),
-			...props
-		}), counter && /* @__PURE__ */ jsxs("span", {
-			"aria-live": "polite",
-			className: cn("self-end text-xs text-muted-foreground tabular-nums", maxLength && current.length >= maxLength && "font-medium text-destructive"),
-			children: [current.length, maxLength ? `/${maxLength}` : ""]
-		})]
-	});
-});
-//#endregion
-//#region src/components/ui/toast.tsx
-var tone = {
-	success: "border-success/25",
-	error: "border-destructive/25",
-	warning: "border-warning/25",
-	info: "border-info/25"
-};
-function show(type, title, opts = {}) {
-	return toast$1.custom((id) => /* @__PURE__ */ jsxs("div", {
-		role: type === "error" ? "alert" : "status",
-		"data-rendra": "TST-001",
-		className: cn("flex w-full items-start gap-3 rounded-control border bg-popover p-4 text-popover-foreground shadow-lg", tone[type]),
-		children: [
-			/* @__PURE__ */ jsx(BrandFeedbackIcon, {
-				type,
-				size: "lg",
-				animated: true,
-				className: "mt-px"
-			}),
-			/* @__PURE__ */ jsxs("div", {
-				className: "flex min-w-0 flex-1 flex-col gap-1",
-				children: [/* @__PURE__ */ jsx("p", {
-					className: "text-sm font-semibold wrap-break-word",
-					children: title
-				}), opts.description && /* @__PURE__ */ jsx("p", {
-					className: "text-sm wrap-break-word text-muted-foreground",
-					children: opts.description
-				})]
-			}),
-			opts.action && /* @__PURE__ */ jsx("button", {
-				type: "button",
-				onClick: () => {
-					opts.action?.onClick();
-					toast$1.dismiss(id);
-				},
-				className: "-my-1 flex min-h-touch shrink-0 cursor-pointer items-center rounded-item px-2 text-sm font-semibold text-primary-text hover:bg-accent md:min-h-0 md:py-1",
-				children: opts.action.label
-			})
-		]
-	}), { duration: opts.duration ?? (type === "error" ? 8e3 : 4e3) });
-}
-var toast = {
-	success: (title, opts) => show("success", title, opts),
-	error: (title, opts) => show("error", title, opts),
-	warning: (title, opts) => show("warning", title, opts),
-	info: (title, opts) => show("info", title, opts),
-	dismiss: toast$1.dismiss
-};
-/** Posição: embaixo no centro no mobile (perto do polegar), canto inferior direito no desktop. */
-function Toaster() {
-	const { isMobile } = useBreakpoint();
-	const { resolvedMode } = useBrand();
-	return /* @__PURE__ */ jsx(Toaster$1, {
-		position: isMobile ? "bottom-center" : "bottom-right",
-		theme: resolvedMode,
-		offset: 16,
-		mobileOffset: {
-			bottom: 88,
-			left: 16,
-			right: 16
-		},
-		visibleToasts: 3,
-		toastOptions: {
-			unstyled: true,
-			className: "w-full"
-		}
-	});
-}
-//#endregion
 //#region src/components/ui/upload.tsx
 var formatSize = (b) => b < 1048576 ? `${Math.max(1, Math.round(b / 1024))} KB` : `${(b / 1024 / 1024).toLocaleString("pt-BR", { maximumFractionDigits: 1 })} MB`;
 function kindOf(file) {
@@ -9557,6 +9751,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