@rendra-ui/web 2.7.0 → 2.9.0

package/dist/{timeline-BOh7gUdA.js → toast-C7qYslCp.js}

@@ -1,20 +1,21 @@
-/*! Rendra Design System v2.7.0 | MIT | © 2026 Bruno Magalhaes | brunomagalhaes.me */
-import { t as cn } from "./cn-B0N3Pek0.js";
-import { i as useMotionLib, n as useLayoutReady, o as useMotionOn } from "./motion-context-BUMPf0e9.js";
-import { t as useMotionPresets } from "./use-motion-presets-D3ww1oJX.js";
-import { p as resolveCatalogCode } from "./components-CpQPMGfT.js";
-import { r as Spinner, t as Button } from "./button-DlzWwpZk.js";
-import { a as DropdownMenuItem, p as DropdownMenuTrigger, r as DropdownMenuContent, t as DropdownMenu$1 } from "./dropdown-menu-M8vs0byD.js";
-import { r as useBrand, t as BrandFeedbackIcon } from "./brand-feedback-icon-BYNcqBel.js";
-import { n as useBreakpoint } from "./use-breakpoint-En17oXKY.js";
-import { Check, CheckCircle2, ChevronDown, Eye, EyeOff, Info, MoreHorizontal, Plus, Search, SkipForward, X, XCircle } from "lucide-react";
-import { Dialog, Label, Popover } from "radix-ui";
+/*! Rendra Design System v2.9.0 | MIT | © 2026 Bruno Magalhaes | brunomagalhaes.me */
+import { t as cn } from "./cn-CpdCvlkP.js";
+import { i as useMotionLib, n as useLayoutReady, o as useMotionOn } from "./motion-context-DWFl2xRr.js";
+import { t as useMotionPresets } from "./use-motion-presets-CmMLBQLI.js";
+import { p as resolveCatalogCode } from "./components-Bus_Jh2R.js";
+import { r as Spinner, t as Button } from "./button-BcCBrlnt.js";
+import { a as DropdownMenuItem, p as DropdownMenuTrigger, r as DropdownMenuContent, t as DropdownMenu$1 } from "./dropdown-menu-B3L1XSDf.js";
+import { i as useBrand, n as BrandFeedbackIcon } from "./empty-state-Bcx4M0Me.js";
+import { n as useBreakpoint } from "./use-breakpoint-BGmY3ir-.js";
+import { Check, CheckCircle2, ChevronDown, Eye, EyeOff, Info, Minus, MoreHorizontal, Plus, Search, SkipForward, X, XCircle } from "lucide-react";
+import { Checkbox, Dialog, Label, Popover, RadioGroup, Tabs } from "radix-ui";
 import { cloneElement, createContext, forwardRef, isValidElement, useContext, useEffect, useId, useImperativeHandle, useLayoutEffect, useMemo, useRef, useState } 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 IMask from "imask";
 import { Command } from "cmdk";
+import { Toaster, toast } from "sonner";
 //#region src/components/app-shell/shell-context.ts
 var ShellContext = createContext(null);
 function useShell() {
@@ -329,73 +330,6 @@ function InfoHint({ title, children, className }) {
 	});
 }
 //#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/lib/lookup.ts
 var digits = (v) => v.replace(/\D/g, "");
 /** Endereço do CEP (8 dígitos). null se não existir; lança erro se a busca falhar. */
@@ -965,6 +899,124 @@ var Input = forwardRef(function Input({ size, mask, icon, suffix, clearable, inv
 	});
 });
 //#endregion
