@rendra-ui/web 2.6.0 → 2.8.0

package/dist/index.js

@@ -1,22 +1,23 @@
-/*! Rendra Design System v2.6.0 | MIT | © 2026 Bruno Magalhaes | brunomagalhaes.me */
-import { t as cn } from "./cn-TBlI6-gS.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-BL545cb6.js";
-import { t as useMotionPresets } from "./use-motion-presets-DCJPBfNJ.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-Btk1cUg2.js";
-import { n as buttonVariants, r as Spinner, t as Button } from "./button-B6-644xP.js";
-import { a as DropdownMenuContent, c as DropdownMenuLabel, d as DropdownMenuSeparator, f as DropdownMenuSub, h as DropdownMenuTrigger, i as DropdownMenuCheckboxItem, l as DropdownMenuRadioGroup, m as DropdownMenuSubTrigger, n as TooltipProvider, o as DropdownMenuGroup, p as DropdownMenuSubContent, r as DropdownMenu, s as DropdownMenuItem, t as Tooltip, u as DropdownMenuRadioItem } from "./tooltip-kgsorOg6.js";
-import { a as BrandContext, i as useBrand, n as BrandFeedbackIcon, r as feedbackLabels, t as EmptyState } from "./empty-state-DrQjqxvp.js";
-import { a as useRendraNavigate, i as useRendraLink, n as useCurrentPath, r as useRendraBreadcrumbs, t as RendraProvider } from "./rendra-provider-CeCkPafT.js";
-import { n as useBreakpoint, t as breakpoints } from "./use-breakpoint-CNxDwEpc.js";
-import { ArrowDown, ArrowDownRight, ArrowLeft, ArrowRight, ArrowRightLeft, ArrowUp, ArrowUpRight, Bell, Bot, CalendarDays, Check, CheckCheck, CheckCircle2, ChevronDown, ChevronLeft, ChevronRight, ChevronsUpDown, Clock, Columns3, Download, EllipsisVertical, Eye, EyeOff, FileText, Film, Filter, Globe, GripVertical, Home, ImageIcon, ImagePlus, Info, LayoutTemplate, LogOut, Mail, MapPin, Menu, MessageCircle, MessagesSquare, Mic, Minus, Monitor, Moon, MoreHorizontal, Palette, PanelLeft, Paperclip, Pause, Pencil, Phone, Play, Plus, Reply, RotateCw, Search, Send, SkipForward, Smartphone, Smile, Star, Sun, Trash2, TriangleAlert, UploadCloud, User, VideoIcon, X, XCircle, Zap } from "lucide-react";
-import { Accordion as Accordion$1, Avatar as Avatar$1, Checkbox as Checkbox$1, Collapsible, ContextMenu, Dialog, Label as Label$1, 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, cloneElement, createContext, forwardRef, isValidElement, useCallback, useContext, useEffect, useId, useImperativeHandle, useLayoutEffect, useMemo, useRef, useState, useSyncExternalStore } from "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 { createPortal } from "react-dom";
 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 IMask from "imask";
 import { DayPicker } from "react-day-picker";
 import { ptBR as ptBR$1 } from "react-day-picker/locale";
 import { FormProvider, useController, useFormContext } from "react-hook-form";
@@ -171,129 +172,6 @@ function Accordion({ items, multiple, defaultValue, className }) {
 	});
 }
 //#endregion
-//#region src/components/app-shell/shell-context.ts
-var ShellContext = createContext(null);
-function useShell() {
-	const ctx = useContext(ShellContext);
-	if (!ctx) throw new Error("useShell precisa estar dentro de <AppShell>.");
-	return ctx;
-}
-//#endregion
-//#region src/components/ui/action-bar.tsx
-/**
-* Barra de ações única, com a regra de botões do sistema:
-* 1 botão = 100%; 2 botões = cancelar 30% + principal 70%; 3 ou mais = extras no menu.
-* Vale para drawer, modal e formulário em página, em qualquer tamanho de tela.
-*/
-function ActionBar({ primary, cancel, secondary, sticky, className }) {
-	const slot = useContext(ShellContext)?.footerSlot;
-	const hasMenu = Boolean(secondary?.length);
-	const layout = cancel ? hasMenu ? "grid-actions-3" : "grid-actions-2" : hasMenu ? "grid-actions-3" : "";
-	const bar = /* @__PURE__ */ jsx("div", {
-		"data-rendra": "ACB-001",
-		className: cn(sticky && "border-t bg-card px-4 pt-4 pb-safe md:px-6", sticky && !slot && "sticky bottom-0 z-20", className),
-		children: /* @__PURE__ */ jsxs("div", {
-			className: cn("grid gap-3", layout || "grid-cols-1", sticky && "w-full"),
-			children: [
-				hasMenu && /* @__PURE__ */ jsxs(DropdownMenu, { children: [/* @__PURE__ */ jsx(DropdownMenuTrigger, {
-					asChild: true,
-					children: /* @__PURE__ */ jsx(Button, {
-						variant: "outline",
-						iconOnly: true,
-						"aria-label": "Mais ações",
-						children: /* @__PURE__ */ jsx(MoreHorizontal, {})
-					})
-				}), /* @__PURE__ */ jsx(DropdownMenuContent, {
-					align: "start",
-					side: "top",
-					children: secondary.map((a) => /* @__PURE__ */ jsxs(DropdownMenuItem, {
-						onSelect: a.onClick,
-						disabled: a.disabled,
-						destructive: a.destructive,
-						children: [a.icon, a.label]
-					}, a.label))
-				})] }),
-				cancel ? /* @__PURE__ */ jsx(Button, {
-					variant: "outline",
-					icon: cancel.icon,
-					onClick: cancel.onClick,
-					disabled: cancel.disabled || primary.loading,
-					fullWidth: true,
-					children: cancel.label
-				}) : hasMenu ? /* @__PURE__ */ jsx("span", { "aria-hidden": true }) : null,
-				/* @__PURE__ */ jsx(Button, {
-					type: primary.type ?? "button",
-					form: primary.form,
-					variant: primary.destructive ? "destructive" : "primary",
-					icon: primary.icon,
-					onClick: primary.onClick,
-					disabled: primary.disabled,
-					loading: primary.loading,
-					fullWidth: true,
-					children: primary.loading ? primary.loadingLabel ?? "Salvando..." : primary.label
-				})
-			]
-		})
-	});
-	return sticky && slot ? createPortal(bar, slot) : bar;
-}
-//#endregion
-//#region src/components/ui/alert.tsx
-/**
-* Alert único do sistema: ícone da marca à esquerda, título em destaque e descrição.
-* O tipo é prop; o formato vem do template ativo (quadrado, meio-termo ou arredondado).
-*/
-var alertVariants = cva("flex w-full min-w-0 items-start gap-3 rounded-control border", {
-	variants: { type: {
-		success: "border-success/25 bg-success-soft text-success-soft-foreground",
-		error: "border-destructive/25 bg-destructive-soft text-destructive-soft-foreground",
-		warning: "border-warning/25 bg-warning-soft text-warning-soft-foreground",
-		info: "border-info/25 bg-info-soft text-info-soft-foreground"
-	} },
-	defaultVariants: { type: "info" }
-});
-function Alert({ type, title, description, action, onDismiss, animated = false, className }) {
-	const { shape } = useBrand();
-	const pill = shape === "pill";
-	return /* @__PURE__ */ jsxs("div", {
-		role: type === "error" || type === "warning" ? "alert" : "status",
-		"data-rendra": "ALRT-001",
-		className: cn(alertVariants({ type }), pill ? "items-center py-3 pr-4 pl-4 md:pr-6" : "p-4", className),
-		children: [
-			/* @__PURE__ */ jsx(BrandFeedbackIcon, {
-				type,
-				size: "lg",
-				animated,
-				className: cn(!pill && "mt-px")
-			}),
-			/* @__PURE__ */ jsxs("div", {
-				className: cn("flex min-w-0 flex-1 flex-col", !pill && "gap-1"),
-				children: [/* @__PURE__ */ jsx("p", {
-					className: "text-sm font-semibold",
-					children: title
-				}), description && /* @__PURE__ */ jsx("p", {
-					className: "text-sm opacity-90",
-					children: description
-				})]
-			}),
-			action && /* @__PURE__ */ jsx("div", {
-				className: "shrink-0 self-center",
-				children: action
-			}),
-			onDismiss && /* @__PURE__ */ jsx("button", {
-				type: "button",
-				onClick: onDismiss,
-				"aria-label": "Fechar aviso",
-				className: cn("flex size-touch shrink-0 items-center justify-center rounded-full transition-colors hover:bg-card/60 md:size-8", pill ? "-my-2" : "-mt-2 -mr-2"),
-				children: /* @__PURE__ */ jsx(X, {
-					className: "size-icon-sm",
-					"aria-hidden": true
-				})
-			})
-		]
-	});
-}
-//#endregion
 //#region src/lib/initials.ts
 /** Iniciais de um nome: primeira letra do primeiro e do último nome, em maiúsculas. */
 function initials(name) {
@@ -617,264 +495,6 @@ function ButtonGroup({ children, options, value, onChange, size = "md", fullWidt
 	});
 }
 //#endregion
