@rendra-ui/web 2.5.0 → 2.7.0

package/dist/index.js

@@ -1,23 +1,23 @@
-/*! Rendra Design System v2.5.0 | MIT | © 2026 Bruno Magalhaes | brunomagalhaes.me */
-import { t as cn } from "./cn-Cw7M5kEP.js";
-import { a as getReducedMotion, n as useLayoutReady, o as subscribeReducedMotion, r as useMotionMode, s as usePrefersReducedMotion } from "./motion-context-5BRIQAJm.js";
-import { t as useMotionPresets } from "./use-motion-presets-BrkgL8lG.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-DkpspH9h.js";
-import { n as buttonVariants, r as Spinner, t as Button } from "./button-BzJgR2gH.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-BAMSaGbS.js";
-import { a as BrandContext, i as useBrand, n as BrandFeedbackIcon, r as feedbackLabels, t as EmptyState } from "./empty-state-Cdb1vkMT.js";
-import { a as useRendraNavigate, i as useRendraLink, n as useCurrentPath, r as useRendraBreadcrumbs, t as RendraProvider } from "./rendra-provider-CRe0XdOU.js";
-import { n as useBreakpoint, t as breakpoints } from "./use-breakpoint-O9eqFmsF.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 { AnimatePresence, animate, m, useDragControls, useMotionValue, useTransform } from "motion/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.7.0 | MIT | © 2026 Bruno Magalhaes | brunomagalhaes.me */
+import { t as cn } from "./cn-B0N3Pek0.js";
+import { a as useMotionMode, c as getReducedMotion, i as useMotionLib, l as subscribeReducedMotion, n as useLayoutReady, o as useMotionOn, r as useMotionAdopted, u as usePrefersReducedMotion } from "./motion-context-BUMPf0e9.js";
+import { t as useMotionPresets } from "./use-motion-presets-D3ww1oJX.js";
+import { A as lookupCnpj, B as ActionBar, C as toE164, D as controlInput, E as controlFrame, F as CardHeader, H as useShell, I as CardTitle, L as InfoHint, M as CardContent, N as CardDescription, O as useLookup, P as CardFooter, R as Modal, S as toCents, T as controlAdornmentSpace, V as ShellContext, _ as internationalPhoneMask, a as Label, b as percentMask, c as fieldGridClass, d as Drawer, f as PickerPanel, g as formatCurrency, h as formatCents, i as Field, j as Card, k as lookupCep, l as gapClass, m as DEFAULT_DDI, n as useFillHeight, o as useFieldControl, p as Input, r as Select, s as alignClass, t as Timeline, u as justifyClass, v as masks, w as controlAdornmentButton, x as phoneCountries, y as parseLocaleNumber, z as Alert } from "./timeline-BOh7gUdA.js";
+import { a as catalogByComponent, c as findComponentsWithoutDefault, d as findPresetCollisions, f as getCatalogEntry, i as assertCatalogIntegrity, l as findDuplicateCodes, n as CATALOG_EXCLUDED_FILES, o as filesMissingCatalogEntry, p as resolveCatalogCode, r as COMPONENT_CODE_PATTERN, s as findComponentsWithMultipleDefaults, t as CATALOG, u as findInvalidFormatCodes } from "./components-CpQPMGfT.js";
+import { n as buttonVariants, r as Spinner, t as Button } from "./button-DlzWwpZk.js";
+import { a as DropdownMenuItem, c as DropdownMenuRadioItem, d as DropdownMenuSubContent, f as DropdownMenuSubTrigger, i as DropdownMenuGroup, l as DropdownMenuSeparator, n as DropdownMenuCheckboxItem, o as DropdownMenuLabel, p as DropdownMenuTrigger, r as DropdownMenuContent, s as DropdownMenuRadioGroup, t as DropdownMenu, u as DropdownMenuSub } from "./dropdown-menu-M8vs0byD.js";
+import { i as BrandContext, n as feedbackLabels, r as useBrand, t as BrandFeedbackIcon } from "./brand-feedback-icon-BYNcqBel.js";
+import { a as useRendraNavigate, i as useRendraLink, n as useCurrentPath, r as useRendraBreadcrumbs, t as RendraProvider } from "./rendra-provider-DEURIIL3.js";
+import { n as useBreakpoint, t as breakpoints } from "./use-breakpoint-En17oXKY.js";
+import { t as EmptyState } from "./empty-state-a47Kd_Ci.js";
+import { n as TooltipProvider, t as Tooltip } from "./tooltip-Ym9S4h9_.js";
+import { ArrowDown, ArrowDownRight, ArrowLeft, ArrowRight, ArrowRightLeft, ArrowUp, ArrowUpRight, Bell, Bot, CalendarDays, Check, CheckCheck, ChevronDown, ChevronLeft, ChevronRight, ChevronsUpDown, Clock, Columns3, Download, EllipsisVertical, FileText, Film, Filter, Globe, GripVertical, Home, ImageIcon, ImagePlus, LayoutTemplate, LogOut, Mail, MapPin, Menu, MessageCircle, MessagesSquare, Mic, Minus, Monitor, Moon, MoreHorizontal, Palette, PanelLeft, Paperclip, Pause, Pencil, Phone, Play, Plus, Reply, RotateCw, Search, Send, Smartphone, Smile, Star, Sun, Trash2, TriangleAlert, UploadCloud, User, VideoIcon, X, Zap } from "lucide-react";
+import { Accordion as Accordion$1, Avatar as Avatar$1, Checkbox as Checkbox$1, Collapsible, ContextMenu, Dialog, NavigationMenu, Popover as Popover$1, Progress as Progress$1, RadioGroup as RadioGroup$1, Slider as Slider$1, Slot, Switch as Switch$1, Tabs as Tabs$1, VisuallyHidden } from "radix-ui";
+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 { 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";
@@ -74,10 +74,10 @@ function formatLike(parsed, n) {
 //#region src/components/ui/accordion.tsx
 /** Accordion único, com animação de altura e área de toque de 44px no mobile. */
 function Accordion({ items, multiple, defaultValue, className }) {
-	const motion = useMotionMode();
+	const lib = useMotionLib();
 	const presets = useMotionPresets();
 	const [open, setOpen] = useState(multiple ? defaultValue ?? [] : defaultValue?.[0] ? [defaultValue[0]] : []);
-	if (motion === "on") {
+	if (lib) {
 		const rootProps = multiple ? {
 			type: "multiple",
 			value: open,
@@ -100,19 +100,19 @@ function Accordion({ items, multiple, defaultValue, className }) {
 					className: "border-b last:border-b-0",
 					children: [/* @__PURE__ */ jsx(Accordion$1.Header, { children: /* @__PURE__ */ jsxs(Accordion$1.Trigger, {
 						className: "group flex min-h-touch w-full cursor-pointer items-center justify-between gap-4 py-4 text-left text-sm font-medium transition-colors hover:text-primary-text disabled:cursor-not-allowed disabled:opacity-50 md:min-h-0",
-						children: [it.title, /* @__PURE__ */ jsx(m.span, {
+						children: [it.title, /* @__PURE__ */ jsx(lib.m.span, {
 							"aria-hidden": true,
 							className: "flex shrink-0",
 							animate: { rotate: isOpen ? 180 : 0 },
 							transition: presets.fade.transition,
 							children: /* @__PURE__ */ jsx(ChevronDown, { className: "size-icon-sm text-muted-foreground" })
 						})]
-					}) }), /* @__PURE__ */ jsx(AnimatePresence, {
+					}) }), /* @__PURE__ */ jsx(lib.AnimatePresence, {
 						initial: false,
 						children: isOpen && /* @__PURE__ */ jsx(Accordion$1.Content, {
 							forceMount: true,
 							asChild: true,
-							children: /* @__PURE__ */ jsx(m.div, {
+							children: /* @__PURE__ */ jsx(lib.m.div, {
 								className: "overflow-hidden text-sm wrap-break-word text-muted-foreground",
 								initial: {
 									height: 0,
@@ -172,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) {
@@ -618,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 motion = useMotionMode();
-	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 (motion === "on") return /* @__PURE__ */ jsx(Dialog.Root, {
-		open,
-		onOpenChange,
-		children: /* @__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: overlayCls$1,
-					...presets.fade
-				})
-			}), /* @__PURE__ */ jsx(Dialog.Content, {
-				forceMount: true,
-				asChild: true,
-				"data-rendra": code,
-				className: cn(contentCls, sizeCls),
-				children: /* @__PURE__ */ jsx(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",
@@ -1314,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 }) {
@@ -1908,10 +958,10 @@ var PopoverClose = Popover$1.Close;
 var PopoverAnchor = Popover$1.Anchor;
 function PopoverContent({ className, align = "center", sideOffset = 8, width = "md", children, asChild, ...props }) {
 	const open = useContext(PopoverOpenContext);
-	const motion = useMotionMode();
+	const lib = useMotionLib();
 	const presets = useMotionPresets();
 	const base = cn("z-50 origin-(--radix-popover-content-transform-origin) rounded-surface border bg-popover text-popover-foreground shadow-md outline-none", width === "sm" ? "w-popover-sm" : "w-popover");
-	if (motion === "on" && open !== null && !asChild) return /* @__PURE__ */ jsx(AnimatePresence, { children: open && /* @__PURE__ */ jsx(Popover$1.Portal, {
+	if (lib && open !== null && !asChild) return /* @__PURE__ */ jsx(lib.AnimatePresence, { children: open && /* @__PURE__ */ jsx(Popover$1.Portal, {
 		forceMount: true,
 		children: /* @__PURE__ */ jsx(Popover$1.Content, {
 			forceMount: true,
@@ -1922,7 +972,7 @@ function PopoverContent({ className, align = "center", sideOffset = 8, width = "
 			"data-rendra": "POP-001",
 			className: cn(base, className),
 			...props,
-			children: /* @__PURE__ */ jsx(m.div, {
+			children: /* @__PURE__ */ jsx(lib.m.div, {
 				...presets.open(),
 				children
 			})
@@ -3029,7 +2079,8 @@ function QuickReplyList({ items, onPick }) {
 function Checkbox({ checked, defaultChecked, onCheckedChange, label, description, disabled, invalid, id, name, className, ...aria }) {
 	const auto = useId();
 	const cid = id ?? `cb${auto}`;
-	const on = useMotionMode() === "on";
+	const lib = useMotionLib();
+	const on = lib !== null;
 	const presets = useMotionPresets();
 	const [inner, setInner] = useState(defaultChecked ?? false);
 	const state = checked ?? inner;
@@ -3060,16 +2111,16 @@ function Checkbox({ checked, defaultChecked, onCheckedChange, label, description
 	const box = on ? /* @__PURE__ */ jsx(Checkbox$1.Root, {
 		asChild: true,
 		...rootProps,
-		children: /* @__PURE__ */ jsx(m.button, {
+		children: /* @__PURE__ */ jsx(lib.m.button, {
 			type: "button",
 			whileTap: presets.press.whileTap,
 			transition: presets.press.transition,
-			children: /* @__PURE__ */ jsx(AnimatePresence, {
+			children: /* @__PURE__ */ jsx(lib.AnimatePresence, {
 				initial: false,
 				children: state !== false && /* @__PURE__ */ jsx(Checkbox$1.Indicator, {
 					forceMount: true,
 					asChild: true,
-					children: /* @__PURE__ */ jsx(m.span, {
+					children: /* @__PURE__ */ jsx(lib.m.span, {
 						className: "flex items-center justify-center",
 						...presets.indicator,
 						children: mark
@@ -3429,270 +2480,57 @@ function createPalette(seeds) {
 			"--rendra-muted-foreground": reach(mix(fgD, mutedD, .35), mutedD, 4.5, "light"),
 			"--rendra-border": mix(cardD, WHITE$1, .12),
 			"--rendra-input": reach(mix(cardD, WHITE$1, .32), cardD, 3, "light"),
-			"--rendra-field": mix(g2, BLACK$1, .1),
-			"--rendra-overlay": alpha(mix(g2, BLACK$1, .6), .7),
-			...brandDark,
-			"--rendra-primary-soft": softD,
-			"--rendra-primary-soft-foreground": reach(mix(P, WHITE$1, .45), softD, 4.5, "light"),
-			"--rendra-primary-text": textD,
-			"--rendra-ring": textD,
-			"--rendra-accent": mix(cardD, WHITE$1, .06),
-			"--rendra-accent-foreground": fgD,
-			...sidebar,
-			"--rendra-sidebar": mix(g2, BLACK$1, .1),
-			"--rendra-gradient-soft": `linear-gradient(135deg, ${softD} 0%, ${cardD} 65%)`,
-			"--rendra-chart-1": reach(P, cardD, 3, "light"),
-			"--rendra-chart-2": reach(S, cardD, 3, "light"),
-			"--rendra-chart-3": mix(P, WHITE$1, .45),
-			"--rendra-chart-4": mix(P, WHITE$1, .72),
-			"--rendra-chart-5": reach(mix(S, WHITE$1, .3), cardD, 3, "light"),
-			"--rendra-shadow-color": "0 0 0"
-		},
-		sidebarLogo: sidebarDark ? "dark" : "light",
-		adjustments: notes
-	};
-}
-var block$1 = (selector, vars) => `${selector} {\n${Object.entries(vars).map(([k, v]) => `  ${k}: ${v};`).join("\n")}\n}\n`;
-/**
-* CSS da paleta. `isDefault` também aplica a paleta quando o <html> ainda não tem
-* data-palette (primeira pintura).
-*/
-function paletteCss(palette, isDefault = false) {
-	const id = palette.seeds.id;
-	const light = isDefault ? `:root:not([data-palette]),\n:root[data-palette='${id}']` : `:root[data-palette='${id}']`;
-	const dark = isDefault ? `:root:not([data-palette]).dark,\n:root[data-palette='${id}'].dark` : `:root[data-palette='${id}'].dark`;
-	const notes = palette.adjustments.length ? `/* Ajustes de contraste: ${palette.adjustments.join("; ")}. */\n` : "";
-	return `/* ${palette.seeds.name} */\n${notes}${block$1(light, palette.light)}\n${block$1(dark, palette.dark)}`;
-}
-/**
-* White label em tempo de execução: gera a paleta de um cliente e a injeta na página
-* (um <style> por paleta), sem build. Depois é só usar data-palette com o id dela.
-* Devolve a paleta gerada, com os ajustes de contraste feitos.
-*/
-function applyPalette(seeds, doc = document) {
-	const palette = createPalette(seeds);
-	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 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 motion = useMotionMode();
-	const presets = useMotionPresets();
-	const on = motion === "on";
-	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(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(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
-		}) })]
-	});
+			"--rendra-field": mix(g2, BLACK$1, .1),
+			"--rendra-overlay": alpha(mix(g2, BLACK$1, .6), .7),
+			...brandDark,
+			"--rendra-primary-soft": softD,
+			"--rendra-primary-soft-foreground": reach(mix(P, WHITE$1, .45), softD, 4.5, "light"),
+			"--rendra-primary-text": textD,
+			"--rendra-ring": textD,
+			"--rendra-accent": mix(cardD, WHITE$1, .06),
+			"--rendra-accent-foreground": fgD,
+			...sidebar,
+			"--rendra-sidebar": mix(g2, BLACK$1, .1),
+			"--rendra-gradient-soft": `linear-gradient(135deg, ${softD} 0%, ${cardD} 65%)`,
+			"--rendra-chart-1": reach(P, cardD, 3, "light"),
+			"--rendra-chart-2": reach(S, cardD, 3, "light"),
+			"--rendra-chart-3": mix(P, WHITE$1, .45),
+			"--rendra-chart-4": mix(P, WHITE$1, .72),
+			"--rendra-chart-5": reach(mix(S, WHITE$1, .3), cardD, 3, "light"),
+			"--rendra-shadow-color": "0 0 0"
+		},
+		sidebarLogo: sidebarDark ? "dark" : "light",
+		adjustments: notes
+	};
+}
+var block$1 = (selector, vars) => `${selector} {\n${Object.entries(vars).map(([k, v]) => `  ${k}: ${v};`).join("\n")}\n}\n`;
+/**
+* CSS da paleta. `isDefault` também aplica a paleta quando o <html> ainda não tem
+* data-palette (primeira pintura).
+*/
+function paletteCss(palette, isDefault = false) {
+	const id = palette.seeds.id;
+	const light = isDefault ? `:root:not([data-palette]),\n:root[data-palette='${id}']` : `:root[data-palette='${id}']`;
+	const dark = isDefault ? `:root:not([data-palette]).dark,\n:root[data-palette='${id}'].dark` : `:root[data-palette='${id}'].dark`;
+	const notes = palette.adjustments.length ? `/* Ajustes de contraste: ${palette.adjustments.join("; ")}. */\n` : "";
+	return `/* ${palette.seeds.name} */\n${notes}${block$1(light, palette.light)}\n${block$1(dark, palette.dark)}`;
+}
+/**
+* White label em tempo de execução: gera a paleta de um cliente e a injeta na página
+* (um <style> por paleta), sem build. Depois é só usar data-palette com o id dela.
+* Devolve a paleta gerada, com os ajustes de contraste feitos.
+*/
+function applyPalette(seeds, doc = document) {
+	const palette = createPalette(seeds);
+	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/color-picker.tsx
@@ -3789,93 +2627,17 @@ 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 motion = useMotionMode();
-	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: motion === "on" ? /* @__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: 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(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 }) {
 	const auto = useId();
 	const sid = id ?? `sw${auto}`;
-	const motion = useMotionMode();
+	const lib = useMotionLib();
 	const presets = useMotionPresets();
 	const rootCls = "relative inline-flex h-6 w-12 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent bg-input transition-colors disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary max-md:before:absolute max-md:before:-inset-3";
-	const thumbCls = cn("pointer-events-none block size-icon-md rounded-full bg-card shadow-sm duration-(--rendra-duration-base) ease-move data-[state=checked]:translate-x-6", motion === "on" ? "transition-[translate]" : "transition-transform");
+	const thumbCls = cn("pointer-events-none block size-icon-md rounded-full bg-card shadow-sm duration-(--rendra-duration-base) ease-move data-[state=checked]:translate-x-6", lib ? "transition-[translate]" : "transition-transform");
 	const tap = presets.tap;
-	const control = motion === "on" ? /* @__PURE__ */ jsx(Switch$1.Root, {
+	const control = lib ? /* @__PURE__ */ jsx(Switch$1.Root, {
 		asChild: true,
 		id: sid,
 		name,
@@ -3886,7 +2648,7 @@ function Switch({ checked, defaultChecked, onCheckedChange, label, description,
 		"aria-label": aria["aria-label"],
 		"data-touch": "expanded",
 		"data-rendra": "SWT-001",
-		children: /* @__PURE__ */ jsx(m.button, {
+		children: /* @__PURE__ */ jsx(lib.m.button, {
 			type: "button",
 			className: rootCls,
 			initial: "rest",
@@ -3894,7 +2656,7 @@ function Switch({ checked, defaultChecked, onCheckedChange, label, description,
 			whileTap: tap ? "tap" : void 0,
 			children: /* @__PURE__ */ jsx(Switch$1.Thumb, {
 				asChild: true,
-				children: /* @__PURE__ */ jsx(m.span, {
+				children: /* @__PURE__ */ jsx(lib.m.span, {
 					className: thumbCls,
 					variants: {
 						rest: { scale: 1 },
@@ -4086,121 +2848,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");
@@ -4583,318 +3230,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;
@@ -4924,6 +3259,7 @@ function Tabs({ items, value, defaultValue, onChange, variant = "line", classNam
 	}, [items, variant]);
 	const presets = useMotionPresets();
 	const on = useLayoutReady();
+	const lib = useMotionLib();
 	const listRef = useRef(null);
 	const [clip, setClip] = useState({
 		l: 0,
@@ -4955,7 +3291,7 @@ function Tabs({ items, value, defaultValue, onChange, variant = "line", classNam
 	]);
 	const [indicatorId] = useState(() => `rendra-tabs-${++tabsCreated}`);
 	const trigger = cn("inline-flex min-h-touch shrink-0 cursor-pointer items-center justify-center gap-2 px-3 text-sm font-medium whitespace-nowrap transition-colors outline-none disabled:cursor-not-allowed disabled:opacity-50 md:min-h-0 [&_svg]:size-icon-sm", variant === "line" ? on ? "relative -mb-px border-b-2 border-transparent py-3 text-muted-foreground hover:text-foreground" : "-mb-px border-b-2 border-transparent py-3 text-muted-foreground hover:text-foreground data-[state=active]:border-primary data-[state=active]:text-foreground" : on ? "relative isolate rounded-item py-2 text-muted-foreground hover:bg-card/60 hover:text-foreground" : "rounded-item py-2 text-muted-foreground hover:bg-card/60 hover:text-foreground data-[state=active]:bg-card data-[state=active]:text-foreground data-[state=active]:shadow-sm");
-	const indicator = /* @__PURE__ */ jsx(m.span, {
+	const indicator = lib && /* @__PURE__ */ jsx(lib.m.span, {
 		layoutId: indicatorId,
 		"data-indicator": "tabs",
 		"aria-hidden": true,
@@ -5456,33 +3792,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 }) {
@@ -5630,6 +3939,7 @@ function Kanban({ columns, cards, onCardMove, onCardClick, onAddCard, renderCard
 	const code = resolveCatalogCode("Kanban", { hasDropTargets: Boolean(dropTargets?.length) });
 	const { isMobile } = useBreakpoint();
 	const motion = useMotionMode();
+	const lib = useMotionLib();
 	const ready = useLayoutReady();
 	const presets = useMotionPresets();
 	const [boardId] = useState(() => `rendra-kanban-${++boardsCreated}`);
@@ -5846,13 +4156,13 @@ function Kanban({ columns, cards, onCardMove, onCardClick, onAddCard, renderCard
 				children: moveMenu(card)
 			})
 		] });
-		if (motion === "on") {
+		if (lib) {
 			const layout = layoutEnabled({
 				mode: motion,
 				ready,
 				dragging: touchDrag !== null
 			});
-			return /* @__PURE__ */ jsx(m.li, {
+			return /* @__PURE__ */ jsx(lib.m.li, {
 				ref: (el) => {
 					if (!el) return;
 					const onStart = (e) => dragStart(e.dataTransfer);
@@ -6080,9 +4390,10 @@ function List({ items, divided = true, empty, className, onReorder, itemLabel =
 	});
 	const sortableEnabled = Boolean(onReorder);
 	const motion = useMotionMode();
+	const lib = useMotionLib();
 	const ready = useLayoutReady();
 	const presets = useMotionPresets();
-	const Item = motion === "on" ? m.li : "li";
+	const Item = lib ? lib.m.li : "li";
 	const itemMotion = motion === "on" ? {
 		layout: layoutEnabled({
 			mode: motion,
@@ -6163,9 +4474,10 @@ function List({ items, divided = true, empty, className, onReorder, itemLabel =
 */
 function OtpInput({ length = 6, value, onChange, onComplete, invalid, disabled, id, ...aria }) {
 	const refs = useRef([]);
-	const on = useMotionMode() === "on";
+	const lib = useMotionLib();
+	const on = lib !== null;
 	const presets = useMotionPresets();
-	const Cell = on ? m.input : "input";
+	const Cell = on ? lib.m.input : "input";
 	const digits = Array.from({ length }, (_, i) => value[i] ?? "");
 	const set = (next) => {
 		const clean = next.replace(/\D/g, "").slice(0, length);
@@ -7220,16 +5532,17 @@ var cols = {
 * O item do Radix. Em `on` ele é um `m.button` (asChild) que responde ao toque (whileTap 0,97,
 * em `press`); em `off` é o `R.Item` de sempre, sem nó novo.
 */
-function Item({ on, children, ...props }) {
+function Item({ children, ...props }) {
 	const presets = useMotionPresets();
-	if (!on) return /* @__PURE__ */ jsx(RadioGroup$1.Item, {
+	const lib = useMotionLib();
+	if (!lib) return /* @__PURE__ */ jsx(RadioGroup$1.Item, {
 		...props,
 		children
 	});
 	return /* @__PURE__ */ jsx(RadioGroup$1.Item, {
 		asChild: true,
 		...props,
-		children: /* @__PURE__ */ jsx(m.button, {
+		children: /* @__PURE__ */ jsx(lib.m.button, {
 			type: "button",
 			whileTap: presets.press.whileTap,
 			transition: presets.press.transition,
@@ -7239,14 +5552,15 @@ function Item({ on, children, ...props }) {
 }
 /** Radio único: em lista ou em cards, por prop. */
 function RadioGroup({ options, value, defaultValue, onChange, variant = "list", columns = 2, orientation = "vertical", invalid, disabled, id, name, ...aria }) {
-	const on = useMotionMode() === "on";
+	const lib = useMotionLib();
+	const on = lib !== null;
 	const presets = useMotionPresets();
 	const [inner, setInner] = useState(defaultValue);
 	const current = value ?? inner;
 	const dotFor = (optionValue) => /* @__PURE__ */ jsx("span", {
 		"aria-hidden": true,
 		className: cn("flex size-icon-md shrink-0 items-center justify-center rounded-full border border-input bg-card transition-colors group-data-[state=checked]:border-primary", invalid && "border-destructive"),
-		children: on ? /* @__PURE__ */ jsx(m.span, {
+		children: on ? /* @__PURE__ */ jsx(lib.m.span, {
 			className: "size-2 rounded-full bg-primary",
 			initial: false,
 			animate: current === optionValue ? presets.indicator.animate : presets.indicator.initial,
@@ -7269,7 +5583,6 @@ function RadioGroup({ options, value, defaultValue, onChange, variant = "list",
 		"data-rendra": resolveCatalogCode("RadioGroup", { variant }),
 		className: cn(variant === "cards" ? cn("grid grid-cols-1 gap-3", cols[columns]) : orientation === "horizontal" ? "flex flex-col sm:flex-row sm:flex-wrap sm:gap-x-6" : "flex flex-col"),
 		children: options.map((o) => variant === "cards" ? /* @__PURE__ */ jsxs(Item, {
-			on,
 			value: o.value,
 			disabled: o.disabled,
 			className: cn("group relative flex cursor-pointer items-start gap-3 rounded-control border bg-card p-4 text-left transition-[border-color,box-shadow,background-color]", "hover:border-primary data-[state=checked]:border-primary data-[state=checked]:bg-primary-soft data-[state=checked]:ring-1 data-[state=checked]:ring-primary", "disabled:cursor-not-allowed disabled:opacity-50", invalid && "border-destructive"),
@@ -7293,7 +5606,6 @@ function RadioGroup({ options, value, defaultValue, onChange, variant = "list",
 		}, o.value) : /* @__PURE__ */ jsxs("label", {
 			className: cn("flex min-h-touch cursor-pointer items-start gap-3 py-3 md:min-h-0 md:py-1", o.disabled && "cursor-not-allowed opacity-60"),
 			children: [/* @__PURE__ */ jsx(Item, {
-				on,
 				value: o.value,
 				disabled: o.disabled,
 				className: "group flex pt-px outline-none focus-visible:[&>span]:focus-ring",
@@ -7551,11 +5863,14 @@ function Skeleton({ className, ...props }) {
 //#region src/components/ui/stat-card.tsx
 /** Contagem de 0 até o valor, com o formato do texto original; no fim mostra o `value` exato. */
 function Counter({ parsed, value }) {
+	const { animate, m, useMotionValue, useTransform } = useMotionOn();
 	const presets = useMotionPresets();
-	const progress = useMotionValue(0);
+	const [skip] = useState(useMotionAdopted());
+	const progress = useMotionValue(skip ? parsed.value : 0);
 	const text = useTransform(progress, (n) => formatLike(parsed, n));
-	const [done, setDone] = useState(false);
+	const [done, setDone] = useState(skip);
 	useEffect(() => {
+		if (skip) return;
 		const controls = animate(progress, parsed.value, {
 			duration: presets.tokens.reveal.count,
 			ease: presets.tokens.ease.out,
@@ -7563,9 +5878,11 @@ function Counter({ parsed, value }) {
 		});
 		return () => controls.stop();
 	}, [
+		animate,
 		progress,
 		parsed.value,
-		presets.tokens
+		presets.tokens,
+		skip
 	]);
 	return /* @__PURE__ */ jsx(m.span, {
 		...presets.fade,
@@ -7578,11 +5895,11 @@ function Counter({ parsed, value }) {
 * o valor final aparece direto.
 */
 function StatValue({ value }) {
-	const motion = useMotionMode();
+	const lib = useMotionLib();
 	const presets = useMotionPresets();
 	const parsed = useMemo(() => parseLocaleNumber$1(value), [value]);
-	if (motion !== "on") return /* @__PURE__ */ jsx(Fragment$1, { children: value });
-	if (!parsed || presets.reduced) return /* @__PURE__ */ jsx(m.span, {
+	if (!lib) return /* @__PURE__ */ jsx(Fragment$1, { children: value });
+	if (!parsed || presets.reduced) return /* @__PURE__ */ jsx(lib.m.span, {
 		...presets.fade,
 		children: value
 	});
@@ -7783,7 +6100,7 @@ var tableFeatureSet = tableFeatures({
 * conteúdo fechado sai do DOM; em `off` é o Collapsible de sempre, com as animações em CSS.
 */
 function MobileDetails({ children }) {
-	const motion = useMotionMode();
+	const lib = useMotionLib();
 	const presets = useMotionPresets();
 	const [open, setOpen] = useState(false);
 	const trigger = /* @__PURE__ */ jsxs(Collapsible.Trigger, {
@@ -7803,15 +6120,15 @@ function MobileDetails({ children }) {
 			})
 		]
 	});
-	if (motion === "on") return /* @__PURE__ */ jsxs(Collapsible.Root, {
+	if (lib) return /* @__PURE__ */ jsxs(Collapsible.Root, {
 		open,
 		onOpenChange: setOpen,
-		children: [trigger, /* @__PURE__ */ jsx(AnimatePresence, {
+		children: [trigger, /* @__PURE__ */ jsx(lib.AnimatePresence, {
 			initial: false,
 			children: open && /* @__PURE__ */ jsx(Collapsible.Content, {
 				forceMount: true,
 				asChild: true,
-				children: /* @__PURE__ */ jsx(m.div, {
+				children: /* @__PURE__ */ jsx(lib.m.div, {
 					className: "overflow-hidden",
 					initial: {
 						height: 0,
@@ -7838,7 +6155,8 @@ function MobileDetails({ children }) {
 }
 function Table({ data: dataProp, source, queryKey = "", columns: columnsProp, statusLast = true, getRowId, selectable, expandable, sortable = true, globalFilter, columnVisibility, bulkActions, bulkMenu, rowActions, density = "default", loading, error, onRetry, empty, pageSize: pageSizeProp = 15, mobilePagination = "pages", toolbar, ...aria }) {
 	const { isMobile } = useBreakpoint();
-	const on = useMotionMode() === "on";
+	const lib = useMotionLib();
+	const on = lib !== null;
 	const presets = useMotionPresets();
 	const columns = useMemo(() => statusLast ? [...columnsProp.filter((c) => c.kind !== "badge"), ...columnsProp.filter((c) => c.kind === "badge")] : columnsProp, [columnsProp, statusLast]);
 	const [sorting, setSorting] = useState([]);
@@ -8259,14 +6577,14 @@ function Table({ data: dataProp, source, queryKey = "", columns: columnsProp, st
 								children: expandable(row)
 							})
 						}),
-						expandable && on && /* @__PURE__ */ jsx(AnimatePresence, {
+						expandable && on && /* @__PURE__ */ jsx(lib.AnimatePresence, {
 							initial: false,
 							children: r.getIsExpanded() && /* @__PURE__ */ jsx("tr", {
 								className: "bg-muted/30",
 								children: /* @__PURE__ */ jsx("td", {
 									colSpan: visibleCols.length + (selectable ? 1 : 0) + 1 + (rowActions ? 1 : 0),
 									className: "px-4",
-									children: /* @__PURE__ */ jsx(m.div, {
+									children: /* @__PURE__ */ jsx(lib.m.div, {
 										className: "overflow-hidden",
 										initial: {
 											height: 0,
@@ -8386,94 +6704,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 on = useMotionMode() === "on";
-	const presets = useMotionPresets();
-	const Item = on ? 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",
@@ -8680,9 +6910,10 @@ function Upload({ accept, multiple = true, maxSizeMb = 10, onUpload, onChange, h
 		}
 	});
 	const motion = useMotionMode();
+	const lib = useMotionLib();
 	const ready = useLayoutReady();
 	const presets = useMotionPresets();
-	const Item = motion === "on" ? m.li : "li";
+	const Item = lib ? lib.m.li : "li";
 	const itemMotion = motion === "on" ? {
 		...presets.fade,
 		layout: layoutEnabled({
@@ -8695,7 +6926,7 @@ function Upload({ accept, multiple = true, maxSizeMb = 10, onUpload, onChange, h
 			layout: presets.move
 		}
 	} : {};
-	const animated = (nodes) => motion === "on" ? /* @__PURE__ */ jsx(AnimatePresence, {
+	const animated = (nodes) => lib ? /* @__PURE__ */ jsx(lib.AnimatePresence, {
 		mode: "popLayout",
 		initial: false,
 		children: nodes
@@ -8944,7 +7175,7 @@ var statusLabel = {
 */
 function Stepper({ steps, current, errors = [], orientation = "horizontal", onStepClick, className }) {
 	const step = steps[current];
-	const motion = useMotionMode();
+	const lib = useMotionLib();
 	const presets = useMotionPresets();
 	return /* @__PURE__ */ jsxs("div", {
 		"data-rendra": "WIZ-002",
@@ -8985,7 +7216,7 @@ function Stepper({ steps, current, errors = [], orientation = "horizontal", onSt
 				const clickable = onStepClick && st === "complete";
 				const circle = /* @__PURE__ */ jsx("span", {
 					className: cn("flex size-8 shrink-0 items-center justify-center rounded-full border-2 text-sm font-semibold tabular-nums transition-colors", st === "complete" && "border-primary bg-primary text-primary-foreground", st === "current" && "border-primary bg-card text-primary-text", st === "pending" && "border-border bg-card text-muted-foreground", st === "error" && "border-destructive bg-destructive text-destructive-foreground"),
-					children: st === "complete" ? motion === "on" ? /* @__PURE__ */ jsx(m.span, {
+					children: st === "complete" ? lib ? /* @__PURE__ */ jsx(lib.m.span, {
 						className: "flex",
 						...presets.pop,
 						children: /* @__PURE__ */ jsx(Check, {
@@ -9075,17 +7306,17 @@ function Wizard({ steps, children, onValidateStep, onFinish, onCancel, cancelLab
 		setCurrent((c) => c + 1);
 		onSkip?.();
 	};
-	const motion = useMotionMode();
+	const lib = useMotionLib();
 	const presets = useMotionPresets();
 	const previous = useRef(current);
 	const direction = current >= previous.current ? 1 : -1;
 	previous.current = current;
-	const body = motion === "on" ? /* @__PURE__ */ jsx("div", {
+	const body = lib ? /* @__PURE__ */ jsx("div", {
 		className: "relative flex min-w-0 flex-col gap-6",
-		children: /* @__PURE__ */ jsx(AnimatePresence, {
+		children: /* @__PURE__ */ jsx(lib.AnimatePresence, {
 			mode: "popLayout",
 			initial: false,
-			children: /* @__PURE__ */ jsx(m.div, {
+			children: /* @__PURE__ */ jsx(lib.m.div, {
 				...presets.swap(direction),
 				className: "flex min-w-0 flex-col gap-6",
 				children: children[current]