+//#region src/components/ui/checkbox.tsx
+/**
+* Checkbox único, com estado indeterminado (checked="indeterminate").
+* Com label, a linha inteira é área de toque de 44px no mobile.
+*/
+function Checkbox$1({ checked, defaultChecked, onCheckedChange, label, description, disabled, invalid, id, name, className, ...aria }) {
+	const auto = useId();
+	const cid = id ?? `cb${auto}`;
+	const lib = useMotionLib();
+	const on = lib !== null;
+	const presets = useMotionPresets();
+	const [inner, setInner] = useState(defaultChecked ?? false);
+	const state = checked ?? inner;
+	const mark = checked === "indeterminate" ? /* @__PURE__ */ jsx(Minus, {
+		className: "size-3",
+		strokeWidth: 3,
+		"aria-hidden": true
+	}) : /* @__PURE__ */ jsx(Check, {
+		className: "size-3",
+		strokeWidth: 3,
+		"aria-hidden": true
+	});
+	const rootProps = {
+		id: cid,
+		name,
+		checked: on ? state : checked,
+		defaultChecked: on ? void 0 : defaultChecked,
+		onCheckedChange: (v) => {
+			if (on) setInner(v);
+			onCheckedChange?.(v === true);
+		},
+		disabled,
+		"aria-invalid": invalid || void 0,
+		"aria-label": aria["aria-label"],
+		"data-touch": label ? void 0 : "expanded",
+		className: cn("peer relative flex size-icon-md shrink-0 cursor-pointer items-center justify-center rounded-item border border-input bg-card transition-colors", "hover:border-primary data-[state=checked]:border-primary data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground data-[state=indeterminate]:border-primary data-[state=indeterminate]:bg-primary data-[state=indeterminate]:text-primary-foreground", "disabled:cursor-not-allowed disabled:opacity-50", invalid && "border-destructive", !label && "before:absolute before:-inset-3 md:before:hidden")
+	};
+	const box = on ? /* @__PURE__ */ jsx(Checkbox.Root, {
+		asChild: true,
+		...rootProps,
+		children: /* @__PURE__ */ jsx(lib.m.button, {
+			type: "button",
+			whileTap: presets.press.whileTap,
+			transition: presets.press.transition,
+			children: /* @__PURE__ */ jsx(lib.AnimatePresence, {
+				initial: false,
+				children: state !== false && /* @__PURE__ */ jsx(Checkbox.Indicator, {
+					forceMount: true,
+					asChild: true,
+					children: /* @__PURE__ */ jsx(lib.m.span, {
+						className: "flex items-center justify-center",
+						...presets.indicator,
+						children: mark
+					})
+				})
+			})
+		})
+	}) : /* @__PURE__ */ jsx(Checkbox.Root, {
+		...rootProps,
+		children: /* @__PURE__ */ jsx(Checkbox.Indicator, {
+			className: "flex items-center justify-center data-[state=checked]:animate-in data-[state=checked]:duration-(--rendra-duration-fast) data-[state=checked]:zoom-in-90",
+			children: mark
+		})
+	});
+	if (!label) return /* @__PURE__ */ jsx("span", {
+		"data-rendra": "CHK-001",
+		className: cn("inline-flex", className),
+		children: box
+	});
+	return /* @__PURE__ */ jsxs("label", {
+		htmlFor: cid,
+		"data-rendra": "CHK-001",
+		className: cn("flex min-h-touch cursor-pointer items-start gap-3 py-3 md:min-h-0 md:py-1", disabled && "cursor-not-allowed opacity-60", className),
+		children: [/* @__PURE__ */ jsx("span", {
+			className: "flex pt-px",
+			children: box
+		}), /* @__PURE__ */ jsxs("span", {
+			className: "flex min-w-0 flex-col gap-1",
+			children: [/* @__PURE__ */ jsx("span", {
+				className: "text-sm font-medium",
+				children: label
+			}), description && /* @__PURE__ */ jsx("span", {
+				className: "text-sm text-muted-foreground",
+				children: description
+			})]
+		})]
+	});
+}
+function CheckboxGroup({ options, value = [], onChange, selectAll, orientation = "vertical", invalid, id, label, ...aria }) {
+	const enabled = options.filter((o) => !o.disabled);
+	const all = enabled.length > 0 && enabled.every((o) => value.includes(o.value));
+	const some = value.length > 0 && !all;
+	return /* @__PURE__ */ jsxs("div", {
+		id,
+		role: "group",
+		"aria-label": label,
+		"aria-describedby": aria["aria-describedby"],
+		"data-rendra": "CHK-002",
+		className: "flex flex-col",
+		children: [selectAll && /* @__PURE__ */ jsx(Checkbox$1, {
+			label: "Selecionar todos",
+			checked: all ? true : some ? "indeterminate" : false,
+			onCheckedChange: () => onChange?.(all ? [] : enabled.map((o) => o.value)),
+			className: "border-b"
+		}), /* @__PURE__ */ jsx("div", {
+			className: cn("flex", orientation === "vertical" ? "flex-col" : "flex-col sm:flex-row sm:flex-wrap sm:gap-x-6"),
+			children: options.map((o) => /* @__PURE__ */ jsx(Checkbox$1, {
+				label: o.label,
+				description: o.description,
+				disabled: o.disabled,
+				invalid,
+				checked: value.includes(o.value),
+				onCheckedChange: (c) => onChange?.(c ? [...value, o.value] : value.filter((v) => v !== o.value))
+			}, o.value))
+		})]
+	});
+}
+//#endregion
 //#region src/components/ui/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;