-//#region src/components/ui/overlay-shell.tsx
-function OverlayShell({ title, description, icon, children, footer, hideHeader, onRequestClose, bodyClassName }) {
-	const closeButton = /* @__PURE__ */ jsx("button", {
-		type: "button",
-		onClick: onRequestClose,
-		"aria-label": "Fechar",
-		className: cn("-mt-1 -mr-2 flex size-touch shrink-0 cursor-pointer items-center justify-center rounded-item text-muted-foreground transition-colors hover:bg-accent hover:text-foreground md:size-control-md", hideHeader && "pointer-events-auto m-0 cursor-default opacity-0 focus-visible:cursor-pointer focus-visible:opacity-100"),
-		children: /* @__PURE__ */ jsx(X, {
-			className: "size-icon-md",
-			"aria-hidden": true
-		})
-	});
-	return /* @__PURE__ */ jsxs(Fragment$1, { children: [
-		hideHeader && /* @__PURE__ */ jsx("div", {
-			className: "pointer-events-none absolute inset-x-0 top-0 z-10 flex justify-end px-2 pt-safe md:px-4 md:pt-4",
-			children: closeButton
-		}),
-		/* @__PURE__ */ jsxs("header", {
-			className: cn("flex shrink-0 items-start gap-3 border-b px-4 pt-safe pb-4 md:px-6 md:pt-6", hideHeader && "sr-only"),
-			children: [
-				icon && /* @__PURE__ */ jsx("span", {
-					"aria-hidden": true,
-					className: "flex size-control-md shrink-0 items-center justify-center rounded-control bg-primary-soft text-primary-soft-foreground [&_svg]:size-icon-md",
-					children: icon
-				}),
-				/* @__PURE__ */ jsxs("div", {
-					className: "flex min-w-0 flex-1 flex-col gap-1 pt-1",
-					children: [/* @__PURE__ */ jsx(Dialog.Title, {
-						className: "text-lg font-semibold wrap-break-word",
-						children: title
-					}), description ? /* @__PURE__ */ jsx(Dialog.Description, {
-						className: "text-sm wrap-break-word text-muted-foreground",
-						children: description
-					}) : /* @__PURE__ */ jsx(Dialog.Description, {
-						className: "sr-only",
-						children: title
-					})]
-				}),
-				!hideHeader && closeButton
-			]
-		}),
-		/* @__PURE__ */ jsx("div", {
-			className: cn("min-h-0 flex-1 overflow-y-auto overscroll-contain px-4 py-6 md:px-6", bodyClassName),
-			children
-		}),
-		footer && /* @__PURE__ */ jsx("footer", {
-			className: "shrink-0 border-t bg-card px-4 pt-4 pb-safe md:px-6 md:pb-6",
-			children: footer
-		})
-	] });
-}
-//#endregion
-//#region src/components/ui/modal.tsx
-var sizes$1 = {
-	sm: "md:max-w-sm",
-	md: "md:max-w-lg",
-	lg: "md:max-w-2xl"
-};
-var overlayCls$1 = "fixed inset-0 z-50 bg-overlay";
-var overlayOffCls = cn(overlayCls$1, "data-[state=closed]:animate-out data-[state=closed]:duration-(--rendra-duration-fast) data-[state=closed]:fade-out-0 data-[state=open]:animate-in data-[state=open]:fade-in-0");
-var contentCls = cn("fixed inset-0 z-50 flex h-dvh flex-col bg-card text-card-foreground outline-none", "md:inset-auto md:top-1/2 md:left-1/2 md:h-auto md:max-h-sheet md:w-full md:-translate-x-1/2 md:-translate-y-1/2 md:rounded-surface md:border md:shadow-lg");
-var feedback = {
-	confirm: "info",
-	destructive: "error",
-	info: "info"
-};
-function Modal({ open, onOpenChange, title, description, type = "confirm", size = "sm", children, confirmLabel = type === "destructive" ? "Excluir" : type === "info" ? "Entendi" : "Confirmar", cancelLabel, onConfirm, formId, loading }) {
-	const [busy, setBusy] = useState(false);
-	const close = () => onOpenChange(false);
-	const confirm = async () => {
-		if (!onConfirm) return close();
-		try {
-			setBusy(true);
-			await onConfirm();
-			close();
-		} finally {
-			setBusy(false);
-		}
-	};
-	const isForm = type === "form";
-	const lib = useMotionLib();
-	const presets = useMotionPresets();
-	const { isMobile } = useBreakpoint();
-	const code = resolveCatalogCode("Modal", { type: type === "destructive" ? "confirm" : type });
-	const sizeCls = sizes$1[size];
-	const shell = /* @__PURE__ */ jsxs(OverlayShell, {
-		title,
-		description: isForm ? description : void 0,
-		hideHeader: !isForm,
-		onRequestClose: close,
-		bodyClassName: cn(!isForm && "flex flex-col items-center justify-center gap-4 text-center"),
-		footer: /* @__PURE__ */ jsx(ActionBar, {
-			primary: {
-				label: confirmLabel,
-				destructive: type === "destructive",
-				loading: busy || loading,
-				loadingLabel: `${confirmLabel}...`,
-				type: isForm && formId ? "submit" : "button",
-				form: isForm ? formId : void 0,
-				onClick: isForm && formId ? void 0 : confirm
-			},
-			cancel: type === "info" && cancelLabel === void 0 ? void 0 : {
-				label: cancelLabel ?? "Cancelar",
-				onClick: close
-			}
-		}),
-		children: [!isForm && /* @__PURE__ */ jsxs(Fragment$1, { children: [
-			/* @__PURE__ */ jsx(BrandFeedbackIcon, {
-				type: feedback[type],
-				size: "2xl",
-				animated: true
-			}),
-			/* @__PURE__ */ jsxs("div", {
-				className: "flex flex-col gap-2",
-				children: [/* @__PURE__ */ jsx("p", {
-					className: "text-lg font-semibold wrap-anywhere",
-					children: title
-				}), description && /* @__PURE__ */ jsx("p", {
-					className: "text-sm wrap-anywhere text-muted-foreground",
-					children: description
-				})]
-			}),
-			children
-		] }), isForm && /* @__PURE__ */ jsx("div", {
-			className: "flex flex-col gap-2",
-			children
-		})]
-	});
-	if (lib) return /* @__PURE__ */ jsx(Dialog.Root, {
-		open,
-		onOpenChange,
-		children: /* @__PURE__ */ jsx(lib.AnimatePresence, { children: open && /* @__PURE__ */ jsxs(Dialog.Portal, {
-			forceMount: true,
-			children: [/* @__PURE__ */ jsx(Dialog.Overlay, {
-				forceMount: true,
-				asChild: true,
-				children: /* @__PURE__ */ jsx(lib.m.div, {
-					className: overlayCls$1,
-					...presets.fade
-				})
-			}), /* @__PURE__ */ jsx(Dialog.Content, {
-				forceMount: true,
-				asChild: true,
-				"data-rendra": code,
-				className: cn(contentCls, sizeCls),
-				children: /* @__PURE__ */ jsx(lib.m.div, {
-					...presets.open(isMobile ? { y: 8 } : void 0),
-					children: shell
-				})
-			})]
-		}, "modal") })
-	});
-	return /* @__PURE__ */ jsx(Dialog.Root, {
-		open,
-		onOpenChange,
-		children: /* @__PURE__ */ jsxs(Dialog.Portal, { children: [/* @__PURE__ */ jsx(Dialog.Overlay, { className: overlayOffCls }), /* @__PURE__ */ jsx(Dialog.Content, {
-			"data-rendra": code,
-			className: cn(contentCls, "data-[state=closed]:animate-out data-[state=closed]:duration-(--rendra-duration-fast) data-[state=closed]:fade-out-0 data-[state=open]:animate-in data-[state=open]:fade-in-0 md:data-[state=open]:zoom-in-95", sizeCls),
-			children: shell
-		})] })
-	});
-}
-//#endregion
-//#region src/components/ui/info-hint.tsx
-function InfoHint({ title, children, className }) {
-	const [open, setOpen] = useState(false);
-	return /* @__PURE__ */ jsxs("span", {
-		className: "contents",
-		"data-rendra": "INFO-001",
-		children: [/* @__PURE__ */ jsx(Button, {
-			variant: "ghost",
-			size: "sm",
-			iconOnly: true,
-			"aria-label": `Sobre: ${title}`,
-			onClick: () => setOpen(true),
-			className: cn("shrink-0 text-muted-foreground hover:text-primary-text max-md:size-touch", className),
-			children: /* @__PURE__ */ jsx(Info, { "aria-hidden": true })
-		}), /* @__PURE__ */ jsx(Modal, {
-			open,
-			onOpenChange: setOpen,
-			type: "info",
-			title,
-			size: "md",
-			children: /* @__PURE__ */ jsx("div", {
-				className: "flex flex-col gap-3 text-sm text-muted-foreground",
-				children
-			})
-		})]
-	});
-}
-//#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",
@@ -1313,575 +933,6 @@ function Calendar({ events, view: viewProp, defaultView = "month", onViewChange,
 	});
 }
 //#endregion
