@tree-ia/design-system 1.4.0 → 1.5.0

package/dist/index.mjs

@@ -1,9 +1,10 @@
 import React, { createContext, useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { createPortal } from "react-dom";
-import { AlertTriangle, Check, CheckCircle, ChevronDown, ChevronLeft, ChevronRight, ChevronsLeft, ChevronsRight, Info, LogOut, Moon, Sun, User, X, XCircle } from "lucide-react";
+import { AlertCircle, AlertOctagon, AlertTriangle, ArrowDown, ArrowUp, ArrowUpDown, Check, CheckCircle, ChevronDown, ChevronLeft, ChevronRight, ChevronsLeft, ChevronsRight, File, GripVertical, Image, Inbox, Info, LogOut, Moon, Search, Sun, Upload, User, X, XCircle } from "lucide-react";
 import { Bar, Line } from "react-chartjs-2";
-import { BarElement, CategoryScale, Chart, Filler, Legend, LineElement, LinearScale, PointElement, Title as Title$1, Tooltip } from "chart.js";
+import { BarElement, CategoryScale, Chart, Filler, Legend, LineElement, LinearScale, PointElement, Title as Title$1, Tooltip as Tooltip$1 } from "chart.js";
+import { createColumnHelper, flexRender, getCoreRowModel, getFilteredRowModel, getPaginationRowModel, getSortedRowModel, useReactTable } from "@tanstack/react-table";
 
 //#region src/components/Loading/index.tsx
 const sizeMap = {
@@ -34,14 +35,14 @@ function Loading({ size = "md", className = "", text, textColor, color, variant
 
 //#endregion
 //#region src/components/Button/index.tsx
-const cn$18 = (...classes) => classes.filter(Boolean).join(" ");
+const cn$29 = (...classes) => classes.filter(Boolean).join(" ");
 function Button({ children, variant = "primary", size = "md", isLoading = false, icon, iconPosition = "left", className, disabled, ...props }) {
-	const baseStyles = "font-medium rounded-lg transition-all duration-200 cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed inline-flex items-center justify-center";
+	const baseStyles = "font-medium rounded-lg transition-all duration-200 ease-out cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed inline-flex items-center justify-center focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--dashboard-primary,#2563EB)] active:scale-[0.97]";
 	const variantStyles = {
-		primary: "bg-[var(--dashboard-primary,#37a501)] text-white hover:opacity-90",
-		secondary: "bg-[var(--dashboard-text-secondary,#6b7280)]/20 text-[var(--dashboard-text-primary,#2d2d2d)] hover:bg-[var(--dashboard-text-secondary,#6b7280)]/30",
-		danger: "bg-[var(--dashboard-status-danger,#EF4444)] text-white hover:opacity-90",
-		ghost: "bg-transparent hover:bg-[var(--dashboard-text-secondary,#6b7280)]/10 text-[var(--dashboard-text-primary,#2d2d2d)]"
+		primary: "bg-[var(--dashboard-primary,#2563EB)] text-white hover:brightness-110 hover:shadow-md",
+		secondary: "bg-[var(--dashboard-text-secondary,#64748B)]/10 text-[var(--dashboard-text-primary,#0F172A)] border border-[var(--dashboard-text-secondary,#64748B)]/20 hover:bg-[var(--dashboard-text-secondary,#64748B)]/15 hover:border-[var(--dashboard-text-secondary,#64748B)]/30",
+		danger: "bg-[var(--dashboard-status-danger,#DC2626)] text-white hover:brightness-110 hover:shadow-md",
+		ghost: "bg-transparent hover:bg-[var(--dashboard-text-secondary,#64748B)]/8 text-[var(--dashboard-text-primary,#0F172A)]"
 	};
 	const sizeStyles = {
 		sm: "px-2 py-1 text-xs sm:px-3 sm:py-1.5 sm:text-sm",
@@ -55,7 +56,7 @@ function Button({ children, variant = "primary", size = "md", isLoading = false,
 	};
 	const isIconOnly = !!icon && (children === void 0 || children === null || typeof children === "string" && children.trim() === "");
 	return /* @__PURE__ */ jsx("button", {
-		className: cn$18(baseStyles, variantStyles[variant], isIconOnly ? iconOnlySizeStyles[size] : sizeStyles[size], className),
+		className: cn$29(baseStyles, variantStyles[variant], isIconOnly ? iconOnlySizeStyles[size] : sizeStyles[size], className),
 		disabled: disabled || isLoading,
 		...props,
 		children: isLoading ? /* @__PURE__ */ jsxs("span", {
@@ -80,7 +81,7 @@ function Button({ children, variant = "primary", size = "md", isLoading = false,
 
 //#endregion
 //#region src/components/Input/index.tsx
-const cn$17 = (...classes) => classes.filter(Boolean).join(" ");
+const cn$28 = (...classes) => classes.filter(Boolean).join(" ");
 const Input = React.forwardRef(({ className, type = "text", label, error, children, id, ...props }, ref) => {
 	const inputId = id || (label ? `input-${label.toLowerCase().replace(/\s+/g, "-")}` : void 0);
 	return /* @__PURE__ */ jsxs("div", {
@@ -96,7 +97,7 @@ const Input = React.forwardRef(({ className, type = "text", label, error, childr
 				children: [/* @__PURE__ */ jsx("input", {
 					type,
 					id: inputId,
-					className: cn$17("flex h-10 w-full rounded-md border border-[var(--dashboard-text-secondary,#6b7280)]/30 bg-[var(--dashboard-surface,#ffffff)] px-3 py-2 text-sm text-[var(--dashboard-text-primary,#2d2d2d)] shadow-sm transition-colors duration-200 focus:border-[var(--dashboard-primary,#37a501)] placeholder:text-[var(--dashboard-text-secondary,#6b7280)] focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50", error ? "border-[var(--dashboard-status-danger,#EF4444)] focus:border-[var(--dashboard-status-danger,#EF4444)]" : void 0, children ? "pr-10" : void 0, className),
+					className: cn$28("flex h-10 w-full rounded-md border border-[var(--dashboard-text-secondary,#6b7280)]/30 bg-[var(--dashboard-surface,#ffffff)] px-3 py-2 text-sm text-[var(--dashboard-text-primary,#2d2d2d)] shadow-sm transition-colors duration-200 focus:border-[var(--dashboard-primary,#37a501)] placeholder:text-[var(--dashboard-text-secondary,#6b7280)] focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50", error ? "border-[var(--dashboard-status-danger,#EF4444)] focus:border-[var(--dashboard-status-danger,#EF4444)]" : void 0, children ? "pr-10" : void 0, className),
 					ref,
 					...props
 				}), children && /* @__PURE__ */ jsx("div", {
@@ -247,7 +248,7 @@ function Dropdown({ options, value, onChange, label, placeholder = "Selecione um
 							top: position.top,
 							left: position.left,
 							width: position.width,
-							zIndex: 9999
+							zIndex: 10001
 						},
 						children: /* @__PURE__ */ jsx("ul", {
 							className: "py-1",
@@ -284,9 +285,9 @@ function Table({ columns, data, onRowClick, isLoading = false, emptyMessage = "N
 		icon: emptyIcon
 	});
 	return /* @__PURE__ */ jsx("div", {
-		className: `overflow-x-auto bg-[var(--dashboard-surface,#ffffff)] rounded-lg shadow-sm border border-[var(--dashboard-text-secondary,#6b7280)]/20 ${className}`,
+		className: `overflow-x-auto bg-[var(--dashboard-surface,#ffffff)] rounded-xl border border-[var(--dashboard-text-secondary,#64748B)]/12 dashboard-shadow-sm ${className}`,
 		children: /* @__PURE__ */ jsxs("table", {
-			className: "min-w-full divide-y divide-[var(--dashboard-text-secondary,#6b7280)]/20",
+			className: "min-w-full divide-y divide-[var(--dashboard-text-secondary,#64748B)]/10",
 			children: [/* @__PURE__ */ jsx(TableHeader, { columns }), /* @__PURE__ */ jsx(TableBody, {
 				columns,
 				data,
@@ -299,10 +300,10 @@ function Table({ columns, data, onRowClick, isLoading = false, emptyMessage = "N
 function TableHeader({ columns }) {
 	const alignClass = (align) => align === "center" ? "text-center" : align === "right" ? "text-right" : "text-left";
 	return /* @__PURE__ */ jsx("thead", {
-		className: "bg-[var(--dashboard-text-secondary,#6b7280)]/5",
+		className: "bg-[var(--dashboard-background,#F8FAFC)] sticky top-0 z-10",
 		children: /* @__PURE__ */ jsx("tr", { children: columns.map((column) => /* @__PURE__ */ jsx("th", {
 			scope: "col",
-			className: `px-6 py-3 text-xs font-semibold text-[var(--dashboard-text-secondary,#6b7280)] uppercase tracking-wider ${alignClass(column.align)} ${column.width ? `w-[${column.width}]` : ""}`,
+			className: `px-6 py-3 text-[0.6875rem] font-semibold text-[var(--dashboard-text-secondary,#64748B)] uppercase tracking-wider ${alignClass(column.align)} ${column.width ? `w-[${column.width}]` : ""}`,
 			children: column.header
 		}, column.key)) })
 	});
@@ -310,12 +311,12 @@ function TableHeader({ columns }) {
 function TableBody({ columns, data, onRowClick, keyExtractor }) {
 	const alignClass = (align) => align === "center" ? "text-center" : align === "right" ? "text-right" : "text-left";
 	return /* @__PURE__ */ jsx("tbody", {
-		className: "bg-[var(--dashboard-surface,#ffffff)] divide-y divide-[var(--dashboard-text-secondary,#6b7280)]/20",
-		children: data.map((item) => /* @__PURE__ */ jsx("tr", {
+		className: "bg-[var(--dashboard-surface,#ffffff)] divide-y divide-[var(--dashboard-text-secondary,#64748B)]/8",
+		children: data.map((item, index) => /* @__PURE__ */ jsx("tr", {
 			onClick: () => onRowClick?.(item),
-			className: `hover:bg-[var(--dashboard-text-secondary,#6b7280)]/5 transition-colors duration-150 ${onRowClick ? "cursor-pointer" : ""}`,
+			className: `transition-colors duration-150 ${index % 2 === 1 ? "bg-[var(--dashboard-text-secondary,#64748B)]/[0.02]" : ""} hover:bg-[var(--dashboard-primary,#2563EB)]/[0.04] ${onRowClick ? "cursor-pointer" : ""}`,
 			children: columns.map((column) => /* @__PURE__ */ jsx("td", {
-				className: `px-6 py-4 whitespace-nowrap text-sm ${alignClass(column.align)}`,
+				className: `px-6 py-3.5 whitespace-nowrap text-sm leading-snug ${alignClass(column.align)}`,
 				children: column.render(item)
 			}, column.key))
 		}, keyExtractor(item)))
@@ -323,7 +324,7 @@ function TableBody({ columns, data, onRowClick, keyExtractor }) {
 }
 function TableSkeleton() {
 	return /* @__PURE__ */ jsx("div", {
-		className: "bg-[var(--dashboard-surface,#ffffff)] rounded-lg shadow-sm border border-[var(--dashboard-text-secondary,#6b7280)]/20 p-6",
+		className: "bg-[var(--dashboard-surface,#ffffff)] rounded-xl border border-[var(--dashboard-text-secondary,#64748B)]/12 dashboard-shadow-sm p-6",
 		children: /* @__PURE__ */ jsx("div", {
 			className: "flex items-center justify-center h-64",
 			children: /* @__PURE__ */ jsx(Loading, {
@@ -335,22 +336,22 @@ function TableSkeleton() {
 }
 function TableEmpty({ message, icon }) {
 	return /* @__PURE__ */ jsx("div", {
-		className: "bg-[var(--dashboard-surface,#ffffff)] rounded-lg shadow-sm border border-[var(--dashboard-text-secondary,#6b7280)]/20 p-12",
+		className: "bg-[var(--dashboard-surface,#ffffff)] rounded-xl border border-[var(--dashboard-text-secondary,#64748B)]/12 dashboard-shadow-sm p-12",
 		children: /* @__PURE__ */ jsxs("div", {
 			className: "text-center",
 			children: [icon || /* @__PURE__ */ jsx("svg", {
-				className: "mx-auto h-12 w-12 text-[var(--dashboard-text-secondary,#6b7280)]",
+				className: "mx-auto h-12 w-12 text-[var(--dashboard-text-secondary,#64748B)]/40",
 				fill: "none",
 				stroke: "currentColor",
 				viewBox: "0 0 24 24",
 				children: /* @__PURE__ */ jsx("path", {
 					strokeLinecap: "round",
 					strokeLinejoin: "round",
-					strokeWidth: 2,
+					strokeWidth: 1.5,
 					d: "M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"
 				})
 			}), /* @__PURE__ */ jsx("p", {
-				className: "mt-4 text-[var(--dashboard-text-secondary,#6b7280)]",
+				className: "mt-4 text-sm text-[var(--dashboard-text-secondary,#64748B)]",
 				children: message
 			})]
 		})
@@ -435,13 +436,13 @@ function Modal({ isOpen, onClose, onSave, title = "", children, showFooter = fal
 		"aria-labelledby": title ? "modal-title" : void 0,
 		children: /* @__PURE__ */ jsxs("div", {
 			ref: modalRef,
-			className: `w-full rounded-lg bg-[var(--dashboard-surface,#ffffff)] border border-[var(--dashboard-text-secondary,#6b7280)]/20 shadow-xl ${sizeClasses[size]} flex max-h-[90vh] flex-col transition-transform duration-200 ease-in-out ${isClosing ? "scale-95 opacity-0" : "scale-100 opacity-100"}`,
+			className: `w-full rounded-2xl bg-[var(--dashboard-surface,#ffffff)] border border-[var(--dashboard-text-secondary,#64748B)]/10 dashboard-shadow-xl ${sizeClasses[size]} flex max-h-[90vh] flex-col transition-all duration-200 ease-out ${isClosing ? "scale-[0.98] opacity-0" : "scale-100 opacity-100"}`,
 			children: [
 				/* @__PURE__ */ jsxs("div", {
-					className: "flex h-fit items-center justify-between border-b border-[var(--dashboard-text-secondary,#6b7280)]/20 p-4",
+					className: "flex h-fit items-center justify-between border-b border-[var(--dashboard-text-secondary,#64748B)]/10 px-6 py-4",
 					children: [title && /* @__PURE__ */ jsx("h2", {
 						id: "modal-title",
-						className: "text-xl font-semibold text-[var(--dashboard-text-primary,#2d2d2d)]",
+						className: "text-lg font-semibold text-[var(--dashboard-text-primary,#0F172A)] tracking-tight",
 						children: title
 					}), /* @__PURE__ */ jsx(Button, {
 						variant: "ghost",
@@ -480,21 +481,21 @@ function Modal({ isOpen, onClose, onSave, title = "", children, showFooter = fal
 //#region src/components/Card/index.tsx
 function Card({ children, className = "", title, subtitle, icon, headerActions, showDivider = false }) {
 	return /* @__PURE__ */ jsx("div", {
-		className: `bg-[var(--dashboard-surface,#ffffff)] rounded-lg shadow-sm border border-[var(--dashboard-text-secondary,#6b7280)]/20 ${className}`,
+		className: `bg-[var(--dashboard-surface,#ffffff)] rounded-xl border border-[var(--dashboard-text-secondary,#64748B)]/12 transition-shadow duration-200 ease-out dashboard-shadow-sm hover:dashboard-shadow-md ${className}`,
 		children: /* @__PURE__ */ jsxs("div", {
-			className: "p-4",
+			className: "p-5",
 			children: [title && /* @__PURE__ */ jsxs("div", {
-				className: showDivider ? "mb-4" : "mb-3",
+				className: showDivider ? "mb-5" : "mb-3",
 				children: [
 					/* @__PURE__ */ jsxs("div", {
 						className: "flex items-center justify-between",
 						children: [/* @__PURE__ */ jsxs("div", {
-							className: "flex items-center gap-2",
+							className: "flex items-center gap-2.5",
 							children: [icon && /* @__PURE__ */ jsx("div", {
-								className: "text-[var(--dashboard-text-secondary,#6b7280)]",
+								className: "text-[var(--dashboard-text-secondary,#64748B)]",
 								children: icon
 							}), /* @__PURE__ */ jsx("h3", {
-								className: `${showDivider ? "font-medium" : "text-base font-semibold"} text-[var(--dashboard-text-primary,#2d2d2d)] truncate`,
+								className: `${showDivider ? "font-medium" : "text-base font-semibold"} text-[var(--dashboard-text-primary,#0F172A)] truncate tracking-tight`,
 								children: title
 							})]
 						}), headerActions && /* @__PURE__ */ jsx("div", {
@@ -503,10 +504,10 @@ function Card({ children, className = "", title, subtitle, icon, headerActions,
 						})]
 					}),
 					subtitle && /* @__PURE__ */ jsx("p", {
-						className: "text-sm text-[var(--dashboard-text-secondary,#6b7280)] mt-1",
+						className: "text-sm text-[var(--dashboard-text-secondary,#64748B)] mt-1",
 						children: subtitle
 					}),
-					showDivider && /* @__PURE__ */ jsx("div", { className: "w-full h-px bg-[var(--dashboard-text-secondary,#6b7280)]/20 mt-4" })
+					showDivider && /* @__PURE__ */ jsx("div", { className: "w-full h-px bg-[var(--dashboard-text-secondary,#64748B)]/10 mt-5" })
 				]
 			}), children]
 		})
@@ -760,16 +761,16 @@ function FormField({ label, name, type = "text", value, onChange, error, require
 
 //#endregion
 //#region src/components/Tabs/index.tsx
-const cn$16 = (...classes) => classes.filter(Boolean).join(" ");
+const cn$27 = (...classes) => classes.filter(Boolean).join(" ");
 function Tabs({ tabs, activeTab, onChange, variant = "underline", className }) {
 	if (variant === "pill") return /* @__PURE__ */ jsx("div", {
-		className: cn$16("flex flex-wrap gap-2", className),
+		className: cn$27("flex flex-wrap gap-2", className),
 		role: "tablist",
 		children: tabs.map((tab) => {
 			const isActive = activeTab === tab.id;
 			return /* @__PURE__ */ jsxs("button", {
 				onClick: () => onChange(tab.id),
-				className: cn$16("flex items-center gap-2 px-4 py-2 rounded-full text-sm font-medium transition-colors cursor-pointer", isActive ? "bg-[var(--dashboard-primary,#37a501)] text-white" : "bg-[var(--dashboard-text-secondary,#6b7280)]/10 text-[var(--dashboard-text-secondary,#6b7280)] hover:bg-[var(--dashboard-text-secondary,#6b7280)]/20"),
+				className: cn$27("flex items-center gap-2 px-4 py-2 rounded-full text-sm font-medium transition-colors cursor-pointer", isActive ? "bg-[var(--dashboard-primary,#37a501)] text-white" : "bg-[var(--dashboard-text-secondary,#6b7280)]/10 text-[var(--dashboard-text-secondary,#6b7280)] hover:bg-[var(--dashboard-text-secondary,#6b7280)]/20"),
 				role: "tab",
 				"aria-selected": isActive,
 				children: [
@@ -779,7 +780,7 @@ function Tabs({ tabs, activeTab, onChange, variant = "underline", className }) {
 					}),
 					tab.label,
 					tab.count !== void 0 && /* @__PURE__ */ jsx("span", {
-						className: cn$16("ml-1 text-xs rounded-full px-1.5 py-0.5", isActive ? "bg-white/20 text-white" : "bg-[var(--dashboard-text-secondary,#6b7280)]/10 text-[var(--dashboard-text-secondary,#6b7280)]"),
+						className: cn$27("ml-1 text-xs rounded-full px-1.5 py-0.5", isActive ? "bg-white/20 text-white" : "bg-[var(--dashboard-text-secondary,#6b7280)]/10 text-[var(--dashboard-text-secondary,#6b7280)]"),
 						children: tab.count
 					})
 				]
@@ -787,7 +788,7 @@ function Tabs({ tabs, activeTab, onChange, variant = "underline", className }) {
 		})
 	});
 	return /* @__PURE__ */ jsx("div", {
-		className: cn$16("border-b border-[var(--dashboard-text-secondary,#6b7280)]/20", className),
+		className: cn$27("border-b border-[var(--dashboard-text-secondary,#6b7280)]/20", className),
 		children: /* @__PURE__ */ jsx("nav", {
 			className: "flex gap-6",
 			"aria-label": "Tabs",
@@ -795,7 +796,7 @@ function Tabs({ tabs, activeTab, onChange, variant = "underline", className }) {
 				const isActive = activeTab === tab.id;
 				return /* @__PURE__ */ jsxs("button", {
 					onClick: () => onChange(tab.id),
-					className: cn$16("relative pb-3 px-1 text-sm font-medium transition-colors border-b-2 flex items-center gap-2 cursor-pointer", isActive ? "text-[var(--dashboard-primary,#37a501)] border-[var(--dashboard-primary,#37a501)]" : "text-[var(--dashboard-text-secondary,#6b7280)] hover:text-[var(--dashboard-text-primary,#2d2d2d)] border-transparent"),
+					className: cn$27("relative pb-3 px-1 text-sm font-medium transition-colors border-b-2 flex items-center gap-2 cursor-pointer", isActive ? "text-[var(--dashboard-primary,#37a501)] border-[var(--dashboard-primary,#37a501)]" : "text-[var(--dashboard-text-secondary,#6b7280)] hover:text-[var(--dashboard-text-primary,#2d2d2d)] border-transparent"),
 					role: "tab",
 					"aria-selected": isActive,
 					children: [
@@ -805,7 +806,7 @@ function Tabs({ tabs, activeTab, onChange, variant = "underline", className }) {
 						}),
 						tab.label,
 						tab.count !== void 0 && /* @__PURE__ */ jsx("span", {
-							className: cn$16("ml-1 text-xs rounded-full px-1.5 py-0.5", isActive ? "bg-[var(--dashboard-primary,#37a501)]/10 text-[var(--dashboard-primary,#37a501)]" : "bg-[var(--dashboard-text-secondary,#6b7280)]/10 text-[var(--dashboard-text-secondary,#6b7280)]"),
+							className: cn$27("ml-1 text-xs rounded-full px-1.5 py-0.5", isActive ? "bg-[var(--dashboard-primary,#37a501)]/10 text-[var(--dashboard-primary,#37a501)]" : "bg-[var(--dashboard-text-secondary,#6b7280)]/10 text-[var(--dashboard-text-secondary,#6b7280)]"),
 							children: tab.count
 						})
 					]
@@ -817,7 +818,7 @@ function Tabs({ tabs, activeTab, onChange, variant = "underline", className }) {
 
 //#endregion
 //#region src/components/DateRangePicker/index.tsx
-const cn$15 = (...classes) => classes.filter(Boolean).join(" ");
+const cn$26 = (...classes) => classes.filter(Boolean).join(" ");
 const locales = {
 	pt: {
 		months: [
@@ -924,7 +925,7 @@ function DateRangePicker({ value, onChange, locale = "pt", className }) {
 	};
 	const days = getDaysInMonth(currentMonth);
 	return /* @__PURE__ */ jsxs("div", {
-		className: cn$15("w-64 bg-[var(--dashboard-surface,#ffffff)] rounded-lg p-4 shadow-sm border border-[var(--dashboard-text-secondary,#6b7280)]/20", className),
+		className: cn$26("w-64 bg-[var(--dashboard-surface,#ffffff)] rounded-lg p-4 shadow-sm border border-[var(--dashboard-text-secondary,#6b7280)]/20", className),
 		children: [/* @__PURE__ */ jsxs("div", {
 			className: "flex items-center justify-between mb-4",
 			children: [
@@ -962,9 +963,9 @@ function DateRangePicker({ value, onChange, locale = "pt", className }) {
 				const isSelected = isStart || isEnd;
 				return /* @__PURE__ */ jsxs("div", {
 					className: "relative h-8 w-8",
-					children: [value.start && value.end && (inRange || isStart || isEnd) && /* @__PURE__ */ jsx("div", { className: cn$15("absolute inset-0 bg-[var(--dashboard-text-secondary,#6b7280)]/10", isStart && "rounded-l-full", isEnd && "rounded-r-full") }), /* @__PURE__ */ jsx("button", {
+					children: [value.start && value.end && (inRange || isStart || isEnd) && /* @__PURE__ */ jsx("div", { className: cn$26("absolute inset-0 bg-[var(--dashboard-text-secondary,#6b7280)]/10", isStart && "rounded-l-full", isEnd && "rounded-r-full") }), /* @__PURE__ */ jsx("button", {
 						onClick: () => handleDayClick(day),
-						className: cn$15("relative h-8 w-8 flex items-center justify-center text-xs font-medium transition-colors z-10 rounded-full cursor-pointer", isSelected ? "bg-[var(--dashboard-primary,#37a501)] text-white hover:opacity-90" : "text-[var(--dashboard-text-primary,#2d2d2d)] hover:bg-[var(--dashboard-text-secondary,#6b7280)]/20"),
+						className: cn$26("relative h-8 w-8 flex items-center justify-center text-xs font-medium transition-colors z-10 rounded-full cursor-pointer", isSelected ? "bg-[var(--dashboard-primary,#37a501)] text-white hover:opacity-90" : "text-[var(--dashboard-text-primary,#2d2d2d)] hover:bg-[var(--dashboard-text-secondary,#6b7280)]/20"),
 						children: day
 					})]
 				}, day);
@@ -975,7 +976,7 @@ function DateRangePicker({ value, onChange, locale = "pt", className }) {
 
 //#endregion
 //#region src/components/Title/index.tsx
-const cn$14 = (...classes) => classes.filter(Boolean).join(" ");
+const cn$25 = (...classes) => classes.filter(Boolean).join(" ");
 const defaultSizeByLevel = {
 	1: "text-2xl sm:text-3xl md:text-4xl lg:text-5xl",
 	2: "text-xl sm:text-2xl md:text-3xl lg:text-4xl",
@@ -1010,7 +1011,7 @@ function Title({ children, level = 1, size, weight = "bold", align = "left", col
 	const sizeClass = size ? customSizes[size] : defaultSizeByLevel[level];
 	const colorClass = color || "text-[var(--dashboard-text-primary,#2d2d2d)]";
 	return /* @__PURE__ */ jsx(Tag, {
-		className: cn$14(sizeClass, weightStyles[weight], alignStyles[align], colorClass, className),
+		className: cn$25(sizeClass, weightStyles[weight], alignStyles[align], colorClass, className),
 		...props,
 		children
 	});
@@ -1018,7 +1019,7 @@ function Title({ children, level = 1, size, weight = "bold", align = "left", col
 
 //#endregion
 //#region src/components/ToggleSwitch/index.tsx
-const cn$13 = (...classes) => classes.filter(Boolean).join(" ");
+const cn$24 = (...classes) => classes.filter(Boolean).join(" ");
 const sizeConfig$1 = {
 	sm: {
 		track: "h-5 w-9",
@@ -1042,7 +1043,7 @@ const sizeConfig$1 = {
 function ToggleSwitch({ enabled, onChange, disabled = false, size = "md", label, className }) {
 	const config = sizeConfig$1[size];
 	return /* @__PURE__ */ jsxs("div", {
-		className: cn$13("inline-flex items-center gap-2", className),
+		className: cn$24("inline-flex items-center gap-2", className),
 		children: [/* @__PURE__ */ jsx("button", {
 			type: "button",
 			role: "switch",
@@ -1050,10 +1051,10 @@ function ToggleSwitch({ enabled, onChange, disabled = false, size = "md", label,
 			"aria-label": label,
 			disabled,
 			onClick: () => onChange(!enabled),
-			className: cn$13("relative inline-flex items-center rounded-full transition-colors outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-[var(--dashboard-primary,#37a501)]", config.track, enabled ? "bg-[var(--dashboard-primary,#37a501)]" : "bg-[var(--dashboard-text-secondary,#6b7280)]/30", disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer"),
-			children: /* @__PURE__ */ jsx("span", { className: cn$13("inline-block transform rounded-full bg-white shadow-sm transition-transform", config.thumb, enabled ? config.translateOn : config.translateOff) })
+			className: cn$24("relative inline-flex items-center rounded-full transition-colors outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-[var(--dashboard-primary,#37a501)]", config.track, enabled ? "bg-[var(--dashboard-primary,#37a501)]" : "bg-[var(--dashboard-text-secondary,#6b7280)]/30", disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer"),
+			children: /* @__PURE__ */ jsx("span", { className: cn$24("inline-block transform rounded-full bg-white shadow-sm transition-transform", config.thumb, enabled ? config.translateOn : config.translateOff) })
 		}), label && /* @__PURE__ */ jsx("span", {
-			className: cn$13("text-sm text-[var(--dashboard-text-primary,#2d2d2d)]", disabled && "opacity-50"),
+			className: cn$24("text-sm text-[var(--dashboard-text-primary,#2d2d2d)]", disabled && "opacity-50"),
 			children: label
 		})]
 	});
@@ -1061,7 +1062,7 @@ function ToggleSwitch({ enabled, onChange, disabled = false, size = "md", label,
 
 //#endregion
 //#region src/components/BadgeStatus/index.tsx
-const cn$12 = (...classes) => classes.filter(Boolean).join(" ");
+const cn$23 = (...classes) => classes.filter(Boolean).join(" ");
 const variantStyles = {
 	success: {
 		color: "text-[var(--dashboard-status-success,#10B981)]",
@@ -1084,7 +1085,7 @@ const variantStyles = {
 		bgColor: "bg-[var(--dashboard-text-secondary,#6b7280)]/10"
 	}
 };
-const sizeClasses = {
+const sizeClasses$1 = {
 	sm: "px-2 py-0.5 text-xs",
 	md: "px-3 py-1 text-sm"
 };
@@ -1092,7 +1093,7 @@ function BadgeStatus({ label, variant = "neutral", color, bgColor, size = "md",
 	const styles = variantStyles[variant];
 	const useCustomColors = color || bgColor;
 	return /* @__PURE__ */ jsx("span", {
-		className: cn$12("inline-flex items-center rounded-full font-medium whitespace-nowrap", sizeClasses[size], !useCustomColors && styles.color, !useCustomColors && styles.bgColor, className),
+		className: cn$23("inline-flex items-center rounded-full font-medium whitespace-nowrap", sizeClasses$1[size], !useCustomColors && styles.color, !useCustomColors && styles.bgColor, className),
 		style: useCustomColors ? {
 			color: color || void 0,
 			backgroundColor: bgColor || void 0
@@ -1103,7 +1104,7 @@ function BadgeStatus({ label, variant = "neutral", color, bgColor, size = "md",
 
 //#endregion
 //#region src/components/Sidebar/index.tsx
-const cn$11 = (...classes) => classes.filter(Boolean).join(" ");
+const cn$22 = (...classes) => classes.filter(Boolean).join(" ");
 function DefaultLink({ href, className, children }) {
 	return /* @__PURE__ */ jsx("a", {
 		href,
@@ -1113,7 +1114,117 @@ function DefaultLink({ href, className, children }) {
 }
 function Sidebar({ menuItems, logo, collapsedLogo, currentPath, linkComponent: LinkComponent = DefaultLink, isCollapsed = false, onToggleCollapse, user, onUserClick, onLogout, logoutLabel = "Sair", className }) {
 	const [isMobileMenuOpen, setIsMobileMenuOpen] = useState(false);
+	const [expandedIds, setExpandedIds] = useState(/* @__PURE__ */ new Set());
 	const cubicBezier = "cubic-bezier(0.4, 0, 0.2, 1)";
+	function toggleExpand(id) {
+		setExpandedIds((prev) => {
+			const next = new Set(prev);
+			if (next.has(id)) next.delete(id);
+			else next.add(id);
+			return next;
+		});
+	}
+	/** Group items by section — items before any section go into a null group */
+	function groupBySection(items) {
+		const groups = [];
+		for (const item of items) if (item.section) groups.push({
+			section: item.section,
+			items: [item]
+		});
+		else {
+			if (groups.length === 0) groups.push({
+				section: null,
+				items: []
+			});
+			groups[groups.length - 1].items.push(item);
+		}
+		return groups;
+	}
+	function renderSectionHeader(section, collapsed) {
+		if (collapsed) return /* @__PURE__ */ jsx("div", { className: "my-2 mx-2 border-t border-[var(--dashboard-sidebar-border,#2A6510)]" });
+		return /* @__PURE__ */ jsx("div", {
+			className: "mb-1 mt-4 px-4 text-[10px] font-bold uppercase tracking-widest text-[var(--dashboard-sidebar-text,#FFFFFF)]/50",
+			children: section
+		});
+	}
+	function renderMenuItem(item, collapsed, mobile) {
+		const Icon = item.icon;
+		const hasChildren = item.children && item.children.length > 0;
+		const isActive = currentPath === item.href;
+		const isExpanded = expandedIds.has(item.id);
+		const isChildActive = item.children?.some((c) => currentPath === c.href);
+		if (isChildActive && !isExpanded) setTimeout(() => setExpandedIds((p) => new Set(p).add(item.id)), 0);
+		if (hasChildren) return /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsxs("button", {
+			onClick: () => toggleExpand(item.id),
+			className: cn$22("w-full flex items-center px-4 py-3 rounded-lg text-sm font-medium cursor-pointer", collapsed && !mobile ? "justify-center" : "justify-start", isChildActive ? "text-[var(--dashboard-sidebar-active-text,#5DD611)]" : "text-[var(--dashboard-sidebar-text,#FFFFFF)] hover:bg-[var(--dashboard-primary,#37a501)]/10"),
+			style: { transition: "background-color 200ms, color 200ms" },
+			title: collapsed && !mobile ? item.label : void 0,
+			children: [/* @__PURE__ */ jsx(Icon, {
+				size: 20,
+				style: {
+					marginRight: collapsed && !mobile ? 0 : "0.75rem",
+					flexShrink: 0,
+					transition: `margin 400ms ${cubicBezier}`
+				}
+			}), (!collapsed || mobile) && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("span", {
+				className: "whitespace-nowrap flex-1 text-left",
+				children: item.label
+			}), /* @__PURE__ */ jsx(ChevronRight, {
+				size: 14,
+				className: cn$22("ml-auto flex-shrink-0 transition-transform duration-200", isExpanded ? "rotate-90" : "")
+			})] })]
+		}), (!collapsed || mobile) && /* @__PURE__ */ jsx("div", {
+			className: "overflow-hidden transition-all duration-200",
+			style: { maxHeight: isExpanded ? `${item.children.length * 48}px` : "0" },
+			children: item.children.map((child) => {
+				const ChildIcon = child.icon;
+				const childActive = currentPath === child.href;
+				return /* @__PURE__ */ jsx(LinkComponent, {
+					href: child.href,
+					className: "block",
+					children: /* @__PURE__ */ jsxs("div", {
+						className: cn$22("w-full flex items-center pl-11 pr-4 py-2.5 rounded-lg text-sm cursor-pointer", childActive ? "bg-[var(--dashboard-primary,#37a501)]/25 text-[var(--dashboard-sidebar-active-text,#5DD611)] font-medium" : "text-[var(--dashboard-sidebar-text,#FFFFFF)]/70 hover:bg-[var(--dashboard-primary,#37a501)]/10 hover:text-[var(--dashboard-sidebar-text,#FFFFFF)]"),
+						style: { transition: "background-color 200ms, color 200ms" },
+						children: [/* @__PURE__ */ jsx(ChildIcon, {
+							size: 16,
+							className: "mr-2.5 flex-shrink-0"
+						}), /* @__PURE__ */ jsx("span", {
+							className: "whitespace-nowrap",
+							children: child.label
+						})]
+					})
+				}, child.id);
+			})
+		})] }, item.id);
+		return /* @__PURE__ */ jsx(LinkComponent, {
+			href: item.href,
+			className: "block",
+			children: /* @__PURE__ */ jsxs("div", {
+				className: cn$22("w-full flex items-center px-4 py-3 rounded-lg text-sm font-medium cursor-pointer", collapsed && !mobile ? "justify-center" : "justify-start", isActive ? "bg-[var(--dashboard-primary,#37a501)]/25 text-[var(--dashboard-sidebar-active-text,#5DD611)]" : "text-[var(--dashboard-sidebar-text,#FFFFFF)] hover:bg-[var(--dashboard-primary,#37a501)]/10"),
+				style: { transition: "background-color 200ms, color 200ms" },
+				title: collapsed && !mobile ? item.label : void 0,
+				children: [/* @__PURE__ */ jsx(Icon, {
+					size: 20,
+					style: {
+						marginRight: collapsed && !mobile ? 0 : "0.75rem",
+						flexShrink: 0,
+						transition: `margin 400ms ${cubicBezier}`
+					}
+				}), /* @__PURE__ */ jsx("span", {
+					className: "whitespace-nowrap overflow-hidden",
+					style: !mobile ? {
+						width: collapsed ? 0 : "auto",
+						opacity: collapsed ? 0 : 1,
+						transition: `width 400ms ${cubicBezier}, opacity 400ms ${cubicBezier}`
+					} : void 0,
+					children: item.label
+				})]
+			})
+		}, item.id);
+	}
+	function renderMenuGroups(collapsed, mobile) {
+		return groupBySection(menuItems).map((group, i) => /* @__PURE__ */ jsxs("div", { children: [group.section && renderSectionHeader(group.section, collapsed), group.items.map((item) => renderMenuItem(item, collapsed, mobile))] }, group.section || `group-${i}`));
+	}
 	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("header", {
 		className: "xl:hidden fixed top-0 left-0 right-0 z-40 bg-[var(--dashboard-sidebar-bg,#1B4D08)] border-b border-[var(--dashboard-sidebar-border,#2A6510)]",
 		children: [/* @__PURE__ */ jsxs("div", {
@@ -1135,28 +1246,11 @@ function Sidebar({ menuItems, logo, collapsedLogo, currentPath, linkComponent: L
 			className: `absolute top-16 left-0 right-0 bg-[var(--dashboard-sidebar-bg,#1B4D08)] border-b border-[var(--dashboard-sidebar-border,#2A6510)] shadow-lg transition-all duration-200 ${isMobileMenuOpen ? "max-h-[calc(100vh-4rem)] overflow-y-auto" : "max-h-0 overflow-hidden"}`,
 			children: /* @__PURE__ */ jsxs("div", {
 				className: "px-4 py-2",
-				children: [menuItems.map((item) => {
-					const Icon = item.icon;
-					const isActive = currentPath === item.href;
-					return /* @__PURE__ */ jsx(LinkComponent, {
-						href: item.href,
-						className: "block",
-						children: /* @__PURE__ */ jsxs("div", {
-							className: cn$11("w-full flex items-center justify-start px-4 py-3 rounded-lg text-sm font-medium transition-colors mb-1 cursor-pointer", isActive ? "bg-[var(--dashboard-primary,#37a501)]/25 text-[var(--dashboard-sidebar-active-text,#5DD611)]" : "text-[var(--dashboard-sidebar-text,#FFFFFF)] hover:bg-white/10"),
-							children: [/* @__PURE__ */ jsx(Icon, {
-								size: 20,
-								className: "mr-3 flex-shrink-0"
-							}), /* @__PURE__ */ jsx("span", {
-								className: "whitespace-nowrap",
-								children: item.label
-							})]
-						})
-					}, item.id);
-				}), /* @__PURE__ */ jsxs("div", {
+				children: [renderMenuGroups(false, true), /* @__PURE__ */ jsxs("div", {
 					className: "mt-2 pt-2 border-t border-[var(--dashboard-sidebar-border,#2A6510)] space-y-2",
 					children: [user && /* @__PURE__ */ jsxs("button", {
 						onClick: onUserClick,
-						className: "w-full flex items-center px-4 py-3 rounded-lg bg-white/5 hover:bg-white/10 transition-colors cursor-pointer",
+						className: "w-full flex items-center px-4 py-3 rounded-lg bg-[var(--dashboard-primary,#37a501)]/5 hover:bg-[var(--dashboard-primary,#37a501)]/10 transition-colors cursor-pointer",
 						children: [/* @__PURE__ */ jsx("div", {
 							className: "flex items-center justify-center w-8 h-8 rounded-full bg-[var(--dashboard-primary,#37a501)]/30 text-[var(--dashboard-sidebar-text,#FFFFFF)] flex-shrink-0",
 							children: /* @__PURE__ */ jsx(User, { size: 16 })
@@ -1179,7 +1273,7 @@ function Sidebar({ menuItems, logo, collapsedLogo, currentPath, linkComponent: L
 						})]
 					}), onLogout && /* @__PURE__ */ jsxs("button", {
 						onClick: onLogout,
-						className: "w-full flex items-center justify-start px-4 py-3 rounded-lg text-sm font-medium transition-colors cursor-pointer text-[var(--dashboard-sidebar-text,#FFFFFF)] hover:bg-white/10",
+						className: "w-full flex items-center justify-start px-4 py-3 rounded-lg text-sm font-medium transition-colors cursor-pointer text-[var(--dashboard-sidebar-text,#FFFFFF)] hover:bg-[var(--dashboard-primary,#37a501)]/10",
 						children: [/* @__PURE__ */ jsx(LogOut, {
 							size: 20,
 							className: "mr-3 flex-shrink-0"
@@ -1192,7 +1286,7 @@ function Sidebar({ menuItems, logo, collapsedLogo, currentPath, linkComponent: L
 			})
 		})]
 	}), /* @__PURE__ */ jsxs("aside", {
-		className: cn$11("hidden xl:flex xl:flex-col xl:fixed xl:left-0 xl:top-0 xl:h-screen bg-[var(--dashboard-sidebar-bg,#1B4D08)] border-r border-[var(--dashboard-sidebar-border,#2A6510)] overflow-visible", isCollapsed ? "xl:w-[109px]" : "xl:w-[280px]", className),
+		className: cn$22("hidden xl:flex xl:flex-col xl:fixed xl:left-0 xl:top-0 xl:h-screen bg-[var(--dashboard-sidebar-bg,#1B4D08)] border-r border-[var(--dashboard-sidebar-border,#2A6510)] overflow-visible", isCollapsed ? "xl:w-[109px]" : "xl:w-[280px]", className),
 		style: { transition: `width 400ms ${cubicBezier}` },
 		children: [onToggleCollapse && /* @__PURE__ */ jsxs("button", {
 			onClick: onToggleCollapse,
@@ -1253,41 +1347,14 @@ function Sidebar({ menuItems, logo, collapsedLogo, currentPath, linkComponent: L
 					})]
 				}),
 				/* @__PURE__ */ jsx("nav", {
-					className: "flex-1 px-4 py-4 space-y-2 overflow-y-auto",
-					children: menuItems.map((item) => {
-						const Icon = item.icon;
-						const isActive = currentPath === item.href;
-						return /* @__PURE__ */ jsx(LinkComponent, {
-							href: item.href,
-							className: "block",
-							children: /* @__PURE__ */ jsxs("div", {
-								className: cn$11("w-full flex items-center px-4 py-3 rounded-lg text-sm font-medium cursor-pointer", isCollapsed ? "justify-center" : "justify-start", isActive ? "bg-[var(--dashboard-primary,#37a501)]/25 text-[var(--dashboard-sidebar-active-text,#5DD611)]" : "text-[var(--dashboard-sidebar-text,#FFFFFF)] hover:bg-white/10"),
-								style: { transition: "background-color 200ms, color 200ms" },
-								title: isCollapsed ? item.label : void 0,
-								children: [/* @__PURE__ */ jsx(Icon, {
-									size: 20,
-									style: {
-										marginRight: isCollapsed ? 0 : "0.75rem",
-										transition: `margin 400ms ${cubicBezier}`
-									}
-								}), /* @__PURE__ */ jsx("span", {
-									className: "whitespace-nowrap overflow-hidden",
-									style: {
-										width: isCollapsed ? 0 : "auto",
-										opacity: isCollapsed ? 0 : 1,
-										transition: `width 400ms ${cubicBezier}, opacity 400ms ${cubicBezier}`
-									},
-									children: item.label
-								})]
-							})
-						}, item.id);
-					})
+					className: "flex-1 px-3 py-3 space-y-0.5 overflow-y-auto",
+					children: renderMenuGroups(isCollapsed, false)
 				}),
 				/* @__PURE__ */ jsxs("footer", {
 					className: "p-4 border-t border-[var(--dashboard-sidebar-border,#2A6510)] space-y-2",
 					children: [user && /* @__PURE__ */ jsxs("button", {
 						onClick: onUserClick,
-						className: cn$11("w-full flex items-center px-4 py-3 rounded-lg bg-white/5 hover:bg-white/10 transition-colors cursor-pointer", isCollapsed ? "justify-center" : "justify-start"),
+						className: cn$22("w-full flex items-center px-4 py-3 rounded-lg bg-[var(--dashboard-primary,#37a501)]/5 hover:bg-[var(--dashboard-primary,#37a501)]/10 transition-colors cursor-pointer", isCollapsed ? "justify-center" : "justify-start"),
 						title: isCollapsed ? `${user.subtitle ? user.subtitle + " - " : ""}${user.name}` : void 0,
 						children: [/* @__PURE__ */ jsx("div", {
 							className: "flex items-center justify-center w-8 h-8 rounded-full bg-[var(--dashboard-primary,#37a501)]/30 text-[var(--dashboard-sidebar-text,#FFFFFF)] flex-shrink-0",
@@ -1316,7 +1383,7 @@ function Sidebar({ menuItems, logo, collapsedLogo, currentPath, linkComponent: L
 						})]
 					}), onLogout && /* @__PURE__ */ jsxs("button", {
 						onClick: onLogout,
-						className: cn$11("w-full flex items-center px-4 py-3 rounded-lg text-sm font-medium cursor-pointer text-[var(--dashboard-sidebar-text,#FFFFFF)] hover:bg-white/10", isCollapsed ? "justify-center" : "justify-start"),
+						className: cn$22("w-full flex items-center px-4 py-3 rounded-lg text-sm font-medium cursor-pointer text-[var(--dashboard-sidebar-text,#FFFFFF)] hover:bg-[var(--dashboard-primary,#37a501)]/10", isCollapsed ? "justify-center" : "justify-start"),
 						style: { transition: "background-color 200ms" },
 						title: isCollapsed ? logoutLabel : void 0,
 						children: [/* @__PURE__ */ jsx(LogOut, {
@@ -1352,7 +1419,7 @@ function useTheme() {
 
 //#endregion
 //#region src/components/ThemeSwitcher/index.tsx
-const cn$10 = (...classes) => classes.filter(Boolean).join(" ");
+const cn$21 = (...classes) => classes.filter(Boolean).join(" ");
 function ThemeSwitcher({ className }) {
 	const { resolvedTheme, setTheme } = useTheme();
 	const toggle = () => {
@@ -1361,7 +1428,7 @@ function ThemeSwitcher({ className }) {
 	return /* @__PURE__ */ jsxs("button", {
 		type: "button",
 		onClick: toggle,
-		className: cn$10("relative inline-flex items-center justify-center h-9 w-9 rounded-md border border-[var(--dashboard-text-secondary,#6b7280)]/30 bg-[var(--dashboard-surface,#ffffff)] shadow-sm transition-colors cursor-pointer hover:bg-[var(--dashboard-text-secondary,#6b7280)]/10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--dashboard-primary,#37a501)] focus-visible:ring-offset-2", className),
+		className: cn$21("relative inline-flex items-center justify-center h-9 w-9 rounded-md border border-[var(--dashboard-text-secondary,#6b7280)]/30 bg-[var(--dashboard-surface,#ffffff)] shadow-sm transition-colors cursor-pointer hover:bg-[var(--dashboard-text-secondary,#6b7280)]/10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--dashboard-primary,#37a501)] focus-visible:ring-offset-2", className),
 		"aria-label": "Alternar tema",
 		children: [
 			/* @__PURE__ */ jsx(Sun, { className: "h-[1.2rem] w-[1.2rem] rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0" }),
@@ -1376,7 +1443,7 @@ function ThemeSwitcher({ className }) {
 
 //#endregion
 //#region src/components/KPICard/index.tsx
-const cn$9 = (...classes) => classes.filter(Boolean).join(" ");
+const cn$20 = (...classes) => classes.filter(Boolean).join(" ");
 function formatValue(value, format) {
 	switch (format) {
 		case "currency": return new Intl.NumberFormat("pt-BR", {
@@ -1391,44 +1458,44 @@ function formatValue(value, format) {
 const trendConfigs = {
 	up: {
 		icon: "↑",
-		color: "text-[var(--dashboard-status-success,#10B981)] bg-[var(--dashboard-status-success,#10B981)]/10"
+		color: "text-[var(--dashboard-status-success,#059669)] bg-[var(--dashboard-status-success,#059669)]/8"
 	},
 	down: {
 		icon: "↓",
-		color: "text-[var(--dashboard-status-danger,#EF4444)] bg-[var(--dashboard-status-danger,#EF4444)]/10"
+		color: "text-[var(--dashboard-status-danger,#DC2626)] bg-[var(--dashboard-status-danger,#DC2626)]/8"
 	},
 	stable: {
 		icon: "→",
-		color: "text-[var(--dashboard-text-secondary,#6b7280)] bg-[var(--dashboard-text-secondary,#6b7280)]/10"
+		color: "text-[var(--dashboard-text-secondary,#64748B)] bg-[var(--dashboard-text-secondary,#64748B)]/8"
 	}
 };
 function KPICard({ title, value, variation, trend, format = "number", benchmark, isLoading, className }) {
 	if (isLoading) return /* @__PURE__ */ jsx(KPICardSkeleton, { className });
 	const trendConfig = trendConfigs[trend];
 	return /* @__PURE__ */ jsxs("div", {
-		className: cn$9("h-full w-full bg-[var(--dashboard-surface,#ffffff)] rounded-lg shadow-sm p-6 border border-[var(--dashboard-text-secondary,#6b7280)]/20 hover:shadow-md transition-all duration-200 flex flex-col", className),
+		className: cn$20("h-full w-full bg-[var(--dashboard-surface,#ffffff)] rounded-xl p-6 border border-[var(--dashboard-text-secondary,#64748B)]/12 transition-all duration-200 ease-out dashboard-shadow-sm hover:dashboard-shadow-md flex flex-col", className),
 		children: [/* @__PURE__ */ jsxs("div", {
 			className: "flex justify-between items-start mb-4",
 			children: [/* @__PURE__ */ jsx("h3", {
-				className: "text-sm font-medium text-[var(--dashboard-text-secondary,#6b7280)] whitespace-nowrap",
+				className: "text-xs font-semibold uppercase tracking-wider text-[var(--dashboard-text-secondary,#64748B)] whitespace-nowrap",
 				children: title
 			}), benchmark && /* @__PURE__ */ jsx("span", {
-				className: "text-xs text-[var(--dashboard-text-secondary,#6b7280)]/60 ml-2 whitespace-nowrap flex-shrink-0",
+				className: "text-xs text-[var(--dashboard-text-secondary,#64748B)]/50 ml-2 whitespace-nowrap flex-shrink-0",
 				title: "Benchmark de referência",
 				children: benchmark
 			})]
 		}), /* @__PURE__ */ jsxs("div", {
-			className: "flex items-center gap-3 flex-1",
+			className: "flex items-end gap-3 flex-1",
 			children: [/* @__PURE__ */ jsx("p", {
-				className: "text-3xl font-bold text-[var(--dashboard-text-primary,#2d2d2d)] whitespace-nowrap",
+				className: "text-3xl font-bold text-[var(--dashboard-text-primary,#0F172A)] whitespace-nowrap tracking-tight",
 				children: formatValue(value, format)
 			}), /* @__PURE__ */ jsxs("div", {
-				className: cn$9("inline-flex items-center gap-1 px-2 py-1 rounded-md flex-shrink-0", trendConfig.color),
+				className: cn$20("inline-flex items-center gap-1 px-2 py-1 rounded-full flex-shrink-0 mb-1", trendConfig.color),
 				children: [/* @__PURE__ */ jsx("span", {
-					className: "text-lg",
+					className: "text-sm",
 					children: trendConfig.icon
 				}), /* @__PURE__ */ jsxs("span", {
-					className: "text-sm font-medium whitespace-nowrap",
+					className: "text-xs font-semibold whitespace-nowrap",
 					children: [Math.abs(variation).toFixed(1), "%"]
 				})]
 			})]
@@ -1437,23 +1504,23 @@ function KPICard({ title, value, variation, trend, format = "number", benchmark,
 }
 function KPICardSkeleton({ className }) {
 	return /* @__PURE__ */ jsxs("div", {
-		className: cn$9("h-full bg-[var(--dashboard-surface,#ffffff)] rounded-lg shadow-sm p-6 border border-[var(--dashboard-text-secondary,#6b7280)]/20 animate-pulse flex flex-col", className),
-		children: [/* @__PURE__ */ jsx("div", { className: "h-4 bg-[var(--dashboard-text-secondary,#6b7280)]/20 rounded w-2/3 mb-4" }), /* @__PURE__ */ jsxs("div", {
-			className: "flex items-center gap-3 flex-1",
-			children: [/* @__PURE__ */ jsx("div", { className: "h-8 bg-[var(--dashboard-text-secondary,#6b7280)]/20 rounded w-1/2" }), /* @__PURE__ */ jsx("div", { className: "h-6 bg-[var(--dashboard-text-secondary,#6b7280)]/20 rounded w-1/4" })]
+		className: cn$20("h-full bg-[var(--dashboard-surface,#ffffff)] rounded-xl p-6 border border-[var(--dashboard-text-secondary,#64748B)]/12 dashboard-shadow-sm animate-pulse flex flex-col", className),
+		children: [/* @__PURE__ */ jsx("div", { className: "h-3 bg-[var(--dashboard-text-secondary,#64748B)]/10 rounded w-2/3 mb-4" }), /* @__PURE__ */ jsxs("div", {
+			className: "flex items-end gap-3 flex-1",
+			children: [/* @__PURE__ */ jsx("div", { className: "h-8 bg-[var(--dashboard-text-secondary,#64748B)]/10 rounded w-1/2" }), /* @__PURE__ */ jsx("div", { className: "h-5 bg-[var(--dashboard-text-secondary,#64748B)]/10 rounded-full w-1/4" })]
 		})]
 	});
 }
 
 //#endregion
 //#region src/components/PageLayout/index.tsx
-const cn$8 = (...classes) => classes.filter(Boolean).join(" ");
+const cn$19 = (...classes) => classes.filter(Boolean).join(" ");
 function PageLayout({ title, description, headerActions, children, contentPadding = true, sidebar, sidebarCollapsed = false, sidebarWidth = 280, sidebarCollapsedWidth = 109, className }) {
 	const marginLeft = sidebar ? sidebarCollapsed ? `max(0px, ${sidebarCollapsedWidth}px)` : `max(0px, ${sidebarWidth}px)` : "0px";
 	return /* @__PURE__ */ jsxs("div", {
-		className: cn$8("min-h-screen bg-[var(--dashboard-background,#f2f2f2)]", className),
+		className: cn$19("min-h-screen bg-[var(--dashboard-background,#f2f2f2)]", className),
 		children: [sidebar, /* @__PURE__ */ jsxs("main", {
-			className: cn$8("pt-16 xl:pt-0", !sidebar && "pt-0"),
+			className: cn$19("pt-16 xl:pt-0", !sidebar && "pt-0"),
 			style: {
 				marginLeft,
 				transition: "margin-left 400ms cubic-bezier(0.4, 0, 0.2, 1)"
@@ -1490,8 +1557,8 @@ function PageLayout({ title, description, headerActions, children, contentPaddin
 
 //#endregion
 //#region src/components/ComparisonLineChart/index.tsx
-Chart.register(CategoryScale, LinearScale, PointElement, LineElement, Title$1, Tooltip, Legend, Filler);
-const cn$7 = (...classes) => classes.filter(Boolean).join(" ");
+Chart.register(CategoryScale, LinearScale, PointElement, LineElement, Title$1, Tooltip$1, Legend, Filler);
+const cn$18 = (...classes) => classes.filter(Boolean).join(" ");
 function ComparisonLineChart({ labels, currentPeriodData, previousPeriodData, currentPeriodLabel = "Período atual", previousPeriodLabel = "Período anterior", title, color, height = 300, className }) {
 	const primaryColor = color || (typeof document !== "undefined" ? getComputedStyle(document.documentElement).getPropertyValue("--dashboard-primary").trim() : "") || "#37a501";
 	const data = {
@@ -1585,7 +1652,7 @@ function ComparisonLineChart({ labels, currentPeriodData, previousPeriodData, cu
 		}
 	};
 	return /* @__PURE__ */ jsxs("div", {
-		className: cn$7("bg-[var(--dashboard-surface,#ffffff)] rounded-lg shadow-sm border border-[var(--dashboard-text-secondary,#6b7280)]/20 p-6", className),
+		className: cn$18("bg-[var(--dashboard-surface,#ffffff)] rounded-lg shadow-sm border border-[var(--dashboard-text-secondary,#6b7280)]/20 p-6", className),
 		children: [title && /* @__PURE__ */ jsx("h3", {
 			className: "text-base font-semibold mb-4 text-[var(--dashboard-text-primary,#2d2d2d)]",
 			children: title
@@ -1601,8 +1668,8 @@ function ComparisonLineChart({ labels, currentPeriodData, previousPeriodData, cu
 
 //#endregion
 //#region src/components/HorizontalBarChart/index.tsx
-Chart.register(CategoryScale, LinearScale, BarElement, Title$1, Tooltip, Legend);
-const cn$6 = (...classes) => classes.filter(Boolean).join(" ");
+Chart.register(CategoryScale, LinearScale, BarElement, Title$1, Tooltip$1, Legend);
+const cn$17 = (...classes) => classes.filter(Boolean).join(" ");
 function HorizontalBarChart({ labels, datasets, tabs, title, titleIcon, color, valueLabel = "itens", valueLabelSingular, bestItemLabel = "Melhor item", className }) {
 	const [activeTab, setActiveTab] = useState((tabs ? tabs.map((t) => t.id) : Object.keys(datasets))[0]);
 	const [isMobile, setIsMobile] = useState(false);
@@ -1677,7 +1744,7 @@ function HorizontalBarChart({ labels, datasets, tabs, title, titleIcon, color, v
 		}
 	};
 	return /* @__PURE__ */ jsxs("div", {
-		className: cn$6("bg-[var(--dashboard-surface,#ffffff)] rounded-lg shadow-sm border border-[var(--dashboard-text-secondary,#6b7280)]/20 p-5 sm:p-6 min-h-[850px] sm:h-full flex flex-col", className),
+		className: cn$17("bg-[var(--dashboard-surface,#ffffff)] rounded-lg shadow-sm border border-[var(--dashboard-text-secondary,#6b7280)]/20 p-5 sm:p-6 min-h-[850px] sm:h-full flex flex-col", className),
 		children: [
 			title && /* @__PURE__ */ jsxs("div", {
 				className: "flex items-center gap-2 mb-4",
@@ -1690,7 +1757,7 @@ function HorizontalBarChart({ labels, datasets, tabs, title, titleIcon, color, v
 				className: "flex gap-2 mb-4 flex-wrap",
 				children: tabs.map((tab) => /* @__PURE__ */ jsx("button", {
 					onClick: () => setActiveTab(tab.id),
-					className: cn$6("px-3.5 py-2 sm:px-4 sm:py-2 rounded-full text-sm font-medium transition-colors whitespace-nowrap cursor-pointer", activeTab === tab.id ? "bg-[var(--dashboard-primary,#37a501)] text-white" : "bg-[var(--dashboard-text-secondary,#6b7280)]/10 text-[var(--dashboard-text-secondary,#6b7280)] hover:bg-[var(--dashboard-text-secondary,#6b7280)]/20"),
+					className: cn$17("px-3.5 py-2 sm:px-4 sm:py-2 rounded-full text-sm font-medium transition-colors whitespace-nowrap cursor-pointer", activeTab === tab.id ? "bg-[var(--dashboard-primary,#37a501)] text-white" : "bg-[var(--dashboard-text-secondary,#6b7280)]/10 text-[var(--dashboard-text-secondary,#6b7280)] hover:bg-[var(--dashboard-text-secondary,#6b7280)]/20"),
 					children: tab.label
 				}, tab.id))
 			}),
@@ -1728,8 +1795,8 @@ function HorizontalBarChart({ labels, datasets, tabs, title, titleIcon, color, v
 
 //#endregion
 //#region src/components/VerticalBarChart/index.tsx
-Chart.register(CategoryScale, LinearScale, BarElement, Title$1, Tooltip, Legend);
-const cn$5 = (...classes) => classes.filter(Boolean).join(" ");
+Chart.register(CategoryScale, LinearScale, BarElement, Title$1, Tooltip$1, Legend);
+const cn$16 = (...classes) => classes.filter(Boolean).join(" ");
 function VerticalBarChart({ labels, data: values, title, titleIcon, color, valueLabel = "itens", valueLabelSingular, bestItemLabel = "Melhor item", labelMaxChars = 3, className }) {
 	const maxValue = Math.max(...values);
 	const bestLabel = labels[values.indexOf(maxValue)];
@@ -1792,7 +1859,7 @@ function VerticalBarChart({ labels, data: values, title, titleIcon, color, value
 		}
 	};
 	return /* @__PURE__ */ jsxs("div", {
-		className: cn$5("bg-[var(--dashboard-surface,#ffffff)] rounded-lg shadow-sm border border-[var(--dashboard-text-secondary,#6b7280)]/20 p-6 flex-1 flex flex-col", className),
+		className: cn$16("bg-[var(--dashboard-surface,#ffffff)] rounded-lg shadow-sm border border-[var(--dashboard-text-secondary,#6b7280)]/20 p-6 flex-1 flex flex-col", className),
 		children: [
 			title && /* @__PURE__ */ jsxs("div", {
 				className: "flex items-center gap-2 mb-4",
@@ -1835,7 +1902,7 @@ function VerticalBarChart({ labels, data: values, title, titleIcon, color, value
 
 //#endregion
 //#region src/components/ProgressBarList/index.tsx
-const cn$4 = (...classes) => classes.filter(Boolean).join(" ");
+const cn$15 = (...classes) => classes.filter(Boolean).join(" ");
 function ProgressBarList({ items, title, titleIcon, color, valueLabel = "itens", valueLabelSingular, sortByValue = true, formatValue, className }) {
 	const sortedItems = sortByValue ? [...items].sort((a, b) => b.value - a.value) : items;
 	const maxValue = Math.max(...items.map((i) => i.value));
@@ -1844,7 +1911,7 @@ function ProgressBarList({ items, title, titleIcon, color, valueLabel = "itens",
 	const defaultFormat = (v) => `${v} ${v === 1 ? singular : valueLabel}`;
 	const fmt = formatValue || defaultFormat;
 	return /* @__PURE__ */ jsxs("div", {
-		className: cn$4("bg-[var(--dashboard-surface,#ffffff)] rounded-lg shadow-sm border border-[var(--dashboard-text-secondary,#6b7280)]/20 p-6 flex-1 flex flex-col", className),
+		className: cn$15("bg-[var(--dashboard-surface,#ffffff)] rounded-lg shadow-sm border border-[var(--dashboard-text-secondary,#6b7280)]/20 p-6 flex-1 flex flex-col", className),
 		children: [title && /* @__PURE__ */ jsxs("div", {
 			className: "flex items-center gap-2 mb-4",
 			children: [titleIcon, /* @__PURE__ */ jsx("h3", {
@@ -1892,8 +1959,8 @@ function ProgressBarList({ items, title, titleIcon, color, valueLabel = "itens",
 
 //#endregion
 //#region src/components/MetricPanel/index.tsx
-Chart.register(CategoryScale, LinearScale, PointElement, LineElement, Title$1, Tooltip, Legend, Filler);
-const cn$3 = (...classes) => classes.filter(Boolean).join(" ");
+Chart.register(CategoryScale, LinearScale, PointElement, LineElement, Title$1, Tooltip$1, Legend, Filler);
+const cn$14 = (...classes) => classes.filter(Boolean).join(" ");
 function MetricPanel({ title, titleIcon: TitleIcon, metrics, chartData, color, secondaryColor, onActionClick, actionLabel, isLoading = false, className }) {
 	const [selectedMetricKey, setSelectedMetricKey] = useState(metrics[0]?.key);
 	const [isMobile, setIsMobile] = useState(false);
@@ -1991,7 +2058,7 @@ function MetricPanel({ title, titleIcon: TitleIcon, metrics, chartData, color, s
 		}
 	};
 	return /* @__PURE__ */ jsxs("div", {
-		className: cn$3("bg-[var(--dashboard-surface,#ffffff)] rounded-lg shadow-sm border border-[var(--dashboard-text-secondary,#6b7280)]/20", className),
+		className: cn$14("bg-[var(--dashboard-surface,#ffffff)] rounded-lg shadow-sm border border-[var(--dashboard-text-secondary,#6b7280)]/20", className),
 		style: { overflow: "visible" },
 		children: [
 			/* @__PURE__ */ jsxs("div", {
@@ -2032,7 +2099,7 @@ function MetricPanel({ title, titleIcon: TitleIcon, metrics, chartData, color, s
 						const Icon = metric.icon;
 						return /* @__PURE__ */ jsxs("button", {
 							onClick: () => setSelectedMetricKey(metric.key),
-							className: cn$3("flex items-center gap-2 px-4 md:px-6 py-2 rounded-full text-sm font-medium transition-colors cursor-pointer", selectedMetricKey === metric.key ? "bg-[var(--dashboard-surface,#ffffff)] border-2 text-[var(--dashboard-primary,#37a501)]" : "bg-[var(--dashboard-surface,#ffffff)] border border-[var(--dashboard-text-secondary,#6b7280)]/30 text-[var(--dashboard-text-secondary,#6b7280)] hover:border-[var(--dashboard-text-secondary,#6b7280)]/50"),
+							className: cn$14("flex items-center gap-2 px-4 md:px-6 py-2 rounded-full text-sm font-medium transition-colors cursor-pointer", selectedMetricKey === metric.key ? "bg-[var(--dashboard-surface,#ffffff)] border-2 text-[var(--dashboard-primary,#37a501)]" : "bg-[var(--dashboard-surface,#ffffff)] border border-[var(--dashboard-text-secondary,#6b7280)]/30 text-[var(--dashboard-text-secondary,#6b7280)] hover:border-[var(--dashboard-text-secondary,#6b7280)]/50"),
 							style: selectedMetricKey === metric.key ? {
 								borderColor: primaryColor,
 								color: primaryColor
@@ -2080,10 +2147,10 @@ function MetricPanel({ title, titleIcon: TitleIcon, metrics, chartData, color, s
 
 //#endregion
 //#region src/components/FilterBar/index.tsx
-const cn$2 = (...classes) => classes.filter(Boolean).join(" ");
+const cn$13 = (...classes) => classes.filter(Boolean).join(" ");
 function FilterBar({ searchValue, onSearchChange, searchPlaceholder = "Buscar...", children, actions, className }) {
 	return /* @__PURE__ */ jsxs("div", {
-		className: cn$2("flex flex-col gap-3 sm:flex-row sm:items-center sm:flex-wrap", className),
+		className: cn$13("flex flex-col gap-3 sm:flex-row sm:items-center sm:flex-wrap", className),
 		children: [
 			onSearchChange !== void 0 && /* @__PURE__ */ jsx("div", {
 				className: "flex-1 min-w-[200px]",
@@ -2123,7 +2190,7 @@ function FilterBar({ searchValue, onSearchChange, searchPlaceholder = "Buscar...
 
 //#endregion
 //#region src/components/Checkbox/index.tsx
-const cn$1 = (...classes) => classes.filter(Boolean).join(" ");
+const cn$12 = (...classes) => classes.filter(Boolean).join(" ");
 const sizeConfig = {
 	sm: {
 		box: 16,
@@ -2171,7 +2238,7 @@ function Checkbox({ name, id, label, checked = false, onChange, disabled = false
 	const resolvedColor = primaryColor || "var(--dashboard-primary, #37A501)";
 	return /* @__PURE__ */ jsxs("label", {
 		htmlFor: inputId,
-		className: cn$1("inline-flex items-center cursor-pointer select-none", disabled && "opacity-50 cursor-not-allowed", className),
+		className: cn$12("inline-flex items-center cursor-pointer select-none", disabled && "opacity-50 cursor-not-allowed", className),
 		style: { gap: cfg.gap },
 		children: [
 			/* @__PURE__ */ jsx("input", {
@@ -2222,7 +2289,7 @@ function Checkbox({ name, id, label, checked = false, onChange, disabled = false
 
 //#endregion
 //#region src/components/AuthLayout/index.tsx
-const cn = (...classes) => classes.filter(Boolean).join(" ");
+const cn$11 = (...classes) => classes.filter(Boolean).join(" ");
 /** Resolves a CSS color value (including var() references) to a computed hex/rgb string */
 function useResolvedColor(cssValue) {
 	const [resolved, setResolved] = useState(cssValue);
@@ -2389,7 +2456,7 @@ function AuthLayout({ logo, title, subtitle, error, success, fields, values, onF
 		if (link.onClick) return /* @__PURE__ */ jsx("button", {
 			type: "button",
 			onClick: link.onClick,
-			className: cn("bg-transparent border-none cursor-pointer hover:opacity-80 text-sm font-semibold p-0 transition-colors", extraClass),
+			className: cn$11("bg-transparent border-none cursor-pointer hover:opacity-80 text-sm font-semibold p-0 transition-colors", extraClass),
 			style,
 			children: link.label
 		});
@@ -2397,13 +2464,13 @@ function AuthLayout({ logo, title, subtitle, error, success, fields, values, onF
 			href: link.href,
 			target: link.target,
 			rel: link.target === "_blank" ? "noopener noreferrer" : void 0,
-			className: cn("hover:opacity-80 text-sm font-semibold transition-colors", extraClass),
+			className: cn$11("hover:opacity-80 text-sm font-semibold transition-colors", extraClass),
 			style,
 			children: link.label
 		});
 	}
 	return /* @__PURE__ */ jsxs("div", {
-		className: cn("fixed inset-0 flex select-none overflow-hidden", className),
+		className: cn$11("fixed inset-0 flex select-none overflow-hidden", className),
 		style: bgCss,
 		children: [
 			branding && branding.logos.length > 0 && /* @__PURE__ */ jsx("div", {
@@ -2684,26 +2751,1308 @@ function CodeInput({ length = 6, value, onChange, disabled = false, error = fals
 	});
 }
 
+//#endregion
+//#region src/components/Skeleton/index.tsx
+const cn$10 = (...classes) => classes.filter(Boolean).join(" ");
+function Skeleton({ variant = "text", width, height, animate = true, className, lines = 1 }) {
+	const baseStyles = "bg-[var(--dashboard-text-secondary,#6b7280)]/10 relative overflow-hidden";
+	const shimmerStyles = animate ? "after:absolute after:inset-0 after:bg-gradient-to-r after:from-transparent after:via-[var(--dashboard-text-secondary,#6b7280)]/5 after:to-transparent dashboard-animate-shimmer after:content-['']" : "";
+	const variantStyles = {
+		text: "h-4 rounded",
+		circle: "rounded-full",
+		rectangle: "rounded-lg",
+		card: "rounded-lg"
+	};
+	const style = {};
+	if (width) style.width = typeof width === "number" ? `${width}px` : width;
+	if (height) style.height = typeof height === "number" ? `${height}px` : height;
+	if (variant === "circle" && !height) {
+		style.height = style.width || "40px";
+		if (!width) style.width = "40px";
+	}
+	if (variant === "card" && !height) style.height = "120px";
+	if (variant === "text" && lines > 1) return /* @__PURE__ */ jsx("div", {
+		className: cn$10("flex flex-col gap-2", className),
+		children: Array.from({ length: lines }).map((_, i) => /* @__PURE__ */ jsx("div", {
+			className: cn$10(baseStyles, shimmerStyles, variantStyles.text),
+			style: {
+				...style,
+				width: i === lines - 1 ? "75%" : style.width || "100%"
+			}
+		}, i))
+	});
+	return /* @__PURE__ */ jsx("div", {
+		className: cn$10(baseStyles, shimmerStyles, variantStyles[variant], className),
+		style
+	});
+}
+
+//#endregion
+//#region src/components/DataGrid/index.tsx
+const cn$9 = (...classes) => classes.filter(Boolean).join(" ");
+function SortIcon({ sorted }) {
+	if (sorted === "asc") return /* @__PURE__ */ jsx(ArrowUp, { className: "h-3.5 w-3.5" });
+	if (sorted === "desc") return /* @__PURE__ */ jsx(ArrowDown, { className: "h-3.5 w-3.5" });
+	return /* @__PURE__ */ jsx(ArrowUpDown, { className: "h-3.5 w-3.5 opacity-40" });
+}
+function DataGridSkeleton({ columns, rows, compact }) {
+	const cellPadding = compact ? "px-4 py-2" : "px-6 py-3";
+	return /* @__PURE__ */ jsx(Fragment, { children: Array.from({ length: rows }).map((_, rowIdx) => /* @__PURE__ */ jsx("tr", { children: Array.from({ length: columns }).map((_, colIdx) => /* @__PURE__ */ jsx("td", {
+		className: cellPadding,
+		children: /* @__PURE__ */ jsx(Skeleton, { variant: "text" })
+	}, colIdx)) }, rowIdx)) });
+}
+function VirtualRows({ table, rowHeight, onRowClick, compact }) {
+	const containerRef = useRef(null);
+	const [scrollTop, setScrollTop] = useState(0);
+	const [containerHeight, setContainerHeight] = useState(400);
+	const rows = table.getRowModel().rows;
+	const totalHeight = rows.length * rowHeight;
+	useEffect(() => {
+		const container = containerRef.current;
+		if (!container) return;
+		const observer = new ResizeObserver((entries) => {
+			for (const entry of entries) setContainerHeight(entry.contentRect.height);
+		});
+		observer.observe(container);
+		const handleScroll = () => {
+			setScrollTop(container.scrollTop);
+		};
+		container.addEventListener("scroll", handleScroll, { passive: true });
+		return () => {
+			observer.disconnect();
+			container.removeEventListener("scroll", handleScroll);
+		};
+	}, []);
+	const overscan = 5;
+	const startIndex = Math.max(0, Math.floor(scrollTop / rowHeight) - overscan);
+	const endIndex = Math.min(rows.length, Math.ceil((scrollTop + containerHeight) / rowHeight) + overscan);
+	const visibleRows = rows.slice(startIndex, endIndex);
+	const cellPadding = compact ? "px-4 py-2" : "px-6 py-4";
+	return /* @__PURE__ */ jsx("div", {
+		ref: containerRef,
+		className: "overflow-auto",
+		style: { maxHeight: containerHeight },
+		children: /* @__PURE__ */ jsx("div", {
+			style: {
+				height: totalHeight,
+				position: "relative"
+			},
+			children: /* @__PURE__ */ jsxs("table", {
+				className: "min-w-full divide-y divide-[var(--dashboard-text-secondary,#6b7280)]/20",
+				children: [/* @__PURE__ */ jsx("thead", {
+					className: "bg-[var(--dashboard-text-secondary,#6b7280)]/5 sticky top-0 z-10",
+					children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx("tr", { children: headerGroup.headers.map((header) => /* @__PURE__ */ jsx("th", {
+						scope: "col",
+						className: cn$9("text-left text-xs font-semibold text-[var(--dashboard-text-secondary,#6b7280)] uppercase tracking-wider", compact ? "px-4 py-2" : "px-6 py-3", header.column.getCanSort() && "cursor-pointer select-none"),
+						style: { width: header.getSize() },
+						onClick: header.column.getToggleSortingHandler(),
+						children: /* @__PURE__ */ jsxs("div", {
+							className: "flex items-center gap-1",
+							children: [flexRender(header.column.columnDef.header, header.getContext()), header.column.getCanSort() && /* @__PURE__ */ jsx(SortIcon, { sorted: header.column.getIsSorted() })]
+						})
+					}, header.id)) }, headerGroup.id))
+				}), /* @__PURE__ */ jsxs("tbody", { children: [
+					/* @__PURE__ */ jsx("tr", {
+						style: { height: startIndex * rowHeight },
+						children: /* @__PURE__ */ jsx("td", { colSpan: table.getAllColumns().length })
+					}),
+					visibleRows.map((row) => /* @__PURE__ */ jsx("tr", {
+						onClick: () => onRowClick?.(row.original),
+						className: cn$9("hover:bg-[var(--dashboard-text-secondary,#6b7280)]/5 transition-colors", onRowClick && "cursor-pointer", row.getIsSelected() && "bg-[var(--dashboard-primary,#37a501)]/5"),
+						style: { height: rowHeight },
+						children: row.getVisibleCells().map((cell) => /* @__PURE__ */ jsx("td", {
+							className: cn$9(cellPadding, "text-sm whitespace-nowrap"),
+							children: flexRender(cell.column.columnDef.cell, cell.getContext())
+						}, cell.id))
+					}, row.id)),
+					/* @__PURE__ */ jsx("tr", {
+						style: { height: (rows.length - endIndex) * rowHeight },
+						children: /* @__PURE__ */ jsx("td", { colSpan: table.getAllColumns().length })
+					})
+				] })]
+			})
+		})
+	});
+}
+function DataGrid({ columns, data, isLoading = false, skeletonRows = 5, sorting: controlledSorting, onSortingChange, globalFilter: controlledGlobalFilter, onGlobalFilterChange, columnFilters: controlledColumnFilters, onColumnFiltersChange, rowSelection: controlledRowSelection, onRowSelectionChange, enableRowSelection = false, pagination: controlledPagination, onPaginationChange, pageCount, manualPagination = false, pageSizeOptions = [
+	10,
+	20,
+	30,
+	50
+], onRowClick, getRowId, enableVirtualization = false, rowHeight = 48, emptyMessage = "Nenhum registro encontrado", emptyIcon, stickyHeader = false, compact = false, striped = false, bordered = false, className }) {
+	const [internalSorting, setInternalSorting] = useState([]);
+	const [internalGlobalFilter, setInternalGlobalFilter] = useState("");
+	const [internalColumnFilters, setInternalColumnFilters] = useState([]);
+	const [internalRowSelection, setInternalRowSelection] = useState({});
+	const [internalPagination, setInternalPagination] = useState({
+		pageIndex: 0,
+		pageSize: 10
+	});
+	const sorting = controlledSorting ?? internalSorting;
+	const globalFilter = controlledGlobalFilter ?? internalGlobalFilter;
+	const columnFilters = controlledColumnFilters ?? internalColumnFilters;
+	const rowSelection = controlledRowSelection ?? internalRowSelection;
+	const pagination = controlledPagination ?? internalPagination;
+	const handleSortingChange = useCallback((updater) => {
+		const next = typeof updater === "function" ? updater(sorting) : updater;
+		onSortingChange ? onSortingChange(next) : setInternalSorting(next);
+	}, [sorting, onSortingChange]);
+	const handleGlobalFilterChange = useCallback((updater) => {
+		const next = typeof updater === "function" ? updater(globalFilter) : updater;
+		onGlobalFilterChange ? onGlobalFilterChange(next) : setInternalGlobalFilter(next);
+	}, [globalFilter, onGlobalFilterChange]);
+	const handleColumnFiltersChange = useCallback((updater) => {
+		const next = typeof updater === "function" ? updater(columnFilters) : updater;
+		onColumnFiltersChange ? onColumnFiltersChange(next) : setInternalColumnFilters(next);
+	}, [columnFilters, onColumnFiltersChange]);
+	const handleRowSelectionChange = useCallback((updater) => {
+		const next = typeof updater === "function" ? updater(rowSelection) : updater;
+		onRowSelectionChange ? onRowSelectionChange(next) : setInternalRowSelection(next);
+	}, [rowSelection, onRowSelectionChange]);
+	const handlePaginationChange = useCallback((updater) => {
+		const next = typeof updater === "function" ? updater(pagination) : updater;
+		onPaginationChange ? onPaginationChange(next) : setInternalPagination(next);
+	}, [pagination, onPaginationChange]);
+	const table = useReactTable({
+		data,
+		columns,
+		state: {
+			sorting,
+			globalFilter,
+			columnFilters,
+			rowSelection,
+			pagination
+		},
+		onSortingChange: handleSortingChange,
+		onGlobalFilterChange: handleGlobalFilterChange,
+		onColumnFiltersChange: handleColumnFiltersChange,
+		onRowSelectionChange: handleRowSelectionChange,
+		onPaginationChange: handlePaginationChange,
+		getCoreRowModel: getCoreRowModel(),
+		getSortedRowModel: getSortedRowModel(),
+		getFilteredRowModel: getFilteredRowModel(),
+		getPaginationRowModel: manualPagination ? void 0 : getPaginationRowModel(),
+		enableRowSelection,
+		getRowId,
+		manualPagination,
+		pageCount
+	});
+	const cellPadding = compact ? "px-4 py-2" : "px-6 py-4";
+	const headerPadding = compact ? "px-4 py-2" : "px-6 py-3";
+	if (enableVirtualization) return /* @__PURE__ */ jsx("div", {
+		className: cn$9("overflow-hidden rounded-lg bg-[var(--dashboard-surface,#ffffff)] shadow-sm", bordered && "border border-[var(--dashboard-text-secondary,#6b7280)]/20", className),
+		children: /* @__PURE__ */ jsx(VirtualRows, {
+			table,
+			rowHeight,
+			onRowClick,
+			compact
+		})
+	});
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn$9("overflow-hidden rounded-lg bg-[var(--dashboard-surface,#ffffff)] shadow-sm", bordered && "border border-[var(--dashboard-text-secondary,#6b7280)]/20", className),
+		children: [/* @__PURE__ */ jsx("div", {
+			className: "overflow-x-auto",
+			children: /* @__PURE__ */ jsxs("table", {
+				className: "min-w-full divide-y divide-[var(--dashboard-text-secondary,#6b7280)]/20",
+				children: [/* @__PURE__ */ jsx("thead", {
+					className: cn$9("bg-[var(--dashboard-text-secondary,#6b7280)]/5", stickyHeader && "sticky top-0 z-10"),
+					children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx("tr", { children: headerGroup.headers.map((header) => /* @__PURE__ */ jsx("th", {
+						scope: "col",
+						className: cn$9("text-left text-xs font-semibold text-[var(--dashboard-text-secondary,#6b7280)] uppercase tracking-wider", headerPadding, header.column.getCanSort() && "cursor-pointer select-none"),
+						style: header.getSize() !== 150 ? { width: header.getSize() } : void 0,
+						onClick: header.column.getToggleSortingHandler(),
+						children: /* @__PURE__ */ jsxs("div", {
+							className: "flex items-center gap-1",
+							children: [header.isPlaceholder ? null : flexRender(header.column.columnDef.header, header.getContext()), header.column.getCanSort() && /* @__PURE__ */ jsx(SortIcon, { sorted: header.column.getIsSorted() })]
+						})
+					}, header.id)) }, headerGroup.id))
+				}), /* @__PURE__ */ jsx("tbody", {
+					className: "divide-y divide-[var(--dashboard-text-secondary,#6b7280)]/20",
+					children: isLoading ? /* @__PURE__ */ jsx(DataGridSkeleton, {
+						columns: columns.length,
+						rows: skeletonRows,
+						compact
+					}) : table.getRowModel().rows.length === 0 ? /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("td", {
+						colSpan: columns.length,
+						className: "py-12",
+						children: /* @__PURE__ */ jsxs("div", {
+							className: "text-center",
+							children: [emptyIcon || /* @__PURE__ */ jsx("svg", {
+								className: "mx-auto h-10 w-10 text-[var(--dashboard-text-secondary,#6b7280)]",
+								fill: "none",
+								stroke: "currentColor",
+								viewBox: "0 0 24 24",
+								children: /* @__PURE__ */ jsx("path", {
+									strokeLinecap: "round",
+									strokeLinejoin: "round",
+									strokeWidth: 2,
+									d: "M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"
+								})
+							}), /* @__PURE__ */ jsx("p", {
+								className: "mt-3 text-sm text-[var(--dashboard-text-secondary,#6b7280)]",
+								children: emptyMessage
+							})]
+						})
+					}) }) : table.getRowModel().rows.map((row, rowIndex) => /* @__PURE__ */ jsx("tr", {
+						onClick: () => onRowClick?.(row.original),
+						className: cn$9("transition-colors", onRowClick && "cursor-pointer", "hover:bg-[var(--dashboard-text-secondary,#6b7280)]/5", row.getIsSelected() && "bg-[var(--dashboard-primary,#37a501)]/5", striped && rowIndex % 2 === 1 && "bg-[var(--dashboard-text-secondary,#6b7280)]/3"),
+						children: row.getVisibleCells().map((cell) => /* @__PURE__ */ jsx("td", {
+							className: cn$9(cellPadding, "text-sm text-[var(--dashboard-text-primary,#2d2d2d)]"),
+							children: flexRender(cell.column.columnDef.cell, cell.getContext())
+						}, cell.id))
+					}, row.id))
+				})]
+			})
+		}), (onPaginationChange || !manualPagination) && table.getPageCount() > 1 && /* @__PURE__ */ jsxs("div", {
+			className: "flex items-center justify-between gap-4 flex-wrap border-t border-[var(--dashboard-text-secondary,#6b7280)]/20 px-4 py-3",
+			children: [
+				/* @__PURE__ */ jsxs("div", {
+					className: "flex items-center gap-2",
+					children: [/* @__PURE__ */ jsx("select", {
+						value: pagination.pageSize,
+						onChange: (e) => handlePaginationChange({
+							pageIndex: 0,
+							pageSize: Number(e.target.value)
+						}),
+						className: "rounded-md border border-[var(--dashboard-text-secondary,#6b7280)]/30 bg-[var(--dashboard-surface,#ffffff)] px-2 py-1 text-sm text-[var(--dashboard-text-primary,#2d2d2d)]",
+						children: pageSizeOptions.map((size) => /* @__PURE__ */ jsx("option", {
+							value: size,
+							children: size
+						}, size))
+					}), /* @__PURE__ */ jsx("span", {
+						className: "text-sm text-[var(--dashboard-text-secondary,#6b7280)]",
+						children: "por pagina"
+					})]
+				}),
+				/* @__PURE__ */ jsxs("span", {
+					className: "text-sm text-[var(--dashboard-text-secondary,#6b7280)]",
+					children: [
+						"Pagina ",
+						pagination.pageIndex + 1,
+						" de ",
+						table.getPageCount()
+					]
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "flex items-center gap-1",
+					children: [/* @__PURE__ */ jsx("button", {
+						type: "button",
+						onClick: () => table.previousPage(),
+						disabled: !table.getCanPreviousPage(),
+						className: "rounded-md p-1.5 text-[var(--dashboard-text-secondary,#6b7280)] hover:bg-[var(--dashboard-text-secondary,#6b7280)]/10 disabled:opacity-40 disabled:cursor-not-allowed transition-colors cursor-pointer",
+						"aria-label": "Pagina anterior",
+						children: /* @__PURE__ */ jsx(ChevronLeft, { className: "h-4 w-4" })
+					}), /* @__PURE__ */ jsx("button", {
+						type: "button",
+						onClick: () => table.nextPage(),
+						disabled: !table.getCanNextPage(),
+						className: "rounded-md p-1.5 text-[var(--dashboard-text-secondary,#6b7280)] hover:bg-[var(--dashboard-text-secondary,#6b7280)]/10 disabled:opacity-40 disabled:cursor-not-allowed transition-colors cursor-pointer",
+						"aria-label": "Proxima pagina",
+						children: /* @__PURE__ */ jsx(ChevronRight, { className: "h-4 w-4" })
+					})]
+				})
+			]
+		})]
+	});
+}
+
+//#endregion
+//#region src/components/TreeView/index.tsx
+const cn$8 = (...classes) => classes.filter(Boolean).join(" ");
+function TreeItem({ node, level, expanded, selectedId, draggable, indentSize, onSelect, onToggle, onMove, renderNode, dragState, setDragState }) {
+	const hasChildren = node.children && node.children.length > 0;
+	const isExpanded = expanded.has(node.id);
+	const isSelected = selectedId === node.id;
+	const isDragging = dragState.draggingId === node.id;
+	const isDropTarget = dragState.targetId === node.id;
+	const handleDragStart = (e) => {
+		if (!draggable || node.disabled) return;
+		e.dataTransfer.setData("text/plain", node.id);
+		e.dataTransfer.effectAllowed = "move";
+		setDragState((prev) => ({
+			...prev,
+			draggingId: node.id
+		}));
+	};
+	const handleDragOver = (e) => {
+		if (!draggable || !dragState.draggingId || dragState.draggingId === node.id) return;
+		e.preventDefault();
+		e.dataTransfer.dropEffect = "move";
+		const rect = e.currentTarget.getBoundingClientRect();
+		const y = e.clientY - rect.top;
+		const height = rect.height;
+		let position;
+		if (y < height * .25) position = "before";
+		else if (y > height * .75) position = "after";
+		else position = "inside";
+		setDragState((prev) => ({
+			...prev,
+			targetId: node.id,
+			position
+		}));
+	};
+	const handleDragLeave = () => {
+		setDragState((prev) => {
+			if (prev.targetId === node.id) return {
+				...prev,
+				targetId: null,
+				position: null
+			};
+			return prev;
+		});
+	};
+	const handleDrop = (e) => {
+		e.preventDefault();
+		if (!draggable || !dragState.draggingId || !dragState.position || dragState.draggingId === node.id) return;
+		onMove?.(dragState.draggingId, node.id, dragState.position);
+		setDragState({
+			draggingId: null,
+			targetId: null,
+			position: null
+		});
+	};
+	const handleDragEnd = () => {
+		setDragState({
+			draggingId: null,
+			targetId: null,
+			position: null
+		});
+	};
+	return /* @__PURE__ */ jsxs("li", {
+		role: "treeitem",
+		"aria-expanded": hasChildren ? isExpanded : void 0,
+		"aria-selected": isSelected,
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: cn$8("group flex items-center gap-1 rounded-md px-2 py-1.5 transition-colors", isSelected ? "bg-[var(--dashboard-primary,#37a501)]/10 text-[var(--dashboard-primary,#37a501)]" : "hover:bg-[var(--dashboard-text-secondary,#6b7280)]/10 text-[var(--dashboard-text-primary,#2d2d2d)]", isDragging && "opacity-40", isDropTarget && dragState.position === "inside" && "ring-2 ring-[var(--dashboard-primary,#37a501)] ring-inset", node.disabled && "opacity-50 cursor-not-allowed"),
+			style: { paddingLeft: `${level * indentSize + 4}px` },
+			draggable: draggable && !node.disabled,
+			onDragStart: handleDragStart,
+			onDragOver: handleDragOver,
+			onDragLeave: handleDragLeave,
+			onDrop: handleDrop,
+			onDragEnd: handleDragEnd,
+			children: [
+				isDropTarget && dragState.position === "before" && /* @__PURE__ */ jsx("div", { className: "absolute left-0 right-0 top-0 h-0.5 bg-[var(--dashboard-primary,#37a501)]" }),
+				isDropTarget && dragState.position === "after" && /* @__PURE__ */ jsx("div", { className: "absolute left-0 right-0 bottom-0 h-0.5 bg-[var(--dashboard-primary,#37a501)]" }),
+				draggable && !node.disabled && /* @__PURE__ */ jsx("span", {
+					className: "flex-shrink-0 opacity-0 group-hover:opacity-60 cursor-grab active:cursor-grabbing",
+					children: /* @__PURE__ */ jsx(GripVertical, { className: "h-3.5 w-3.5 text-[var(--dashboard-text-secondary,#6b7280)]" })
+				}),
+				/* @__PURE__ */ jsx("button", {
+					type: "button",
+					onClick: () => hasChildren && onToggle(node.id),
+					className: cn$8("flex-shrink-0 w-5 h-5 flex items-center justify-center rounded transition-transform", hasChildren ? "cursor-pointer" : "invisible"),
+					tabIndex: hasChildren ? 0 : -1,
+					"aria-label": isExpanded ? "Recolher" : "Expandir",
+					children: /* @__PURE__ */ jsx(ChevronRight, { className: cn$8("h-3.5 w-3.5 transition-transform duration-150", isExpanded && "rotate-90") })
+				}),
+				renderNode ? /* @__PURE__ */ jsx("div", {
+					className: "flex-1 min-w-0 cursor-pointer",
+					onClick: () => !node.disabled && onSelect?.(node),
+					children: renderNode(node, isSelected, isExpanded)
+				}) : /* @__PURE__ */ jsxs(Fragment, { children: [
+					node.icon && /* @__PURE__ */ jsx("span", {
+						className: "flex-shrink-0 h-4 w-4",
+						children: node.icon
+					}),
+					/* @__PURE__ */ jsx("span", {
+						className: cn$8("flex-1 min-w-0 text-sm truncate", !node.disabled && "cursor-pointer"),
+						onClick: () => !node.disabled && onSelect?.(node),
+						children: node.label
+					}),
+					node.badge && /* @__PURE__ */ jsx("span", {
+						className: "flex-shrink-0",
+						children: node.badge
+					}),
+					node.actions && /* @__PURE__ */ jsx("span", {
+						className: "flex-shrink-0 opacity-0 group-hover:opacity-100 transition-opacity",
+						children: node.actions
+					})
+				] })
+			]
+		}), hasChildren && isExpanded && /* @__PURE__ */ jsx("ul", {
+			role: "group",
+			className: "dashboard-animate-expand",
+			children: node.children.map((child) => /* @__PURE__ */ jsx(TreeItem, {
+				node: child,
+				level: level + 1,
+				expanded,
+				selectedId,
+				draggable,
+				indentSize,
+				onSelect,
+				onToggle,
+				onMove,
+				renderNode,
+				dragState,
+				setDragState
+			}, child.id))
+		})]
+	});
+}
+function TreeView({ nodes, onSelect, onExpand, onMove, renderNode, selectedId, defaultExpanded = [], draggable = false, indentSize = 20, className }) {
+	const [expanded, setExpanded] = useState(() => new Set(defaultExpanded));
+	const [dragState, setDragState] = useState({
+		draggingId: null,
+		targetId: null,
+		position: null
+	});
+	const handleToggle = useCallback((nodeId) => {
+		setExpanded((prev) => {
+			const next = new Set(prev);
+			const willExpand = !next.has(nodeId);
+			if (willExpand) next.add(nodeId);
+			else next.delete(nodeId);
+			onExpand?.(nodeId, willExpand);
+			return next;
+		});
+	}, [onExpand]);
+	return /* @__PURE__ */ jsx("ul", {
+		role: "tree",
+		className: cn$8("select-none", className),
+		children: nodes.map((node) => /* @__PURE__ */ jsx(TreeItem, {
+			node,
+			level: 0,
+			expanded,
+			selectedId,
+			draggable,
+			indentSize,
+			onSelect,
+			onToggle: handleToggle,
+			onMove,
+			renderNode,
+			dragState,
+			setDragState
+		}, node.id))
+	});
+}
+
+//#endregion
+//#region src/components/Stepper/index.tsx
+const cn$7 = (...classes) => classes.filter(Boolean).join(" ");
+function StepIcon({ step, index }) {
+	const status = step.status || "pending";
+	if (status === "completed") return /* @__PURE__ */ jsx("div", {
+		className: "flex h-8 w-8 items-center justify-center rounded-full bg-[var(--dashboard-primary,#37a501)] text-white flex-shrink-0",
+		children: /* @__PURE__ */ jsx(Check, { className: "h-4 w-4" })
+	});
+	if (status === "error") return /* @__PURE__ */ jsx("div", {
+		className: "flex h-8 w-8 items-center justify-center rounded-full bg-[var(--dashboard-status-danger,#EF4444)] text-white flex-shrink-0",
+		children: /* @__PURE__ */ jsx(AlertCircle, { className: "h-4 w-4" })
+	});
+	if (status === "active") return /* @__PURE__ */ jsx("div", {
+		className: "flex h-8 w-8 items-center justify-center rounded-full border-2 border-[var(--dashboard-primary,#37a501)] bg-[var(--dashboard-primary,#37a501)]/10 text-[var(--dashboard-primary,#37a501)] flex-shrink-0",
+		children: step.icon || /* @__PURE__ */ jsx("span", {
+			className: "text-sm font-semibold",
+			children: index + 1
+		})
+	});
+	return /* @__PURE__ */ jsx("div", {
+		className: "flex h-8 w-8 items-center justify-center rounded-full border-2 border-[var(--dashboard-text-secondary,#6b7280)]/30 text-[var(--dashboard-text-secondary,#6b7280)] flex-shrink-0",
+		children: step.icon || /* @__PURE__ */ jsx("span", {
+			className: "text-sm font-medium",
+			children: index + 1
+		})
+	});
+}
+function Stepper({ steps, activeStep, onStepChange, orientation = "horizontal", className }) {
+	const resolvedSteps = steps.map((step, i) => ({
+		...step,
+		status: step.status || (i < activeStep ? "completed" : i === activeStep ? "active" : "pending")
+	}));
+	if (orientation === "vertical") return /* @__PURE__ */ jsx("nav", {
+		"aria-label": "Progress",
+		className,
+		children: /* @__PURE__ */ jsx("ol", {
+			className: "flex flex-col",
+			children: resolvedSteps.map((step, index) => /* @__PURE__ */ jsxs("li", {
+				className: "flex gap-3",
+				children: [/* @__PURE__ */ jsxs("div", {
+					className: "flex flex-col items-center",
+					children: [/* @__PURE__ */ jsx("button", {
+						type: "button",
+						onClick: () => onStepChange?.(index),
+						disabled: !onStepChange,
+						className: cn$7("relative z-10", onStepChange && "cursor-pointer", !onStepChange && "cursor-default"),
+						"aria-current": step.status === "active" ? "step" : void 0,
+						children: /* @__PURE__ */ jsx(StepIcon, {
+							step,
+							index
+						})
+					}), index < resolvedSteps.length - 1 && /* @__PURE__ */ jsx("div", { className: cn$7("w-0.5 flex-1 min-h-[32px]", step.status === "completed" ? "bg-[var(--dashboard-primary,#37a501)]" : "bg-[var(--dashboard-text-secondary,#6b7280)]/20") })]
+				}), /* @__PURE__ */ jsxs("div", {
+					className: cn$7("pb-6", index === resolvedSteps.length - 1 && "pb-0"),
+					children: [/* @__PURE__ */ jsx("p", {
+						className: cn$7("text-sm font-medium leading-8", step.status === "active" ? "text-[var(--dashboard-primary,#37a501)]" : step.status === "completed" ? "text-[var(--dashboard-text-primary,#2d2d2d)]" : step.status === "error" ? "text-[var(--dashboard-status-danger,#EF4444)]" : "text-[var(--dashboard-text-secondary,#6b7280)]"),
+						children: step.label
+					}), step.description && /* @__PURE__ */ jsx("p", {
+						className: "text-xs text-[var(--dashboard-text-secondary,#6b7280)] mt-0.5",
+						children: step.description
+					})]
+				})]
+			}, step.id))
+		})
+	});
+	return /* @__PURE__ */ jsx("nav", {
+		"aria-label": "Progress",
+		className,
+		children: /* @__PURE__ */ jsx("ol", {
+			className: "flex items-center",
+			children: resolvedSteps.map((step, index) => /* @__PURE__ */ jsxs("li", {
+				className: cn$7("flex items-center", index < resolvedSteps.length - 1 && "flex-1"),
+				children: [/* @__PURE__ */ jsxs("button", {
+					type: "button",
+					onClick: () => onStepChange?.(index),
+					disabled: !onStepChange,
+					className: cn$7("flex items-center gap-2 group", onStepChange && "cursor-pointer", !onStepChange && "cursor-default"),
+					"aria-current": step.status === "active" ? "step" : void 0,
+					children: [/* @__PURE__ */ jsx(StepIcon, {
+						step,
+						index
+					}), /* @__PURE__ */ jsxs("div", {
+						className: "hidden sm:block text-left",
+						children: [/* @__PURE__ */ jsx("p", {
+							className: cn$7("text-sm font-medium whitespace-nowrap", step.status === "active" ? "text-[var(--dashboard-primary,#37a501)]" : step.status === "completed" ? "text-[var(--dashboard-text-primary,#2d2d2d)]" : step.status === "error" ? "text-[var(--dashboard-status-danger,#EF4444)]" : "text-[var(--dashboard-text-secondary,#6b7280)]"),
+							children: step.label
+						}), step.description && /* @__PURE__ */ jsx("p", {
+							className: "text-xs text-[var(--dashboard-text-secondary,#6b7280)] whitespace-nowrap",
+							children: step.description
+						})]
+					})]
+				}), index < resolvedSteps.length - 1 && /* @__PURE__ */ jsx("div", { className: cn$7("flex-1 h-0.5 mx-3", step.status === "completed" ? "bg-[var(--dashboard-primary,#37a501)]" : "bg-[var(--dashboard-text-secondary,#6b7280)]/20") })]
+			}, step.id))
+		})
+	});
+}
+
+//#endregion
+//#region src/components/FileUpload/index.tsx
+const cn$6 = (...classes) => classes.filter(Boolean).join(" ");
+function formatSize(bytes) {
+	if (bytes < 1024) return `${bytes} B`;
+	if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;
+	return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
+}
+function isImageType(type) {
+	return type.startsWith("image/");
+}
+function FileUpload({ accept, maxSize, multiple = false, onUpload, onRemove, preview = true, disabled = false, label = "Arraste arquivos aqui ou clique para selecionar", description, icon, maxFiles, className, files: controlledFiles }) {
+	const [internalFiles, setInternalFiles] = useState([]);
+	const [isDragging, setIsDragging] = useState(false);
+	const [error, setError] = useState(null);
+	const inputRef = useRef(null);
+	const files = controlledFiles || internalFiles;
+	const validateFiles = useCallback((fileList) => {
+		setError(null);
+		const valid = [];
+		for (const file of fileList) {
+			if (maxSize && file.size > maxSize) {
+				setError(`"${file.name}" excede o limite de ${formatSize(maxSize)}`);
+				continue;
+			}
+			valid.push(file);
+		}
+		if (maxFiles) {
+			const available = maxFiles - files.length;
+			if (valid.length > available) {
+				setError(`Limite de ${maxFiles} arquivos`);
+				return valid.slice(0, Math.max(0, available));
+			}
+		}
+		return valid;
+	}, [
+		maxSize,
+		maxFiles,
+		files.length
+	]);
+	const addFiles = useCallback((newFiles) => {
+		const validated = validateFiles(newFiles);
+		if (validated.length === 0) return;
+		const uploaded = validated.map((file) => ({
+			file,
+			id: `${file.name}-${Date.now()}-${Math.random().toString(36).slice(2)}`,
+			preview: isImageType(file.type) ? URL.createObjectURL(file) : void 0
+		}));
+		if (!controlledFiles) setInternalFiles((prev) => multiple ? [...prev, ...uploaded] : uploaded);
+		onUpload?.(validated);
+	}, [
+		validateFiles,
+		multiple,
+		onUpload,
+		controlledFiles
+	]);
+	const handleRemove = useCallback((fileId) => {
+		if (!controlledFiles) setInternalFiles((prev) => {
+			const file = prev.find((f) => f.id === fileId);
+			if (file?.preview) URL.revokeObjectURL(file.preview);
+			return prev.filter((f) => f.id !== fileId);
+		});
+		onRemove?.(fileId);
+	}, [onRemove, controlledFiles]);
+	const handleDrop = useCallback((e) => {
+		e.preventDefault();
+		setIsDragging(false);
+		if (disabled) return;
+		addFiles(Array.from(e.dataTransfer.files));
+	}, [addFiles, disabled]);
+	const handleDragOver = useCallback((e) => {
+		e.preventDefault();
+		if (!disabled) setIsDragging(true);
+	}, [disabled]);
+	const handleDragLeave = useCallback((e) => {
+		e.preventDefault();
+		setIsDragging(false);
+	}, []);
+	const handleInputChange = useCallback((e) => {
+		addFiles(e.target.files ? Array.from(e.target.files) : []);
+		if (inputRef.current) inputRef.current.value = "";
+	}, [addFiles]);
+	useEffect(() => {
+		return () => {
+			internalFiles.forEach((f) => {
+				if (f.preview) URL.revokeObjectURL(f.preview);
+			});
+		};
+	}, []);
+	const descText = description || [accept && `Formatos: ${accept}`, maxSize && `Tamanho max: ${formatSize(maxSize)}`].filter(Boolean).join(" | ") || void 0;
+	return /* @__PURE__ */ jsxs("div", {
+		className,
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				onDrop: handleDrop,
+				onDragOver: handleDragOver,
+				onDragLeave: handleDragLeave,
+				onClick: () => !disabled && inputRef.current?.click(),
+				className: cn$6("relative flex flex-col items-center justify-center rounded-lg border-2 border-dashed p-6 transition-colors", isDragging ? "border-[var(--dashboard-primary,#37a501)] bg-[var(--dashboard-primary,#37a501)]/5" : "border-[var(--dashboard-text-secondary,#6b7280)]/30 hover:border-[var(--dashboard-text-secondary,#6b7280)]/50", disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer"),
+				role: "button",
+				tabIndex: disabled ? -1 : 0,
+				"aria-label": label,
+				onKeyDown: (e) => {
+					if ((e.key === "Enter" || e.key === " ") && !disabled) {
+						e.preventDefault();
+						inputRef.current?.click();
+					}
+				},
+				children: [/* @__PURE__ */ jsx("input", {
+					ref: inputRef,
+					type: "file",
+					accept,
+					multiple,
+					onChange: handleInputChange,
+					className: "hidden",
+					disabled,
+					"aria-hidden": "true",
+					tabIndex: -1
+				}), /* @__PURE__ */ jsxs("div", {
+					className: "flex flex-col items-center text-center",
+					children: [
+						icon || /* @__PURE__ */ jsx(Upload, { className: cn$6("h-8 w-8 mb-3", isDragging ? "text-[var(--dashboard-primary,#37a501)]" : "text-[var(--dashboard-text-secondary,#6b7280)]") }),
+						/* @__PURE__ */ jsx("p", {
+							className: "text-sm font-medium text-[var(--dashboard-text-primary,#2d2d2d)]",
+							children: label
+						}),
+						descText && /* @__PURE__ */ jsx("p", {
+							className: "mt-1 text-xs text-[var(--dashboard-text-secondary,#6b7280)]",
+							children: descText
+						})
+					]
+				})]
+			}),
+			error && /* @__PURE__ */ jsx("p", {
+				className: "mt-2 text-xs text-[var(--dashboard-status-danger,#EF4444)]",
+				children: error
+			}),
+			preview && files.length > 0 && /* @__PURE__ */ jsx("ul", {
+				className: "mt-3 space-y-2",
+				children: files.map((uploaded) => /* @__PURE__ */ jsxs("li", {
+					className: "flex items-center gap-3 rounded-lg border border-[var(--dashboard-text-secondary,#6b7280)]/20 bg-[var(--dashboard-surface,#ffffff)] p-3",
+					children: [
+						uploaded.preview ? /* @__PURE__ */ jsx("img", {
+							src: uploaded.preview,
+							alt: uploaded.file.name,
+							className: "h-10 w-10 rounded object-cover flex-shrink-0"
+						}) : /* @__PURE__ */ jsx("div", {
+							className: "flex h-10 w-10 items-center justify-center rounded bg-[var(--dashboard-text-secondary,#6b7280)]/10 flex-shrink-0",
+							children: isImageType(uploaded.file.type) ? /* @__PURE__ */ jsx(Image, { className: "h-5 w-5 text-[var(--dashboard-text-secondary,#6b7280)]" }) : /* @__PURE__ */ jsx(File, { className: "h-5 w-5 text-[var(--dashboard-text-secondary,#6b7280)]" })
+						}),
+						/* @__PURE__ */ jsxs("div", {
+							className: "flex-1 min-w-0",
+							children: [
+								/* @__PURE__ */ jsx("p", {
+									className: "text-sm font-medium text-[var(--dashboard-text-primary,#2d2d2d)] truncate",
+									children: uploaded.file.name
+								}),
+								/* @__PURE__ */ jsx("p", {
+									className: "text-xs text-[var(--dashboard-text-secondary,#6b7280)]",
+									children: formatSize(uploaded.file.size)
+								}),
+								uploaded.progress !== void 0 && uploaded.progress < 100 && /* @__PURE__ */ jsx("div", {
+									className: "mt-1 h-1 w-full rounded-full bg-[var(--dashboard-text-secondary,#6b7280)]/10 overflow-hidden",
+									children: /* @__PURE__ */ jsx("div", {
+										className: "h-full rounded-full bg-[var(--dashboard-primary,#37a501)] transition-all duration-300",
+										style: { width: `${uploaded.progress}%` }
+									})
+								})
+							]
+						}),
+						/* @__PURE__ */ jsx("button", {
+							onClick: (e) => {
+								e.stopPropagation();
+								handleRemove(uploaded.id);
+							},
+							className: "flex-shrink-0 rounded-md p-1 text-[var(--dashboard-text-secondary,#6b7280)] hover:bg-[var(--dashboard-text-secondary,#6b7280)]/10 transition-colors cursor-pointer",
+							"aria-label": `Remover ${uploaded.file.name}`,
+							children: /* @__PURE__ */ jsx(X, { className: "h-4 w-4" })
+						})
+					]
+				}, uploaded.id))
+			})
+		]
+	});
+}
+
+//#endregion
+//#region src/components/Tooltip/index.tsx
+const cn$5 = (...classes) => classes.filter(Boolean).join(" ");
+function Tooltip({ content, position = "top", delay = 200, children, className, maxWidth = 240 }) {
+	const [visible, setVisible] = useState(false);
+	const [coords, setCoords] = useState({
+		top: 0,
+		left: 0
+	});
+	const triggerRef = useRef(null);
+	const tooltipRef = useRef(null);
+	const timeoutRef = useRef();
+	const idRef = useRef(`tooltip-${Math.random().toString(36).slice(2, 9)}`);
+	const calculatePosition = useCallback(() => {
+		if (!triggerRef.current || !tooltipRef.current) return;
+		const trigger = triggerRef.current.getBoundingClientRect();
+		const tooltip = tooltipRef.current.getBoundingClientRect();
+		const gap = 8;
+		let top = 0;
+		let left = 0;
+		switch (position) {
+			case "top":
+				top = trigger.top - tooltip.height - gap;
+				left = trigger.left + trigger.width / 2 - tooltip.width / 2;
+				break;
+			case "bottom":
+				top = trigger.bottom + gap;
+				left = trigger.left + trigger.width / 2 - tooltip.width / 2;
+				break;
+			case "left":
+				top = trigger.top + trigger.height / 2 - tooltip.height / 2;
+				left = trigger.left - tooltip.width - gap;
+				break;
+			case "right":
+				top = trigger.top + trigger.height / 2 - tooltip.height / 2;
+				left = trigger.right + gap;
+				break;
+		}
+		left = Math.max(8, Math.min(left, window.innerWidth - tooltip.width - 8));
+		top = Math.max(8, Math.min(top, window.innerHeight - tooltip.height - 8));
+		setCoords({
+			top,
+			left
+		});
+	}, [position]);
+	const show = useCallback(() => {
+		timeoutRef.current = setTimeout(() => {
+			setVisible(true);
+		}, delay);
+	}, [delay]);
+	const hide = useCallback(() => {
+		if (timeoutRef.current) clearTimeout(timeoutRef.current);
+		setVisible(false);
+	}, []);
+	useEffect(() => {
+		if (visible) requestAnimationFrame(calculatePosition);
+	}, [visible, calculatePosition]);
+	useEffect(() => {
+		return () => {
+			if (timeoutRef.current) clearTimeout(timeoutRef.current);
+		};
+	}, []);
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("span", {
+		ref: triggerRef,
+		onMouseEnter: show,
+		onMouseLeave: hide,
+		onFocus: show,
+		onBlur: hide,
+		"aria-describedby": visible ? idRef.current : void 0,
+		className: "inline-flex",
+		children
+	}), visible && typeof document !== "undefined" && createPortal(/* @__PURE__ */ jsx("div", {
+		ref: tooltipRef,
+		id: idRef.current,
+		role: "tooltip",
+		className: cn$5("fixed z-[10002] rounded-md px-3 py-2 text-xs font-medium", "bg-[var(--dashboard-text-primary,#2d2d2d)] text-white", "shadow-lg dashboard-animate-fade-in pointer-events-none", className),
+		style: {
+			top: coords.top,
+			left: coords.left,
+			maxWidth
+		},
+		children: content
+	}), document.body)] });
+}
+
+//#endregion
+//#region src/components/Breadcrumb/index.tsx
+const cn$4 = (...classes) => classes.filter(Boolean).join(" ");
+function Breadcrumb({ items, separator, onNavigate, className }) {
+	const defaultSeparator = /* @__PURE__ */ jsx(ChevronRight, { className: "h-4 w-4 text-[var(--dashboard-text-secondary,#6b7280)] flex-shrink-0" });
+	const handleClick = (e, href) => {
+		if (href && onNavigate) {
+			e.preventDefault();
+			onNavigate(href);
+		}
+	};
+	return /* @__PURE__ */ jsx("nav", {
+		"aria-label": "Breadcrumb",
+		className,
+		children: /* @__PURE__ */ jsx("ol", {
+			className: "flex items-center gap-1.5 flex-wrap",
+			children: items.map((item, index) => {
+				const isLast = index === items.length - 1;
+				return /* @__PURE__ */ jsxs("li", {
+					className: "flex items-center gap-1.5",
+					children: [index > 0 && /* @__PURE__ */ jsx("span", {
+						"aria-hidden": "true",
+						children: separator || defaultSeparator
+					}), isLast ? /* @__PURE__ */ jsxs("span", {
+						className: cn$4("flex items-center gap-1.5 text-sm font-medium", "text-[var(--dashboard-text-primary,#2d2d2d)]"),
+						"aria-current": "page",
+						children: [item.icon && /* @__PURE__ */ jsx("span", {
+							className: "flex-shrink-0 h-4 w-4",
+							children: item.icon
+						}), item.label]
+					}) : /* @__PURE__ */ jsxs("a", {
+						href: item.href || "#",
+						onClick: (e) => handleClick(e, item.href),
+						className: cn$4("flex items-center gap-1.5 text-sm", "text-[var(--dashboard-text-secondary,#6b7280)]", "hover:text-[var(--dashboard-primary,#37a501)] transition-colors"),
+						children: [item.icon && /* @__PURE__ */ jsx("span", {
+							className: "flex-shrink-0 h-4 w-4",
+							children: item.icon
+						}), item.label]
+					})]
+				}, index);
+			})
+		})
+	});
+}
+
+//#endregion
+//#region src/components/Combobox/index.tsx
+const cn$3 = (...classes) => classes.filter(Boolean).join(" ");
+function Combobox({ options, value, onChange, multiple = false, searchable = true, placeholder = "Selecione...", label, error, disabled = false, renderOption, noResultsText = "Nenhum resultado encontrado", className }) {
+	const [isOpen, setIsOpen] = useState(false);
+	const [query, setQuery] = useState("");
+	const [position, setPosition] = useState({
+		top: 0,
+		left: 0,
+		width: 0
+	});
+	const [focusedIndex, setFocusedIndex] = useState(-1);
+	const containerRef = useRef(null);
+	const inputRef = useRef(null);
+	const listRef = useRef(null);
+	const selectedValues = useMemo(() => {
+		if (!value) return [];
+		return Array.isArray(value) ? value : [value];
+	}, [value]);
+	const filtered = useMemo(() => {
+		if (!query) return options;
+		const lower = query.toLowerCase();
+		return options.filter((o) => o.label.toLowerCase().includes(lower));
+	}, [options, query]);
+	const calculatePosition = useCallback(() => {
+		if (!containerRef.current) return;
+		const rect = containerRef.current.getBoundingClientRect();
+		setPosition({
+			top: rect.bottom + 4,
+			left: rect.left,
+			width: rect.width
+		});
+	}, []);
+	const open = useCallback(() => {
+		if (disabled) return;
+		calculatePosition();
+		setIsOpen(true);
+		setFocusedIndex(-1);
+		setTimeout(() => inputRef.current?.focus(), 0);
+	}, [disabled, calculatePosition]);
+	const close = useCallback(() => {
+		setIsOpen(false);
+		setQuery("");
+		setFocusedIndex(-1);
+	}, []);
+	const toggleOption = useCallback((optionValue) => {
+		if (multiple) {
+			const current = selectedValues;
+			onChange(current.includes(optionValue) ? current.filter((v) => v !== optionValue) : [...current, optionValue]);
+		} else {
+			onChange(optionValue);
+			close();
+		}
+	}, [
+		multiple,
+		selectedValues,
+		onChange,
+		close
+	]);
+	const removeValue = useCallback((val, e) => {
+		e?.stopPropagation();
+		if (multiple) onChange(selectedValues.filter((v) => v !== val));
+		else onChange(multiple ? [] : "");
+	}, [
+		multiple,
+		selectedValues,
+		onChange
+	]);
+	useEffect(() => {
+		if (!isOpen) return;
+		const handleClick = (e) => {
+			const portal = document.querySelector(".dc-combobox-portal");
+			if (containerRef.current && !containerRef.current.contains(e.target) && (!portal || !portal.contains(e.target))) close();
+		};
+		const handleScroll = (e) => {
+			const portal = document.querySelector(".dc-combobox-portal");
+			if (!portal || !portal.contains(e.target)) close();
+		};
+		document.addEventListener("mousedown", handleClick);
+		window.addEventListener("scroll", handleScroll, true);
+		window.addEventListener("resize", close);
+		return () => {
+			document.removeEventListener("mousedown", handleClick);
+			window.removeEventListener("scroll", handleScroll, true);
+			window.removeEventListener("resize", close);
+		};
+	}, [isOpen, close]);
+	const handleKeyDown = useCallback((e) => {
+		if (!isOpen) {
+			if (e.key === "ArrowDown" || e.key === "Enter" || e.key === " ") {
+				e.preventDefault();
+				open();
+			}
+			return;
+		}
+		switch (e.key) {
+			case "ArrowDown":
+				e.preventDefault();
+				setFocusedIndex((prev) => {
+					const next = prev + 1;
+					return next >= filtered.length ? 0 : next;
+				});
+				break;
+			case "ArrowUp":
+				e.preventDefault();
+				setFocusedIndex((prev) => {
+					const next = prev - 1;
+					return next < 0 ? filtered.length - 1 : next;
+				});
+				break;
+			case "Enter":
+				e.preventDefault();
+				if (focusedIndex >= 0 && filtered[focusedIndex] && !filtered[focusedIndex].disabled) toggleOption(filtered[focusedIndex].value);
+				break;
+			case "Escape":
+				e.preventDefault();
+				close();
+				break;
+		}
+	}, [
+		isOpen,
+		open,
+		close,
+		filtered,
+		focusedIndex,
+		toggleOption
+	]);
+	useEffect(() => {
+		if (focusedIndex >= 0 && listRef.current) listRef.current.children[focusedIndex]?.scrollIntoView({ block: "nearest" });
+	}, [focusedIndex]);
+	const selectedLabels = selectedValues.map((v) => options.find((o) => o.value === v)?.label).filter(Boolean);
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn$3("space-y-2", className),
+		children: [
+			label && /* @__PURE__ */ jsx("label", {
+				className: "block text-sm text-[var(--dashboard-text-primary,#2d2d2d)]",
+				children: label
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				ref: containerRef,
+				onKeyDown: handleKeyDown,
+				children: [/* @__PURE__ */ jsxs("div", {
+					role: "combobox",
+					"aria-expanded": isOpen,
+					"aria-haspopup": "listbox",
+					"aria-controls": "combobox-listbox",
+					tabIndex: disabled ? -1 : 0,
+					onClick: () => isOpen ? close() : open(),
+					className: cn$3("flex min-h-[40px] w-full items-center gap-2 rounded-lg border px-3 py-2 transition-colors", isOpen ? "border-[var(--dashboard-primary,#37a501)] ring-2 ring-[var(--dashboard-primary,#37a501)]/20" : error ? "border-[var(--dashboard-status-danger,#EF4444)]" : "border-[var(--dashboard-text-secondary,#6b7280)]/30 hover:border-[var(--dashboard-text-secondary,#6b7280)]/50", disabled ? "opacity-50 cursor-not-allowed bg-[var(--dashboard-text-secondary,#6b7280)]/10" : "cursor-pointer bg-[var(--dashboard-surface,#ffffff)]"),
+					children: [
+						/* @__PURE__ */ jsx("div", {
+							className: "flex flex-1 flex-wrap items-center gap-1 min-w-0",
+							children: multiple && selectedLabels.length > 0 ? selectedLabels.map((lbl, i) => /* @__PURE__ */ jsxs("span", {
+								className: "inline-flex items-center gap-1 rounded-md bg-[var(--dashboard-primary,#37a501)]/10 px-2 py-0.5 text-xs font-medium text-[var(--dashboard-primary,#37a501)]",
+								children: [lbl, /* @__PURE__ */ jsx("button", {
+									type: "button",
+									onClick: (e) => removeValue(selectedValues[i], e),
+									className: "rounded-sm hover:bg-[var(--dashboard-primary,#37a501)]/20 cursor-pointer",
+									"aria-label": `Remover ${lbl}`,
+									children: /* @__PURE__ */ jsx(X, { className: "h-3 w-3" })
+								})]
+							}, selectedValues[i])) : !multiple && selectedLabels.length === 1 ? /* @__PURE__ */ jsx("span", {
+								className: "text-sm text-[var(--dashboard-text-primary,#2d2d2d)] truncate",
+								children: selectedLabels[0]
+							}) : /* @__PURE__ */ jsx("span", {
+								className: "text-sm text-[var(--dashboard-text-secondary,#6b7280)]",
+								children: placeholder
+							})
+						}),
+						!multiple && selectedValues.length > 0 && /* @__PURE__ */ jsx("button", {
+							type: "button",
+							onClick: (e) => removeValue(selectedValues[0], e),
+							className: "flex-shrink-0 rounded-md p-0.5 text-[var(--dashboard-text-secondary,#6b7280)] hover:bg-[var(--dashboard-text-secondary,#6b7280)]/10 cursor-pointer",
+							"aria-label": "Limpar seleção",
+							children: /* @__PURE__ */ jsx(X, { className: "h-3.5 w-3.5" })
+						}),
+						/* @__PURE__ */ jsx(ChevronDown, { className: cn$3("h-4 w-4 flex-shrink-0 text-[var(--dashboard-text-secondary,#6b7280)] transition-transform", isOpen && "rotate-180") })
+					]
+				}), isOpen && typeof document !== "undefined" && createPortal(/* @__PURE__ */ jsxs("div", {
+					className: "dc-combobox-portal rounded-lg border border-[var(--dashboard-text-secondary,#6b7280)]/20 bg-[var(--dashboard-surface,#ffffff)] shadow-lg dashboard-animate-fade-in overflow-hidden",
+					style: {
+						position: "fixed",
+						top: position.top,
+						left: position.left,
+						width: position.width,
+						zIndex: 10001
+					},
+					children: [searchable && /* @__PURE__ */ jsxs("div", {
+						className: "flex items-center gap-2 border-b border-[var(--dashboard-text-secondary,#6b7280)]/20 px-3 py-2",
+						children: [/* @__PURE__ */ jsx(Search, { className: "h-4 w-4 text-[var(--dashboard-text-secondary,#6b7280)] flex-shrink-0" }), /* @__PURE__ */ jsx("input", {
+							ref: inputRef,
+							type: "text",
+							value: query,
+							onChange: (e) => {
+								setQuery(e.target.value);
+								setFocusedIndex(-1);
+							},
+							placeholder: "Buscar...",
+							className: "flex-1 bg-transparent text-sm text-[var(--dashboard-text-primary,#2d2d2d)] placeholder:text-[var(--dashboard-text-secondary,#6b7280)] outline-none",
+							"aria-label": "Buscar opções"
+						})]
+					}), /* @__PURE__ */ jsx("ul", {
+						ref: listRef,
+						id: "combobox-listbox",
+						role: "listbox",
+						"aria-multiselectable": multiple,
+						className: "max-h-60 overflow-y-auto py-1",
+						children: filtered.length === 0 ? /* @__PURE__ */ jsx("li", {
+							className: "px-3 py-3 text-center text-sm text-[var(--dashboard-text-secondary,#6b7280)]",
+							children: noResultsText
+						}) : filtered.map((option, index) => {
+							const isSelected = selectedValues.includes(option.value);
+							const isFocused = index === focusedIndex;
+							return /* @__PURE__ */ jsx("li", {
+								role: "option",
+								"aria-selected": isSelected,
+								"aria-disabled": option.disabled,
+								"data-modal-ignore": true,
+								onClick: () => {
+									if (!option.disabled) toggleOption(option.value);
+								},
+								className: cn$3("flex items-center justify-between px-3 py-2 text-sm transition-colors", option.disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer", isFocused && "bg-[var(--dashboard-text-secondary,#6b7280)]/10", !isFocused && !option.disabled && "hover:bg-[var(--dashboard-text-secondary,#6b7280)]/10", isSelected ? "text-[var(--dashboard-primary,#37a501)] font-medium" : "text-[var(--dashboard-text-primary,#2d2d2d)]"),
+								children: renderOption ? renderOption(option, isSelected) : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("span", {
+									className: "truncate",
+									children: option.label
+								}), isSelected && /* @__PURE__ */ jsx(Check, { className: "h-4 w-4 flex-shrink-0 text-[var(--dashboard-primary,#37a501)]" })] })
+							}, option.value);
+						})
+					})]
+				}), document.body)]
+			}),
+			error && /* @__PURE__ */ jsx("p", {
+				className: "text-xs text-[var(--dashboard-status-danger,#EF4444)]",
+				children: error
+			})
+		]
+	});
+}
+
+//#endregion
+//#region src/components/Alert/index.tsx
+const cn$2 = (...classes) => classes.filter(Boolean).join(" ");
+const variantConfig = {
+	info: {
+		border: "border-[var(--dashboard-status-info,#3b82f6)]",
+		bg: "bg-[var(--dashboard-status-info,#3b82f6)]/5",
+		text: "text-[var(--dashboard-status-info,#3b82f6)]",
+		icon: /* @__PURE__ */ jsx(Info, { className: "h-5 w-5" })
+	},
+	success: {
+		border: "border-[var(--dashboard-status-success,#10B981)]",
+		bg: "bg-[var(--dashboard-status-success,#10B981)]/5",
+		text: "text-[var(--dashboard-status-success,#10B981)]",
+		icon: /* @__PURE__ */ jsx(CheckCircle, { className: "h-5 w-5" })
+	},
+	warning: {
+		border: "border-[var(--dashboard-status-warning,#f59e0b)]",
+		bg: "bg-[var(--dashboard-status-warning,#f59e0b)]/5",
+		text: "text-[var(--dashboard-status-warning,#f59e0b)]",
+		icon: /* @__PURE__ */ jsx(AlertTriangle, { className: "h-5 w-5" })
+	},
+	danger: {
+		border: "border-[var(--dashboard-status-danger,#EF4444)]",
+		bg: "bg-[var(--dashboard-status-danger,#EF4444)]/5",
+		text: "text-[var(--dashboard-status-danger,#EF4444)]",
+		icon: /* @__PURE__ */ jsx(AlertOctagon, { className: "h-5 w-5" })
+	}
+};
+function Alert({ variant = "info", title, description, onClose, actions, icon, className }) {
+	const config = variantConfig[variant];
+	return /* @__PURE__ */ jsx("div", {
+		className: cn$2("rounded-lg border-l-4 p-4", config.border, config.bg, className),
+		role: "alert",
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "flex gap-3",
+			children: [
+				/* @__PURE__ */ jsx("div", {
+					className: cn$2("flex-shrink-0 mt-0.5", config.text),
+					children: icon || config.icon
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "flex-1 min-w-0",
+					children: [
+						title && /* @__PURE__ */ jsx("h3", {
+							className: cn$2("text-sm font-semibold", "text-[var(--dashboard-text-primary,#2d2d2d)]"),
+							children: title
+						}),
+						description && /* @__PURE__ */ jsx("div", {
+							className: cn$2("text-sm text-[var(--dashboard-text-secondary,#6b7280)]", title && "mt-1"),
+							children: description
+						}),
+						actions && /* @__PURE__ */ jsx("div", {
+							className: "mt-3 flex gap-2",
+							children: actions
+						})
+					]
+				}),
+				onClose && /* @__PURE__ */ jsx("button", {
+					onClick: onClose,
+					className: "flex-shrink-0 rounded-md p-1 text-[var(--dashboard-text-secondary,#6b7280)] hover:bg-[var(--dashboard-text-secondary,#6b7280)]/10 transition-colors cursor-pointer",
+					"aria-label": "Fechar alerta",
+					children: /* @__PURE__ */ jsx(X, { className: "h-4 w-4" })
+				})
+			]
+		})
+	});
+}
+
+//#endregion
+//#region src/components/EmptyState/index.tsx
+const cn$1 = (...classes) => classes.filter(Boolean).join(" ");
+function EmptyState({ icon, title, description, action, className }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn$1("flex flex-col items-center justify-center py-12 px-6 text-center", className),
+		children: [
+			/* @__PURE__ */ jsx("div", {
+				className: "flex h-16 w-16 items-center justify-center rounded-full bg-[var(--dashboard-text-secondary,#6b7280)]/10 mb-4",
+				children: icon || /* @__PURE__ */ jsx(Inbox, { className: "h-8 w-8 text-[var(--dashboard-text-secondary,#6b7280)]" })
+			}),
+			/* @__PURE__ */ jsx("h3", {
+				className: "text-lg font-semibold text-[var(--dashboard-text-primary,#2d2d2d)]",
+				children: title
+			}),
+			description && /* @__PURE__ */ jsx("p", {
+				className: "mt-2 max-w-sm text-sm text-[var(--dashboard-text-secondary,#6b7280)]",
+				children: description
+			}),
+			action && /* @__PURE__ */ jsx("div", {
+				className: "mt-6",
+				children: action
+			})
+		]
+	});
+}
+
+//#endregion
+//#region src/components/StatusBadge/index.tsx
+const cn = (...classes) => classes.filter(Boolean).join(" ");
+const defaultColorMap = {
+	ACTIVE: "var(--dashboard-status-success,#10B981)",
+	APPROVED: "var(--dashboard-status-success,#10B981)",
+	COMPLETED: "var(--dashboard-status-success,#10B981)",
+	DELIVERED: "var(--dashboard-status-success,#10B981)",
+	SUCCESS: "var(--dashboard-status-success,#10B981)",
+	PENDING: "var(--dashboard-status-warning,#f59e0b)",
+	IN_REVIEW: "var(--dashboard-status-warning,#f59e0b)",
+	AWAITING: "var(--dashboard-status-warning,#f59e0b)",
+	DRAFT: "var(--dashboard-status-warning,#f59e0b)",
+	PROCESSING: "var(--dashboard-status-info,#3b82f6)",
+	IN_PROGRESS: "var(--dashboard-status-info,#3b82f6)",
+	SENT: "var(--dashboard-status-info,#3b82f6)",
+	QUOTED: "var(--dashboard-status-info,#3b82f6)",
+	CANCELLED: "var(--dashboard-status-danger,#EF4444)",
+	REJECTED: "var(--dashboard-status-danger,#EF4444)",
+	EXPIRED: "var(--dashboard-status-danger,#EF4444)",
+	ERROR: "var(--dashboard-status-danger,#EF4444)",
+	INACTIVE: "var(--dashboard-text-secondary,#6b7280)",
+	ARCHIVED: "var(--dashboard-text-secondary,#6b7280)"
+};
+const sizeClasses = {
+	sm: "px-2 py-0.5 text-xs",
+	md: "px-2.5 py-1 text-xs",
+	lg: "px-3 py-1 text-sm"
+};
+const dotSizeClasses = {
+	sm: "h-1.5 w-1.5",
+	md: "h-2 w-2",
+	lg: "h-2.5 w-2.5"
+};
+function formatLabel(status) {
+	return status.replace(/_/g, " ").replace(/\b\w/g, (c) => c.toUpperCase());
+}
+function StatusBadge({ status, colorMap, size = "md", label, dot = true, className }) {
+	const color = {
+		...defaultColorMap,
+		...colorMap
+	}[status.toUpperCase().replace(/[\s-]/g, "_")] || "var(--dashboard-text-secondary,#6b7280)";
+	const displayLabel = label || formatLabel(status);
+	return /* @__PURE__ */ jsxs("span", {
+		className: cn("inline-flex items-center gap-1.5 rounded-full font-medium whitespace-nowrap", sizeClasses[size], className),
+		style: {
+			color,
+			backgroundColor: `color-mix(in srgb, ${color} 12%, transparent)`
+		},
+		children: [dot && /* @__PURE__ */ jsx("span", {
+			className: cn("rounded-full flex-shrink-0", dotSizeClasses[size]),
+			style: { backgroundColor: color }
+		}), displayLabel]
+	});
+}
+
 //#endregion
 //#region src/config/defaults.ts
 const defaultConfig = {
 	name: "Dashboard",
 	colors: {
-		primary: "#37A501",
-		secondary: "#f0f0f0",
-		background: "#F2F2F2",
+		primary: "#2563EB",
+		secondary: "#F1F5F9",
+		background: "#F8FAFC",
 		surface: "#FFFFFF",
-		textPrimary: "#2d2d2d",
-		textSecondary: "#6b7280",
-		sidebarBg: "#1B4D08",
-		sidebarBorder: "#2A6510",
-		sidebarText: "#FFFFFF",
-		sidebarActiveText: "#5DD611",
-		statusSuccess: "#10B981",
-		statusDanger: "#EF4444",
-		statusWarning: "#F59E0B",
-		statusInfo: "#3B82F6",
-		statusNeutral: "#6B7280"
+		textPrimary: "#0F172A",
+		textSecondary: "#64748B",
+		sidebarBg: "#0F172A",
+		sidebarBorder: "#1E293B",
+		sidebarText: "#CBD5E1",
+		sidebarActiveText: "#FFFFFF",
+		statusSuccess: "#059669",
+		statusDanger: "#DC2626",
+		statusWarning: "#D97706",
+		statusInfo: "#2563EB",
+		statusNeutral: "#64748B"
 	},
 	components: {
 		modal: {
@@ -2875,7 +4224,7 @@ function NotificationsProvider({ children }) {
 			clearNotifications
 		},
 		children: [children, notifications.length > 0 && /* @__PURE__ */ jsx("div", {
-			className: "fixed w-full max-w-[400px] px-4 z-50 top-4 left-1/2 -translate-x-1/2 sm:top-5 sm:right-4 sm:left-auto sm:translate-x-0 flex flex-col gap-2",
+			className: "fixed w-full max-w-[400px] px-4 z-[10002] top-4 left-1/2 -translate-x-1/2 sm:top-5 sm:right-4 sm:left-auto sm:translate-x-0 flex flex-col gap-2",
 			children: notifications.map((notification) => /* @__PURE__ */ jsx(Toast, {
 				title: notification.title,
 				subtitle: notification.subtitle,
@@ -2937,5 +4286,5 @@ function DashboardProvider({ config: configOverrides, children }) {
 }
 
 //#endregion
-export { AuthLayout, BadgeStatus, Button, Card, Checkbox, CodeInput, ComparisonLineChart, DashboardProvider, DateRangePicker, Dropdown, FilterBar, FormField, HorizontalBarChart, Input, KPICard, Loading, LoadingProvider, MetricPanel, Modal, NotificationsProvider, PageLayout, Pagination, ProgressBarList, Sidebar, Table, TableBody, TableEmpty, TableHeader, TableSkeleton, Tabs, ThemeProvider, ThemeSwitcher, Title, Toast, ToggleSwitch, VerticalBarChart, createConfig, defaultConfig, useConfig, useLoading, useNotifications, useTheme };
+export { Alert, AuthLayout, BadgeStatus, Breadcrumb, Button, Card, Checkbox, CodeInput, Combobox, ComparisonLineChart, DashboardProvider, DataGrid, DateRangePicker, Dropdown, EmptyState, FileUpload, FilterBar, FormField, HorizontalBarChart, Input, KPICard, Loading, LoadingProvider, MetricPanel, Modal, NotificationsProvider, PageLayout, Pagination, ProgressBarList, Sidebar, Skeleton, StatusBadge, Stepper, Table, TableBody, TableEmpty, TableHeader, TableSkeleton, Tabs, ThemeProvider, ThemeSwitcher, Title, Toast, ToggleSwitch, Tooltip, TreeView, VerticalBarChart, createColumnHelper, createConfig, defaultConfig, useConfig, useLoading, useNotifications, useTheme };
 //# sourceMappingURL=index.mjs.map