@@ -1682,6 +1734,139 @@ var Select = forwardRef(function Select(props, ref) {
 	});
 });
 //#endregion
+//#region src/components/ui/tabs.tsx
+/** Contador de instâncias, só para o `layoutId` do indicador (ver `indicatorId`). */
+var tabsCreated = 0;
+/**
+* Tabs único. Se as abas não couberem na largura, a mesma lista vira um Select
+* (nunca rolagem lateral). A troca é medida no próprio contêiner, não na tela.
+*/
+function Tabs$1({ items, value, defaultValue, onChange, variant = "line", className, ...aria }) {
+	const [inner, setInner] = useState(defaultValue ?? items[0]?.value ?? "");
+	const current = value ?? inner;
+	const set = (v) => {
+		setInner(v);
+		onChange?.(v);
+	};
+	const boxRef = useRef(null);
+	const measureRef = useRef(null);
+	const [overflow, setOverflow] = useState(false);
+	useLayoutEffect(() => {
+		const box = boxRef.current;
+		const measure = measureRef.current;
+		if (!box || !measure) return;
+		const check = () => setOverflow(measure.scrollWidth > box.clientWidth + 1);
+		check();
+		const ro = new ResizeObserver(check);
+		ro.observe(box);
+		return () => ro.disconnect();
+	}, [items, variant]);
+	const presets = useMotionPresets();
+	const on = useLayoutReady();
+	const lib = useMotionLib();
+	const listRef = useRef(null);
+	const [clip, setClip] = useState({
+		l: 0,
+		r: 0
+	});
+	useLayoutEffect(() => {
+		const list = listRef.current;
+		if (!on || !list) return;
+		const measure = () => {
+			const active = list.querySelector("[role=\"tab\"][data-state=\"active\"]");
+			if (!active) return;
+			const l = active.offsetLeft;
+			const r = list.offsetWidth - l - active.offsetWidth;
+			setClip((prev) => prev.l === l && prev.r === r ? prev : {
+				l,
+				r
+			});
+		};
+		measure();
+		const ro = new ResizeObserver(measure);
+		ro.observe(list);
+		return () => ro.disconnect();
+	}, [
+		on,
+		current,
+		items,
+		variant,
+		overflow
+	]);
+	const [indicatorId] = useState(() => `rendra-tabs-${++tabsCreated}`);
+	const trigger = cn("inline-flex min-h-touch shrink-0 cursor-pointer items-center justify-center gap-2 px-3 text-sm font-medium whitespace-nowrap transition-colors outline-none disabled:cursor-not-allowed disabled:opacity-50 md:min-h-0 [&_svg]:size-icon-sm", variant === "line" ? on ? "relative -mb-px border-b-2 border-transparent py-3 text-muted-foreground hover:text-foreground" : "-mb-px border-b-2 border-transparent py-3 text-muted-foreground hover:text-foreground data-[state=active]:border-primary data-[state=active]:text-foreground" : on ? "relative isolate rounded-item py-2 text-muted-foreground hover:bg-card/60 hover:text-foreground" : "rounded-item py-2 text-muted-foreground hover:bg-card/60 hover:text-foreground data-[state=active]:bg-card data-[state=active]:text-foreground data-[state=active]:shadow-sm");
+	const indicator = lib && /* @__PURE__ */ jsx(lib.m.span, {
+		layoutId: indicatorId,
+		"data-indicator": "tabs",
+		"aria-hidden": true,
+		transition: presets.move,
+		className: variant === "line" ? "absolute inset-x-0 top-full border-b-2 border-primary" : "absolute inset-0 -z-10 rounded-item bg-card shadow-sm"
+	});
+	const list = cn("flex", variant === "line" ? "gap-2 border-b" : "gap-1 rounded-control bg-muted p-1");
+	const label = (it) => /* @__PURE__ */ jsxs(Fragment$1, { children: [
+		it.icon,
+		it.label,
+		it.count !== void 0 && /* @__PURE__ */ jsx("span", {
+			className: "rounded-full bg-muted px-2 text-xs text-muted-foreground tabular-nums",
+			children: it.count
+		})
+	] });
+	return /* @__PURE__ */ jsxs(Tabs.Root, {
+		value: current,
+		onValueChange: set,
+		"data-rendra": resolveCatalogCode("Tabs", { variant }),
+		className: cn("flex min-w-0 flex-col gap-6", className),
+		children: [/* @__PURE__ */ jsxs("div", {
+			ref: boxRef,
+			className: "relative min-w-0",
+			children: [/* @__PURE__ */ jsx("div", {
+				ref: measureRef,
+				"aria-hidden": true,
+				className: cn(list, "invisible absolute w-max"),
+				children: items.map((it) => /* @__PURE__ */ jsx("span", {
+					className: trigger,
+					children: label(it)
+				}, it.value))
+			}), overflow ? /* @__PURE__ */ jsx(Select, {
+				label: aria["aria-label"] ?? "Seção",
+				value: current,
+				onChange: (v) => v && set(v),
+				options: items.map((it) => ({
+					value: it.value,
+					label: it.count !== void 0 ? `${it.label} (${it.count})` : it.label,
+					disabled: it.disabled
+				}))
+			}) : /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Tabs.List, {
+				ref: listRef,
+				"aria-label": aria["aria-label"],
+				className: list,
+				children: items.map((it) => /* @__PURE__ */ jsxs(Tabs.Trigger, {
+					value: it.value,
+					disabled: it.disabled,
+					className: trigger,
+					children: [on && current === it.value && indicator, label(it)]
+				}, it.value))
+			}), on && /* @__PURE__ */ jsx("div", {
+				"data-tabs-copy": true,
+				"aria-hidden": true,
+				className: cn(list, "pointer-events-none absolute inset-0 border-transparent bg-transparent text-foreground tabs-clip"),
+				style: {
+					"--tabs-l": `${clip.l}px`,
+					"--tabs-r": `${clip.r}px`
+				},
+				children: items.map((it) => /* @__PURE__ */ jsx("span", {
+					className: cn(trigger, "text-foreground"),
+					children: label(it)
+				}, it.value))
+			})] })]
+		}), items.map((it) => /* @__PURE__ */ jsx(Tabs.Content, {
+			value: it.value,
+			className: "min-w-0 outline-none",
+			children: it.content
+		}, it.value))]
+	});
+}
+//#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
@@ -1709,6 +1894,136 @@ function useFillHeight() {
 	return ref;
 }
 //#endregion