-//#region src/lib/lookup.ts
-var digits$1 = (v) => v.replace(/\D/g, "");
-/** Endereço do CEP (8 dígitos). null se não existir; lança erro se a busca falhar. */
-async function lookupCep(cep, signal) {
-	const d = digits$1(cep);
-	if (d.length !== 8) return null;
-	const res = await fetch(`https://viacep.com.br/ws/${d}/json/`, { signal });
-	if (!res.ok) throw new Error("Não foi possível buscar o CEP agora.");
-	const data = await res.json();
-	if (data.erro) return null;
-	return {
-		cep: String(data.cep ?? ""),
-		logradouro: String(data.logradouro ?? ""),
-		complemento: String(data.complemento ?? ""),
-		bairro: String(data.bairro ?? ""),
-		cidade: String(data.localidade ?? ""),
-		uf: String(data.uf ?? "")
-	};
-}
-/** Dados públicos do CNPJ (14 dígitos). null se não existir; lança erro se a busca falhar. */
-async function lookupCnpj(cnpj, signal) {
-	const d = digits$1(cnpj);
-	if (d.length !== 14) return null;
-	const res = await fetch(`https://brasilapi.com.br/api/cnpj/v1/${d}`, { signal });
-	if (res.status === 404) return null;
-	if (!res.ok) throw new Error("Não foi possível buscar o CNPJ agora.");
-	const data = await res.json();
-	const s = (k) => data[k] == null ? "" : String(data[k]);
-	const fone = digits$1(s("ddd_telefone_1"));
-	return {
-		razaoSocial: s("razao_social"),
-		nomeFantasia: s("nome_fantasia"),
-		email: s("email").toLowerCase(),
-		telefone: fone.length >= 10 ? `(${fone.slice(0, 2)}) ${fone.slice(2, -4)}-${fone.slice(-4)}` : "",
-		situacao: s("descricao_situacao_cadastral"),
-		endereco: {
-			cep: s("cep"),
-			logradouro: [s("descricao_tipo_de_logradouro"), s("logradouro")].filter(Boolean).join(" "),
-			numero: s("numero"),
-			complemento: s("complemento"),
-			bairro: s("bairro"),
-			cidade: s("municipio"),
-			uf: s("uf")
-		}
-	};
-}
-//#endregion
-//#region src/hooks/use-lookup.ts
-/**
-* Busca CEP (8 dígitos) ou CNPJ (14 dígitos) assim que o valor fica completo. Cancela a
-* busca anterior quando o valor muda. `kind` 'auto' decide pelo tamanho (CPF ou CNPJ: só
-* o CNPJ busca). Sem `onResult`, não faz nada.
-*/
-function useLookup(kind, value, onResult) {
-	const [loading, setLoading] = useState(false);
-	const cb = useRef(onResult);
-	cb.current = onResult;
-	const digits = value.replace(/\D/g, "");
-	const target = kind === "cep" && digits.length === 8 ? "cep" : (kind === "cnpj" || kind === "auto") && digits.length === 14 ? "cnpj" : null;
-	const enabled = Boolean(onResult) && target !== null;
-	useEffect(() => {
-		if (!enabled || !target) return;
-		const ctrl = new AbortController();
-		const send = (r) => {
-			if (!ctrl.signal.aborted) cb.current?.(r);
-		};
-		setLoading(true);
-		send({
-			status: "loading",
-			kind: target
-		});
-		(target === "cep" ? lookupCep(digits, ctrl.signal).then((data) => data ? send({
-			status: "found",
-			kind: "cep",
-			data,
-			message: "Endereço preenchido pelo CEP."
-		}) : send({
-			status: "not-found",
-			kind: "cep",
-			message: "CEP não encontrado. Preencha o endereço."
-		})) : lookupCnpj(digits, ctrl.signal).then((data) => data ? send({
-			status: "found",
-			kind: "cnpj",
-			data,
-			message: `${data.situacao ? `Situação: ${data.situacao}. ` : ""}Dados preenchidos pelo CNPJ.`
-		}) : send({
-			status: "not-found",
-			kind: "cnpj",
-			message: "CNPJ não encontrado. Preencha os dados abaixo."
-		}))).catch((e) => send({
-			status: "error",
-			kind: target,
-			message: e instanceof Error ? e.message : "Não foi possível buscar agora."
-		})).finally(() => {
-			if (!ctrl.signal.aborted) setLoading(false);
-		});
-		return () => {
-			ctrl.abort();
-			setLoading(false);
-		};
-	}, [
-		enabled,
-		target,
-		digits
-	]);
-	return loading;
-}
-//#endregion
-//#region src/lib/control.ts
-/**
-* Moldura única dos campos (Input, Select, DatePicker, Textarea). Mesma altura dos botões
-* em cada tamanho; fonte de 16px no mobile para o iOS não dar zoom ao focar.
-*/
-/** Marque o elemento com data-slot="control": o teste de toque mede a moldura, não o input. */
-var controlFrame = cva("group/control flex w-full min-w-0 items-center gap-2 rounded-control border border-input bg-field text-base text-foreground transition-[border-color,box-shadow] duration-150 focus-within:border-ring focus-within:bg-card focus-within:ring-2 focus-within:ring-ring/25 hover:border-foreground/40 has-[:disabled]:cursor-not-allowed has-[:disabled]:opacity-60 has-[:disabled]:hover:border-input md:text-sm", {
-	variants: {
-		size: {
-			sm: "h-control-sm px-3",
-			md: "h-control-md px-3",
-			lg: "h-control-lg px-4"
-		},
-		invalid: {
-			true: "border-destructive focus-within:border-destructive focus-within:ring-destructive/25 hover:border-destructive",
-			false: ""
-		}
-	},
-	defaultVariants: {
-		size: "md",
-		invalid: false
-	}
-});
-/** Classe do <input> nativo dentro da moldura. */
-var controlInput = "h-full min-w-0 flex-1 bg-transparent outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed";
-/** Botão pequeno dentro da moldura (limpar, mostrar senha). */
-var controlAdornmentButton = "-mr-2 flex size-control-sm shrink-0 cursor-pointer items-center justify-center rounded-item text-muted-foreground transition-colors outline-none hover:bg-accent hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring md:-mr-1 md:size-8 [&_svg]:size-icon-sm";
-/**
-* Reserva, dentro de um gatilho, o espaço do botão sobreposto (limpar do Select e do
-* DatePicker), para o texto não passar por baixo dele.
-*/
-var controlAdornmentSpace = "size-control-sm shrink-0 md:size-8";
-//#endregion
-//#region src/lib/masks.ts
-var numberBlock = (scale, max) => ({
-	mask: Number,
-	scale,
-	thousandsSeparator: ".",
-	radix: ",",
-	mapToRadix: ["."],
-	padFractionalZeros: true,
-	normalizeZeros: true,
-	min: 0,
-	...max !== void 0 ? { max } : {}
-});
-var masks = {
-	cpf: {
-		options: { mask: "000.000.000-00" },
-		inputMode: "numeric",
-		placeholder: "000.000.000-00"
-	},
-	cnpj: {
-		options: { mask: "00.000.000/0000-00" },
-		inputMode: "numeric",
-		placeholder: "00.000.000/0000-00"
-	},
-	cpfCnpj: {
-		options: { mask: [{ mask: "000.000.000-00" }, { mask: "00.000.000/0000-00" }] },
-		inputMode: "numeric",
-		placeholder: "CPF ou CNPJ"
-	},
-	phone: {
-		options: { mask: [{ mask: "(00) 0000-0000" }, { mask: "(00) 00000-0000" }] },
-		inputMode: "tel",
-		placeholder: "(00) 00000-0000"
-	},
-	cep: {
-		options: { mask: "00000-000" },
-		inputMode: "numeric",
-		placeholder: "00000-000"
-	},
-	date: {
-		options: { mask: "00/00/0000" },
-		inputMode: "numeric",
-		placeholder: "DD/MM/AAAA"
-	},
-	time: {
-		options: { mask: "00:00" },
-		inputMode: "numeric",
-		placeholder: "00:00"
-	},
-	currency: {
-		options: {
-			mask: "R$ num",
-			lazy: false,
-			blocks: { num: numberBlock(2) }
-		},
-		inputMode: "decimal",
-		placeholder: "R$ 0,00"
-	},
-	percent: {
-		options: {
-			mask: "num %",
-			lazy: false,
-			blocks: { num: numberBlock(2, 100) }
-		},
-		inputMode: "decimal",
-		placeholder: "0,00 %"
-	}
-};
-/** Máscara de percentual com teto configurável (padrão 100), para o Input com unidades (A9). */
-function percentMask(max = 100) {
-	return {
-		options: {
-			mask: "num %",
-			lazy: false,
-			blocks: { num: numberBlock(2, max) }
-		},
-		inputMode: "decimal",
-		placeholder: "0,00 %"
-	};
-}
-/** DDI padrão do campo de telefone. */
-var DEFAULT_DDI = "55";
-/** Lista padrão do seletor de DDI (Brasil primeiro). Troque com a prop ddiOptions do Input. */
-var phoneCountries = [
-	{
-		ddi: "55",
-		name: "Brasil"
-	},
-	{
-		ddi: "54",
-		name: "Argentina"
-	},
-	{
-		ddi: "56",
-		name: "Chile"
-	},
-	{
-		ddi: "57",
-		name: "Colômbia"
-	},
-	{
-		ddi: "595",
-		name: "Paraguai"
-	},
-	{
-		ddi: "598",
-		name: "Uruguai"
-	},
-	{
-		ddi: "52",
-		name: "México"
-	},
-	{
-		ddi: "1",
-		name: "Estados Unidos e Canadá"
-	},
-	{
-		ddi: "351",
-		name: "Portugal"
-	},
-	{
-		ddi: "34",
-		name: "Espanha"
-	},
-	{
-		ddi: "33",
-		name: "França"
-	},
-	{
-		ddi: "39",
-		name: "Itália"
-	},
-	{
-		ddi: "49",
-		name: "Alemanha"
-	},
-	{
-		ddi: "44",
-		name: "Reino Unido"
-	}
-];
-/** Máscara do número fora do Brasil: só dígitos, em grupos, até 15 (limite do padrão E.164). */
-var internationalPhoneMask = {
-	options: { mask: "000 000 000 000 000" },
-	inputMode: "tel",
-	placeholder: "Número com DDD"
-};
-/** Número completo no padrão internacional: toE164("55", "(11) 91234-5678") = "+5511912345678". */
-function toE164(ddi, national) {
-	const digits = national.replace(/\D/g, "");
-	return digits ? `+${ddi}${digits}` : "";
-}
-/** Converte "R$ 1.250,00" ou "12,5 %" em número. */
-function parseLocaleNumber(masked) {
-	const clean = masked.replace(/[^\d,-]/g, "").replace(",", ".");
-	if (!clean) return null;
-	const n = Number(clean);
-	return Number.isFinite(n) ? n : null;
-}
-/**
-* Moeda em centavos inteiros, sem erro de arredondamento de ponto flutuante:
-* "R$ 1.250,50" -> 125050. Vazio -> null. Use centavos para guardar e somar dinheiro.
-*/
-function toCents(masked) {
-	const d = masked.replace(/\D/g, "");
-	if (!d) return null;
-	if (!/,\d{1,2}\s*$/.test(masked.replace(/\s*%$/, ""))) return Number(d) * 100;
-	const [int = "", dec = ""] = masked.replace(/[^\d,]/g, "").split(",");
-	return Number(int || "0") * 100 + Number(dec.padEnd(2, "0").slice(0, 2));
-}
-/** Centavos para o texto do campo de moeda: 125050 -> "R$ 1.250,50". */
-function formatCents(cents) {
-	return formatCurrency(cents / 100);
-}
-/** Formata número como moeda brasileira: 1250 -> "R$ 1.250,00". */
-function formatCurrency(value) {
-	return value.toLocaleString("pt-BR", {
-		style: "currency",
-		currency: "BRL"
-	});
-}
-//#endregion
-//#region src/components/ui/input.tsx
-/**
-* Input único. Tipos, máscaras, ícone, limpar, senha, unidades e valor guardado são props:
-* nunca crie InputCPF, InputTelefone, InputSenha ou InputSegredo.
-*/
-var Input = forwardRef(function Input({ size, mask, icon, suffix, clearable, invalid, type = "text", value, defaultValue, onChange, onValueChange, disabled, className, inputClassName, inputMode, placeholder, ddi: ddiProp, onDdiChange, ddiOptions = phoneCountries, hideDdi, onCentsChange, onLookup, units, unit: unitProp, onUnitChange, percentMax, variant, hasValue, maskedHint, isEditing, onStartEdit, onCancelEdit, onRemove, removing, ...props }, ref) {
-	const inputRef = useRef(null);
-	useImperativeHandle(ref, () => inputRef.current);
-	const maskRef = useRef(null);
-	const [showPassword, setShowPassword] = useState(false);
-	const [inner, setInner] = useState(String(value ?? defaultValue ?? ""));
-	const current = value ?? inner;
-	const [secretDraft, setSecretDraft] = useState("");
-	const [lastIsEditing, setLastIsEditing] = useState(isEditing);
-	if (isEditing !== lastIsEditing) {
-		setLastIsEditing(isEditing);
-		if (isEditing) setSecretDraft("");
-	}
-	const cb = useRef({
-		onChange,
-		onValueChange,
-		onCentsChange
-	});
-	cb.current = {
-		onChange,
-		onValueChange,
-		onCentsChange
-	};
-	const searching = useLookup(mask === "cep" ? "cep" : mask === "cnpj" ? "cnpj" : mask === "cpfCnpj" ? "auto" : void 0, current, onLookup);
-	const isPhone = mask === "phone";
-	const [innerDdi, setInnerDdi] = useState(ddiProp ?? "55");
-	const ddi = ddiProp ?? innerDdi;
-	const showDdi = isPhone && !hideDdi;
-	const intl = isPhone && ddi !== "55";
-	const hasUnits = Boolean(units && units.length > 0);
-	const [innerUnit, setInnerUnit] = useState(unitProp ?? units?.[0]?.id ?? "");
-	const unit = hasUnits ? unitProp ?? innerUnit : void 0;
-	const unitMaskName = unit === "percent" ? "percent" : unit === "currency" ? "currency" : void 0;
-	const def = intl ? internationalPhoneMask : hasUnits ? unitMaskName === "percent" ? percentMask(percentMax) : unitMaskName === "currency" ? masks.currency : void 0 : mask ? masks[mask] : void 0;
-	const maskKey = !def ? void 0 : intl ? "phone-intl" : hasUnits ? `unit-${unitMaskName}-${percentMax ?? ""}` : mask;
-	useEffect(() => {
-		if (!maskKey || !def || !inputRef.current) return;
-		const m = IMask(inputRef.current, def.options);
-		maskRef.current = m;
-		m.on("accept", () => {
-			setInner(m.value);
-			cb.current.onChange?.(m.value);
-			cb.current.onValueChange?.(m.unmaskedValue, m.value);
-			if (mask === "currency" || unitMaskName === "currency") cb.current.onCentsChange?.(toCents(m.value));
-		});
-		return () => {
-			m.destroy();
-			maskRef.current = null;
-		};
-	}, [maskKey]);
-	useEffect(() => {
-		const m = maskRef.current;
-		if (m && value !== void 0 && value !== m.value) m.value = value;
-	}, [value]);
-	const isPassword = type === "password";
-	const country = ddiOptions.find((c) => c.ddi === ddi);
-	const isSecret = variant === "secret";
-	const { id: fieldId, "aria-describedby": fieldDescribedBy, "aria-required": fieldRequired } = props;
-	const resetValue = () => {
-		if (maskRef.current) maskRef.current.value = "";
-		setInner("");
-		setSecretDraft("");
-		onChange?.("");
-		onValueChange?.("", "");
-		onCentsChange?.(null);
-	};
-	const clear = () => {
-		resetValue();
-		inputRef.current?.focus();
-	};
-	const changeUnit = (id) => {
-		setInnerUnit(id);
-		onUnitChange?.(id);
-		resetValue();
-	};
-	if (isSecret && !isEditing) return /* @__PURE__ */ jsxs("div", {
-		"data-slot": "control",
-		"data-rendra": "CAMP-001",
-		className: cn(controlFrame({
-			size,
-			invalid
-		}), className),
-		children: [
-			/* @__PURE__ */ jsx("span", {
-				className: "min-w-0 flex-1 truncate font-mono text-sm text-muted-foreground",
-				children: hasValue ? maskedHint ?? "••••••••" : "Nenhum valor salvo"
-			}),
-			/* @__PURE__ */ jsx(Button, {
-				type: "button",
-				variant: "ghost",
-				size: "sm",
-				onClick: onStartEdit,
-				disabled,
-				id: fieldId,
-				"aria-describedby": fieldDescribedBy,
-				"aria-required": fieldRequired,
-				children: "Trocar"
-			}),
-			hasValue && onRemove && /* @__PURE__ */ jsx(Button, {
-				type: "button",
-				variant: "ghost",
-				size: "sm",
-				onClick: onRemove,
-				disabled: disabled || removing,
-				loading: removing,
-				children: "Remover"
-			})
-		]
-	});
-	return /* @__PURE__ */ jsxs("div", {
-		"data-slot": "control",
-		"data-rendra": "CAMP-001",
-		className: cn(controlFrame({
-			size,
-			invalid
-		}), className),
-		children: [
-			showDdi && /* @__PURE__ */ jsxs("span", {
-				className: "relative -ml-1 flex h-full min-w-touch shrink-0 items-center gap-1 border-r pr-2 text-sm font-medium",
-				children: [
-					/* @__PURE__ */ jsxs("span", {
-						"aria-hidden": true,
-						children: ["+", ddi]
-					}),
-					/* @__PURE__ */ jsx(ChevronDown, {
-						className: "size-icon-sm text-muted-foreground",
-						"aria-hidden": true
-					}),
-					/* @__PURE__ */ jsx("select", {
-						"aria-label": `Código do país (DDI): ${country?.name ?? ""} +${ddi}`,
-						value: ddi,
-						disabled,
-						onChange: (e) => {
-							setInnerDdi(e.target.value);
-							onDdiChange?.(e.target.value);
-						},
-						className: "absolute inset-0 cursor-pointer bg-popover text-popover-foreground opacity-0 disabled:cursor-not-allowed",
-						children: ddiOptions.map((c) => /* @__PURE__ */ jsxs("option", {
-							value: c.ddi,
-							className: "bg-popover text-popover-foreground",
-							children: [
-								c.name,
-								" (+",
-								c.ddi,
-								")"
-							]
-						}, c.ddi))
-					})
-				]
-			}),
-			icon && /* @__PURE__ */ jsx("span", {
-				className: "flex shrink-0 text-muted-foreground [&_svg]:size-icon-sm",
-				"aria-hidden": true,
-				children: icon
-			}),
-			/* @__PURE__ */ jsx("input", {
-				ref: inputRef,
-				type: isSecret ? showPassword ? "text" : "password" : isPassword && showPassword ? "text" : type,
-				inputMode: inputMode ?? def?.inputMode,
-				placeholder: placeholder ?? def?.placeholder,
-				disabled,
-				"aria-invalid": invalid || void 0,
-				"aria-busy": searching || void 0,
-				className: cn(controlInput, inputClassName),
-				...isSecret ? {
-					value: secretDraft,
-					onChange: (e) => {
-						setSecretDraft(e.target.value);
-						onChange?.(e.target.value);
-						onValueChange?.(e.target.value, e.target.value);
-					}
-				} : maskKey ? { defaultValue: current } : {
-					value: current,
-					onChange: (e) => {
-						setInner(e.target.value);
-						onChange?.(e.target.value);
-						onValueChange?.(e.target.value, e.target.value);
-					}
-				},
-				...props
-			}, hasUnits ? `unit-${unit}` : void 0),
-			searching && /* @__PURE__ */ jsx(Spinner, {
-				size: "sm",
-				label: "Buscando…",
-				className: "shrink-0 text-muted-foreground"
-			}),
-			hasUnits && /* @__PURE__ */ jsxs("span", {
-				className: "relative -mr-1 flex h-full min-w-touch shrink-0 items-center gap-1 border-l pl-2 text-sm font-medium",
-				children: [
-					/* @__PURE__ */ jsx("span", {
-						"aria-hidden": true,
-						children: units?.find((u) => u.id === unit)?.label ?? unit
-					}),
-					/* @__PURE__ */ jsx(ChevronDown, {
-						className: "size-icon-sm text-muted-foreground",
-						"aria-hidden": true
-					}),
-					/* @__PURE__ */ jsx("select", {
-						"aria-label": `Unidade: ${units?.find((u) => u.id === unit)?.label ?? unit}`,
-						value: unit,
-						disabled,
-						onChange: (e) => changeUnit(e.target.value),
-						className: "absolute inset-0 cursor-pointer bg-popover text-popover-foreground opacity-0 disabled:cursor-not-allowed",
-						children: units?.map((u) => /* @__PURE__ */ jsx("option", {
-							value: u.id,
-							className: "bg-popover text-popover-foreground",
-							children: u.label
-						}, u.id))
-					})
-				]
-			}),
-			!hasUnits && suffix && /* @__PURE__ */ jsx("span", {
-				className: "shrink-0 text-sm text-muted-foreground",
-				children: suffix
-			}),
-			clearable && (isSecret ? secretDraft : current) && !disabled && /* @__PURE__ */ jsx("button", {
-				type: "button",
-				onClick: clear,
-				"aria-label": "Limpar campo",
-				className: "-mr-2 flex size-control-sm shrink-0 cursor-pointer items-center justify-center rounded-item text-muted-foreground transition-colors outline-none hover:bg-accent hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring md:-mr-1 md:size-8 [&_svg]:size-icon-sm",
-				children: /* @__PURE__ */ jsx(X, { "aria-hidden": true })
-			}),
-			(isPassword || isSecret) && /* @__PURE__ */ jsx("button", {
-				type: "button",
-				onClick: () => setShowPassword((s) => !s),
-				"aria-label": showPassword ? "Ocultar senha" : "Mostrar senha",
-				"aria-pressed": showPassword,
-				className: "-mr-2 flex size-control-sm shrink-0 cursor-pointer items-center justify-center rounded-item text-muted-foreground transition-colors outline-none hover:bg-accent hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring md:-mr-1 md:size-8 [&_svg]:size-icon-sm",
-				children: showPassword ? /* @__PURE__ */ jsx(EyeOff, { "aria-hidden": true }) : /* @__PURE__ */ jsx(Eye, { "aria-hidden": true })
-			}),
-			isSecret && /* @__PURE__ */ jsx(Button, {
-				type: "button",
-				variant: "ghost",
-				size: "sm",
-				onClick: onCancelEdit,
-				disabled,
-				children: "Cancelar"
-			})
-		]
-	});
-});
-//#endregion
 //#region src/components/ui/popover.tsx
 var PopoverOpenContext = createContext(null);
 function AnimatedRoot({ open, defaultOpen, onOpenChange, ...rest }) {
@@ -3474,226 +2525,12 @@ function applyPalette(seeds, doc = document) {
 	const attr = "data-palette-runtime";
 	let style = doc.head.querySelector(`style[${attr}="${seeds.id}"]`);
 	if (!style) {
-		style = doc.createElement("style");
-		style.setAttribute(attr, seeds.id);
-		doc.head.appendChild(style);
-	}
-	style.textContent = paletteCss(palette);
-	return palette;
-}
-//#endregion
-//#region src/components/ui/picker-panel.tsx
-/** A folha fecha se o arraste passou de 40% da altura ou se foi um arremesso (> 0,11 px/ms). */
-var DISMISS_FRACTION = .4;
-var DISMISS_VELOCITY = 110;
-/**
-* A folha do celular em `on`: entra de baixo, acompanha o dedo (arraste vertical pela alça, com
-* fricção ao puxar para cima), fecha por distância ou por arremesso e, se o dedo solta antes
-* disso, volta à origem com a mola da folha (a velocidade do dedo entra na mola, sem costura). O
-* fundo escurecido acompanha a distância. Só a alça arrasta: o corpo rola sem disputar o gesto.
-* Nenhum valor passa por `style`: o Motion guarda a posição do arraste, e o escurecimento do
-* fundo é gravado direto no elemento (sem render por quadro).
-*/
-function MobileSheet({ open, onOpenChange, trigger, adornment, head, rest }) {
-	const { AnimatePresence, animate, m, useDragControls } = useMotionOn();
-	const presets = useMotionPresets();
-	const ready = useLayoutReady();
-	const controls = useDragControls();
-	const sheetRef = useRef(null);
-	const dimRef = useRef(null);
-	const height = useRef(1);
-	return /* @__PURE__ */ jsxs(Dialog.Root, {
-		open,
-		onOpenChange,
-		children: [/* @__PURE__ */ jsx(Anchor, {
-			adornment,
-			children: /* @__PURE__ */ jsx(Dialog.Trigger, {
-				asChild: true,
-				children: trigger
-			})
-		}), /* @__PURE__ */ jsx(AnimatePresence, { children: open && /* @__PURE__ */ jsxs(Dialog.Portal, {
-			forceMount: true,
-			children: [/* @__PURE__ */ jsx(Dialog.Overlay, {
-				forceMount: true,
-				asChild: true,
-				children: /* @__PURE__ */ jsx(m.div, {
-					className: "fixed inset-0 z-40",
-					...presets.fade,
-					children: /* @__PURE__ */ jsx("div", {
-						ref: dimRef,
-						className: "absolute inset-0 bg-overlay"
-					})
-				})
-			}), /* @__PURE__ */ jsx(Dialog.Content, {
-				forceMount: true,
-				asChild: true,
-				"aria-describedby": void 0,
-				className: "fixed inset-x-0 bottom-0 z-50 flex max-h-sheet flex-col rounded-t-surface border-t bg-popover text-popover-foreground shadow-lg outline-none",
-				children: /* @__PURE__ */ jsxs(m.div, {
-					ref: sheetRef,
-					...presets.sheet("bottom"),
-					drag: ready ? "y" : false,
-					dragControls: controls,
-					dragListener: false,
-					dragConstraints: { top: 0 },
-					dragElastic: {
-						top: .2,
-						bottom: 0
-					},
-					dragSnapToOrigin: true,
-					dragTransition: presets.sheetBounce,
-					onDragStart: () => {
-						height.current = sheetRef.current?.offsetHeight || 1;
-					},
-					onDrag: (_, info) => {
-						const dim = dimRef.current;
-						if (dim) dim.style.opacity = String(1 - Math.min(1, Math.max(0, info.offset.y / height.current)));
-					},
-					onDragEnd: (_, info) => {
-						if (info.offset.y > height.current * DISMISS_FRACTION || info.velocity.y > DISMISS_VELOCITY) {
-							onOpenChange(false);
-							return;
-						}
-						if (dimRef.current) animate(dimRef.current, { opacity: 1 }, presets.springSheet);
-					},
-					children: [/* @__PURE__ */ jsx("div", {
-						"data-sheet-handle": true,
-						onPointerDown: (e) => controls.start(e),
-						className: "touch-none",
-						children: head
-					}), rest]
-				})
-			})]
-		}, "sheet") })]
-	});
-}
-function Anchor({ adornment, children }) {
-	if (!adornment) return children;
-	return /* @__PURE__ */ jsxs("div", {
-		className: "relative w-full min-w-0",
-		children: [children, adornment]
-	});
-}
-function PickerPanel({ open, onOpenChange, trigger, title, header, children, footer, width = "trigger", adornment, align = "start" }) {
-	const { isMobile } = useBreakpoint();
-	const lib = useMotionLib();
-	const presets = useMotionPresets();
-	const on = lib !== null;
-	const sheetHead = /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("div", {
-		className: "flex shrink-0 flex-col items-center pt-2",
-		children: /* @__PURE__ */ jsx("span", {
-			"aria-hidden": true,
-			className: "h-1 w-12 rounded-full bg-border"
-		})
-	}), /* @__PURE__ */ jsxs("div", {
-		className: "flex shrink-0 items-center justify-between gap-2 pr-2 pl-4",
-		children: [/* @__PURE__ */ jsx(Dialog.Title, {
-			className: "truncate text-base font-semibold",
-			children: title
-		}), /* @__PURE__ */ jsx(Dialog.Close, {
-			"aria-label": "Fechar",
-			className: "flex size-touch items-center justify-center rounded-item text-muted-foreground hover:bg-accent",
-			children: /* @__PURE__ */ jsx(X, {
-				className: "size-icon-md",
-				"aria-hidden": true
-			})
-		})]
-	})] });
-	const sheetRest = /* @__PURE__ */ jsxs(Fragment$1, { children: [
-		header && /* @__PURE__ */ jsx("div", {
-			className: "shrink-0 border-b px-4 pb-3",
-			children: header
-		}),
-		/* @__PURE__ */ jsx("div", {
-			className: "min-h-0 flex-1 overflow-y-auto overscroll-contain p-2",
-			children
-		}),
-		footer && /* @__PURE__ */ jsx("div", {
-			className: "shrink-0 border-t px-4 pt-3 pb-safe",
-			children: footer
-		})
-	] });
-	const sheetBody = /* @__PURE__ */ jsxs(Fragment$1, { children: [sheetHead, sheetRest] });
-	const panelCls = cn("z-50 flex max-h-command origin-(--radix-popover-content-transform-origin) flex-col overflow-hidden rounded-surface border bg-popover text-popover-foreground shadow-md outline-none", width === "trigger" ? "w-trigger max-w-popover" : "w-auto max-w-popover md:max-w-none");
-	const panelBody = /* @__PURE__ */ jsxs(Fragment$1, { children: [
-		header && /* @__PURE__ */ jsx("div", {
-			className: "shrink-0 border-b p-2",
-			children: header
-		}),
-		/* @__PURE__ */ jsx("div", {
-			className: "min-h-0 flex-1 overflow-y-auto overscroll-contain p-1",
-			children
-		}),
-		footer && /* @__PURE__ */ jsx("div", {
-			className: "shrink-0 border-t p-2",
-			children: footer
-		})
-	] });
-	if (on && isMobile) return /* @__PURE__ */ jsx(MobileSheet, {
-		open,
-		onOpenChange,
-		trigger,
-		adornment,
-		head: sheetHead,
-		rest: sheetRest
-	});
-	if (on) return /* @__PURE__ */ jsxs(Popover$1.Root, {
-		open,
-		onOpenChange,
-		children: [/* @__PURE__ */ jsx(Anchor, {
-			adornment,
-			children: /* @__PURE__ */ jsx(Popover$1.Trigger, {
-				asChild: true,
-				children: trigger
-			})
-		}), /* @__PURE__ */ jsx(lib.AnimatePresence, { children: open && /* @__PURE__ */ jsx(Popover$1.Portal, {
-			forceMount: true,
-			children: /* @__PURE__ */ jsx(Popover$1.Content, {
-				forceMount: true,
-				asChild: true,
-				align,
-				sideOffset: 6,
-				collisionPadding: 16,
-				className: panelCls,
-				children: /* @__PURE__ */ jsx(lib.m.div, {
-					...presets.open(),
-					children: panelBody
-				})
-			})
-		}, "panel") })]
-	});
-	if (isMobile) return /* @__PURE__ */ jsxs(Dialog.Root, {
-		open,
-		onOpenChange,
-		children: [/* @__PURE__ */ jsx(Anchor, {
-			adornment,
-			children: /* @__PURE__ */ jsx(Dialog.Trigger, {
-				asChild: true,
-				children: trigger
-			})
-		}), /* @__PURE__ */ jsxs(Dialog.Portal, { children: [/* @__PURE__ */ jsx(Dialog.Overlay, { className: "fixed inset-0 z-40 bg-overlay data-[state=closed]:animate-out data-[state=closed]:duration-(--rendra-duration-fast) data-[state=closed]:fade-out-0 data-[state=open]:animate-in data-[state=open]:fade-in-0" }), /* @__PURE__ */ jsx(Dialog.Content, {
-			"aria-describedby": void 0,
-			className: "fixed inset-x-0 bottom-0 z-50 flex max-h-sheet flex-col rounded-t-surface border-t bg-popover text-popover-foreground shadow-lg outline-none data-[state=closed]:animate-out data-[state=closed]:duration-(--rendra-duration-fast) data-[state=closed]:slide-out-to-bottom data-[state=open]:animate-in data-[state=open]:slide-in-from-bottom",
-			children: sheetBody
-		})] })]
-	});
-	return /* @__PURE__ */ jsxs(Popover$1.Root, {
-		open,
-		onOpenChange,
-		children: [/* @__PURE__ */ jsx(Anchor, {
-			adornment,
-			children: /* @__PURE__ */ jsx(Popover$1.Trigger, {
-				asChild: true,
-				children: trigger
-			})
-		}), /* @__PURE__ */ jsx(Popover$1.Portal, { children: /* @__PURE__ */ jsx(Popover$1.Content, {
-			align,
-			sideOffset: 6,
-			collisionPadding: 16,
-			className: cn("z-50 flex max-h-command origin-(--radix-popover-content-transform-origin) flex-col overflow-hidden rounded-surface border bg-popover text-popover-foreground shadow-md outline-none", "data-[state=closed]:animate-out data-[state=closed]:duration-(--rendra-duration-fast) data-[state=closed]:fade-out-0 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95", width === "trigger" ? "w-trigger max-w-popover" : "w-auto max-w-popover md:max-w-none"),
-			children: panelBody
-		}) })]
-	});
+		style = doc.createElement("style");
+		style.setAttribute(attr, seeds.id);
+		doc.head.appendChild(style);
+	}
+	style.textContent = paletteCss(palette);
+	return palette;
 }
 //#endregion
 //#region src/components/ui/color-picker.tsx
