@tree-ia/design-system 1.3.0

package/dist/index.mjs

@@ -0,0 +1,2927 @@
+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 { Bar, Line } from "react-chartjs-2";
+import { BarElement, CategoryScale, Chart, Filler, Legend, LineElement, LinearScale, PointElement, Title as Title$1, Tooltip } from "chart.js";
+
+//#region src/components/Loading/index.tsx
+const sizeMap = {
+	sm: "dashboard-spinner-sm",
+	md: "dashboard-spinner-md",
+	lg: "dashboard-spinner-lg"
+};
+function Loading({ size = "md", className = "", text, textColor, color, variant = "spinner", fullscreen = false }) {
+	const variantClass = variant === "border" ? "dashboard-spinner-border" : "dashboard-spinner";
+	const spinnerStyle = color ? { borderTopColor: color } : void 0;
+	const spinner = /* @__PURE__ */ jsxs("div", {
+		className: `flex flex-col items-center justify-center gap-4 ${className}`,
+		children: [/* @__PURE__ */ jsx("div", {
+			className: `${variantClass} ${sizeMap[size]}`,
+			style: spinnerStyle
+		}), text && /* @__PURE__ */ jsx("p", {
+			className: "text-sm font-medium animate-pulse",
+			style: { color: textColor || color || "var(--dashboard-primary)" },
+			children: text
+		})]
+	});
+	if (fullscreen) return /* @__PURE__ */ jsx("div", {
+		className: "fixed inset-0 z-50 flex items-center justify-center bg-[var(--dashboard-background,#f2f2f2)]/80 backdrop-blur-sm",
+		children: spinner
+	});
+	return spinner;
+}
+
+//#endregion
+//#region src/components/Button/index.tsx
+const cn$18 = (...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 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)]"
+	};
+	const sizeStyles = {
+		sm: "px-2 py-1 text-xs sm:px-3 sm:py-1.5 sm:text-sm",
+		md: "px-3 py-1.5 text-sm sm:px-4 sm:py-2 sm:text-base",
+		lg: "px-4 py-2 text-base sm:px-6 sm:py-3 sm:text-lg"
+	};
+	const iconOnlySizeStyles = {
+		sm: "w-7 h-7 sm:w-8 sm:h-8",
+		md: "w-9 h-9 sm:w-10 sm:h-10",
+		lg: "w-10 h-10 sm:w-12 sm:h-12"
+	};
+	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),
+		disabled: disabled || isLoading,
+		...props,
+		children: isLoading ? /* @__PURE__ */ jsxs("span", {
+			className: "flex items-center gap-2",
+			children: [/* @__PURE__ */ jsx(Loading, {
+				size: "sm",
+				color: "currentColor"
+			}), "Carregando..."]
+		}) : isIconOnly ? icon : /* @__PURE__ */ jsxs(Fragment, { children: [
+			icon && iconPosition === "left" && /* @__PURE__ */ jsx("span", {
+				className: "mr-2",
+				children: icon
+			}),
+			children,
+			icon && iconPosition === "right" && /* @__PURE__ */ jsx("span", {
+				className: "ml-2",
+				children: icon
+			})
+		] })
+	});
+}
+
+//#endregion
+//#region src/components/Input/index.tsx
+const cn$17 = (...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", {
+		className: "w-full",
+		children: [
+			label && /* @__PURE__ */ jsx("label", {
+				htmlFor: inputId,
+				className: "block text-sm font-medium text-[var(--dashboard-text-primary,#2d2d2d)] mb-1",
+				children: label
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "relative flex items-center w-full",
+				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),
+					ref,
+					...props
+				}), children && /* @__PURE__ */ jsx("div", {
+					className: "absolute right-3 flex items-center",
+					children
+				})]
+			}),
+			error && /* @__PURE__ */ jsx("p", {
+				className: "text-[var(--dashboard-status-danger,#EF4444)] text-xs mt-1",
+				children: error
+			})
+		]
+	});
+});
+Input.displayName = "Input";
+
+//#endregion
+//#region src/components/Dropdown/index.tsx
+function Dropdown({ options, value, onChange, label, placeholder = "Selecione uma opção", disabled = false, className = "", containerClassName = "", fullWidth = false, size = "medium", error, variant = "default", customDropdownHeight, icon, fitContent = false, isActive = false }) {
+	const [isOpen, setIsOpen] = useState(false);
+	const [isVisible, setIsVisible] = useState(false);
+	const [position, setPosition] = useState({
+		top: 0,
+		left: 0,
+		width: 0
+	});
+	const dropdownRef = useRef(null);
+	const selectedOption = options.find((option) => option.value === value);
+	const selectedStyle = {
+		small: {
+			container: "h-8 px-2",
+			text: "text-xs",
+			wrapper: "space-y-1",
+			label: "text-sm",
+			iconPadding: "pl-8"
+		},
+		medium: {
+			container: "h-10 px-3",
+			text: "text-sm",
+			wrapper: "space-y-2",
+			label: "text-base",
+			iconPadding: "pl-10"
+		},
+		large: {
+			container: "h-12 px-4",
+			text: "text-lg",
+			wrapper: "space-y-3",
+			label: "text-lg",
+			iconPadding: "pl-12"
+		}
+	}[size];
+	const variantStyles = {
+		default: "rounded-lg border border-[var(--dashboard-text-secondary,#6b7280)]/30 hover:border-[var(--dashboard-text-secondary,#6b7280)]/50 focus:outline-none focus:ring-2 focus:ring-[var(--dashboard-primary,#37a501)] focus:border-transparent",
+		underline: "border-b border-[var(--dashboard-text-secondary,#6b7280)]/30 rounded-none hover:border-b-[var(--dashboard-text-secondary,#6b7280)]/50",
+		simple: "rounded-lg border border-[var(--dashboard-text-secondary,#6b7280)]/20 hover:border-[var(--dashboard-text-secondary,#6b7280)]/30 focus:outline-none",
+		compact: "rounded-full hover:bg-[var(--dashboard-text-secondary,#6b7280)]/20 focus:outline-none"
+	};
+	const variantBackgrounds = {
+		default: "bg-[var(--dashboard-surface,#ffffff)]",
+		underline: "bg-transparent",
+		simple: "bg-[var(--dashboard-surface,#ffffff)]",
+		compact: "bg-[var(--dashboard-text-secondary,#6b7280)]/10"
+	};
+	const calculatePosition = () => {
+		if (dropdownRef.current) {
+			const rect = dropdownRef.current.getBoundingClientRect();
+			setPosition({
+				top: rect.bottom + 4,
+				left: rect.left,
+				width: rect.width
+			});
+		}
+	};
+	const toggleDropdown = () => {
+		if (!disabled) if (isOpen) handleClose();
+		else {
+			calculatePosition();
+			setIsVisible(true);
+			setTimeout(() => setIsOpen(true), 10);
+		}
+	};
+	const handleClose = () => {
+		setIsOpen(false);
+		setTimeout(() => setIsVisible(false), 150);
+	};
+	const handleSelect = (option) => {
+		onChange(option.value);
+		handleClose();
+	};
+	useEffect(() => {
+		const handleClickOutside = (event) => {
+			if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
+				const portal = document.querySelector(".dashboard-dropdown-portal");
+				if (portal && !portal.contains(event.target)) {
+					if (isOpen) handleClose();
+				}
+			}
+		};
+		document.addEventListener("mousedown", handleClickOutside);
+		return () => document.removeEventListener("mousedown", handleClickOutside);
+	}, [isOpen]);
+	useEffect(() => {
+		const handleResize = () => {
+			if (isOpen) calculatePosition();
+		};
+		const handleScroll = (event) => {
+			if (isOpen) {
+				const portal = document.querySelector(".dashboard-dropdown-portal");
+				if (!portal || !portal.contains(event.target)) handleClose();
+			}
+		};
+		window.addEventListener("resize", handleResize);
+		window.addEventListener("scroll", handleScroll, true);
+		return () => {
+			window.removeEventListener("resize", handleResize);
+			window.removeEventListener("scroll", handleScroll, true);
+		};
+	}, [isOpen]);
+	return /* @__PURE__ */ jsxs("div", {
+		className: `${selectedStyle.wrapper} ${containerClassName} ${fullWidth ? "w-full" : fitContent ? "w-fit" : ""}`,
+		children: [
+			label && /* @__PURE__ */ jsx("label", {
+				className: `block text-[var(--dashboard-text-primary,#2d2d2d)] ${selectedStyle.label}`,
+				children: label
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				ref: dropdownRef,
+				className: "relative",
+				children: [
+					icon && /* @__PURE__ */ jsx("div", {
+						className: "absolute left-3 top-1/2 transform -translate-y-1/2 text-[var(--dashboard-text-secondary,#6b7280)] h-4 w-4 pointer-events-none",
+						children: icon
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						onClick: toggleDropdown,
+						className: `flex ${fullWidth ? "w-full" : fitContent ? "w-fit" : "w-full"} items-center justify-between ${selectedStyle.container} ${icon ? selectedStyle.iconPadding : ""} ${error ? "rounded-lg border border-[var(--dashboard-status-danger,#EF4444)]" : disabled ? "border-[var(--dashboard-text-secondary,#6b7280)]/30 bg-[var(--dashboard-text-secondary,#6b7280)]/10" : isActive ? "rounded-lg border border-[var(--dashboard-primary,#37a501)]" : variantStyles[variant]} ${className} cursor-pointer transition-colors duration-200 ${disabled ? "bg-[var(--dashboard-text-secondary,#6b7280)]/10" : selectedOption?.backgroundColor || variantBackgrounds[variant]}`,
+						style: selectedOption?.backgroundColor ? { backgroundColor: selectedOption.backgroundColor } : void 0,
+						children: [/* @__PURE__ */ jsx("span", {
+							className: `block truncate select-none ${selectedStyle.text} ${selectedOption ? selectedOption.color ? "" : "text-[var(--dashboard-text-primary,#2d2d2d)]" : "text-[var(--dashboard-text-secondary,#6b7280)]"} ${disabled ? "text-[var(--dashboard-text-secondary,#6b7280)] opacity-50" : ""}`,
+							style: selectedOption?.color ? { color: selectedOption.color } : void 0,
+							children: selectedOption ? selectedOption.label : placeholder
+						}), /* @__PURE__ */ jsx(ChevronDown, { className: `h-4 w-4 text-[var(--dashboard-text-secondary,#6b7280)] transition-transform duration-200 ${isOpen ? "rotate-180 transform" : ""}` })]
+					}),
+					isVisible && typeof document !== "undefined" && createPortal(/* @__PURE__ */ jsx("div", {
+						className: `dashboard-dropdown-portal overflow-y-auto rounded-lg border border-[var(--dashboard-text-secondary,#6b7280)]/20 bg-[var(--dashboard-surface,#ffffff)] shadow-lg transition-all duration-200 ease-in-out ${isOpen ? `opacity-100 ${customDropdownHeight || "max-h-60"}` : "max-h-0 opacity-0"}`,
+						style: {
+							position: "fixed",
+							top: position.top,
+							left: position.left,
+							width: position.width,
+							zIndex: 9999
+						},
+						children: /* @__PURE__ */ jsx("ul", {
+							className: "py-1",
+							children: options.length > 0 ? options.map((option) => {
+								const isSelected = option.value === value;
+								return /* @__PURE__ */ jsxs("li", {
+									"data-modal-ignore": true,
+									onClick: () => handleSelect(option),
+									className: `cursor-pointer px-3 py-2 text-left select-none hover:bg-[var(--dashboard-text-secondary,#6b7280)]/10 transition-colors flex items-center justify-between ${isSelected ? "text-[var(--dashboard-primary,#37a501)] font-medium" : "text-[var(--dashboard-text-primary,#2d2d2d)]"} ${selectedStyle.text}`,
+									children: [/* @__PURE__ */ jsx("span", { children: option.label }), isSelected && /* @__PURE__ */ jsx(Check, { className: "h-4 w-4 text-[var(--dashboard-primary,#37a501)]" })]
+								}, option.value);
+							}) : /* @__PURE__ */ jsx("li", {
+								className: `px-3 py-2 text-[var(--dashboard-text-secondary,#6b7280)] italic ${selectedStyle.text}`,
+								children: "Não há opções disponíveis"
+							})
+						})
+					}), document.body)
+				]
+			}),
+			error && /* @__PURE__ */ jsx("p", {
+				className: `mt-1 ${selectedStyle.text} text-[var(--dashboard-status-danger,#EF4444)]`,
+				children: error
+			})
+		]
+	});
+}
+
+//#endregion
+//#region src/components/Table/index.tsx
+function Table({ columns, data, onRowClick, isLoading = false, emptyMessage = "Nenhum registro encontrado", emptyIcon, loadingComponent, emptyComponent, keyExtractor, className = "" }) {
+	if (isLoading) return loadingComponent ? /* @__PURE__ */ jsx(Fragment, { children: loadingComponent }) : /* @__PURE__ */ jsx(TableSkeleton, {});
+	if (data.length === 0) return emptyComponent ? /* @__PURE__ */ jsx(Fragment, { children: emptyComponent }) : /* @__PURE__ */ jsx(TableEmpty, {
+		message: emptyMessage,
+		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}`,
+		children: /* @__PURE__ */ jsxs("table", {
+			className: "min-w-full divide-y divide-[var(--dashboard-text-secondary,#6b7280)]/20",
+			children: [/* @__PURE__ */ jsx(TableHeader, { columns }), /* @__PURE__ */ jsx(TableBody, {
+				columns,
+				data,
+				onRowClick,
+				keyExtractor
+			})]
+		})
+	});
+}
+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",
+		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}]` : ""}`,
+			children: column.header
+		}, column.key)) })
+	});
+}
+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", {
+			onClick: () => onRowClick?.(item),
+			className: `hover:bg-[var(--dashboard-text-secondary,#6b7280)]/5 transition-colors duration-150 ${onRowClick ? "cursor-pointer" : ""}`,
+			children: columns.map((column) => /* @__PURE__ */ jsx("td", {
+				className: `px-6 py-4 whitespace-nowrap text-sm ${alignClass(column.align)}`,
+				children: column.render(item)
+			}, column.key))
+		}, keyExtractor(item)))
+	});
+}
+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",
+		children: /* @__PURE__ */ jsx("div", {
+			className: "flex items-center justify-center h-64",
+			children: /* @__PURE__ */ jsx(Loading, {
+				size: "lg",
+				text: "Carregando dados..."
+			})
+		})
+	});
+}
+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",
+		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)]",
+				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-4 text-[var(--dashboard-text-secondary,#6b7280)]",
+				children: message
+			})]
+		})
+	});
+}
+
+//#endregion
+//#region src/components/Modal/index.tsx
+function Modal({ isOpen, onClose, onSave, title = "", children, showFooter = false, saveButtonText = "Salvar", cancelButtonText = "Cancelar", size = "medium", disableSaveButton = false, saveButtonVariant = "primary", closeOnEscape = true, closeOnOverlayClick = true }) {
+	const [isClosing, setIsClosing] = useState(false);
+	const [shouldRender, setShouldRender] = useState(isOpen);
+	const modalRef = useRef(null);
+	const prevIsOpenRef = useRef(false);
+	const sizeClasses = {
+		small: "max-w-sm",
+		medium: "max-w-md",
+		large: "max-w-lg",
+		largeXl: "max-w-4xl",
+		extraLarge: "max-w-screen-xl"
+	};
+	useEffect(() => {
+		if (isOpen && !prevIsOpenRef.current) {
+			setShouldRender(true);
+			setIsClosing(false);
+		} else if (!isOpen && prevIsOpenRef.current) {
+			setIsClosing(true);
+			const timer = setTimeout(() => {
+				setShouldRender(false);
+				setIsClosing(false);
+			}, 150);
+			return () => clearTimeout(timer);
+		}
+		prevIsOpenRef.current = isOpen;
+	}, [isOpen]);
+	const handleClose = useCallback(() => {
+		setIsClosing(true);
+		setTimeout(() => {
+			setIsClosing(false);
+			onClose();
+		}, 150);
+	}, [onClose]);
+	useEffect(() => {
+		if (!closeOnOverlayClick) return;
+		const handleClickOutside = (event) => {
+			const target = event.target;
+			if (modalRef.current && !modalRef.current.contains(event.target) && !target.closest("[data-modal-ignore]")) handleClose();
+		};
+		if (shouldRender && !isClosing) {
+			document.addEventListener("mousedown", handleClickOutside);
+			document.body.style.overflow = "hidden";
+		}
+		return () => {
+			document.removeEventListener("mousedown", handleClickOutside);
+			if (!shouldRender) document.body.style.overflow = "auto";
+		};
+	}, [
+		shouldRender,
+		isClosing,
+		handleClose,
+		closeOnOverlayClick
+	]);
+	useEffect(() => {
+		if (!closeOnEscape) return;
+		const handleEscKey = (event) => {
+			if (event.key === "Escape") handleClose();
+		};
+		if (shouldRender && !isClosing) document.addEventListener("keydown", handleEscKey);
+		return () => {
+			document.removeEventListener("keydown", handleEscKey);
+		};
+	}, [
+		shouldRender,
+		isClosing,
+		handleClose,
+		closeOnEscape
+	]);
+	if (!shouldRender && !isOpen) return null;
+	return /* @__PURE__ */ jsx("div", {
+		className: `fixed inset-0 z-[10000] flex items-center justify-center bg-black/50 backdrop-blur-sm p-4 ${isClosing ? "dashboard-animate-fade-out" : "dashboard-animate-fade-in"}`,
+		"aria-modal": "true",
+		role: "dialog",
+		"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"}`,
+			children: [
+				/* @__PURE__ */ jsxs("div", {
+					className: "flex h-fit items-center justify-between border-b border-[var(--dashboard-text-secondary,#6b7280)]/20 p-4",
+					children: [title && /* @__PURE__ */ jsx("h2", {
+						id: "modal-title",
+						className: "text-xl font-semibold text-[var(--dashboard-text-primary,#2d2d2d)]",
+						children: title
+					}), /* @__PURE__ */ jsx(Button, {
+						variant: "ghost",
+						size: "sm",
+						onClick: handleClose,
+						className: "ml-auto rounded-md",
+						"aria-label": "Fechar modal",
+						icon: /* @__PURE__ */ jsx(X, { className: "h-5 w-5" })
+					})]
+				}),
+				/* @__PURE__ */ jsx("div", {
+					className: "flex-grow overflow-y-auto p-6",
+					children
+				}),
+				showFooter && /* @__PURE__ */ jsxs("div", {
+					className: "flex justify-end gap-3 border-t border-[var(--dashboard-text-secondary,#6b7280)]/20 p-4",
+					children: [/* @__PURE__ */ jsx(Button, {
+						variant: "secondary",
+						onClick: handleClose,
+						size: "md",
+						children: cancelButtonText
+					}), /* @__PURE__ */ jsx(Button, {
+						variant: saveButtonVariant,
+						onClick: onSave,
+						disabled: disableSaveButton,
+						size: "md",
+						children: saveButtonText
+					})]
+				})
+			]
+		})
+	});
+}
+
+//#endregion
+//#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}`,
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "p-4",
+			children: [title && /* @__PURE__ */ jsxs("div", {
+				className: showDivider ? "mb-4" : "mb-3",
+				children: [
+					/* @__PURE__ */ jsxs("div", {
+						className: "flex items-center justify-between",
+						children: [/* @__PURE__ */ jsxs("div", {
+							className: "flex items-center gap-2",
+							children: [icon && /* @__PURE__ */ jsx("div", {
+								className: "text-[var(--dashboard-text-secondary,#6b7280)]",
+								children: icon
+							}), /* @__PURE__ */ jsx("h3", {
+								className: `${showDivider ? "font-medium" : "text-base font-semibold"} text-[var(--dashboard-text-primary,#2d2d2d)] truncate`,
+								children: title
+							})]
+						}), headerActions && /* @__PURE__ */ jsx("div", {
+							className: "flex gap-2",
+							children: headerActions
+						})]
+					}),
+					subtitle && /* @__PURE__ */ jsx("p", {
+						className: "text-sm text-[var(--dashboard-text-secondary,#6b7280)] mt-1",
+						children: subtitle
+					}),
+					showDivider && /* @__PURE__ */ jsx("div", { className: "w-full h-px bg-[var(--dashboard-text-secondary,#6b7280)]/20 mt-4" })
+				]
+			}), children]
+		})
+	});
+}
+
+//#endregion
+//#region src/components/Toast/index.tsx
+const typeConfig = {
+	success: {
+		bg: "bg-[var(--dashboard-status-success,#10B981)]",
+		icon: CheckCircle
+	},
+	error: {
+		bg: "bg-[var(--dashboard-status-danger,#EF4444)]",
+		icon: XCircle
+	},
+	warning: {
+		bg: "bg-[var(--dashboard-status-warning,#f59e0b)]",
+		icon: AlertTriangle
+	},
+	info: {
+		bg: "bg-[var(--dashboard-status-info,#3b82f6)]",
+		icon: Info
+	}
+};
+function Toast({ title, subtitle, type = "success", duration = 4e3, onClose, showProgress = true }) {
+	const [exiting, setExiting] = useState(false);
+	const handleClose = useCallback(() => {
+		setExiting(true);
+		setTimeout(onClose, 200);
+	}, [onClose]);
+	useEffect(() => {
+		if (duration <= 0) return;
+		const timer = setTimeout(() => {
+			handleClose();
+		}, duration);
+		return () => clearTimeout(timer);
+	}, [duration, handleClose]);
+	const { bg, icon: Icon } = typeConfig[type];
+	return /* @__PURE__ */ jsxs("div", {
+		className: `${bg} text-white rounded-lg shadow-xl shadow-black/15 overflow-hidden ${exiting ? "dashboard-toast-exit" : "dashboard-toast-enter"}`,
+		role: "alert",
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "flex items-start gap-3 p-4",
+			children: [
+				/* @__PURE__ */ jsx(Icon, { className: "w-5 h-5 mt-0.5 shrink-0" }),
+				/* @__PURE__ */ jsxs("div", {
+					className: "flex-1 min-w-0",
+					children: [/* @__PURE__ */ jsx("p", {
+						className: "font-semibold text-sm",
+						children: title
+					}), subtitle && /* @__PURE__ */ jsx("p", {
+						className: "text-xs opacity-90 mt-0.5",
+						children: subtitle
+					})]
+				}),
+				/* @__PURE__ */ jsx("button", {
+					onClick: handleClose,
+					className: "shrink-0 hover:opacity-75 transition-opacity cursor-pointer",
+					"aria-label": "Fechar",
+					children: /* @__PURE__ */ jsx(X, { className: "w-4 h-4" })
+				})
+			]
+		}), showProgress && duration > 0 && !exiting && /* @__PURE__ */ jsx("div", {
+			className: "h-0.5 bg-white/20",
+			children: /* @__PURE__ */ jsx("div", {
+				className: "h-full bg-white/60",
+				style: { animation: `dashboard-toast-progress ${duration}ms linear forwards` }
+			})
+		})]
+	});
+}
+
+//#endregion
+//#region src/components/Pagination/index.tsx
+function Pagination({ currentPage, totalPages, onPageChange, itemsPerPage, totalItems, onItemsPerPageChange, itemsPerPageOptions = [
+	10,
+	20,
+	30,
+	50
+], showPageInfo = true, compact = false, className = "" }) {
+	const startItem = (currentPage - 1) * itemsPerPage + 1;
+	const endItem = Math.min(currentPage * itemsPerPage, totalItems);
+	const getPageNumbers = () => {
+		const pages = [];
+		const maxVisible = compact ? 3 : 5;
+		const halfVisible = Math.floor(maxVisible / 2);
+		if (totalPages <= maxVisible + 2) for (let i = 1; i <= totalPages; i++) pages.push(i);
+		else {
+			pages.push(1);
+			let startPage = Math.max(2, currentPage - halfVisible);
+			let endPage = Math.min(totalPages - 1, currentPage + halfVisible);
+			if (currentPage <= halfVisible + 1) endPage = maxVisible;
+			else if (currentPage >= totalPages - halfVisible) startPage = totalPages - maxVisible + 1;
+			if (startPage > 2) pages.push("...");
+			for (let i = startPage; i <= endPage; i++) pages.push(i);
+			if (endPage < totalPages - 1) pages.push("...");
+			if (totalPages > 1) pages.push(totalPages);
+		}
+		return pages;
+	};
+	const pageNumbers = getPageNumbers();
+	const canGoPrevious = currentPage > 1;
+	const canGoNext = currentPage < totalPages;
+	const handlePageClick = (page) => {
+		if (typeof page === "number" && page !== currentPage) onPageChange(page);
+	};
+	const dropdownOptions = itemsPerPageOptions.map((opt) => ({
+		value: String(opt),
+		label: String(opt)
+	}));
+	return /* @__PURE__ */ jsxs("div", {
+		className: `flex items-center justify-between gap-4 flex-wrap px-4 py-3 border-t border-[var(--dashboard-text-secondary,#6b7280)]/20 ${className}`,
+		children: [
+			onItemsPerPageChange && !compact && /* @__PURE__ */ jsxs("div", {
+				className: "hidden md:flex items-center gap-2",
+				children: [/* @__PURE__ */ jsx(Dropdown, {
+					options: dropdownOptions,
+					value: String(itemsPerPage),
+					onChange: (val) => onItemsPerPageChange(Number(val)),
+					size: "small",
+					variant: "compact",
+					fitContent: true
+				}), /* @__PURE__ */ jsx("span", {
+					className: "text-sm text-[var(--dashboard-text-secondary,#6b7280)]",
+					children: "Itens por página"
+				})]
+			}),
+			showPageInfo && /* @__PURE__ */ jsx("div", {
+				className: "text-sm text-[var(--dashboard-text-secondary,#6b7280)]",
+				children: totalItems > 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("span", {
+					className: "hidden sm:inline",
+					children: [
+						"Mostrando ",
+						startItem,
+						" - ",
+						endItem,
+						" de ",
+						totalItems,
+						" itens"
+					]
+				}), /* @__PURE__ */ jsxs("span", {
+					className: "sm:hidden",
+					children: [
+						startItem,
+						"-",
+						endItem,
+						" de ",
+						totalItems
+					]
+				})] }) : /* @__PURE__ */ jsx("span", { children: "Nenhum item encontrado" })
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex items-center gap-1",
+				children: [
+					!compact && /* @__PURE__ */ jsx("div", {
+						className: "hidden md:block",
+						children: /* @__PURE__ */ jsx(Button, {
+							variant: "ghost",
+							size: "sm",
+							onClick: () => handlePageClick(1),
+							disabled: !canGoPrevious,
+							icon: /* @__PURE__ */ jsx(ChevronsLeft, { size: 16 }),
+							"aria-label": "Primeira página"
+						})
+					}),
+					/* @__PURE__ */ jsx(Button, {
+						variant: "ghost",
+						size: "sm",
+						onClick: () => handlePageClick(currentPage - 1),
+						disabled: !canGoPrevious,
+						icon: /* @__PURE__ */ jsx(ChevronLeft, { size: 16 }),
+						"aria-label": "Página anterior"
+					}),
+					/* @__PURE__ */ jsx("div", {
+						className: "flex items-center gap-1",
+						children: pageNumbers.map((page, index) => /* @__PURE__ */ jsx(React.Fragment, { children: page === "..." ? /* @__PURE__ */ jsx("span", {
+							className: "px-2 text-[var(--dashboard-text-secondary,#6b7280)]",
+							children: "..."
+						}) : /* @__PURE__ */ jsx(Button, {
+							variant: page === currentPage ? "primary" : "ghost",
+							size: "sm",
+							onClick: () => handlePageClick(page),
+							className: `min-w-[32px] h-8 !px-2 ${page === currentPage ? "font-medium" : ""}`,
+							"aria-label": `Página ${page}`,
+							"aria-current": page === currentPage ? "page" : void 0,
+							children: page
+						}) }, `${page}-${index}`))
+					}),
+					/* @__PURE__ */ jsx(Button, {
+						variant: "ghost",
+						size: "sm",
+						onClick: () => handlePageClick(currentPage + 1),
+						disabled: !canGoNext,
+						icon: /* @__PURE__ */ jsx(ChevronRight, { size: 16 }),
+						"aria-label": "Próxima página"
+					}),
+					!compact && /* @__PURE__ */ jsx("div", {
+						className: "hidden md:block",
+						children: /* @__PURE__ */ jsx(Button, {
+							variant: "ghost",
+							size: "sm",
+							onClick: () => handlePageClick(totalPages),
+							disabled: !canGoNext,
+							icon: /* @__PURE__ */ jsx(ChevronsRight, { size: 16 }),
+							"aria-label": "Última página"
+						})
+					})
+				]
+			})
+		]
+	});
+}
+
+//#endregion
+//#region src/components/FormField/index.tsx
+function FormField({ label, name, type = "text", value, onChange, error, required = false, placeholder, disabled = false, className = "" }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className,
+		children: [
+			/* @__PURE__ */ jsxs("label", {
+				htmlFor: name,
+				className: "block text-sm font-medium text-[var(--dashboard-text-primary,#2d2d2d)] mb-1",
+				children: [
+					label,
+					" ",
+					required && /* @__PURE__ */ jsx("span", {
+						className: "text-[var(--dashboard-status-danger,#EF4444)]",
+						children: "*"
+					})
+				]
+			}),
+			/* @__PURE__ */ jsx(Input, {
+				type,
+				id: name,
+				name,
+				value,
+				onChange: (e) => onChange(e.target.value),
+				disabled,
+				placeholder,
+				className: error ? "border-[var(--dashboard-status-danger,#EF4444)] focus:border-[var(--dashboard-status-danger,#EF4444)]" : ""
+			}),
+			error && /* @__PURE__ */ jsx("p", {
+				className: "text-[var(--dashboard-status-danger,#EF4444)] text-xs mt-1",
+				children: error
+			})
+		]
+	});
+}
+
+//#endregion
+//#region src/components/Tabs/index.tsx
+const cn$16 = (...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),
+		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"),
+				role: "tab",
+				"aria-selected": isActive,
+				children: [
+					tab.icon && /* @__PURE__ */ jsx("span", {
+						className: "flex-shrink-0",
+						children: tab.icon
+					}),
+					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)]"),
+						children: tab.count
+					})
+				]
+			}, tab.id);
+		})
+	});
+	return /* @__PURE__ */ jsx("div", {
+		className: cn$16("border-b border-[var(--dashboard-text-secondary,#6b7280)]/20", className),
+		children: /* @__PURE__ */ jsx("nav", {
+			className: "flex gap-6",
+			"aria-label": "Tabs",
+			children: tabs.map((tab) => {
+				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"),
+					role: "tab",
+					"aria-selected": isActive,
+					children: [
+						tab.icon && /* @__PURE__ */ jsx("span", {
+							className: "flex-shrink-0",
+							children: tab.icon
+						}),
+						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)]"),
+							children: tab.count
+						})
+					]
+				}, tab.id);
+			})
+		})
+	});
+}
+
+//#endregion
+//#region src/components/DateRangePicker/index.tsx
+const cn$15 = (...classes) => classes.filter(Boolean).join(" ");
+const locales = {
+	pt: {
+		months: [
+			"Janeiro",
+			"Fevereiro",
+			"Março",
+			"Abril",
+			"Maio",
+			"Junho",
+			"Julho",
+			"Agosto",
+			"Setembro",
+			"Outubro",
+			"Novembro",
+			"Dezembro"
+		],
+		weekDays: [
+			"D",
+			"S",
+			"T",
+			"Q",
+			"Q",
+			"S",
+			"S"
+		],
+		prevMonth: "Mês anterior",
+		nextMonth: "Próximo mês"
+	},
+	en: {
+		months: [
+			"January",
+			"February",
+			"March",
+			"April",
+			"May",
+			"June",
+			"July",
+			"August",
+			"September",
+			"October",
+			"November",
+			"December"
+		],
+		weekDays: [
+			"S",
+			"M",
+			"T",
+			"W",
+			"T",
+			"F",
+			"S"
+		],
+		prevMonth: "Previous month",
+		nextMonth: "Next month"
+	}
+};
+function DateRangePicker({ value, onChange, locale = "pt", className }) {
+	const [currentMonth, setCurrentMonth] = useState(/* @__PURE__ */ new Date());
+	const l = locales[locale];
+	const getDaysInMonth = (date) => {
+		const year = date.getFullYear();
+		const month = date.getMonth();
+		const firstDay = new Date(year, month, 1);
+		const daysInMonth = new Date(year, month + 1, 0).getDate();
+		const startDayOfWeek = firstDay.getDay();
+		const days = [];
+		for (let i = 0; i < startDayOfWeek; i++) days.push(null);
+		for (let i = 1; i <= daysInMonth; i++) days.push(i);
+		return days;
+	};
+	const handleDayClick = (day) => {
+		const selectedDate = new Date(currentMonth.getFullYear(), currentMonth.getMonth(), day);
+		if (!value.start || value.start && value.end) onChange({
+			start: selectedDate,
+			end: null
+		});
+		else if (value.start && !value.end) if (selectedDate >= value.start) onChange({
+			start: value.start,
+			end: selectedDate
+		});
+		else onChange({
+			start: selectedDate,
+			end: value.start
+		});
+	};
+	const isDateInRange = (day) => {
+		if (!value.start || !value.end) return false;
+		const date = new Date(currentMonth.getFullYear(), currentMonth.getMonth(), day);
+		return date > value.start && date < value.end;
+	};
+	const isStartDate = (day) => {
+		if (!value.start) return false;
+		return new Date(currentMonth.getFullYear(), currentMonth.getMonth(), day).getTime() === value.start.getTime();
+	};
+	const isEndDate = (day) => {
+		if (!value.end) return false;
+		return new Date(currentMonth.getFullYear(), currentMonth.getMonth(), day).getTime() === value.end.getTime();
+	};
+	const previousMonth = () => {
+		setCurrentMonth(new Date(currentMonth.getFullYear(), currentMonth.getMonth() - 1));
+	};
+	const nextMonth = () => {
+		setCurrentMonth(new Date(currentMonth.getFullYear(), currentMonth.getMonth() + 1));
+	};
+	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),
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "flex items-center justify-between mb-4",
+			children: [
+				/* @__PURE__ */ jsx("button", {
+					onClick: previousMonth,
+					className: "p-1 hover:bg-[var(--dashboard-text-secondary,#6b7280)]/10 rounded transition-colors cursor-pointer",
+					"aria-label": l.prevMonth,
+					children: /* @__PURE__ */ jsx(ChevronLeft, { className: "w-4 h-4 text-[var(--dashboard-text-primary,#2d2d2d)]" })
+				}),
+				/* @__PURE__ */ jsxs("h2", {
+					className: "text-base font-semibold text-[var(--dashboard-text-primary,#2d2d2d)]",
+					children: [
+						l.months[currentMonth.getMonth()],
+						" ",
+						currentMonth.getFullYear()
+					]
+				}),
+				/* @__PURE__ */ jsx("button", {
+					onClick: nextMonth,
+					className: "p-1 hover:bg-[var(--dashboard-text-secondary,#6b7280)]/10 rounded transition-colors cursor-pointer",
+					"aria-label": l.nextMonth,
+					children: /* @__PURE__ */ jsx(ChevronRight, { className: "w-4 h-4 text-[var(--dashboard-text-primary,#2d2d2d)]" })
+				})
+			]
+		}), /* @__PURE__ */ jsxs("div", {
+			className: "grid grid-cols-7",
+			children: [l.weekDays.map((day, index) => /* @__PURE__ */ jsx("div", {
+				className: "h-8 w-8 flex items-center justify-center text-xs font-medium text-[var(--dashboard-text-secondary,#6b7280)]",
+				children: day
+			}, index)), days.map((day, index) => {
+				if (day === null) return /* @__PURE__ */ jsx("div", { className: "h-8 w-8" }, `empty-${index}`);
+				const inRange = isDateInRange(day);
+				const isStart = isStartDate(day);
+				const isEnd = isEndDate(day);
+				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", {
+						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"),
+						children: day
+					})]
+				}, day);
+			})]
+		})]
+	});
+}
+
+//#endregion
+//#region src/components/Title/index.tsx
+const cn$14 = (...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",
+	3: "text-lg sm:text-xl md:text-2xl lg:text-3xl",
+	4: "text-base sm:text-lg md:text-xl lg:text-2xl",
+	5: "text-sm sm:text-base md:text-lg lg:text-xl",
+	6: "text-xs sm:text-sm md:text-base lg:text-lg"
+};
+const customSizes = {
+	xs: "text-xs sm:text-sm",
+	sm: "text-sm sm:text-base",
+	md: "text-base sm:text-lg",
+	lg: "text-lg sm:text-xl md:text-2xl",
+	xl: "text-xl sm:text-2xl md:text-3xl",
+	"2xl": "text-2xl sm:text-3xl md:text-4xl",
+	"3xl": "text-3xl sm:text-4xl md:text-5xl lg:text-6xl"
+};
+const weightStyles = {
+	normal: "font-normal",
+	medium: "font-medium",
+	semibold: "font-semibold",
+	bold: "font-bold",
+	extrabold: "font-extrabold"
+};
+const alignStyles = {
+	left: "text-left",
+	center: "text-center",
+	right: "text-right"
+};
+function Title({ children, level = 1, size, weight = "bold", align = "left", color, className, ...props }) {
+	const Tag = `h${level}`;
+	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),
+		...props,
+		children
+	});
+}
+
+//#endregion
+//#region src/components/ToggleSwitch/index.tsx
+const cn$13 = (...classes) => classes.filter(Boolean).join(" ");
+const sizeConfig$1 = {
+	sm: {
+		track: "h-5 w-9",
+		thumb: "h-3 w-3",
+		translateOn: "translate-x-5",
+		translateOff: "translate-x-1"
+	},
+	md: {
+		track: "h-6 w-11",
+		thumb: "h-4 w-4",
+		translateOn: "translate-x-6",
+		translateOff: "translate-x-1"
+	},
+	lg: {
+		track: "h-7 w-14",
+		thumb: "h-5 w-5",
+		translateOn: "translate-x-8",
+		translateOff: "translate-x-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),
+		children: [/* @__PURE__ */ jsx("button", {
+			type: "button",
+			role: "switch",
+			"aria-checked": enabled,
+			"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) })
+		}), label && /* @__PURE__ */ jsx("span", {
+			className: cn$13("text-sm text-[var(--dashboard-text-primary,#2d2d2d)]", disabled && "opacity-50"),
+			children: label
+		})]
+	});
+}
+
+//#endregion
+//#region src/components/BadgeStatus/index.tsx
+const cn$12 = (...classes) => classes.filter(Boolean).join(" ");
+const variantStyles = {
+	success: {
+		color: "text-[var(--dashboard-status-success,#10B981)]",
+		bgColor: "bg-[var(--dashboard-status-success,#10B981)]/10"
+	},
+	warning: {
+		color: "text-[var(--dashboard-status-warning,#f59e0b)]",
+		bgColor: "bg-[var(--dashboard-status-warning,#f59e0b)]/10"
+	},
+	danger: {
+		color: "text-[var(--dashboard-status-danger,#EF4444)]",
+		bgColor: "bg-[var(--dashboard-status-danger,#EF4444)]/10"
+	},
+	info: {
+		color: "text-[var(--dashboard-status-info,#3b82f6)]",
+		bgColor: "bg-[var(--dashboard-status-info,#3b82f6)]/10"
+	},
+	neutral: {
+		color: "text-[var(--dashboard-text-secondary,#6b7280)]",
+		bgColor: "bg-[var(--dashboard-text-secondary,#6b7280)]/10"
+	}
+};
+const sizeClasses = {
+	sm: "px-2 py-0.5 text-xs",
+	md: "px-3 py-1 text-sm"
+};
+function BadgeStatus({ label, variant = "neutral", color, bgColor, size = "md", className }) {
+	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),
+		style: useCustomColors ? {
+			color: color || void 0,
+			backgroundColor: bgColor || void 0
+		} : void 0,
+		children: label
+	});
+}
+
+//#endregion
+//#region src/components/Sidebar/index.tsx
+const cn$11 = (...classes) => classes.filter(Boolean).join(" ");
+function DefaultLink({ href, className, children }) {
+	return /* @__PURE__ */ jsx("a", {
+		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 cubicBezier = "cubic-bezier(0.4, 0, 0.2, 1)";
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("header", {
+		className: "xl:hidden fixed top-0 left-0 right-0 z-40 bg-[var(--dashboard-background,#f2f2f2)] border-b border-[var(--dashboard-text-secondary,#6b7280)]/20",
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "flex items-center justify-center px-4 h-16 relative",
+			children: [/* @__PURE__ */ jsx("div", {
+				className: "flex items-center",
+				children: logo
+			}), /* @__PURE__ */ jsx("button", {
+				onClick: () => setIsMobileMenuOpen(!isMobileMenuOpen),
+				className: "absolute right-4 inline-flex items-center justify-center rounded-lg text-sm font-medium transition-colors cursor-pointer bg-[var(--dashboard-primary,#37a501)]/10 text-[var(--dashboard-text-primary,#2d2d2d)] hover:bg-[var(--dashboard-primary,#37a501)]/20 h-10 w-10",
+				"aria-label": "Menu",
+				"aria-expanded": isMobileMenuOpen,
+				children: /* @__PURE__ */ jsx(ChevronDown, {
+					size: 24,
+					className: `transition-transform duration-200 ${isMobileMenuOpen ? "rotate-180" : ""}`
+				})
+			})]
+		}), /* @__PURE__ */ jsx("nav", {
+			className: `absolute top-16 left-0 right-0 bg-[var(--dashboard-background,#f2f2f2)] border-b border-[var(--dashboard-text-secondary,#6b7280)]/20 shadow-lg transition-all duration-200 overflow-hidden ${isMobileMenuOpen ? "max-h-[500px]" : "max-h-0"}`,
+			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)]/15 text-[var(--dashboard-primary,#37a501)]" : "text-[var(--dashboard-text-primary,#2d2d2d)] hover:bg-[var(--dashboard-primary,#37a501)]/5"),
+							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", {
+					className: "mt-2 pt-2 border-t border-[var(--dashboard-text-secondary,#6b7280)]/20 space-y-2",
+					children: [user && /* @__PURE__ */ jsxs("button", {
+						onClick: onUserClick,
+						className: "w-full flex items-center px-4 py-3 rounded-lg bg-[var(--dashboard-text-secondary,#6b7280)]/10 hover:bg-[var(--dashboard-text-secondary,#6b7280)]/20 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)]/20 text-[var(--dashboard-text-primary,#2d2d2d)] flex-shrink-0",
+							children: /* @__PURE__ */ jsx(User, { size: 16 })
+						}), /* @__PURE__ */ jsxs("div", {
+							className: "ml-3 text-left",
+							children: [
+								user.subtitle && /* @__PURE__ */ jsx("p", {
+									className: "text-xs text-[var(--dashboard-text-secondary,#6b7280)] whitespace-nowrap truncate",
+									children: user.subtitle
+								}),
+								/* @__PURE__ */ jsx("p", {
+									className: "text-sm font-medium text-[var(--dashboard-text-primary,#2d2d2d)] whitespace-nowrap truncate",
+									children: user.name
+								}),
+								/* @__PURE__ */ jsx("p", {
+									className: "text-xs text-[var(--dashboard-text-secondary,#6b7280)] whitespace-nowrap truncate",
+									children: user.email
+								})
+							]
+						})]
+					}), 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-text-primary,#2d2d2d)] hover:bg-[var(--dashboard-primary,#37a501)]/5",
+						children: [/* @__PURE__ */ jsx(LogOut, {
+							size: 20,
+							className: "mr-3 flex-shrink-0"
+						}), /* @__PURE__ */ jsx("span", {
+							className: "whitespace-nowrap",
+							children: logoutLabel
+						})]
+					})]
+				})]
+			})
+		})]
+	}), /* @__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-background,#f2f2f2)] border-r border-[var(--dashboard-text-secondary,#6b7280)]/20 overflow-visible", isCollapsed ? "xl:w-[109px]" : "xl:w-[280px]", className),
+		style: { transition: `width 400ms ${cubicBezier}` },
+		children: [onToggleCollapse && /* @__PURE__ */ jsxs("button", {
+			onClick: onToggleCollapse,
+			className: "absolute top-16 -right-[18px] -translate-y-1/2 z-50 flex items-center justify-center cursor-pointer",
+			"aria-label": isCollapsed ? "Expandir sidebar" : "Recolher sidebar",
+			style: {
+				width: "20px",
+				height: "193px"
+			},
+			children: [/* @__PURE__ */ jsx("svg", {
+				xmlns: "http://www.w3.org/2000/svg",
+				width: "20",
+				height: "193",
+				viewBox: "0 0 20 193",
+				fill: "none",
+				className: "absolute inset-0",
+				children: /* @__PURE__ */ jsx("path", {
+					d: "M10.2036 118.86C14.8518 115.918 19.5 107.801 19.5 95.9116C19.5 84.0223 15.672 76.4939 10.2036 72.9634C4.73505 69.4329 2.54765 63.5488 1.72738 55.8994L1.72738 136.512C2.82108 125.921 5.55533 121.802 10.2036 118.86Z",
+					fill: "var(--dashboard-background,#f2f2f2)"
+				})
+			}), /* @__PURE__ */ jsx("svg", {
+				xmlns: "http://www.w3.org/2000/svg",
+				width: "12",
+				height: "12",
+				viewBox: "0 0 12 12",
+				fill: "none",
+				className: `relative z-10 ${isCollapsed ? "" : "rotate-180"}`,
+				style: { transition: `transform 400ms ${cubicBezier}` },
+				children: /* @__PURE__ */ jsx("path", {
+					d: "M4.5 2L8.5 6L4.5 10",
+					stroke: "var(--dashboard-text-primary,#2d2d2d)",
+					strokeWidth: "2",
+					strokeLinecap: "round",
+					strokeLinejoin: "round"
+				})
+			})]
+		}), /* @__PURE__ */ jsxs("div", {
+			className: "flex flex-col h-full overflow-y-auto",
+			children: [
+				/* @__PURE__ */ jsxs("div", {
+					className: "flex justify-center items-center py-6 px-4 border-b border-[var(--dashboard-text-secondary,#6b7280)]/20 overflow-hidden relative",
+					children: [collapsedLogo && /* @__PURE__ */ jsx("div", {
+						className: "absolute inset-0 flex items-center justify-center",
+						style: {
+							opacity: isCollapsed ? 1 : 0,
+							transition: `opacity 400ms ${cubicBezier}`,
+							pointerEvents: isCollapsed ? "auto" : "none"
+						},
+						children: collapsedLogo
+					}), /* @__PURE__ */ jsx("div", {
+						className: "flex items-center justify-center",
+						style: {
+							opacity: !isCollapsed || !collapsedLogo ? 1 : 0,
+							transition: `opacity 400ms ${cubicBezier}`,
+							pointerEvents: !isCollapsed || !collapsedLogo ? "auto" : "none"
+						},
+						children: logo
+					})]
+				}),
+				/* @__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)]/15 text-[var(--dashboard-primary,#37a501)]" : "text-[var(--dashboard-text-primary,#2d2d2d)] hover:bg-[var(--dashboard-primary,#37a501)]/5"),
+								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);
+					})
+				}),
+				/* @__PURE__ */ jsxs("footer", {
+					className: "p-4 border-t border-[var(--dashboard-text-secondary,#6b7280)]/20 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-[var(--dashboard-text-secondary,#6b7280)]/10 hover:bg-[var(--dashboard-text-secondary,#6b7280)]/20 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)]/20 text-[var(--dashboard-text-primary,#2d2d2d)] flex-shrink-0",
+							children: /* @__PURE__ */ jsx(User, { size: 16 })
+						}), /* @__PURE__ */ jsxs("div", {
+							className: "ml-3 overflow-hidden text-left",
+							style: {
+								width: isCollapsed ? 0 : "auto",
+								opacity: isCollapsed ? 0 : 1,
+								transition: `width 400ms ${cubicBezier}, opacity 400ms ${cubicBezier}`
+							},
+							children: [
+								user.subtitle && /* @__PURE__ */ jsx("p", {
+									className: "text-xs text-[var(--dashboard-text-secondary,#6b7280)] whitespace-nowrap truncate",
+									children: user.subtitle
+								}),
+								/* @__PURE__ */ jsx("p", {
+									className: "text-sm font-medium text-[var(--dashboard-text-primary,#2d2d2d)] whitespace-nowrap truncate",
+									children: user.name
+								}),
+								/* @__PURE__ */ jsx("p", {
+									className: "text-xs text-[var(--dashboard-text-secondary,#6b7280)] whitespace-nowrap truncate",
+									children: user.email
+								})
+							]
+						})]
+					}), 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-text-primary,#2d2d2d)] hover:bg-[var(--dashboard-primary,#37a501)]/5", isCollapsed ? "justify-center" : "justify-start"),
+						style: { transition: "background-color 200ms" },
+						title: isCollapsed ? logoutLabel : void 0,
+						children: [/* @__PURE__ */ jsx(LogOut, {
+							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: logoutLabel
+						})]
+					})]
+				})
+			]
+		})]
+	})] });
+}
+
+//#endregion
+//#region src/hooks/useTheme.ts
+const ThemeContext = createContext(null);
+function useTheme() {
+	const context = useContext(ThemeContext);
+	if (!context) throw new Error("useTheme must be used within a DashboardProvider");
+	return context;
+}
+
+//#endregion
+//#region src/components/ThemeSwitcher/index.tsx
+const cn$10 = (...classes) => classes.filter(Boolean).join(" ");
+function ThemeSwitcher({ className }) {
+	const { resolvedTheme, setTheme } = useTheme();
+	const toggle = () => {
+		setTheme(resolvedTheme === "dark" ? "light" : "dark");
+	};
+	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),
+		"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" }),
+			/* @__PURE__ */ jsx(Moon, { className: "absolute h-[1.2rem] w-[1.2rem] rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100" }),
+			/* @__PURE__ */ jsx("span", {
+				className: "sr-only",
+				children: "Alternar tema"
+			})
+		]
+	});
+}
+
+//#endregion
+//#region src/components/KPICard/index.tsx
+const cn$9 = (...classes) => classes.filter(Boolean).join(" ");
+function formatValue(value, format) {
+	switch (format) {
+		case "currency": return new Intl.NumberFormat("pt-BR", {
+			style: "currency",
+			currency: "BRL"
+		}).format(value);
+		case "percentage": return `${value.toFixed(1)}%`;
+		case "rating": return `${value.toFixed(1)}/5.0`;
+		default: return new Intl.NumberFormat("pt-BR").format(value);
+	}
+}
+const trendConfigs = {
+	up: {
+		icon: "↑",
+		color: "text-[var(--dashboard-status-success,#10B981)] bg-[var(--dashboard-status-success,#10B981)]/10"
+	},
+	down: {
+		icon: "↓",
+		color: "text-[var(--dashboard-status-danger,#EF4444)] bg-[var(--dashboard-status-danger,#EF4444)]/10"
+	},
+	stable: {
+		icon: "→",
+		color: "text-[var(--dashboard-text-secondary,#6b7280)] bg-[var(--dashboard-text-secondary,#6b7280)]/10"
+	}
+};
+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),
+		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",
+				children: title
+			}), benchmark && /* @__PURE__ */ jsx("span", {
+				className: "text-xs text-[var(--dashboard-text-secondary,#6b7280)]/60 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",
+			children: [/* @__PURE__ */ jsx("p", {
+				className: "text-3xl font-bold text-[var(--dashboard-text-primary,#2d2d2d)] whitespace-nowrap",
+				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),
+				children: [/* @__PURE__ */ jsx("span", {
+					className: "text-lg",
+					children: trendConfig.icon
+				}), /* @__PURE__ */ jsxs("span", {
+					className: "text-sm font-medium whitespace-nowrap",
+					children: [Math.abs(variation).toFixed(1), "%"]
+				})]
+			})]
+		})]
+	});
+}
+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" })]
+		})]
+	});
+}
+
+//#endregion
+//#region src/components/PageLayout/index.tsx
+const cn$8 = (...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),
+		children: [sidebar, /* @__PURE__ */ jsxs("main", {
+			className: cn$8("pt-16 xl:pt-0", !sidebar && "pt-0"),
+			style: {
+				marginLeft,
+				transition: "margin-left 400ms cubic-bezier(0.4, 0, 0.2, 1)"
+			},
+			children: [
+				/* @__PURE__ */ jsx("style", { children: `
+          @media (max-width: 1279px) {
+            main {
+              margin-left: 0 !important;
+            }
+          }
+        ` }),
+				/* @__PURE__ */ jsxs("div", {
+					className: "border-b border-[var(--dashboard-text-secondary,#6b7280)]/20 px-6 py-4 bg-[var(--dashboard-surface,#ffffff)]",
+					children: [/* @__PURE__ */ jsxs("div", {
+						className: "mb-4",
+						children: [/* @__PURE__ */ jsx("h1", {
+							className: "text-2xl font-bold text-[var(--dashboard-text-primary,#2d2d2d)]",
+							children: title
+						}), description && /* @__PURE__ */ jsx("p", {
+							className: "text-sm text-[var(--dashboard-text-secondary,#6b7280)] mt-1",
+							children: description
+						})]
+					}), headerActions && /* @__PURE__ */ jsx("div", { children: headerActions })]
+				}),
+				/* @__PURE__ */ jsx("div", {
+					className: contentPadding ? "p-6" : "",
+					children
+				})
+			]
+		})]
+	});
+}
+
+//#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(" ");
+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 = {
+		labels,
+		datasets: [{
+			label: currentPeriodLabel,
+			data: currentPeriodData,
+			borderColor: primaryColor,
+			backgroundColor: `${primaryColor}1a`,
+			borderWidth: 2,
+			tension: .4,
+			fill: true,
+			pointRadius: 0,
+			pointHoverRadius: 6,
+			pointHoverBackgroundColor: primaryColor,
+			pointHoverBorderColor: "#fff",
+			pointHoverBorderWidth: 2
+		}, {
+			label: previousPeriodLabel,
+			data: previousPeriodData,
+			borderColor: `${primaryColor}66`,
+			backgroundColor: `${primaryColor}0d`,
+			borderWidth: 2,
+			tension: .4,
+			fill: true,
+			pointRadius: 0,
+			pointHoverRadius: 6,
+			pointHoverBackgroundColor: `${primaryColor}66`,
+			pointHoverBorderColor: "#fff",
+			pointHoverBorderWidth: 2
+		}]
+	};
+	const options = {
+		responsive: true,
+		maintainAspectRatio: false,
+		plugins: {
+			legend: {
+				display: true,
+				position: "bottom",
+				labels: {
+					usePointStyle: true,
+					boxWidth: 6,
+					boxHeight: 6,
+					padding: 15,
+					font: { size: 11 },
+					color: "var(--dashboard-text-secondary, #6b7280)"
+				}
+			},
+			tooltip: {
+				backgroundColor: "rgba(45, 45, 45, 0.95)",
+				titleColor: "#fff",
+				bodyColor: "#fff",
+				borderColor: primaryColor,
+				borderWidth: 1,
+				padding: 12,
+				displayColors: true,
+				usePointStyle: true,
+				boxWidth: 6,
+				boxHeight: 6,
+				titleFont: {
+					size: 12,
+					weight: "bold"
+				},
+				bodyFont: { size: 11 }
+			}
+		},
+		scales: {
+			x: {
+				grid: { display: false },
+				ticks: {
+					color: "var(--dashboard-text-secondary, #6b7280)",
+					font: { size: 11 }
+				}
+			},
+			y: {
+				beginAtZero: true,
+				grid: {
+					color: "rgba(0, 0, 0, 0.05)",
+					drawBorder: false
+				},
+				ticks: {
+					color: "var(--dashboard-text-secondary, #6b7280)",
+					font: { size: 11 },
+					precision: 0
+				}
+			}
+		},
+		interaction: {
+			intersect: false,
+			mode: "index"
+		}
+	};
+	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),
+		children: [title && /* @__PURE__ */ jsx("h3", {
+			className: "text-base font-semibold mb-4 text-[var(--dashboard-text-primary,#2d2d2d)]",
+			children: title
+		}), /* @__PURE__ */ jsx("div", {
+			style: { height },
+			children: /* @__PURE__ */ jsx(Line, {
+				data,
+				options
+			})
+		})]
+	});
+}
+
+//#endregion
+//#region src/components/HorizontalBarChart/index.tsx
+Chart.register(CategoryScale, LinearScale, BarElement, Title$1, Tooltip, Legend);
+const cn$6 = (...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);
+	useEffect(() => {
+		const check = () => setIsMobile(window.innerWidth < 640);
+		check();
+		window.addEventListener("resize", check);
+		return () => window.removeEventListener("resize", check);
+	}, []);
+	const activeData = datasets[activeTab] || [];
+	const maxValue = Math.max(...activeData);
+	const bestLabel = labels[activeData.indexOf(maxValue)];
+	const singular = valueLabelSingular || valueLabel.replace(/s$/, "");
+	const primaryColor = color || (typeof document !== "undefined" ? getComputedStyle(document.documentElement).getPropertyValue("--dashboard-primary").trim() : "") || "#37a501";
+	const minBarValue = maxValue > 0 ? maxValue * .02 : .05;
+	const chartData = {
+		labels,
+		datasets: [{
+			label: valueLabel,
+			data: activeData.map((v) => v === 0 ? minBarValue : v),
+			backgroundColor: primaryColor,
+			borderRadius: isMobile ? 8 : 4,
+			barThickness: isMobile ? 36 : 24
+		}]
+	};
+	const options = {
+		indexAxis: "y",
+		responsive: true,
+		maintainAspectRatio: false,
+		layout: { padding: {
+			right: isMobile ? 35 : 30,
+			left: isMobile ? 10 : 0,
+			top: isMobile ? 15 : 0,
+			bottom: isMobile ? 15 : 0
+		} },
+		plugins: {
+			legend: { display: false },
+			tooltip: {
+				backgroundColor: "rgba(45, 45, 45, 0.95)",
+				titleColor: "#fff",
+				bodyColor: "#fff",
+				borderColor: primaryColor,
+				borderWidth: 1,
+				padding: isMobile ? 6 : 12,
+				displayColors: false,
+				titleFont: {
+					size: isMobile ? 10 : 12,
+					weight: "bold"
+				},
+				bodyFont: { size: isMobile ? 9 : 11 },
+				callbacks: { label: (context) => {
+					const realValue = activeData[context.dataIndex];
+					return realValue === 1 ? `${realValue} ${singular}` : `${realValue} ${valueLabel}`;
+				} }
+			}
+		},
+		scales: {
+			x: {
+				beginAtZero: true,
+				border: { display: false },
+				grid: { display: false },
+				ticks: { display: false }
+			},
+			y: {
+				grid: { display: false },
+				ticks: {
+					color: "var(--dashboard-text-secondary, #6b7280)",
+					font: { size: isMobile ? 16 : 13 },
+					padding: isMobile ? 12 : 4
+				}
+			}
+		}
+	};
+	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),
+		children: [
+			title && /* @__PURE__ */ jsxs("div", {
+				className: "flex items-center gap-2 mb-4",
+				children: [titleIcon, /* @__PURE__ */ jsx("h3", {
+					className: "text-base font-semibold text-[var(--dashboard-text-primary,#2d2d2d)]",
+					children: title
+				})]
+			}),
+			tabs && tabs.length > 1 && /* @__PURE__ */ jsx("div", {
+				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"),
+					children: tab.label
+				}, tab.id))
+			}),
+			maxValue > 0 && /* @__PURE__ */ jsxs("div", {
+				className: "mb-4",
+				children: [/* @__PURE__ */ jsx("p", {
+					className: "text-sm sm:text-base text-[var(--dashboard-text-secondary,#6b7280)] mb-1",
+					children: bestItemLabel
+				}), /* @__PURE__ */ jsxs("p", {
+					className: "text-xl sm:text-2xl font-semibold text-[var(--dashboard-text-primary,#2d2d2d)]",
+					children: [
+						bestLabel,
+						" ",
+						/* @__PURE__ */ jsxs("span", {
+							className: "text-base font-normal text-[var(--dashboard-text-secondary,#6b7280)]",
+							children: [
+								maxValue,
+								" ",
+								maxValue === 1 ? singular : valueLabel
+							]
+						})
+					]
+				})]
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "flex-1 min-h-0",
+				children: /* @__PURE__ */ jsx(Bar, {
+					data: chartData,
+					options
+				}, `chart-${isMobile ? "m" : "d"}`)
+			})
+		]
+	});
+}
+
+//#endregion
+//#region src/components/VerticalBarChart/index.tsx
+Chart.register(CategoryScale, LinearScale, BarElement, Title$1, Tooltip, Legend);
+const cn$5 = (...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)];
+	const singular = valueLabelSingular || valueLabel.replace(/s$/, "");
+	const primaryColor = color || (typeof document !== "undefined" ? getComputedStyle(document.documentElement).getPropertyValue("--dashboard-primary").trim() : "") || "#37a501";
+	const chartData = {
+		labels,
+		datasets: [{
+			label: valueLabel,
+			data: values,
+			backgroundColor: primaryColor,
+			borderRadius: {
+				topLeft: 4,
+				topRight: 4
+			},
+			barThickness: 40
+		}]
+	};
+	const options = {
+		responsive: true,
+		maintainAspectRatio: false,
+		plugins: {
+			legend: { display: false },
+			tooltip: {
+				backgroundColor: "rgba(45, 45, 45, 0.95)",
+				titleColor: "#fff",
+				bodyColor: "#fff",
+				borderColor: primaryColor,
+				borderWidth: 1,
+				padding: 12,
+				displayColors: false,
+				titleFont: {
+					size: 12,
+					weight: "bold"
+				},
+				bodyFont: { size: 11 },
+				callbacks: { label: (context) => {
+					const v = context.parsed.y ?? 0;
+					return v === 1 ? `${v} ${singular}` : `${v} ${valueLabel}`;
+				} }
+			}
+		},
+		scales: {
+			x: {
+				grid: { display: false },
+				ticks: {
+					color: "var(--dashboard-text-secondary, #6b7280)",
+					font: { size: 11 },
+					callback: (_value, index) => {
+						return labels[index] ? labels[index].substring(0, labelMaxChars) : String(_value);
+					}
+				}
+			},
+			y: {
+				beginAtZero: true,
+				border: { display: false },
+				grid: { display: false },
+				ticks: { display: false }
+			}
+		}
+	};
+	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),
+		children: [
+			title && /* @__PURE__ */ jsxs("div", {
+				className: "flex items-center gap-2 mb-4",
+				children: [titleIcon, /* @__PURE__ */ jsx("h3", {
+					className: "text-base font-semibold text-[var(--dashboard-text-primary,#2d2d2d)]",
+					children: title
+				})]
+			}),
+			bestLabel && maxValue > 0 && /* @__PURE__ */ jsxs("div", {
+				className: "mb-4",
+				children: [/* @__PURE__ */ jsx("p", {
+					className: "text-sm text-[var(--dashboard-text-secondary,#6b7280)] mb-1",
+					children: bestItemLabel
+				}), /* @__PURE__ */ jsxs("p", {
+					className: "text-lg font-semibold text-[var(--dashboard-text-primary,#2d2d2d)]",
+					children: [
+						bestLabel,
+						" ",
+						/* @__PURE__ */ jsxs("span", {
+							className: "text-sm font-normal text-[var(--dashboard-text-secondary,#6b7280)]",
+							children: [
+								maxValue,
+								" ",
+								maxValue === 1 ? singular : valueLabel
+							]
+						})
+					]
+				})]
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "flex-1 min-h-0 relative",
+				children: /* @__PURE__ */ jsx(Bar, {
+					data: chartData,
+					options
+				})
+			})
+		]
+	});
+}
+
+//#endregion
+//#region src/components/ProgressBarList/index.tsx
+const cn$4 = (...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));
+	const singular = valueLabelSingular || valueLabel.replace(/s$/, "");
+	const primaryColor = color || (typeof document !== "undefined" ? getComputedStyle(document.documentElement).getPropertyValue("--dashboard-primary").trim() : "") || "#37a501";
+	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),
+		children: [title && /* @__PURE__ */ jsxs("div", {
+			className: "flex items-center gap-2 mb-4",
+			children: [titleIcon, /* @__PURE__ */ jsx("h3", {
+				className: "text-base font-semibold text-[var(--dashboard-text-primary,#2d2d2d)]",
+				children: title
+			})]
+		}), /* @__PURE__ */ jsx("div", {
+			className: "space-y-6 flex-1 flex flex-col justify-center",
+			children: sortedItems.map((item, index) => /* @__PURE__ */ jsxs("div", {
+				className: "flex items-center gap-4",
+				children: [/* @__PURE__ */ jsxs("div", {
+					className: "flex items-center gap-4 min-w-[180px]",
+					children: [item.icon && /* @__PURE__ */ jsx("div", {
+						className: "w-10 h-10 rounded-lg flex items-center justify-center flex-shrink-0",
+						style: { backgroundColor: primaryColor },
+						children: /* @__PURE__ */ jsx("div", {
+							className: "w-6 h-6 text-white",
+							children: item.icon
+						})
+					}), /* @__PURE__ */ jsx("span", {
+						className: "text-base font-medium text-[var(--dashboard-text-secondary,#6b7280)]",
+						children: item.label
+					})]
+				}), /* @__PURE__ */ jsxs("div", {
+					className: "flex items-center gap-4 flex-1",
+					children: [/* @__PURE__ */ jsx("div", {
+						className: "flex-1 bg-[var(--dashboard-text-secondary,#6b7280)]/10 rounded-full h-3 overflow-hidden",
+						children: /* @__PURE__ */ jsx("div", {
+							className: "h-full transition-all duration-500 rounded-full",
+							style: {
+								width: maxValue > 0 ? `${item.value / maxValue * 100}%` : "0%",
+								backgroundColor: primaryColor
+							}
+						})
+					}), /* @__PURE__ */ jsx("span", {
+						className: "text-base font-bold min-w-[90px] text-right",
+						style: { color: primaryColor },
+						children: fmt(item.value)
+					})]
+				})]
+			}, index))
+		})]
+	});
+}
+
+//#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(" ");
+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);
+	useEffect(() => {
+		const check = () => setIsMobile(window.innerWidth < 768);
+		check();
+		window.addEventListener("resize", check);
+		return () => window.removeEventListener("resize", check);
+	}, []);
+	const currentMetric = metrics.find((m) => m.key === selectedMetricKey) || metrics[0];
+	const primaryColor = color || (typeof document !== "undefined" ? getComputedStyle(document.documentElement).getPropertyValue("--dashboard-primary").trim() : "") || "#37a501";
+	const secColor = secondaryColor || `${primaryColor}66`;
+	const data = {
+		labels: chartData.labels,
+		datasets: [{
+			label: currentMetric.currentLabel,
+			data: chartData.metrics[currentMetric.key]?.currentPeriod || [],
+			borderColor: primaryColor,
+			borderWidth: isMobile ? 3.5 : 3,
+			tension: 0,
+			fill: false,
+			pointRadius: 0,
+			pointHoverRadius: isMobile ? 10 : 8,
+			pointHoverBackgroundColor: primaryColor,
+			pointHoverBorderColor: "#fff",
+			pointHoverBorderWidth: 3
+		}, {
+			label: currentMetric.previousLabel,
+			data: chartData.metrics[currentMetric.key]?.previousPeriod || [],
+			borderColor: secColor,
+			borderWidth: isMobile ? 3.5 : 3,
+			tension: 0,
+			fill: false,
+			pointRadius: 0,
+			pointHoverRadius: 0
+		}]
+	};
+	const options = {
+		responsive: true,
+		maintainAspectRatio: false,
+		layout: { padding: {
+			left: isMobile ? 10 : 50,
+			right: isMobile ? 10 : 50,
+			top: isMobile ? 20 : 40,
+			bottom: isMobile ? 10 : 20
+		} },
+		plugins: {
+			legend: {
+				display: true,
+				position: "bottom",
+				onClick: () => {},
+				labels: {
+					usePointStyle: true,
+					boxWidth: isMobile ? 8 : 6,
+					boxHeight: isMobile ? 8 : 6,
+					padding: isMobile ? 12 : 15,
+					font: {
+						size: isMobile ? 13 : 11,
+						weight: isMobile ? "bold" : "normal"
+					},
+					color: "var(--dashboard-text-secondary, #6b7280)"
+				}
+			},
+			tooltip: {
+				backgroundColor: "rgba(45, 45, 45, 0.95)",
+				titleColor: "#fff",
+				bodyColor: "#fff",
+				borderColor: primaryColor,
+				borderWidth: 1,
+				padding: 12
+			}
+		},
+		scales: {
+			x: {
+				border: { display: false },
+				grid: { display: false },
+				ticks: {
+					color: "var(--dashboard-text-secondary, #6b7280)",
+					font: { size: isMobile ? 12 : 11 }
+				}
+			},
+			y: {
+				beginAtZero: true,
+				border: { display: false },
+				grid: { color: "rgba(0, 0, 0, 0.05)" },
+				ticks: {
+					display: false,
+					count: 5
+				}
+			}
+		},
+		interaction: {
+			intersect: false,
+			mode: "index"
+		}
+	};
+	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),
+		style: { overflow: "visible" },
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex items-center justify-between p-4 md:p-6 pb-3 md:pb-4 border-b border-[var(--dashboard-text-secondary,#6b7280)]/10",
+				children: [/* @__PURE__ */ jsxs("h2", {
+					className: "flex items-center gap-2 text-lg md:text-xl font-bold text-[var(--dashboard-text-primary,#2d2d2d)]",
+					children: [/* @__PURE__ */ jsx(TitleIcon, { className: "w-5 h-5 md:w-6 md:h-6" }), title]
+				}), onActionClick && actionLabel && /* @__PURE__ */ jsx("button", {
+					onClick: onActionClick,
+					className: "px-3 md:px-4 py-1.5 md:py-2 text-xs md:text-sm font-medium border rounded-lg transition-colors cursor-pointer",
+					style: {
+						color: primaryColor,
+						borderColor: primaryColor
+					},
+					children: actionLabel
+				})]
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "p-4 md:p-6 pb-3 md:pb-4",
+				children: /* @__PURE__ */ jsx("div", {
+					className: "grid grid-cols-1 sm:grid-cols-2 gap-3 md:gap-4",
+					style: { gridTemplateColumns: !isMobile && metrics.length <= 4 ? `repeat(${metrics.length}, minmax(min-content, 1fr))` : void 0 },
+					children: metrics.map((metric) => /* @__PURE__ */ jsx(KPICard, {
+						title: metric.label,
+						value: metric.kpiValue.current,
+						variation: metric.kpiValue.variation,
+						trend: metric.kpiValue.trend,
+						format: metric.format,
+						isLoading
+					}, metric.key))
+				})
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "px-4 md:px-6 pt-3 md:pt-4",
+				children: /* @__PURE__ */ jsx("div", {
+					className: "flex flex-wrap justify-center gap-2 md:gap-3",
+					children: metrics.map((metric) => {
+						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"),
+							style: selectedMetricKey === metric.key ? {
+								borderColor: primaryColor,
+								color: primaryColor
+							} : void 0,
+							children: [/* @__PURE__ */ jsx(Icon, { className: "w-4 h-4" }), metric.label]
+						}, metric.key);
+					})
+				})
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "px-4 md:px-6 pb-4 md:pb-6",
+				style: {
+					overflow: "visible",
+					position: "relative",
+					zIndex: 10
+				},
+				children: /* @__PURE__ */ jsx("div", {
+					className: "h-[260px]",
+					style: {
+						overflow: "visible",
+						position: "relative",
+						zIndex: 10
+					},
+					children: isLoading ? /* @__PURE__ */ jsx("div", {
+						className: "flex items-center justify-center h-full",
+						children: /* @__PURE__ */ jsxs("div", {
+							className: "text-center",
+							children: [/* @__PURE__ */ jsx("div", {
+								className: "animate-spin rounded-full h-12 w-12 border-b-2 mx-auto mb-4",
+								style: { borderColor: primaryColor }
+							}), /* @__PURE__ */ jsx("p", {
+								className: "text-[var(--dashboard-text-secondary,#6b7280)]",
+								children: "Carregando gráfico..."
+							})]
+						})
+					}) : /* @__PURE__ */ jsx(Line, {
+						data,
+						options
+					})
+				})
+			})
+		]
+	});
+}
+
+//#endregion
+//#region src/components/FilterBar/index.tsx
+const cn$2 = (...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),
+		children: [
+			onSearchChange !== void 0 && /* @__PURE__ */ jsx("div", {
+				className: "flex-1 min-w-[200px]",
+				children: /* @__PURE__ */ jsxs("div", {
+					className: "relative flex items-center w-full",
+					children: [/* @__PURE__ */ jsx("svg", {
+						className: "absolute left-3 h-4 w-4 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: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"
+						})
+					}), /* @__PURE__ */ jsx("input", {
+						type: "text",
+						value: searchValue || "",
+						onChange: (e) => onSearchChange(e.target.value),
+						placeholder: searchPlaceholder,
+						className: "flex h-10 w-full rounded-md border border-[var(--dashboard-text-secondary,#6b7280)]/30 bg-[var(--dashboard-surface,#ffffff)] pl-10 pr-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"
+					})]
+				})
+			}),
+			children && /* @__PURE__ */ jsx("div", {
+				className: "flex flex-wrap items-center gap-2",
+				children
+			}),
+			actions && /* @__PURE__ */ jsx("div", {
+				className: "flex items-center gap-2 sm:ml-auto",
+				children: actions
+			})
+		]
+	});
+}
+
+//#endregion
+//#region src/components/Checkbox/index.tsx
+const cn$1 = (...classes) => classes.filter(Boolean).join(" ");
+const sizeConfig = {
+	sm: {
+		box: 16,
+		radius: 4,
+		icon: {
+			w: 6,
+			h: 10,
+			left: 3,
+			top: 0,
+			border: 2
+		},
+		gap: 8,
+		text: 13
+	},
+	md: {
+		box: 22,
+		radius: 6,
+		icon: {
+			w: 8,
+			h: 14,
+			left: 4.5,
+			top: 0,
+			border: 2
+		},
+		gap: 10,
+		text: 14
+	},
+	lg: {
+		box: 28,
+		radius: 7,
+		icon: {
+			w: 10,
+			h: 17,
+			left: 6,
+			top: 0,
+			border: 2.5
+		},
+		gap: 12,
+		text: 15
+	}
+};
+function Checkbox({ name, id, label, checked = false, onChange, disabled = false, size = "md", primaryColor, className, children }) {
+	const inputId = id || name;
+	const cfg = sizeConfig[size];
+	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),
+		style: { gap: cfg.gap },
+		children: [
+			/* @__PURE__ */ jsx("input", {
+				type: "checkbox",
+				id: inputId,
+				name,
+				checked,
+				onChange: (e) => onChange?.(e.target.checked),
+				disabled,
+				className: "sr-only peer"
+			}),
+			/* @__PURE__ */ jsx("span", {
+				className: "relative shrink-0 transition-all duration-200",
+				style: {
+					width: cfg.box,
+					height: cfg.box,
+					borderRadius: cfg.radius,
+					backgroundColor: checked ? resolvedColor : "transparent",
+					border: checked ? `2px solid ${resolvedColor}` : "2px solid rgba(45,45,45,0.2)",
+					boxShadow: checked ? `0 1px 3px color-mix(in srgb, ${resolvedColor} 25%, transparent)` : "none"
+				},
+				"aria-hidden": "true",
+				children: /* @__PURE__ */ jsx("span", {
+					className: "absolute transition-opacity duration-150",
+					style: {
+						opacity: checked ? 1 : 0,
+						left: cfg.icon.left,
+						top: cfg.icon.top,
+						width: cfg.icon.w,
+						height: cfg.icon.h,
+						borderRight: `${cfg.icon.border}px solid #fff`,
+						borderBottom: `${cfg.icon.border}px solid #fff`,
+						transform: "rotate(45deg)"
+					}
+				})
+			}),
+			(children || label) && /* @__PURE__ */ jsx("span", {
+				className: "leading-none",
+				style: {
+					fontSize: cfg.text,
+					color: "var(--dashboard-text-primary, #2d2d2d)"
+				},
+				children: children || label
+			})
+		]
+	});
+}
+
+//#endregion
+//#region src/components/AuthLayout/index.tsx
+const cn = (...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);
+	useEffect(() => {
+		if (!cssValue.startsWith("var(")) {
+			setResolved(cssValue);
+			return;
+		}
+		const probe = document.createElement("span");
+		probe.style.display = "none";
+		probe.style.color = cssValue;
+		document.body.appendChild(probe);
+		const computed = getComputedStyle(probe).color;
+		if (computed) setResolved(computed);
+		document.body.removeChild(probe);
+	}, [cssValue]);
+	useEffect(() => {
+		if (!cssValue.startsWith("var(")) return;
+		const observer = new MutationObserver(() => {
+			const probe = document.createElement("span");
+			probe.style.display = "none";
+			probe.style.color = cssValue;
+			document.body.appendChild(probe);
+			const computed = getComputedStyle(probe).color;
+			if (computed) setResolved(computed);
+			document.body.removeChild(probe);
+		});
+		observer.observe(document.documentElement, {
+			attributes: true,
+			attributeFilter: ["style"]
+		});
+		return () => observer.disconnect();
+	}, [cssValue]);
+	return resolved;
+}
+function AuthInput({ name, label, type = "text", placeholder, required, minLength, value, onChange, error, resolvedColor, computedColor, disabled }) {
+	return /* @__PURE__ */ jsxs("div", { children: [
+		label && /* @__PURE__ */ jsx("label", {
+			htmlFor: name,
+			className: "block text-sm font-medium text-[#2d2d2d] mb-1.5",
+			children: label
+		}),
+		/* @__PURE__ */ jsx("input", {
+			type,
+			id: name,
+			name,
+			placeholder,
+			required,
+			minLength,
+			value,
+			onChange,
+			disabled,
+			className: "w-full h-12 rounded-lg border-2 border-[#2d2d2d]/20 bg-transparent px-4 text-sm text-[#2d2d2d] placeholder:text-[#2d2d2d]/60 focus:outline-none transition-all disabled:opacity-50 disabled:cursor-not-allowed",
+			style: { ...error ? { borderColor: "var(--dashboard-status-danger, #EF4444)" } : {} },
+			onFocus: (e) => {
+				e.target.style.borderColor = resolvedColor;
+				e.target.style.boxShadow = `0 0 0 3px color-mix(in srgb, ${computedColor} 20%, transparent)`;
+			},
+			onBlur: (e) => {
+				e.target.style.borderColor = "";
+				e.target.style.boxShadow = "";
+			}
+		}),
+		error && /* @__PURE__ */ jsx("p", {
+			className: "text-xs mt-1 text-[var(--dashboard-status-danger,#EF4444)]",
+			children: error
+		})
+	] });
+}
+function PasswordInput({ value, onChange, placeholder, name, required, minLength, error, resolvedColor, computedColor, disabled }) {
+	const [visible, setVisible] = useState(false);
+	return /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsxs("div", {
+		className: "relative",
+		children: [/* @__PURE__ */ jsx("input", {
+			type: visible ? "text" : "password",
+			id: name,
+			name,
+			placeholder,
+			required,
+			minLength,
+			value,
+			onChange,
+			disabled,
+			className: "w-full h-12 rounded-lg border-2 border-[#2d2d2d]/20 bg-transparent px-4 pr-11 text-sm text-[#2d2d2d] placeholder:text-[#2d2d2d]/60 focus:outline-none transition-all disabled:opacity-50 disabled:cursor-not-allowed",
+			onFocus: (e) => {
+				e.target.style.borderColor = resolvedColor;
+				e.target.style.boxShadow = `0 0 0 3px color-mix(in srgb, ${computedColor} 20%, transparent)`;
+			},
+			onBlur: (e) => {
+				e.target.style.borderColor = "";
+				e.target.style.boxShadow = "";
+			}
+		}), /* @__PURE__ */ jsx("button", {
+			type: "button",
+			onClick: () => setVisible((v) => !v),
+			className: "absolute right-3 top-1/2 -translate-y-1/2 text-[#2d2d2d]/50 hover:text-[#2d2d2d] transition-colors cursor-pointer bg-transparent border-none p-0",
+			tabIndex: -1,
+			"aria-label": visible ? "Ocultar senha" : "Mostrar senha",
+			disabled,
+			children: visible ? /* @__PURE__ */ jsxs("svg", {
+				xmlns: "http://www.w3.org/2000/svg",
+				width: "20",
+				height: "20",
+				viewBox: "0 0 24 24",
+				fill: "none",
+				stroke: "currentColor",
+				strokeWidth: "2",
+				strokeLinecap: "round",
+				strokeLinejoin: "round",
+				children: [
+					/* @__PURE__ */ jsx("path", { d: "M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94" }),
+					/* @__PURE__ */ jsx("path", { d: "M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19" }),
+					/* @__PURE__ */ jsx("line", {
+						x1: "1",
+						y1: "1",
+						x2: "23",
+						y2: "23"
+					})
+				]
+			}) : /* @__PURE__ */ jsxs("svg", {
+				xmlns: "http://www.w3.org/2000/svg",
+				width: "20",
+				height: "20",
+				viewBox: "0 0 24 24",
+				fill: "none",
+				stroke: "currentColor",
+				strokeWidth: "2",
+				strokeLinecap: "round",
+				strokeLinejoin: "round",
+				children: [/* @__PURE__ */ jsx("path", { d: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" }), /* @__PURE__ */ jsx("circle", {
+					cx: "12",
+					cy: "12",
+					r: "3"
+				})]
+			})
+		})]
+	}), error && /* @__PURE__ */ jsx("p", {
+		className: "text-xs mt-1 text-[var(--dashboard-status-danger,#EF4444)]",
+		children: error
+	})] });
+}
+function AuthLayout({ logo, title, subtitle, error, success, fields, values, onFieldChange, onSubmit, submitLabel = "Acessar", loadingLabel = "Entrando...", isLoading = false, checkbox, primaryLink, secondaryLink, extraContent, headerContent, beforeSubmitContent, footerContent, headline, branding, cardPosition = "right", cardOffsetRight = 256, background, cardStyle, primaryColor, titleColor, titleAlign = "center", className }) {
+	const resolvedColor = primaryColor || "var(--dashboard-primary, #ff521d)";
+	const computedColor = useResolvedColor(resolvedColor);
+	const bgCss = {
+		backgroundColor: background?.color || "#1a1a1a",
+		...background?.style
+	};
+	const cardCss = {
+		backgroundColor: cardStyle?.background || "var(--dashboard-secondary, #faf3e1)",
+		borderRadius: cardStyle?.borderRadius ?? 16,
+		boxShadow: cardStyle?.shadow ?? "0 0 0 1px rgb(0 0 0 / 0.08), 0 0 12px 4px rgb(0 0 0 / 0.25), 0 0 28px 10px rgb(0 0 0 / 0.20)",
+		maxWidth: cardStyle?.maxWidth ?? 420,
+		padding: cardStyle?.padding ?? 32,
+		border: cardStyle?.border || "none",
+		width: "100%"
+	};
+	function handleSubmit(e) {
+		e.preventDefault();
+		onSubmit(values);
+	}
+	function renderLink(link, extraClass) {
+		const style = { color: resolvedColor };
+		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),
+			style,
+			children: link.label
+		});
+		return /* @__PURE__ */ jsx("a", {
+			href: link.href,
+			className: cn("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),
+		style: bgCss,
+		children: [
+			branding && branding.logos.length > 0 && /* @__PURE__ */ jsx("div", {
+				className: "relative hidden w-1/3 lg:block",
+				children: /* @__PURE__ */ jsx("div", {
+					className: "absolute bottom-12 left-12 z-20",
+					children: /* @__PURE__ */ jsx("div", {
+						className: "flex gap-4 items-center",
+						children: branding.logos.map((brandLogo, i) => /* @__PURE__ */ jsx(React.Fragment, { children: brandLogo }, i))
+					})
+				})
+			}),
+			background?.imageElement ? /* @__PURE__ */ jsx("div", {
+				className: "absolute inset-0 z-0",
+				children: background.imageElement
+			}) : background?.image ? /* @__PURE__ */ jsx("img", {
+				src: background.image,
+				alt: "",
+				className: "absolute inset-0 z-0 h-full w-full object-cover",
+				draggable: false
+			}) : null,
+			(background?.image || background?.imageElement) && /* @__PURE__ */ jsx("div", {
+				className: "absolute inset-0 z-10",
+				style: { backgroundColor: `rgba(0,0,0,${background?.overlayOpacity ?? .2})` }
+			}),
+			headline && /* @__PURE__ */ jsx("div", {
+				className: "absolute top-12 left-8 z-20 max-w-md hidden lg:block",
+				children: /* @__PURE__ */ jsx("h1", {
+					className: "text-4xl font-bold mb-4 leading-tight",
+					style: { color: headline.color || "#faf3e1" },
+					children: headline.highlight ? (() => {
+						const idx = headline.text.indexOf(headline.highlight);
+						if (idx === -1) return /* @__PURE__ */ jsxs(Fragment, { children: [
+							headline.text,
+							/* @__PURE__ */ jsx("br", {}),
+							/* @__PURE__ */ jsx("span", {
+								style: { color: headline.highlightColor || resolvedColor },
+								children: headline.highlight
+							})
+						] });
+						const before = headline.text.slice(0, idx);
+						const after = headline.text.slice(idx + headline.highlight.length);
+						return /* @__PURE__ */ jsxs(Fragment, { children: [
+							before,
+							/* @__PURE__ */ jsx("span", {
+								style: { color: headline.highlightColor || resolvedColor },
+								children: headline.highlight
+							}),
+							after
+						] });
+					})() : headline.text
+				})
+			}),
+			/* @__PURE__ */ jsx("style", { children: `
+        .auth-card-container {
+          padding-left: 1rem;
+          padding-right: 1rem;
+          justify-content: center;
+          align-content: center;
+        }
+        @media (min-width: 1024px) {
+          .auth-card-container[data-position="right"] {
+            justify-content: flex-end;
+            padding-right: ${cardOffsetRight}px;
+          }
+          .auth-card-container[data-position="left"] {
+            justify-content: flex-start;
+            padding-left: ${cardOffsetRight}px;
+          }
+          .auth-card-container[data-position="center"] {
+            justify-content: center;
+          }
+        }
+      ` }),
+			/* @__PURE__ */ jsx("div", {
+				className: "auth-card-container relative z-30 flex w-full items-center py-8",
+				"data-position": cardPosition,
+				children: /* @__PURE__ */ jsxs("div", {
+					style: {
+						...cardCss,
+						maxHeight: "calc(100vh - 64px)",
+						overflowY: "auto"
+					},
+					children: [
+						/* @__PURE__ */ jsxs("div", {
+							className: `mb-8 ${titleAlign === "center" ? "text-center" : titleAlign === "right" ? "text-right" : "text-left"}`,
+							children: [
+								logo && /* @__PURE__ */ jsx("div", {
+									className: `mb-4 flex ${titleAlign === "center" ? "justify-center" : titleAlign === "right" ? "justify-end" : "justify-start"}`,
+									children: logo
+								}),
+								/* @__PURE__ */ jsx("h2", {
+									className: "text-2xl font-bold mb-2",
+									style: { color: titleColor || "var(--dashboard-text-primary, #111827)" },
+									children: title
+								}),
+								subtitle && /* @__PURE__ */ jsx("p", {
+									className: "text-sm text-gray-600",
+									children: subtitle
+								})
+							]
+						}),
+						headerContent,
+						error && /* @__PURE__ */ jsx("div", {
+							className: "p-3 rounded-lg text-sm text-center mb-5 bg-red-50 text-red-700 border border-red-200",
+							children: error
+						}),
+						success && /* @__PURE__ */ jsx("div", {
+							className: "p-3 rounded-lg text-sm text-center mb-5 bg-green-50 text-green-700 border border-green-200",
+							children: success
+						}),
+						/* @__PURE__ */ jsxs("form", {
+							onSubmit: handleSubmit,
+							className: "space-y-5",
+							children: [
+								fields.map((field) => field.type === "password" ? /* @__PURE__ */ jsx(PasswordInput, {
+									name: field.name,
+									placeholder: field.placeholder || field.label,
+									required: field.required,
+									minLength: field.minLength,
+									value: values[field.name] || "",
+									onChange: (e) => onFieldChange(field.name, e.target.value),
+									error: field.error,
+									resolvedColor,
+									computedColor,
+									disabled: isLoading
+								}, field.name) : /* @__PURE__ */ jsx(AuthInput, {
+									name: field.name,
+									label: field.label,
+									type: field.type || "text",
+									placeholder: field.placeholder || field.label,
+									required: field.required,
+									minLength: field.minLength,
+									value: values[field.name] || "",
+									onChange: (e) => onFieldChange(field.name, e.target.value),
+									error: field.error,
+									resolvedColor,
+									computedColor,
+									disabled: isLoading
+								}, field.name)),
+								checkbox && /* @__PURE__ */ jsx(Checkbox, {
+									name: checkbox.name,
+									label: checkbox.label,
+									checked: checkbox.checked || false,
+									onChange: (val) => checkbox.onChange?.(val),
+									disabled: isLoading,
+									primaryColor: resolvedColor,
+									size: "sm"
+								}),
+								beforeSubmitContent,
+								/* @__PURE__ */ jsx("button", {
+									type: "submit",
+									disabled: isLoading,
+									className: "w-full h-12 rounded-lg px-5 text-base font-bold text-white transition-all focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:opacity-50 disabled:cursor-not-allowed shadow-lg hover:shadow-xl hover:opacity-90",
+									style: {
+										backgroundColor: resolvedColor,
+										"--tw-ring-color": resolvedColor
+									},
+									children: isLoading ? loadingLabel : submitLabel
+								})
+							]
+						}),
+						extraContent && /* @__PURE__ */ jsx("div", {
+							className: "mt-5",
+							children: extraContent
+						}),
+						(primaryLink || secondaryLink) && /* @__PURE__ */ jsxs("div", {
+							className: "mt-6 text-center",
+							children: [primaryLink && /* @__PURE__ */ jsx("p", {
+								className: "text-sm text-gray-600",
+								children: renderLink(primaryLink)
+							}), secondaryLink && /* @__PURE__ */ jsxs("p", {
+								className: `text-sm text-gray-600 ${primaryLink ? "mt-6" : ""}`,
+								children: [secondaryLink.prefix && /* @__PURE__ */ jsxs(Fragment, { children: [secondaryLink.prefix, " "] }), renderLink(secondaryLink)]
+							})]
+						}),
+						footerContent && /* @__PURE__ */ jsx("div", {
+							className: "mt-6",
+							children: footerContent
+						})
+					]
+				})
+			})
+		]
+	});
+}
+
+//#endregion
+//#region src/components/CodeInput/index.tsx
+function CodeInput({ length = 6, value, onChange, disabled = false, error = false, primaryColor, className = "" }) {
+	const resolvedColor = primaryColor || "var(--dashboard-primary, #ff521d)";
+	const inputsRef = useRef([]);
+	const digits = value.split("").concat(Array(length).fill("")).slice(0, length);
+	const focusInput = useCallback((idx) => {
+		const clamped = Math.max(0, Math.min(idx, length - 1));
+		inputsRef.current[clamped]?.focus();
+	}, [length]);
+	const updateValue = useCallback((idx, digit) => {
+		const arr = value.split("").concat(Array(length).fill("")).slice(0, length);
+		arr[idx] = digit;
+		onChange(arr.join("").replace(/\s+$/g, ""));
+	}, [
+		value,
+		length,
+		onChange
+	]);
+	const handleInput = useCallback((idx, char) => {
+		if (!/^\d$/.test(char)) return;
+		updateValue(idx, char);
+		if (idx < length - 1) focusInput(idx + 1);
+	}, [
+		updateValue,
+		focusInput,
+		length
+	]);
+	const handleKeyDown = useCallback((idx, e) => {
+		if (e.key === "Backspace") {
+			e.preventDefault();
+			if (digits[idx] && digits[idx] !== "") updateValue(idx, "");
+			else if (idx > 0) {
+				updateValue(idx - 1, "");
+				focusInput(idx - 1);
+			}
+		} else if (e.key === "ArrowLeft" && idx > 0) {
+			e.preventDefault();
+			focusInput(idx - 1);
+		} else if (e.key === "ArrowRight" && idx < length - 1) {
+			e.preventDefault();
+			focusInput(idx + 1);
+		}
+	}, [
+		digits,
+		updateValue,
+		focusInput,
+		length
+	]);
+	const handlePaste = useCallback((e) => {
+		e.preventDefault();
+		const pasted = e.clipboardData.getData("text").replace(/\D/g, "").slice(0, length);
+		if (pasted.length > 0) {
+			onChange(pasted);
+			focusInput(Math.min(pasted.length, length - 1));
+		}
+	}, [
+		length,
+		onChange,
+		focusInput
+	]);
+	return /* @__PURE__ */ jsx("div", {
+		className: `flex justify-center gap-2 sm:gap-3 ${className}`,
+		children: Array.from({ length }).map((_, idx) => /* @__PURE__ */ jsx("input", {
+			ref: (el) => {
+				inputsRef.current[idx] = el;
+			},
+			type: "text",
+			inputMode: "numeric",
+			autoComplete: "one-time-code",
+			maxLength: 1,
+			disabled,
+			value: digits[idx] || "",
+			onChange: (e) => {
+				handleInput(idx, e.target.value.slice(-1));
+			},
+			onKeyDown: (e) => handleKeyDown(idx, e),
+			onPaste: handlePaste,
+			onFocus: (e) => {
+				e.target.select();
+				e.target.style.borderColor = resolvedColor;
+				e.target.style.boxShadow = `0 0 0 3px color-mix(in srgb, ${resolvedColor} 20%, transparent)`;
+			},
+			onBlur: (e) => {
+				e.target.style.borderColor = "";
+				e.target.style.boxShadow = "";
+			},
+			className: "w-10 h-11 sm:w-11 sm:h-12 text-center text-lg sm:text-xl font-bold rounded-lg border-2 bg-transparent text-[#2d2d2d] transition-all focus:outline-none disabled:opacity-50 disabled:cursor-not-allowed",
+			style: { borderColor: error ? "var(--dashboard-status-danger, #EF4444)" : "rgba(45,45,45,0.2)" }
+		}, idx))
+	});
+}
+
+//#endregion
+//#region src/config/defaults.ts
+const defaultConfig = {
+	name: "Dashboard",
+	colors: {
+		primary: "#37A501",
+		secondary: "#f0f0f0",
+		background: "#F2F2F2",
+		surface: "#FFFFFF",
+		textPrimary: "#2d2d2d",
+		textSecondary: "#6b7280",
+		statusSuccess: "#10B981",
+		statusDanger: "#EF4444",
+		statusWarning: "#F59E0B",
+		statusInfo: "#3B82F6",
+		statusNeutral: "#6B7280"
+	},
+	components: {
+		modal: {
+			closeOnEscape: true,
+			closeOnOverlayClick: true
+		},
+		toast: {
+			duration: 3e3,
+			position: "top-right"
+		},
+		notification: { duration: 5e3 },
+		pagination: {
+			itemsPerPageOptions: [
+				10,
+				20,
+				30,
+				50
+			],
+			defaultItemsPerPage: 10
+		}
+	}
+};
+
+//#endregion
+//#region src/config/createConfig.ts
+function deepMerge(target, source) {
+	const result = { ...target };
+	const src = source;
+	for (const key in src) {
+		const sourceVal = src[key];
+		const targetVal = result[key];
+		if (sourceVal !== null && sourceVal !== void 0 && typeof sourceVal === "object" && !Array.isArray(sourceVal) && typeof targetVal === "object" && targetVal !== null && !Array.isArray(targetVal)) result[key] = deepMerge(targetVal, sourceVal);
+		else if (sourceVal !== void 0) result[key] = sourceVal;
+	}
+	return result;
+}
+function createConfig(overrides = {}) {
+	return deepMerge(defaultConfig, overrides);
+}
+
+//#endregion
+//#region src/hooks/useConfig.ts
+const ConfigContext = createContext(null);
+function useConfig() {
+	const config = useContext(ConfigContext);
+	if (!config) throw new Error("useConfig must be used within a DashboardProvider");
+	return config;
+}
+
+//#endregion
+//#region src/providers/ThemeProvider.tsx
+function ThemeProvider({ children }) {
+	const [theme, setThemeState] = useState("system");
+	const [resolvedTheme, setResolvedTheme] = useState("light");
+	useEffect(() => {
+		const savedTheme = localStorage.getItem("dashboard-theme");
+		if (savedTheme) setThemeState(savedTheme);
+		const systemPreference = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+		const currentTheme = savedTheme || "system";
+		const resolved = currentTheme === "system" ? systemPreference : currentTheme;
+		setResolvedTheme(resolved);
+		document.documentElement.classList.toggle("dark", resolved === "dark");
+		const mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
+		const handleChange = (e) => {
+			const current = localStorage.getItem("dashboard-theme");
+			if (!current || current === "system") {
+				const newResolved = e.matches ? "dark" : "light";
+				setResolvedTheme(newResolved);
+				document.documentElement.classList.toggle("dark", newResolved === "dark");
+			}
+		};
+		mediaQuery.addEventListener("change", handleChange);
+		return () => mediaQuery.removeEventListener("change", handleChange);
+	}, []);
+	const setTheme = (newTheme) => {
+		setThemeState(newTheme);
+		localStorage.setItem("dashboard-theme", newTheme);
+		const systemPreference = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+		const resolved = newTheme === "system" ? systemPreference : newTheme;
+		setResolvedTheme(resolved);
+		document.documentElement.classList.toggle("dark", resolved === "dark");
+	};
+	return /* @__PURE__ */ jsx(ThemeContext.Provider, {
+		value: {
+			theme,
+			setTheme,
+			resolvedTheme
+		},
+		children
+	});
+}
+
+//#endregion
+//#region src/hooks/useLoading.ts
+const LoadingContext = createContext(null);
+function useLoading() {
+	const context = useContext(LoadingContext);
+	if (!context) throw new Error("useLoading must be used within a DashboardProvider");
+	return context;
+}
+
+//#endregion
+//#region src/providers/LoadingProvider.tsx
+function LoadingProvider({ children }) {
+	const [isLoading, setIsLoading] = useState(false);
+	const showLoading = () => setIsLoading(true);
+	const hideLoading = () => setIsLoading(false);
+	return /* @__PURE__ */ jsxs(LoadingContext.Provider, {
+		value: {
+			isLoading,
+			showLoading,
+			hideLoading
+		},
+		children: [children, isLoading && /* @__PURE__ */ jsx(Loading, {
+			size: "lg",
+			text: "Carregando...",
+			fullscreen: true
+		})]
+	});
+}
+
+//#endregion
+//#region src/hooks/useNotifications.ts
+const NotificationsContext = createContext(null);
+function useNotifications() {
+	const context = useContext(NotificationsContext);
+	if (!context) throw new Error("useNotifications must be used within a DashboardProvider");
+	return context;
+}
+
+//#endregion
+//#region src/providers/NotificationsProvider.tsx
+function NotificationsProvider({ children }) {
+	const [notifications, setNotifications] = useState([]);
+	const timersRef = useRef(/* @__PURE__ */ new Map());
+	const config = useConfig();
+	useEffect(() => {
+		return () => {
+			timersRef.current.forEach((timer) => clearTimeout(timer));
+		};
+	}, []);
+	const removeNotification = useCallback((id) => {
+		const timer = timersRef.current.get(id);
+		if (timer) {
+			clearTimeout(timer);
+			timersRef.current.delete(id);
+		}
+		setNotifications((prev) => prev.filter((n) => n.id !== id));
+	}, []);
+	const addNotification = useCallback((notification) => {
+		const id = Math.random().toString(36).substring(2, 9);
+		const newNotification = {
+			...notification,
+			id
+		};
+		setNotifications((prev) => [...prev, newNotification]);
+	}, []);
+	const clearNotifications = useCallback(() => {
+		timersRef.current.forEach((timer) => clearTimeout(timer));
+		timersRef.current.clear();
+		setNotifications([]);
+	}, []);
+	const duration = config.components.notification.duration;
+	return /* @__PURE__ */ jsxs(NotificationsContext.Provider, {
+		value: {
+			notifications,
+			addNotification,
+			removeNotification,
+			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",
+			children: notifications.map((notification) => /* @__PURE__ */ jsx(Toast, {
+				title: notification.title,
+				subtitle: notification.subtitle,
+				type: notification.type,
+				duration,
+				onClose: () => removeNotification(notification.id)
+			}, notification.id))
+		})]
+	});
+}
+
+//#endregion
+//#region src/providers/DashboardProvider.tsx
+function CSSVarsInjector({ config }) {
+	useEffect(() => {
+		const root = document.documentElement;
+		const { colors } = config;
+		root.style.setProperty("--dashboard-primary", colors.primary);
+		root.style.setProperty("--dashboard-secondary", colors.secondary);
+		root.style.setProperty("--dashboard-background", colors.background);
+		root.style.setProperty("--dashboard-surface", colors.surface);
+		root.style.setProperty("--dashboard-text-primary", colors.textPrimary);
+		root.style.setProperty("--dashboard-text-secondary", colors.textSecondary);
+		root.style.setProperty("--dashboard-status-success", colors.statusSuccess);
+		root.style.setProperty("--dashboard-status-danger", colors.statusDanger);
+		root.style.setProperty("--dashboard-status-warning", colors.statusWarning);
+		root.style.setProperty("--dashboard-status-info", colors.statusInfo);
+		root.style.setProperty("--dashboard-status-neutral", colors.statusNeutral);
+		return () => {
+			root.style.removeProperty("--dashboard-primary");
+			root.style.removeProperty("--dashboard-secondary");
+			root.style.removeProperty("--dashboard-background");
+			root.style.removeProperty("--dashboard-surface");
+			root.style.removeProperty("--dashboard-text-primary");
+			root.style.removeProperty("--dashboard-text-secondary");
+			root.style.removeProperty("--dashboard-status-success");
+			root.style.removeProperty("--dashboard-status-danger");
+			root.style.removeProperty("--dashboard-status-warning");
+			root.style.removeProperty("--dashboard-status-info");
+			root.style.removeProperty("--dashboard-status-neutral");
+		};
+	}, [config]);
+	return null;
+}
+function DashboardProvider({ config: configOverrides, children }) {
+	const config = useMemo(() => createConfig(configOverrides), [configOverrides]);
+	return /* @__PURE__ */ jsxs(ConfigContext.Provider, {
+		value: config,
+		children: [/* @__PURE__ */ jsx(CSSVarsInjector, { config }), /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(LoadingProvider, { children: /* @__PURE__ */ jsx(NotificationsProvider, { 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 };
+//# sourceMappingURL=index.mjs.map