+//#region src/components/ui/radio-group.tsx
+var cols = {
+	1: "",
+	2: "md:grid-cols-2",
+	3: "md:grid-cols-3"
+};
+/**
+* O item do Radix. Em `on` ele é um `m.button` (asChild) que responde ao toque (whileTap 0,97,
+* em `press`); em `off` é o `R.Item` de sempre, sem nó novo.
+*/
+function Item({ children, ...props }) {
+	const presets = useMotionPresets();
+	const lib = useMotionLib();
+	if (!lib) return /* @__PURE__ */ jsx(RadioGroup.Item, {
+		...props,
+		children
+	});
+	return /* @__PURE__ */ jsx(RadioGroup.Item, {
+		asChild: true,
+		...props,
+		children: /* @__PURE__ */ jsx(lib.m.button, {
+			type: "button",
+			whileTap: presets.press.whileTap,
+			transition: presets.press.transition,
+			children
+		})
+	});
+}
+/** Radio único: em lista ou em cards, por prop. */
+function RadioGroup$1({ options, value, defaultValue, onChange, variant = "list", columns = 2, orientation = "vertical", invalid, disabled, id, name, ...aria }) {
+	const lib = useMotionLib();
+	const on = lib !== null;
+	const presets = useMotionPresets();
+	const [inner, setInner] = useState(defaultValue);
+	const current = value ?? inner;
+	const dotFor = (optionValue) => /* @__PURE__ */ jsx("span", {
+		"aria-hidden": true,
+		className: cn("flex size-icon-md shrink-0 items-center justify-center rounded-full border border-input bg-card transition-colors group-data-[state=checked]:border-primary", invalid && "border-destructive"),
+		children: on ? /* @__PURE__ */ jsx(lib.m.span, {
+			className: "size-2 rounded-full bg-primary",
+			initial: false,
+			animate: current === optionValue ? presets.indicator.animate : presets.indicator.initial,
+			transition: presets.indicator.transition
+		}) : /* @__PURE__ */ jsx("span", { className: "size-2 scale-90 rounded-full bg-primary opacity-0 transition-[transform,opacity] duration-(--rendra-duration-fast) ease-out group-data-[state=checked]:scale-100 group-data-[state=checked]:opacity-100" })
+	});
+	return /* @__PURE__ */ jsx(RadioGroup.Root, {
+		id,
+		name,
+		value: on ? current : value,
+		defaultValue: on ? void 0 : defaultValue,
+		onValueChange: (v) => {
+			if (on) setInner(v);
+			onChange?.(v);
+		},
+		disabled,
+		"aria-invalid": invalid || void 0,
+		"aria-describedby": aria["aria-describedby"],
+		"aria-label": aria["aria-label"],
+		"data-rendra": resolveCatalogCode("RadioGroup", { variant }),
+		className: cn(variant === "cards" ? cn("grid grid-cols-1 gap-3", cols[columns]) : orientation === "horizontal" ? "flex flex-col sm:flex-row sm:flex-wrap sm:gap-x-6" : "flex flex-col"),
+		children: options.map((o) => variant === "cards" ? /* @__PURE__ */ jsxs(Item, {
+			value: o.value,
+			disabled: o.disabled,
+			className: cn("group relative flex cursor-pointer items-start gap-3 rounded-control border bg-card p-4 text-left transition-[border-color,box-shadow,background-color]", "hover:border-primary data-[state=checked]:border-primary data-[state=checked]:bg-primary-soft data-[state=checked]:ring-1 data-[state=checked]:ring-primary", "disabled:cursor-not-allowed disabled:opacity-50", invalid && "border-destructive"),
+			children: [
+				o.icon && /* @__PURE__ */ jsx("span", {
+					className: "flex size-control-sm shrink-0 items-center justify-center rounded-control bg-muted text-foreground transition-colors group-data-[state=checked]:bg-primary group-data-[state=checked]:text-primary-foreground md:size-control-md [&_svg]:size-icon-md",
+					children: o.icon
+				}),
+				/* @__PURE__ */ jsxs("span", {
+					className: "flex min-w-0 flex-1 flex-col gap-1",
+					children: [/* @__PURE__ */ jsx("span", {
+						className: "text-sm font-semibold",
+						children: o.label
+					}), o.description && /* @__PURE__ */ jsx("span", {
+						className: "text-sm text-muted-foreground",
+						children: o.description
+					})]
+				}),
+				dotFor(o.value)
+			]
+		}, o.value) : /* @__PURE__ */ jsxs("label", {
+			className: cn("flex min-h-touch cursor-pointer items-start gap-3 py-3 md:min-h-0 md:py-1", o.disabled && "cursor-not-allowed opacity-60"),
+			children: [/* @__PURE__ */ jsx(Item, {
+				value: o.value,
+				disabled: o.disabled,
+				className: "group flex pt-px outline-none focus-visible:[&>span]:focus-ring",
+				children: dotFor(o.value)
+			}), /* @__PURE__ */ jsxs("span", {
+				className: "flex min-w-0 flex-col gap-1",
+				children: [/* @__PURE__ */ jsx("span", {
+					className: "text-sm font-medium",
+					children: o.label
+				}), o.description && /* @__PURE__ */ jsx("span", {
+					className: "text-sm text-muted-foreground",
+					children: o.description
+				})]
+			})]
+		}, o.value))
+	});
+}
+//#endregion
+//#region src/components/ui/textarea.tsx
+/** Textarea único, com contador opcional. Cresce com o conteúdo até a altura máxima e depois rola por dentro. */
+var Textarea = forwardRef(function Textarea({ invalid, counter, value, defaultValue, onChange, maxLength, rows = 4, className, ...props }, ref) {
+	const [inner, setInner] = useState(String(value ?? defaultValue ?? ""));
+	const current = value ?? inner;
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("flex min-w-0 flex-col gap-1", className),
+		children: [/* @__PURE__ */ jsx("textarea", {
+			ref,
+			rows,
+			maxLength,
+			value: current,
+			"data-rendra": "TXT-001",
+			"aria-invalid": invalid || void 0,
+			onChange: (e) => {
+				setInner(e.target.value);
+				onChange?.(e.target.value);
+			},
+			className: cn("field-sizing-content max-h-chart-md min-h-24 w-full resize-y rounded-control border border-input bg-field px-3 py-2 text-base transition-[border-color,box-shadow] outline-none placeholder:text-muted-foreground hover:border-foreground/40 focus:border-ring focus:bg-card focus:ring-2 focus:ring-ring/25 disabled:cursor-not-allowed disabled:opacity-60 md:text-sm", invalid && "border-destructive focus:border-destructive focus:ring-destructive/25"),
+			...props
+		}), counter && /* @__PURE__ */ jsxs("span", {
+			"aria-live": "polite",
+			className: cn("self-end text-xs text-muted-foreground tabular-nums", maxLength && current.length >= maxLength && "font-medium text-destructive"),
+			children: [current.length, maxLength ? `/${maxLength}` : ""]
+		})]
+	});
+});
+//#endregion
 //#region src/components/ui/timeline.tsx
 var dot = {
 	neutral: "bg-muted text-muted-foreground",
@@ -1798,6 +2113,75 @@ function Timeline({ events, className }) {
 	});
 }
 //#endregion