@@ -3790,82 +2627,6 @@ var ColorPicker = forwardRef(function ColorPicker({ value, onChange, swatches =
 	});
 });
 //#endregion
-//#region src/components/ui/drawer.tsx
-var sizes = {
-	"30": "md:w-sheet-30",
-	"40": "md:w-sheet-40",
-	"50": "md:w-sheet-50",
-	"75": "md:w-sheet-75",
-	full: "md:w-full",
-	sm: "md:w-sheet-30",
-	md: "md:w-sheet-30",
-	lg: "md:w-sheet-50",
-	xl: "md:w-sheet-75"
-};
-var overlayCls = "fixed inset-0 z-50 bg-overlay";
-var panelCls = "fixed inset-y-0 right-0 z-50 flex h-dvh w-full flex-col bg-card text-card-foreground shadow-lg outline-none md:border-l";
-function Drawer({ open, onOpenChange, title, description, icon, size = "30", children, footer, dirty, discardTitle = "Descartar alterações?", discardDescription = "As informações preenchidas neste painel serão perdidas." }) {
-	const [confirming, setConfirming] = useState(false);
-	const requestClose = () => dirty ? setConfirming(true) : onOpenChange(false);
-	const lib = useMotionLib();
-	const presets = useMotionPresets();
-	const keepOpenIfDirty = (e) => {
-		if (dirty) {
-			e.preventDefault();
-			setConfirming(true);
-		}
-	};
-	const shell = /* @__PURE__ */ jsx(OverlayShell, {
-		title,
-		description,
-		icon,
-		footer,
-		onRequestClose: requestClose,
-		children
-	});
-	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Dialog.Root, {
-		open,
-		onOpenChange: (o) => o ? onOpenChange(true) : requestClose(),
-		children: lib ? /* @__PURE__ */ jsx(lib.AnimatePresence, { children: open && /* @__PURE__ */ jsxs(Dialog.Portal, {
-			forceMount: true,
-			children: [/* @__PURE__ */ jsx(Dialog.Overlay, {
-				forceMount: true,
-				asChild: true,
-				children: /* @__PURE__ */ jsx(lib.m.div, {
-					className: overlayCls,
-					...presets.fade
-				})
-			}), /* @__PURE__ */ jsx(Dialog.Content, {
-				forceMount: true,
-				asChild: true,
-				onEscapeKeyDown: keepOpenIfDirty,
-				onPointerDownOutside: keepOpenIfDirty,
-				"data-rendra": "GAV-001",
-				className: cn(panelCls, sizes[size]),
-				children: /* @__PURE__ */ jsx(lib.m.div, {
-					...presets.sheet("right"),
-					children: shell
-				})
-			})]
-		}, "drawer") }) : /* @__PURE__ */ jsxs(Dialog.Portal, { children: [/* @__PURE__ */ jsx(Dialog.Overlay, { className: cn(overlayCls, "data-[state=closed]:animate-out data-[state=closed]:duration-(--rendra-duration-fast) data-[state=closed]:fade-out-0 data-[state=open]:animate-in data-[state=open]:fade-in-0") }), /* @__PURE__ */ jsx(Dialog.Content, {
-			onEscapeKeyDown: keepOpenIfDirty,
-			onPointerDownOutside: keepOpenIfDirty,
-			"data-rendra": "GAV-001",
-			className: cn(panelCls, "data-[state=closed]:animate-out data-[state=closed]:duration-(--rendra-duration-fast) data-[state=closed]:slide-out-to-right data-[state=open]:animate-in data-[state=open]:slide-in-from-right", sizes[size]),
-			children: shell
-		})] })
-	}), /* @__PURE__ */ jsx(Modal, {
-		open: confirming,
-		onOpenChange: setConfirming,
-		type: "destructive",
-		title: discardTitle,
-		description: discardDescription,
-		confirmLabel: "Descartar",
-		cancelLabel: "Continuar editando",
-		onConfirm: () => onOpenChange(false)
-	})] });
-}
-//#endregion
 //#region src/components/ui/switch.tsx
 /** Switch único, com rótulo e descrição à esquerda e a chave à direita. */
 function Switch({ checked, defaultChecked, onCheckedChange, label, description, disabled, id, name, className, ...aria }) {
@@ -3936,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);
@@ -3974,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",
@@ -4087,121 +2856,6 @@ function DataToolbar({ search, filters, filterCount = 0, onClearFilters, chips =
 	});
 }
 //#endregion
-//#region src/components/layout/tokens.ts
-var gapClass = {
-	"0": "gap-0",
-	"1": "gap-1",
-	"2": "gap-2",
-	"3": "gap-3",
-	"4": "gap-4",
-	"6": "gap-6",
-	"8": "gap-8",
-	"12": "gap-12",
-	"16": "gap-16",
-	"24": "gap-24",
-	section: "gap-8 md:gap-12",
-	fields: "gap-x-4 gap-y-4 md:gap-x-6"
-};
-/**
-* Grade de formulário, pela largura do próprio bloco (container query), não da tela:
-* 1 coluna estreito, 6 colunas a partir de 28rem, 12 colunas a partir de 48rem.
-* No largo, o padrão é 3 campos por linha (md = 4/12). Nunca 2 por linha por padrão.
-*/
-var fieldGridClass = "grid grid-cols-1 @md:grid-cols-6 @3xl:grid-cols-12";
-/** Largura do Field na grade de formulário (no largo, em 12 colunas). */
-var fieldSpanClass = {
-	/** 2/12, cerca de 17%: UF, número, DDD. */
-	xs: "@md:col-span-2 @3xl:col-span-2",
-	/** 3/12 = 25%: CEP, CNPJ, CPF, datas curtas. */
-	sm: "@md:col-span-2 @3xl:col-span-3",
-	/** 4/12 = 33%: o padrão, 3 campos por linha. */
-	md: "@md:col-span-3 @3xl:col-span-4",
-	/** 6/12 = 50%. */
-	lg: "@md:col-span-3 @3xl:col-span-6",
-	/** 8/12 = 67%: nome, logradouro longo. */
-	xl: "@md:col-span-6 @3xl:col-span-8",
-	/** Linha inteira. */
-	full: "@md:col-span-6 @3xl:col-span-12"
-};
-var alignClass = {
-	start: "items-start",
-	center: "items-center",
-	end: "items-end",
-	stretch: "items-stretch",
-	baseline: "items-baseline"
-};
-var justifyClass = {
-	start: "justify-start",
-	center: "justify-center",
-	end: "justify-end",
-	between: "justify-between"
-};
-//#endregion
-//#region src/components/ui/field.tsx
-function Label({ className, required, children, ...props }) {
-	return /* @__PURE__ */ jsxs(Label$1.Root, {
-		"data-rendra": "FLD-002",
-		className: cn("text-label text-label-foreground label-case", className),
-		...props,
-		children: [
-			children,
-			required && /* @__PURE__ */ jsxs("span", {
-				className: "text-destructive",
-				"aria-hidden": true,
-				children: [" ", "*"]
-			}),
-			required && /* @__PURE__ */ jsx("span", {
-				className: "sr-only",
-				children: " (obrigatório)"
-			})
-		]
-	});
-}
-var FieldContext = createContext(null);
-/** Liga um controle ao Field mais próximo (id, aria-describedby, aria-invalid). */
-function useFieldControl() {
-	return useContext(FieldContext);
-}
-function Field({ label, required, help, error, span = "md", newRow, reserveMessage = false, id, className, children }) {
-	const auto = useId();
-	const controlId = id ?? `campo${auto}`;
-	const messageId = `${controlId}-mensagem`;
-	const invalid = Boolean(error);
-	const message = error ?? help;
-	const child = isValidElement(children) && typeof children.type !== "string" ? cloneElement(children, {
-		id: children.props.id ?? controlId,
-		...invalid ? { invalid: children.props.invalid ?? true } : {},
-		"aria-describedby": message ? messageId : void 0,
-		"aria-required": required || void 0
-	}) : children;
-	return /* @__PURE__ */ jsx(FieldContext.Provider, {
-		value: {
-			id: controlId,
-			describedBy: message ? messageId : "",
-			invalid
-		},
-		children: /* @__PURE__ */ jsxs("div", {
-			"data-slot": "field",
-			"data-rendra": "FLD-001",
-			className: cn("flex min-w-0 flex-col gap-2", fieldSpanClass[span === "half" ? "md" : span], newRow && "@md:col-start-1 @3xl:col-start-1", className),
-			children: [
-				label && /* @__PURE__ */ jsx(Label, {
-					htmlFor: controlId,
-					required,
-					children: label
-				}),
-				child,
-				(reserveMessage || message) && /* @__PURE__ */ jsx("p", {
-					id: messageId,
-					role: invalid ? "alert" : void 0,
-					className: cn("-mt-1 min-h-4 text-help", invalid ? "font-medium text-destructive" : "text-help-foreground"),
-					children: message
-				})
-			]
-		})
-	});
-}
-//#endregion
 //#region src/components/ui/date-picker.tsx
 var fmtDate = (d) => format(d, "dd/MM/yyyy");
 var fmtTime = (d) => format(d, "HH:mm");