-export { lookupCnpj as A, ActionBar as B, toE164 as C, controlInput as D, controlFrame as E, CardHeader as F, useShell as H, CardTitle as I, InfoHint as L, CardContent as M, CardDescription as N, useLookup as O, CardFooter as P, Modal as R, toCents as S, controlAdornmentSpace as T, ShellContext as V, internationalPhoneMask as _, Label$1 as a, percentMask as b, fieldGridClass as c, Drawer as d, PickerPanel as f, formatCurrency as g, formatCents as h, Field as i, Card as j, lookupCep as k, gapClass as l, DEFAULT_DDI as m, useFillHeight as n, useFieldControl as o, Input as p, Select as r, alignClass as s, Timeline as t, justifyClass as u, masks as v, controlAdornmentButton as w, phoneCountries as x, parseLocaleNumber as y, Alert as z };
+//#region src/components/ui/toast.tsx
+var tone = {
+	success: "border-success/25",
+	error: "border-destructive/25",
+	warning: "border-warning/25",
+	info: "border-info/25"
+};
+function show(type, title, opts = {}) {
+	return toast.custom((id) => /* @__PURE__ */ jsxs("div", {
+		role: type === "error" ? "alert" : "status",
+		"data-rendra": "TST-001",
+		className: cn("flex w-full items-start gap-3 rounded-control border bg-popover p-4 text-popover-foreground shadow-lg", tone[type]),
+		children: [
+			/* @__PURE__ */ jsx(BrandFeedbackIcon, {
+				type,
+				size: "lg",
+				animated: true,
+				className: "mt-px"
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex min-w-0 flex-1 flex-col gap-1",
+				children: [/* @__PURE__ */ jsx("p", {
+					className: "text-sm font-semibold wrap-break-word",
+					children: title
+				}), opts.description && /* @__PURE__ */ jsx("p", {
+					className: "text-sm wrap-break-word text-muted-foreground",
+					children: opts.description
+				})]
+			}),
+			opts.action && /* @__PURE__ */ jsx("button", {
+				type: "button",
+				onClick: () => {
+					opts.action?.onClick();
+					toast.dismiss(id);
+				},
+				className: "-my-1 flex min-h-touch shrink-0 cursor-pointer items-center rounded-item px-2 text-sm font-semibold text-primary-text hover:bg-accent md:min-h-0 md:py-1",
+				children: opts.action.label
+			})
+		]
+	}), { duration: opts.duration ?? (type === "error" ? 8e3 : 4e3) });
+}
+var toast$1 = {
+	success: (title, opts) => show("success", title, opts),
+	error: (title, opts) => show("error", title, opts),
+	warning: (title, opts) => show("warning", title, opts),
+	info: (title, opts) => show("info", title, opts),
+	dismiss: toast.dismiss
+};
+/** Posição: embaixo no centro no mobile (perto do polegar), canto inferior direito no desktop. */
+function Toaster$1() {
+	const { isMobile } = useBreakpoint();
+	const { resolvedMode } = useBrand();
+	return /* @__PURE__ */ jsx(Toaster, {
+		position: isMobile ? "bottom-center" : "bottom-right",
+		theme: resolvedMode,
+		offset: 16,
+		mobileOffset: {
+			bottom: 88,
+			left: 16,
+			right: 16
+		},
+		visibleToasts: 3,
+		toastOptions: {
+			unstyled: true,
+			className: "w-full"
+		}
+	});
+}
+//#endregion
+export { toE164 as A, Alert as B, formatCurrency as C, percentMask as D, parseLocaleNumber as E, useLookup as F, ShellContext as H, lookupCep as I, lookupCnpj as L, controlAdornmentSpace as M, controlFrame as N, phoneCountries as O, controlInput as P, InfoHint as R, formatCents as S, masks as T, useShell as U, ActionBar as V, PickerPanel as _, RadioGroup$1 as a, Input as b, Select as c, useFieldControl as d, alignClass as f, Drawer as g, justifyClass as h, Textarea as i, controlAdornmentButton as j, toCents as k, Field as l, gapClass as m, toast$1 as n, useFillHeight as o, fieldGridClass as p, Timeline as r, Tabs$1 as s, Toaster$1 as t, Label$1 as u, Checkbox$1 as v, internationalPhoneMask as w, DEFAULT_DDI as x, CheckboxGroup as y, Modal as z };
 
-//# sourceMappingURL=timeline-BOh7gUdA.js.map
+//# sourceMappingURL=toast-C7qYslCp.js.map