@@ -4584,318 +3238,6 @@ function Slider({ value, defaultValue = [50], onChange, min = 0, max = 100, step
 	});
 }
 //#endregion
-//#region src/components/ui/select.tsx
-/** Acima deste número de opções, o "Selecionar todos" aparece sem a prop `selectAll`. */
-var SELECT_ALL_AUTO_MIN = 5;
-/**
-* Select único do sistema. Busca, múltiplo, selecionar todos, contador, criar opção,
-* busca remota e carregamento são props. No mobile abre como bottom sheet.
-*/
-var Select = forwardRef(function Select(props, ref) {
-	const { options: staticOptions = [], placeholder = "Selecione", label, size, invalid, disabled, searchable, creatable, onCreate, loadOptions, loading, clearable, emptyText = "Nenhuma opção encontrada.", id, className } = props;
-	const multiple = props.multiple === true;
-	const { isMobile } = useBreakpoint();
-	const [open, setOpen] = useState(false);
-	const listId = `${useId()}-lista`;
-	const [query, setQuery] = useState("");
-	const [remote, setRemote] = useState(null);
-	const [remoteLoading, setRemoteLoading] = useState(false);
-	const [created, setCreated] = useState([]);
-	const [innerSingle, setInnerSingle] = useState(null);
-	const [innerMulti, setInnerMulti] = useState([]);
-	const [draft, setDraft] = useState([]);
-	const selectedSingle = multiple ? null : props.value ?? innerSingle;
-	const selectedMulti = multiple ? props.value ?? innerMulti : [];
-	const seq = useRef(0);
-	useEffect(() => {
-		if (!loadOptions || !open) return;
-		const n = ++seq.current;
-		setRemoteLoading(true);
-		const t = window.setTimeout(async () => {
-			const res = await loadOptions(query);
-			if (n === seq.current) {
-				setRemote(res);
-				setRemoteLoading(false);
-			}
-		}, 250);
-		return () => window.clearTimeout(t);
-	}, [
-		loadOptions,
-		query,
-		open
-	]);
-	const all = useMemo(() => {
-		const base = remote ?? staticOptions;
-		const map = /* @__PURE__ */ new Map();
-		[...base, ...created].forEach((o) => map.set(o.value, o));
-		return [...map.values()];
-	}, [
-		remote,
-		staticOptions,
-		created
-	]);
-	const byValue = (v) => all.find((o) => o.value === v);
-	const isSearchable = searchable || creatable || Boolean(loadOptions);
-	const busy = loading || remoteLoading;
-	const multiValue = isMobile && multiple ? draft : selectedMulti;
-	const commitSingle = (v) => {
-		setInnerSingle(v);
-		props.onChange?.(v);
-	};
-	const commitMulti = (v) => {
-		setInnerMulti(v);
-		props.onChange?.(v);
-	};
-	const toggle = (v) => {
-		if (!multiple) {
-			commitSingle(v);
-			setOpen(false);
-			return;
-		}
-		const next = multiValue.includes(v) ? multiValue.filter((x) => x !== v) : [...multiValue, v];
-		if (isMobile) setDraft(next);
-		else commitMulti(next);
-	};
-	const enabled = all.filter((o) => !o.disabled);
-	const allSelected = enabled.length > 0 && enabled.every((o) => multiValue.includes(o.value));
-	const showSelectAll = multiple && (props.selectAll ?? all.length > SELECT_ALL_AUTO_MIN);
-	const toggleAll = () => {
-		const next = allSelected ? [] : enabled.map((o) => o.value);
-		if (isMobile) setDraft(next);
-		else commitMulti(next);
-	};
-	const create = async () => {
-		const text = query.trim();
-		if (!text) return;
-		const opt = onCreate ? await onCreate(text) : {
-			value: text,
-			label: text
-		};
-		setCreated((c) => [...c, opt]);
-		setQuery("");
-		toggle(opt.value);
-	};
-	const onOpenChange = (o) => {
-		setOpen(o);
-		if (o) setDraft(selectedMulti);
-		else setQuery("");
-	};
-	const hasValue = multiple ? selectedMulti.length > 0 : selectedSingle != null;
-	const maxChips = props.maxChips ?? 2;
-	let display = /* @__PURE__ */ jsx("span", {
-		className: "truncate text-muted-foreground",
-		children: placeholder
-	});
-	if (!multiple && selectedSingle != null) {
-		const o = byValue(selectedSingle);
-		display = /* @__PURE__ */ jsxs("span", {
-			className: "flex min-w-0 items-center gap-2",
-			children: [o?.icon, /* @__PURE__ */ jsx("span", {
-				className: "truncate",
-				children: o?.label ?? selectedSingle
-			})]
-		});
-	} else if (multiple && selectedMulti.length > 0) display = props.showCount ? /* @__PURE__ */ jsxs("span", {
-		className: "truncate",
-		children: [
-			selectedMulti.length,
-			" ",
-			selectedMulti.length === 1 ? "selecionado" : "selecionados"
-		]
-	}) : /* @__PURE__ */ jsxs("span", {
-		className: "flex min-w-0 items-center gap-1 overflow-hidden",
-		children: [selectedMulti.slice(0, maxChips).map((v) => /* @__PURE__ */ jsx("span", {
-			className: "max-w-3xs shrink-0 truncate rounded-item bg-primary-soft px-2 py-1 text-xs leading-none font-medium text-primary-soft-foreground",
-			children: byValue(v)?.label ?? v
-		}, v)), selectedMulti.length > maxChips && /* @__PURE__ */ jsxs("span", {
-			className: "shrink-0 rounded-item bg-muted px-2 py-1 text-xs leading-none font-medium",
-			children: ["+", selectedMulti.length - maxChips]
-		})]
-	});
-	const showClear = clearable && hasValue && !disabled;
-	const clear = showClear ? /* @__PURE__ */ jsx("button", {
-		type: "button",
-		"aria-label": "Limpar seleção",
-		className: cn(controlAdornmentButton, "absolute top-1/2 right-8 mr-0 -translate-y-1/2 md:mr-0"),
-		onClick: () => multiple ? commitMulti([]) : commitSingle(null),
-		children: /* @__PURE__ */ jsx(X, { "aria-hidden": true })
-	}) : void 0;
-	const trigger = /* @__PURE__ */ jsxs("button", {
-		ref,
-		id,
-		type: "button",
-		role: "combobox",
-		"aria-expanded": open,
-		"aria-controls": listId,
-		"aria-haspopup": "listbox",
-		"aria-invalid": invalid || void 0,
-		"aria-describedby": props["aria-describedby"],
-		"aria-label": id ? void 0 : label,
-		disabled,
-		"data-rendra": "SEL-001",
-		onKeyDown: (e) => e.stopPropagation(),
-		className: cn(controlFrame({
-			size,
-			invalid
-		}), "cursor-pointer text-left disabled:cursor-not-allowed disabled:opacity-60", className),
-		children: [
-			/* @__PURE__ */ jsx("span", {
-				className: "flex min-w-0 flex-1 items-center",
-				children: display
-			}),
-			showClear && /* @__PURE__ */ jsx("span", {
-				"aria-hidden": true,
-				className: cn("size-control-sm shrink-0 md:size-8", "-mr-1")
-			}),
-			/* @__PURE__ */ jsx(ChevronDown, {
-				"aria-hidden": true,
-				className: cn("size-icon-sm shrink-0 text-muted-foreground transition-transform duration-(--rendra-duration-base) ease-move", open && "rotate-180")
-			})
-		]
-	});
-	const groups = all.reduce((acc, o) => {
-		(acc[o.group ?? ""] ??= []).push(o);
-		return acc;
-	}, {});
-	const q = query.trim().toLowerCase();
-	const showCreate = creatable && q && !all.some((o) => o.label.toLowerCase() === q);
-	const itemClass = "relative flex min-h-touch cursor-pointer items-center gap-3 rounded-item px-3 text-sm outline-none select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 data-[selected=true]:bg-accent md:min-h-0 md:py-2";
-	const checkbox = (checked) => /* @__PURE__ */ jsx("span", {
-		"aria-hidden": true,
-		className: cn("flex size-icon-sm shrink-0 items-center justify-center rounded-item border transition-colors", checked ? "border-primary bg-primary text-primary-foreground" : "border-input bg-card"),
-		children: checked && /* @__PURE__ */ jsx(Check, {
-			className: "size-3",
-			strokeWidth: 3
-		})
-	});
-	const list = /* @__PURE__ */ jsxs(Command.List, {
-		id: listId,
-		"aria-label": label ?? placeholder,
-		children: [
-			busy && /* @__PURE__ */ jsx(Command.Loading, { children: /* @__PURE__ */ jsxs("div", {
-				className: "flex items-center gap-2 px-3 py-4 text-sm text-muted-foreground",
-				children: [/* @__PURE__ */ jsx(Spinner, { size: "sm" }), "Carregando opções..."]
-			}) }),
-			!busy && /* @__PURE__ */ jsx(Command.Empty, {
-				className: "px-3 py-6 text-center text-sm text-muted-foreground",
-				children: emptyText
-			}),
-			showCreate && /* @__PURE__ */ jsxs(Command.Item, {
-				value: `__criar__${query}`,
-				onSelect: create,
-				className: itemClass,
-				children: [/* @__PURE__ */ jsx(Plus, {
-					className: "size-icon-sm shrink-0 text-primary-text",
-					"aria-hidden": true
-				}), /* @__PURE__ */ jsxs("span", {
-					className: "truncate",
-					children: ["Criar ", /* @__PURE__ */ jsxs("strong", {
-						className: "font-semibold",
-						children: [
-							"“",
-							query.trim(),
-							"”"
-						]
-					})]
-				})]
-			}),
-			showSelectAll && !q && enabled.length > 0 && /* @__PURE__ */ jsxs(Command.Item, {
-				value: "__todos__",
-				onSelect: toggleAll,
-				className: cn(itemClass, "font-medium"),
-				children: [checkbox(allSelected), allSelected ? "Desmarcar todos" : "Selecionar todos"]
-			}),
-			Object.entries(groups).map(([group, opts]) => /* @__PURE__ */ jsx(Command.Group, {
-				heading: group || void 0,
-				className: "[&_[cmdk-group-heading]]:px-3 [&_[cmdk-group-heading]]:py-2 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground",
-				children: opts.map((o) => {
-					const checked = multiple ? multiValue.includes(o.value) : selectedSingle === o.value;
-					return /* @__PURE__ */ jsxs(Command.Item, {
-						value: `${o.label} ${o.description ?? ""} ${o.value}`,
-						disabled: o.disabled,
-						onSelect: () => toggle(o.value),
-						"aria-selected": checked,
-						className: itemClass,
-						children: [
-							multiple && checkbox(checked),
-							o.icon && /* @__PURE__ */ jsx("span", {
-								className: "flex shrink-0 [&_svg]:size-icon-sm",
-								children: o.icon
-							}),
-							/* @__PURE__ */ jsxs("span", {
-								className: "flex min-w-0 flex-1 flex-col",
-								children: [/* @__PURE__ */ jsx("span", {
-									className: cn("truncate", checked && !multiple && "font-medium"),
-									children: o.label
-								}), o.description && /* @__PURE__ */ jsx("span", {
-									className: "truncate text-xs text-muted-foreground",
-									children: o.description
-								})]
-							}),
-							!multiple && checked && /* @__PURE__ */ jsx(Check, {
-								className: "size-icon-sm shrink-0 text-primary-text",
-								"aria-hidden": true
-							})
-						]
-					}, o.value);
-				})
-			}, group || "sem-grupo"))
-		]
-	});
-	const search = isSearchable ? /* @__PURE__ */ jsxs("div", {
-		className: cn(controlFrame({ size: "md" }), "bg-background"),
-		children: [/* @__PURE__ */ jsx(Search, {
-			className: "size-icon-sm shrink-0 text-muted-foreground",
-			"aria-hidden": true
-		}), /* @__PURE__ */ jsx(Command.Input, {
-			value: query,
-			onValueChange: setQuery,
-			placeholder: creatable ? "Buscar ou criar..." : "Buscar...",
-			className: "h-full min-w-0 flex-1 bg-transparent outline-none placeholder:text-muted-foreground"
-		})]
-	}) : null;
-	const count = multiValue.length;
-	const footer = multiple && (isMobile || count > 0) ? /* @__PURE__ */ jsxs("div", {
-		className: "grid grid-actions-2 gap-3",
-		children: [/* @__PURE__ */ jsx(Button, {
-			variant: "outline",
-			onClick: () => isMobile ? setDraft([]) : commitMulti([]),
-			disabled: count === 0,
-			children: "Limpar"
-		}), isMobile ? /* @__PURE__ */ jsxs(Button, {
-			onClick: () => {
-				commitMulti(draft);
-				setOpen(false);
-			},
-			children: ["Aplicar", count ? ` (${count})` : ""]
-		}) : /* @__PURE__ */ jsxs(Button, {
-			variant: "secondary",
-			onClick: () => setOpen(false),
-			children: [
-				"Pronto (",
-				count,
-				")"
-			]
-		})]
-	}) : void 0;
-	return /* @__PURE__ */ jsx(Command, {
-		shouldFilter: !loadOptions,
-		loop: true,
-		className: "contents",
-		label: label ?? placeholder,
-		children: /* @__PURE__ */ jsx(PickerPanel, {
-			open,
-			onOpenChange,
-			trigger,
-			adornment: clear,
-			title: label ?? placeholder,
-			header: search,
-			footer,
-			children: list
-		})
-	});
-});
-//#endregion
 //#region src/components/ui/tabs.tsx
 /** Contador de instâncias, só para o `layoutId` do indicador (ver `indicatorId`). */
 var tabsCreated = 0;
@@ -5458,33 +3800,6 @@ function ImageViewer({ images, index, onIndexChange }) {
 	});
 }
 //#endregion
-//#region src/hooks/use-fill-height.ts
-/**
-* Mede o espaço que sobra na área de conteúdo (o <main>) abaixo do elemento e grava em
-* --board-h. Com a classe h-board, o elemento ocupa exatamente essa altura: a página não
-* rola e a rolagem acontece dentro dele (kanban, chat).
-*/
-function useFillHeight() {
-	const ref = useRef(null);
-	useLayoutEffect(() => {
-		const el = ref.current;
-		if (!el) return;
-		const main = el.closest("main");
-		const measure = () => {
-			const h = el.getBoundingClientRect().height;
-			const page = main?.firstElementChild;
-			const room = main && page ? main.clientHeight - (page.getBoundingClientRect().height - h) : window.innerHeight - el.getBoundingClientRect().top;
-			el.style.setProperty("--board-h", `${Math.max(320, Math.floor(room))}px`);
-		};
-		measure();
-		const ro = new ResizeObserver(measure);
-		ro.observe(document.documentElement);
-		if (main) ro.observe(main);
-		return () => ro.disconnect();
-	}, []);
-	return ref;
-}
-//#endregion
 //#region src/components/ui/kanban.tsx
 /** Marca o fim da lista: ao aparecer na rolagem da etapa, pede mais cards. */
 function LoadMore({ onVisible }) {
@@ -5527,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",
@@ -5542,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",
@@ -5564,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",
@@ -5574,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",
@@ -5585,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();
@@ -5653,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) => {
@@ -5742,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;
@@ -5792,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),
@@ -5812,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",
@@ -5880,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", {
@@ -5964,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,
@@ -6000,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) {
@@ -8397,95 +7283,6 @@ var Textarea = forwardRef(function Textarea({ invalid, counter, value, defaultVa
 	});
 });
 //#endregion
-//#region src/components/ui/timeline.tsx
-var dot = {
-	neutral: "bg-muted text-muted-foreground",
-	info: "bg-info-soft text-info-soft-foreground",
-	success: "bg-success-soft text-success-soft-foreground",
-	warning: "bg-warning-soft text-warning-soft-foreground",
-	error: "bg-destructive-soft text-destructive-soft-foreground"
-};
-var statusTone = {
-	succeeded: "success",
-	failed: "error",
-	skipped: "neutral"
-};
-var statusIcon = {
-	succeeded: CheckCircle2,
-	failed: XCircle,
-	skipped: SkipForward
-};
-var statusLabel$1 = {
-	succeeded: "Concluído",
-	failed: "Falhou",
-	skipped: "Ignorado"
-};
-var statusTextTone = {
-	succeeded: "text-success-soft-foreground",
-	failed: "text-destructive-soft-foreground",
-	skipped: "text-muted-foreground"
-};
-/** Linha do tempo única, com eventos em ordem e tom semântico por evento. */
-function Timeline({ events, className }) {
-	const lib = useMotionLib();
-	const on = lib !== null;
-	const presets = useMotionPresets();
-	const Item = on ? lib.m.li : "li";
-	const enter = presets.slide("bottom", "short");
-	return /* @__PURE__ */ jsx("ol", {
-		"data-rendra": "TLN-001",
-		className: cn("@container flex flex-col", className),
-		children: events.map((e, i) => {
-			const StatusIcon = e.status ? statusIcon[e.status] : null;
-			const tone = e.tone ?? (e.status ? statusTone[e.status] : "neutral");
-			return /* @__PURE__ */ jsxs(Item, {
-				className: "relative flex gap-3 pb-6 last:pb-0",
-				...on ? {
-					...enter,
-					transition: {
-						...enter.transition,
-						...presets.stagger(i)
-					}
-				} : {},
-				children: [
-					i < events.length - 1 && /* @__PURE__ */ jsx("span", {
-						"aria-hidden": true,
-						className: "absolute top-8 bottom-0 left-4 w-px -translate-x-1/2 bg-border"
-					}),
-					/* @__PURE__ */ jsx("span", {
-						"aria-hidden": true,
-						className: cn("relative flex size-8 shrink-0 items-center justify-center rounded-full [&_svg]:size-icon-sm", dot[tone]),
-						children: e.icon ?? (StatusIcon && /* @__PURE__ */ jsx(StatusIcon, {})) ?? /* @__PURE__ */ jsx("span", { className: "size-2 rounded-full bg-current" })
-					}),
-					/* @__PURE__ */ jsxs("div", {
-						className: "flex min-w-0 flex-1 flex-col gap-1 pt-1",
-						children: [
-							/* @__PURE__ */ jsxs("div", {
-								className: "flex min-w-0 flex-col gap-1 @sm:flex-row @sm:items-baseline @sm:justify-between @sm:gap-3",
-								children: [/* @__PURE__ */ jsx("span", {
-									className: "text-sm font-medium wrap-break-word",
-									children: e.title
-								}), /* @__PURE__ */ jsx("time", {
-									className: "shrink-0 text-xs text-muted-foreground tabular-nums",
-									children: e.date
-								})]
-							}),
-							e.description && /* @__PURE__ */ jsx("p", {
-								className: "text-sm wrap-break-word text-muted-foreground",
-								children: e.description
-							}),
-							e.status && StatusIcon && /* @__PURE__ */ jsxs("span", {
-								className: cn("inline-flex w-fit items-center gap-1 text-xs font-medium [&_svg]:size-icon-sm", statusTextTone[e.status]),
-								children: [/* @__PURE__ */ jsx(StatusIcon, {}), statusLabel$1[e.status]]
-							})
-						]
-					})
-				]
-			}, e.id);
-		})
-	});
-}
-//#endregion
 //#region src/components/ui/toast.tsx
 var tone = {
 	success: "border-success/25",
@@ -11339,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