@facter/ds-core 1.5.1 → 1.5.2

package/dist/index.mjs

@@ -1,5 +1,5 @@
 "use client";
-import * as React48 from 'react';
+import * as React49 from 'react';
 import { createContext, useCallback, Children, isValidElement, useState, useMemo, useContext } from 'react';
 import { cva } from 'class-variance-authority';
 import { clsx } from 'clsx';
@@ -21,6 +21,7 @@ import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
 import * as AvatarPrimitive from '@radix-ui/react-avatar';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
 import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
 import * as SeparatorPrimitive from '@radix-ui/react-separator';
 import { Slot } from '@radix-ui/react-slot';
@@ -55,7 +56,7 @@ var buttonVariants = cva(
     }
   }
 );
-var Button = React48.forwardRef(
+var Button = React49.forwardRef(
   ({ className, variant, size, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       "button",
@@ -148,7 +149,7 @@ var inputVariants = cva(
     }
   }
 );
-var Input = React48.forwardRef(
+var Input = React49.forwardRef(
   ({
     className,
     variant,
@@ -162,13 +163,13 @@ var Input = React48.forwardRef(
     labelClassName,
     ...props
   }, ref) => {
-    const inputRef = React48.useRef(null);
-    const [showPassword, setShowPassword] = React48.useState(false);
-    React48.useImperativeHandle(ref, () => inputRef.current, []);
-    const focusInput = React48.useCallback(() => {
+    const inputRef = React49.useRef(null);
+    const [showPassword, setShowPassword] = React49.useState(false);
+    React49.useImperativeHandle(ref, () => inputRef.current, []);
+    const focusInput = React49.useCallback(() => {
       inputRef.current?.focus();
     }, []);
-    const togglePasswordVisibility = React48.useCallback(() => {
+    const togglePasswordVisibility = React49.useCallback(() => {
       setShowPassword((prev) => !prev);
     }, []);
     const inputType = type === "password" ? showPassword ? "text" : "password" : type;
@@ -335,8 +336,8 @@ function Sparkline({
   className,
   show = true
 }) {
-  const gradientId = React48.useId();
-  const { linePath, areaPath } = React48.useMemo(() => {
+  const gradientId = React49.useId();
+  const { linePath, areaPath } = React49.useMemo(() => {
     if (data.length < 2) {
       return { linePath: "", areaPath: "" };
     }
@@ -554,7 +555,7 @@ var selectVariants = cva(
     }
   }
 );
-var Select = React48.forwardRef(
+var Select = React49.forwardRef(
   ({
     className,
     variant,
@@ -623,7 +624,7 @@ var Select = React48.forwardRef(
   }
 );
 Select.displayName = "Select";
-var SelectItem = React48.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+var SelectItem = React49.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
   SelectPrimitive.Item,
   {
     ref,
@@ -642,7 +643,7 @@ var SelectItem = React48.forwardRef(({ className, children, ...props }, ref) =>
 ));
 SelectItem.displayName = "SelectItem";
 var SelectGroup = SelectPrimitive.Group;
-var SelectLabel = React48.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SelectLabel = React49.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SelectPrimitive.Label,
   {
     ref,
@@ -651,7 +652,7 @@ var SelectLabel = React48.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 SelectLabel.displayName = "SelectLabel";
-var SelectSeparator = React48.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SelectSeparator = React49.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SelectPrimitive.Separator,
   {
     ref,
@@ -661,7 +662,7 @@ var SelectSeparator = React48.forwardRef(({ className, ...props }, ref) => /* @_
 ));
 SelectSeparator.displayName = "SelectSeparator";
 var Tabs = TabsPrimitive.Root;
-var TabsList = React48.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TabsList = React49.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   TabsPrimitive.List,
   {
     ref,
@@ -673,7 +674,7 @@ var TabsList = React48.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 TabsList.displayName = TabsPrimitive.List.displayName;
-var TabsTrigger = React48.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TabsTrigger = React49.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   TabsPrimitive.Trigger,
   {
     ref,
@@ -685,7 +686,7 @@ var TabsTrigger = React48.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
-var TabsContent = React48.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TabsContent = React49.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   TabsPrimitive.Content,
   {
     ref,
@@ -794,7 +795,7 @@ function BarsLoader() {
     i
   )) });
 }
-var Loader = React48.forwardRef(
+var Loader = React49.forwardRef(
   ({
     variant = "default",
     message,
@@ -844,21 +845,21 @@ var Loader = React48.forwardRef(
   }
 );
 Loader.displayName = "Loader";
-var LoaderContext = React48.createContext(
+var LoaderContext = React49.createContext(
   void 0
 );
 function LoaderProvider({ children }) {
-  const [isLoading, setIsLoading] = React48.useState(false);
-  const [loaderOptions, setLoaderOptions] = React48.useState({});
-  const show = React48.useCallback((options = {}) => {
+  const [isLoading, setIsLoading] = React49.useState(false);
+  const [loaderOptions, setLoaderOptions] = React49.useState({});
+  const show = React49.useCallback((options = {}) => {
     setLoaderOptions(options);
     setIsLoading(true);
   }, []);
-  const hide = React48.useCallback(() => {
+  const hide = React49.useCallback(() => {
     setIsLoading(false);
     setTimeout(() => setLoaderOptions({}), 300);
   }, []);
-  const value = React48.useMemo(
+  const value = React49.useMemo(
     () => ({ show, hide, isLoading }),
     [show, hide, isLoading]
   );
@@ -877,7 +878,7 @@ function LoaderProvider({ children }) {
   ] });
 }
 function useLoader() {
-  const context = React48.useContext(LoaderContext);
+  const context = React49.useContext(LoaderContext);
   if (context === void 0) {
     throw new Error("useLoader must be used within a LoaderProvider");
   }
@@ -909,7 +910,7 @@ var loader = {
 };
 function GlobalLoaderController() {
   const loaderController = useLoader();
-  React48.useEffect(() => {
+  React49.useEffect(() => {
     setGlobalLoader(loaderController);
     return () => {
       setGlobalLoader(null);
@@ -995,7 +996,7 @@ var iconAnimation = {
   whileHover: { scale: 1.1 },
   whileTap: { scale: 0.9 }
 };
-var EmptyStateContent = React48.memo(
+var EmptyStateContent = React49.memo(
   ({
     message = "Nenhum item encontrado",
     description,
@@ -1007,7 +1008,7 @@ var EmptyStateContent = React48.memo(
     layout = "vertical",
     className
   }) => {
-    const handleAction = React48.useCallback(() => {
+    const handleAction = React49.useCallback(() => {
       if (onAction) {
         onAction();
       }
@@ -1037,7 +1038,7 @@ var EmptyStateContent = React48.memo(
   }
 );
 EmptyStateContent.displayName = "EmptyStateContent";
-var AnimatedEmptyState = React48.memo((props) => {
+var AnimatedEmptyState = React49.memo((props) => {
   const {
     message = "Nenhum item encontrado",
     description,
@@ -1049,7 +1050,7 @@ var AnimatedEmptyState = React48.memo((props) => {
     layout = "vertical",
     className
   } = props;
-  const handleAction = React48.useCallback(() => {
+  const handleAction = React49.useCallback(() => {
     if (onAction) {
       onAction();
     }
@@ -1092,7 +1093,7 @@ var AnimatedEmptyState = React48.memo((props) => {
   );
 });
 AnimatedEmptyState.displayName = "AnimatedEmptyState";
-var EmptyState = React48.memo(
+var EmptyState = React49.memo(
   ({ animated = true, ...props }) => {
     if (!animated) {
       return /* @__PURE__ */ jsx(EmptyStateContent, { ...props });
@@ -1106,13 +1107,13 @@ function useDataTableInternal({
   columns,
   getRowId
 }) {
-  const [rowSelection, setRowSelection] = React48.useState({});
-  const [columnVisibility, setColumnVisibility] = React48.useState({});
-  const [columnFilters, setColumnFilters] = React48.useState([]);
-  const [sorting, setSorting] = React48.useState([]);
-  const [globalFilter, setGlobalFilter] = React48.useState("");
-  const [density, setDensity] = React48.useState("default");
-  const [pagination, setPagination] = React48.useState({
+  const [rowSelection, setRowSelection] = React49.useState({});
+  const [columnVisibility, setColumnVisibility] = React49.useState({});
+  const [columnFilters, setColumnFilters] = React49.useState([]);
+  const [sorting, setSorting] = React49.useState([]);
+  const [globalFilter, setGlobalFilter] = React49.useState("");
+  const [density, setDensity] = React49.useState("default");
+  const [pagination, setPagination] = React49.useState({
     pageIndex: 0,
     pageSize: 10
   });
@@ -1146,7 +1147,7 @@ function useDataTableInternal({
     getPaginationRowModel: getPaginationRowModel(),
     getSortedRowModel: getSortedRowModel()
   });
-  const meta = React48.useMemo(
+  const meta = React49.useMemo(
     () => ({
       isLoading: false,
       // Loading é controlado externamente via DataTable.Loading
@@ -1164,11 +1165,11 @@ function useDataTableInternal({
     setDensity
   };
 }
-var DataTableInstanceContext = React48.createContext(null);
+var DataTableInstanceContext = React49.createContext(null);
 DataTableInstanceContext.displayName = "DataTableInstanceContext";
-var DataTableMetaContext = React48.createContext(null);
+var DataTableMetaContext = React49.createContext(null);
 DataTableMetaContext.displayName = "DataTableMetaContext";
-var DataTableDensityContext = React48.createContext(null);
+var DataTableDensityContext = React49.createContext(null);
 DataTableDensityContext.displayName = "DataTableDensityContext";
 function DataTableProvider({
   children,
@@ -1177,11 +1178,11 @@ function DataTableProvider({
   density,
   setDensity
 }) {
-  const metaValue = React48.useMemo(
+  const metaValue = React49.useMemo(
     () => meta,
     [meta.isLoading, meta.isEmpty, meta.selectedRowCount, meta.totalRows, meta.density]
   );
-  const densityValue = React48.useMemo(
+  const densityValue = React49.useMemo(
     () => ({ density, setDensity }),
     [density, setDensity]
   );
@@ -1189,7 +1190,7 @@ function DataTableProvider({
   return /* @__PURE__ */ jsx(DataTableInstanceContext.Provider, { value: tableValue, children: /* @__PURE__ */ jsx(DataTableMetaContext.Provider, { value: metaValue, children: /* @__PURE__ */ jsx(DataTableDensityContext.Provider, { value: densityValue, children }) }) });
 }
 function useDataTable() {
-  const context = React48.useContext(DataTableInstanceContext);
+  const context = React49.useContext(DataTableInstanceContext);
   if (!context) {
     throw new Error(
       "useDataTable must be used within <DataTable>. Make sure your component is wrapped with DataTable."
@@ -1198,7 +1199,7 @@ function useDataTable() {
   return context;
 }
 function useDataTableMeta() {
-  const context = React48.useContext(DataTableMetaContext);
+  const context = React49.useContext(DataTableMetaContext);
   if (!context) {
     throw new Error(
       "useDataTableMeta must be used within <DataTable>. Make sure your component is wrapped with DataTable."
@@ -1216,12 +1217,12 @@ function useDataTableEmpty() {
 }
 function useDataTableSelection() {
   const table = useDataTable();
-  return React48.useMemo(() => {
+  return React49.useMemo(() => {
     return table.getSelectedRowModel().rows.map((row) => row.original);
   }, [table.getSelectedRowModel().rows]);
 }
 function useDataTableDensity() {
-  const context = React48.useContext(DataTableDensityContext);
+  const context = React49.useContext(DataTableDensityContext);
   if (!context) {
     throw new Error(
       "useDataTableDensity must be used within <DataTable>. Make sure your component is wrapped with DataTable."
@@ -1232,7 +1233,7 @@ function useDataTableDensity() {
 function useDataTablePagination() {
   const table = useDataTable();
   const { pageIndex, pageSize } = table.getState().pagination;
-  return React48.useMemo(() => {
+  return React49.useMemo(() => {
     const pageCount = table.getPageCount();
     return {
       pageIndex,
@@ -1252,7 +1253,7 @@ function useDataTablePagination() {
 function useDataTableSorting() {
   const table = useDataTable();
   const sorting = table.getState().sorting;
-  return React48.useMemo(() => ({
+  return React49.useMemo(() => ({
     sorting,
     setSorting: table.setSorting,
     clearSorting: () => table.resetSorting(),
@@ -1265,7 +1266,7 @@ function useDataTableSorting() {
 function useDataTableColumnVisibility() {
   const table = useDataTable();
   const columnVisibility = table.getState().columnVisibility;
-  return React48.useMemo(() => ({
+  return React49.useMemo(() => ({
     columnVisibility,
     setColumnVisibility: table.setColumnVisibility,
     toggleColumn: (columnId) => {
@@ -1327,7 +1328,7 @@ var DENSITY_CONFIG = {
     padding: "py-3 px-4"
   }
 };
-var Table = React48.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsx(
+var Table = React49.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsx(
   "table",
   {
     ref,
@@ -1336,9 +1337,9 @@ var Table = React48.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
   }
 ) }));
 Table.displayName = "Table";
-var TableHeader = React48.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
+var TableHeader = React49.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
 TableHeader.displayName = "TableHeader";
-var TableBody = React48.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TableBody = React49.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "tbody",
   {
     ref,
@@ -1347,7 +1348,7 @@ var TableBody = React48.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 TableBody.displayName = "TableBody";
-var TableFooter = React48.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TableFooter = React49.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "tfoot",
   {
     ref,
@@ -1359,8 +1360,8 @@ var TableFooter = React48.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 TableFooter.displayName = "TableFooter";
-var TableRow = React48.memo(
-  React48.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TableRow = React49.memo(
+  React49.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     "tr",
     {
       ref,
@@ -1373,7 +1374,7 @@ var TableRow = React48.memo(
   ))
 );
 TableRow.displayName = "TableRow";
-var TableHead = React48.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TableHead = React49.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "th",
   {
     ref,
@@ -1385,8 +1386,8 @@ var TableHead = React48.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 TableHead.displayName = "TableHead";
-var TableCell = React48.memo(
-  React48.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TableCell = React49.memo(
+  React49.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     "td",
     {
       ref,
@@ -1396,7 +1397,7 @@ var TableCell = React48.memo(
   ))
 );
 TableCell.displayName = "TableCell";
-var TableCaption = React48.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TableCaption = React49.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "caption",
   {
     ref,
@@ -1405,7 +1406,7 @@ var TableCaption = React48.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 TableCaption.displayName = "TableCaption";
-var DataTableContent = React48.memo(function DataTableContent2({
+var DataTableContent = React49.memo(function DataTableContent2({
   stickyHeader = false,
   stripedRows = false,
   highlightOnHover = true,
@@ -1451,15 +1452,15 @@ var DataTableContent = React48.memo(function DataTableContent2({
   ] }) });
 });
 DataTableContent.displayName = "DataTable.Content";
-var DataTableToolbar = React48.memo(function DataTableToolbar2({
+var DataTableToolbar = React49.memo(function DataTableToolbar2({
   className,
   children
 }) {
   return /* @__PURE__ */ jsx("div", { className: cn("flex items-center justify-between gap-2", className), children });
 });
 function useDebounce(value, delay = 300) {
-  const [debouncedValue, setDebouncedValue] = React48.useState(value);
-  React48.useEffect(() => {
+  const [debouncedValue, setDebouncedValue] = React49.useState(value);
+  React49.useEffect(() => {
     const handler = setTimeout(() => {
       setDebouncedValue(value);
     }, delay);
@@ -1470,12 +1471,12 @@ function useDebounce(value, delay = 300) {
   return debouncedValue;
 }
 function useDebouncedCallback(callback, delay = 300) {
-  const callbackRef = React48.useRef(callback);
-  const timeoutRef = React48.useRef(null);
-  React48.useEffect(() => {
+  const callbackRef = React49.useRef(callback);
+  const timeoutRef = React49.useRef(null);
+  React49.useEffect(() => {
     callbackRef.current = callback;
   }, [callback]);
-  return React48.useCallback(
+  return React49.useCallback(
     (...args) => {
       if (timeoutRef.current) {
         clearTimeout(timeoutRef.current);
@@ -1487,7 +1488,7 @@ function useDebouncedCallback(callback, delay = 300) {
     [delay]
   );
 }
-var DataTableSearch = React48.memo(function DataTableSearch2({
+var DataTableSearch = React49.memo(function DataTableSearch2({
   column,
   placeholder = "Buscar...",
   debounce = 300,
@@ -1496,17 +1497,17 @@ var DataTableSearch = React48.memo(function DataTableSearch2({
 }) {
   const table = useDataTableInstance();
   const columnInstance = table.getColumn(column);
-  const [value, setValue] = React48.useState(
+  const [value, setValue] = React49.useState(
     columnInstance?.getFilterValue() ?? ""
   );
   const debouncedValue = useDebounce(value, debounce);
-  React48.useEffect(() => {
+  React49.useEffect(() => {
     columnInstance?.setFilterValue(debouncedValue);
     if (onSearch) {
       onSearch(debouncedValue);
     }
   }, [debouncedValue, columnInstance, onSearch]);
-  React48.useEffect(() => {
+  React49.useEffect(() => {
     const filterValue = columnInstance?.getFilterValue() ?? "";
     if (filterValue !== value) {
       setValue(filterValue);
@@ -1522,15 +1523,15 @@ var DataTableSearch = React48.memo(function DataTableSearch2({
     }
   );
 });
-var DataTableFilters = React48.memo(function DataTableFilters2({
+var DataTableFilters = React49.memo(function DataTableFilters2({
   onChange,
   className,
   children
 }) {
   const table = useDataTableInstance();
   const filters = table.getState().columnFilters;
-  const filtersRef = React48.useRef(filters);
-  React48.useEffect(() => {
+  const filtersRef = React49.useRef(filters);
+  React49.useEffect(() => {
     if (onChange && JSON.stringify(filters) !== JSON.stringify(filtersRef.current)) {
       filtersRef.current = filters;
       onChange(filters);
@@ -1538,7 +1539,7 @@ var DataTableFilters = React48.memo(function DataTableFilters2({
   }, [filters, onChange]);
   return /* @__PURE__ */ jsx("div", { className: cn("flex gap-2", className), children });
 });
-var DataTableFilter = React48.memo(function DataTableFilter2({
+var DataTableFilter = React49.memo(function DataTableFilter2({
   column: columnId,
   title,
   options,
@@ -1548,7 +1549,7 @@ var DataTableFilter = React48.memo(function DataTableFilter2({
   const column = table.getColumn(columnId);
   const filterValue = column?.getFilterValue() ?? [];
   const currentValue = filterValue.length > 0 ? filterValue[0] : "all";
-  const handleValueChange = React48.useCallback(
+  const handleValueChange = React49.useCallback(
     (value) => {
       if (value === "all") {
         column?.setFilterValue(void 0);
@@ -1573,7 +1574,7 @@ var DataTableFilter = React48.memo(function DataTableFilter2({
     }
   );
 });
-var DataTablePagination = React48.memo(function DataTablePagination2({
+var DataTablePagination = React49.memo(function DataTablePagination2({
   mode = "client",
   pageCount: externalPageCount,
   pageSizes = [10, 20, 30, 50],
@@ -1600,7 +1601,7 @@ var DataTablePagination = React48.memo(function DataTablePagination2({
   const pageCount = mode === "server" && externalPageCount !== void 0 ? externalPageCount : internalPageCount;
   const canGoPrevious = pageIndex > 0;
   const canGoNext = pageIndex < pageCount - 1;
-  const handlePageSizeChange = React48.useCallback(
+  const handlePageSizeChange = React49.useCallback(
     (value) => {
       setPageSize(Number(value));
     },
@@ -1699,7 +1700,7 @@ var DataTablePagination = React48.memo(function DataTablePagination2({
   );
 });
 DataTablePagination.displayName = "DataTable.Pagination";
-var DataTableEmptyState = React48.memo(function DataTableEmptyState2({
+var DataTableEmptyState = React49.memo(function DataTableEmptyState2({
   message = "Nenhum resultado encontrado.",
   description,
   icon,
@@ -1823,8 +1824,8 @@ var iconSizeMap = {
   md: "h-4 w-4",
   lg: "h-5 w-5"
 };
-var Checkbox = React48.memo(
-  React48.forwardRef(({ className, variant, size = "md", ...props }, ref) => {
+var Checkbox = React49.memo(
+  React49.forwardRef(({ className, variant, size = "md", ...props }, ref) => {
     const iconSize = iconSizeMap[size || "md"];
     return /* @__PURE__ */ jsx(
       CheckboxPrimitive.Root,
@@ -1848,9 +1849,9 @@ function DataTableColumnVisibility({
   className
 }) {
   const table = useDataTable();
-  const [open, setOpen] = React48.useState(false);
-  const dropdownRef = React48.useRef(null);
-  React48.useEffect(() => {
+  const [open, setOpen] = React49.useState(false);
+  const dropdownRef = React49.useRef(null);
+  React49.useEffect(() => {
     function handleClickOutside(event) {
       if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
         setOpen(false);
@@ -1929,9 +1930,9 @@ function DataTableDensityToggle({
   className
 }) {
   const { density, setDensity } = useDataTableDensity();
-  const [open, setOpen] = React48.useState(false);
-  const dropdownRef = React48.useRef(null);
-  React48.useEffect(() => {
+  const [open, setOpen] = React49.useState(false);
+  const dropdownRef = React49.useRef(null);
+  React49.useEffect(() => {
     function handleClickOutside(event) {
       if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
         setOpen(false);
@@ -2110,9 +2111,9 @@ function DataTableExport({
   className
 }) {
   const table = useDataTable();
-  const [open, setOpen] = React48.useState(false);
-  const dropdownRef = React48.useRef(null);
-  React48.useEffect(() => {
+  const [open, setOpen] = React49.useState(false);
+  const dropdownRef = React49.useRef(null);
+  React49.useEffect(() => {
     function handleClickOutside(event) {
       if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
         setOpen(false);
@@ -2123,7 +2124,7 @@ function DataTableExport({
       return () => document.removeEventListener("mousedown", handleClickOutside);
     }
   }, [open]);
-  const handleExport = React48.useCallback((format) => {
+  const handleExport = React49.useCallback((format) => {
     const visibleColumns = table.getVisibleLeafColumns();
     const rows = table.getFilteredRowModel().rows;
     const headers = [];
@@ -2226,7 +2227,7 @@ function DataTableTabs({
   onValueChange,
   className
 }) {
-  const [internalValue, setInternalValue] = React48.useState(defaultValue ?? tabs[0]?.value);
+  const [internalValue, setInternalValue] = React49.useState(defaultValue ?? tabs[0]?.value);
   const activeValue = value ?? internalValue;
   const handleTabClick = (tabValue) => {
     if (value === void 0) {
@@ -2313,8 +2314,8 @@ var Dialog = DialogPrimitive.Root;
 var DialogTrigger = DialogPrimitive.Trigger;
 var DialogPortal = DialogPrimitive.Portal;
 var DialogClose = DialogPrimitive.Close;
-var DialogOverlay = React48.memo(
-  React48.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var DialogOverlay = React49.memo(
+  React49.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     DialogPrimitive.Overlay,
     {
       ref,
@@ -2361,8 +2362,8 @@ var dialogContentVariants = cva(
     }
   }
 );
-var DialogContent = React48.memo(
-  React48.forwardRef(({ className, children, showCloseButton = true, size, ...props }, ref) => /* @__PURE__ */ jsxs(DialogPortal, { children: [
+var DialogContent = React49.memo(
+  React49.forwardRef(({ className, children, showCloseButton = true, size, ...props }, ref) => /* @__PURE__ */ jsxs(DialogPortal, { children: [
     /* @__PURE__ */ jsx(DialogOverlay, {}),
     /* @__PURE__ */ jsxs(
       DialogPrimitive.Content,
@@ -2382,7 +2383,7 @@ var DialogContent = React48.memo(
   ] }))
 );
 DialogContent.displayName = DialogPrimitive.Content.displayName;
-var DialogHeader = React48.memo(
+var DialogHeader = React49.memo(
   ({ className, ...props }) => /* @__PURE__ */ jsx(
     "div",
     {
@@ -2395,7 +2396,7 @@ var DialogHeader = React48.memo(
   )
 );
 DialogHeader.displayName = "DialogHeader";
-var DialogFooter = React48.memo(
+var DialogFooter = React49.memo(
   ({ className, ...props }) => /* @__PURE__ */ jsx(
     "div",
     {
@@ -2408,8 +2409,8 @@ var DialogFooter = React48.memo(
   )
 );
 DialogFooter.displayName = "DialogFooter";
-var DialogTitle = React48.memo(
-  React48.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var DialogTitle = React49.memo(
+  React49.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     DialogPrimitive.Title,
     {
       ref,
@@ -2422,8 +2423,8 @@ var DialogTitle = React48.memo(
   ))
 );
 DialogTitle.displayName = DialogPrimitive.Title.displayName;
-var DialogDescription = React48.memo(
-  React48.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var DialogDescription = React49.memo(
+  React49.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     DialogPrimitive.Description,
     {
       ref,
@@ -2433,7 +2434,7 @@ var DialogDescription = React48.memo(
   ))
 );
 DialogDescription.displayName = DialogPrimitive.Description.displayName;
-var DialogBody = React48.memo(
+var DialogBody = React49.memo(
   ({ className, ...props }) => /* @__PURE__ */ jsx("div", { className: cn("flex-1 overflow-y-auto py-2", className), ...props })
 );
 DialogBody.displayName = "DialogBody";
@@ -2464,7 +2465,7 @@ var COLOR_MAP = {
   accent: "border-accent",
   muted: "border-muted"
 };
-var RippleRing = React48.memo(({ size, color, opacity }) => {
+var RippleRing = React49.memo(({ size, color, opacity }) => {
   const borderColorClass = COLOR_MAP[color] || COLOR_MAP.primary;
   return /* @__PURE__ */ jsx(
     "div",
@@ -2483,7 +2484,7 @@ var RippleRing = React48.memo(({ size, color, opacity }) => {
   );
 });
 RippleRing.displayName = "RippleRing";
-var RippleEffect = React48.memo(
+var RippleEffect = React49.memo(
   ({
     size = "md",
     color = "primary",
@@ -2495,7 +2496,7 @@ var RippleEffect = React48.memo(
     const { base, increment } = SIZE_CONFIG[size];
     const opacities = INTENSITY_CONFIG[intensity];
     const positionClasses = POSITION_CONFIG[position];
-    const rippleRings = React48.useMemo(
+    const rippleRings = React49.useMemo(
       () => Array.from({ length: rings }).map((_, index) => {
         const ringSize = base + increment * (rings - index - 1);
         const opacity = opacities[index] || opacities[opacities.length - 1];
@@ -2525,7 +2526,7 @@ var RippleEffect = React48.memo(
   }
 );
 RippleEffect.displayName = "RippleEffect";
-var RippleWrapper = React48.memo(
+var RippleWrapper = React49.memo(
   ({ children, rippleProps, className }) => {
     return /* @__PURE__ */ jsxs("div", { className: cn("relative", className), children: [
       rippleProps && /* @__PURE__ */ jsx(RippleEffect, { ...rippleProps }),
@@ -2534,7 +2535,7 @@ var RippleWrapper = React48.memo(
   }
 );
 RippleWrapper.displayName = "RippleWrapper";
-var RippleBackground = React48.memo(
+var RippleBackground = React49.memo(
   ({ containerClassName, ...rippleProps }) => {
     return /* @__PURE__ */ jsx(
       "div",
@@ -2600,7 +2601,7 @@ var statusIndicatorVariants = cva(
     }
   }
 );
-var DialogWrapper = React48.memo(
+var DialogWrapper = React49.memo(
   ({
     children,
     className,
@@ -2613,7 +2614,7 @@ var DialogWrapper = React48.memo(
     rippleProps,
     ...props
   }) => {
-    const defaultRippleProps = React48.useMemo(
+    const defaultRippleProps = React49.useMemo(
       () => ({
         size: size === "sm" ? "md" : size === "lg" ? "xl" : "lg",
         color: variant === "secondary" ? "secondary" : variant === "accent" ? "accent" : "primary",
@@ -2623,7 +2624,7 @@ var DialogWrapper = React48.memo(
       }),
       [size, variant, rippleProps]
     );
-    const backgroundRippleProps = React48.useMemo(
+    const backgroundRippleProps = React49.useMemo(
       () => ({
         position: "top-right",
         size: "xl",
@@ -2726,7 +2727,7 @@ var Toaster = ({ ...props }) => {
     }
   );
 };
-var CustomToast = React48.memo(
+var CustomToast = React49.memo(
   ({ title, description, variant = "default", action, onClose }) => {
     const variantStyles = toastVariants[variant];
     return /* @__PURE__ */ jsxs(
@@ -2862,8 +2863,8 @@ var thumbVariants = cva(
     }
   }
 );
-var Switch = React48.memo(
-  React48.forwardRef(({ className, variant, size = "md", ...props }, ref) => /* @__PURE__ */ jsx(
+var Switch = React49.memo(
+  React49.forwardRef(({ className, variant, size = "md", ...props }, ref) => /* @__PURE__ */ jsx(
     SwitchPrimitives.Root,
     {
       className: cn(switchVariants({ variant, size, className })),
@@ -2894,8 +2895,8 @@ var textareaVariants = cva(
     }
   }
 );
-var Textarea = React48.memo(
-  React48.forwardRef(
+var Textarea = React49.memo(
+  React49.forwardRef(
     ({
       className,
       variant,
@@ -2910,12 +2911,12 @@ var Textarea = React48.memo(
       onChange,
       ...props
     }, ref) => {
-      const textareaRef = React48.useRef(null);
-      React48.useImperativeHandle(ref, () => textareaRef.current, []);
-      const focusTextarea = React48.useCallback(() => {
+      const textareaRef = React49.useRef(null);
+      React49.useImperativeHandle(ref, () => textareaRef.current, []);
+      const focusTextarea = React49.useCallback(() => {
         textareaRef.current?.focus();
       }, []);
-      const handleChange = React48.useCallback(
+      const handleChange = React49.useCallback(
         (e) => {
           if (autoResize && textareaRef.current) {
             textareaRef.current.style.height = "auto";
@@ -2925,7 +2926,7 @@ var Textarea = React48.memo(
         },
         [autoResize, onChange]
       );
-      React48.useEffect(() => {
+      React49.useEffect(() => {
         if (autoResize && textareaRef.current) {
           textareaRef.current.style.height = "auto";
           textareaRef.current.style.height = `${textareaRef.current.scrollHeight}px`;
@@ -2976,23 +2977,23 @@ var Textarea = React48.memo(
   )
 );
 Textarea.displayName = "Textarea";
-var FormFieldContext = React48.createContext(null);
+var FormFieldContext = React49.createContext(null);
 function useFormFieldContext() {
-  const context = React48.useContext(FormFieldContext);
+  const context = React49.useContext(FormFieldContext);
   if (!context) {
     throw new Error("useFormFieldContext must be used within a Form.Field");
   }
   return context;
 }
 function useFormFieldContextOptional() {
-  return React48.useContext(FormFieldContext);
+  return React49.useContext(FormFieldContext);
 }
 function FormFieldProvider({ name, children }) {
   const form = useFormContext();
-  const id = React48.useId();
+  const id = React49.useId();
   const fieldState = form.getFieldState(name, form.formState);
   const error = fieldState.error?.message;
-  const value = React48.useMemo(
+  const value = React49.useMemo(
     () => ({
       name,
       id,
@@ -3100,7 +3101,7 @@ function FormInput({
   const form = useFormContext();
   const fieldState = form.getFieldState(name, form.formState);
   const error = fieldState.error?.message;
-  const getInputType = React48.useCallback(() => {
+  const getInputType = React49.useCallback(() => {
     if (["money", "percent", "phone", "cpf", "cnpj", "cep"].includes(mask || "")) {
       return "tel";
     }
@@ -3296,7 +3297,7 @@ function FormCheckbox({
   const form = useFormContext();
   const fieldState = form.getFieldState(name, form.formState);
   const error = fieldState.error?.message;
-  const id = React48.useId();
+  const id = React49.useId();
   return /* @__PURE__ */ jsx(FormFieldProvider, { name, children: /* @__PURE__ */ jsx(
     Controller,
     {
@@ -3351,7 +3352,7 @@ function FormSwitch({
   const form = useFormContext();
   const fieldState = form.getFieldState(name, form.formState);
   const error = fieldState.error?.message;
-  const id = React48.useId();
+  const id = React49.useId();
   return /* @__PURE__ */ jsx(FormFieldProvider, { name, children: /* @__PURE__ */ jsx(
     Controller,
     {
@@ -3518,7 +3519,7 @@ function FormRadioGroup({
   ) });
 }
 FormRadioGroup.displayName = "Form.RadioGroup";
-var FormLabel = React48.forwardRef(
+var FormLabel = React49.forwardRef(
   ({ className, required, children, ...props }, ref) => {
     const fieldContext = useFormFieldContextOptional();
     return /* @__PURE__ */ jsxs(
@@ -3541,7 +3542,7 @@ var FormLabel = React48.forwardRef(
   }
 );
 FormLabel.displayName = "Form.Label";
-var FormDescription = React48.forwardRef(({ className, ...props }, ref) => {
+var FormDescription = React49.forwardRef(({ className, ...props }, ref) => {
   const fieldContext = useFormFieldContextOptional();
   if (fieldContext?.error) {
     return null;
@@ -3556,7 +3557,7 @@ var FormDescription = React48.forwardRef(({ className, ...props }, ref) => {
   );
 });
 FormDescription.displayName = "Form.Description";
-var FormError = React48.forwardRef(
+var FormError = React49.forwardRef(
   ({ className, message, children, ...props }, ref) => {
     const fieldContext = useFormFieldContextOptional();
     const errorMessage = message ?? fieldContext?.error;
@@ -3575,7 +3576,7 @@ var FormError = React48.forwardRef(
   }
 );
 FormError.displayName = "Form.Error";
-var FormFieldWrapper = React48.forwardRef(({ className, label, description, required, error, children, ...props }, ref) => {
+var FormFieldWrapper = React49.forwardRef(({ className, label, description, required, error, children, ...props }, ref) => {
   return /* @__PURE__ */ jsxs("div", { ref, className: cn("space-y-1", className), ...props, children: [
     label && /* @__PURE__ */ jsx(FormLabel, { required, children: label }),
     children,
@@ -3618,7 +3619,7 @@ var Form = Object.assign(FormRoot, {
   FieldWrapper: FormFieldWrapper,
   Field: FormFieldProvider
 });
-var Avatar = React48.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var Avatar = React49.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   AvatarPrimitive.Root,
   {
     ref,
@@ -3630,7 +3631,7 @@ var Avatar = React48.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
   }
 ));
 Avatar.displayName = AvatarPrimitive.Root.displayName;
-var AvatarImage = React48.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var AvatarImage = React49.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   AvatarPrimitive.Image,
   {
     ref,
@@ -3639,7 +3640,7 @@ var AvatarImage = React48.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 AvatarImage.displayName = AvatarPrimitive.Image.displayName;
-var AvatarFallback = React48.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var AvatarFallback = React49.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   AvatarPrimitive.Fallback,
   {
     ref,
@@ -3657,7 +3658,7 @@ var DropdownMenuGroup = DropdownMenuPrimitive.Group;
 var DropdownMenuPortal = DropdownMenuPrimitive.Portal;
 var DropdownMenuSub = DropdownMenuPrimitive.Sub;
 var DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
-var DropdownMenuSubTrigger = React48.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+var DropdownMenuSubTrigger = React49.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs(
   DropdownMenuPrimitive.SubTrigger,
   {
     ref,
@@ -3674,7 +3675,7 @@ var DropdownMenuSubTrigger = React48.forwardRef(({ className, inset, children, .
   }
 ));
 DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
-var DropdownMenuSubContent = React48.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var DropdownMenuSubContent = React49.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   DropdownMenuPrimitive.SubContent,
   {
     ref,
@@ -3686,7 +3687,7 @@ var DropdownMenuSubContent = React48.forwardRef(({ className, ...props }, ref) =
   }
 ));
 DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
-var DropdownMenuContent = React48.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+var DropdownMenuContent = React49.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(
   DropdownMenuPrimitive.Content,
   {
     ref,
@@ -3699,7 +3700,7 @@ var DropdownMenuContent = React48.forwardRef(({ className, sideOffset = 4, ...pr
   }
 ) }));
 DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
-var DropdownMenuItem = React48.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
+var DropdownMenuItem = React49.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
   DropdownMenuPrimitive.Item,
   {
     ref,
@@ -3712,7 +3713,7 @@ var DropdownMenuItem = React48.forwardRef(({ className, inset, ...props }, ref)
   }
 ));
 DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
-var DropdownMenuCheckboxItem = React48.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs(
+var DropdownMenuCheckboxItem = React49.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs(
   DropdownMenuPrimitive.CheckboxItem,
   {
     ref,
@@ -3729,7 +3730,7 @@ var DropdownMenuCheckboxItem = React48.forwardRef(({ className, children, checke
   }
 ));
 DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
-var DropdownMenuRadioItem = React48.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+var DropdownMenuRadioItem = React49.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
   DropdownMenuPrimitive.RadioItem,
   {
     ref,
@@ -3745,7 +3746,7 @@ var DropdownMenuRadioItem = React48.forwardRef(({ className, children, ...props
   }
 ));
 DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
-var DropdownMenuLabel = React48.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
+var DropdownMenuLabel = React49.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
   DropdownMenuPrimitive.Label,
   {
     ref,
@@ -3758,7 +3759,7 @@ var DropdownMenuLabel = React48.forwardRef(({ className, inset, ...props }, ref)
   }
 ));
 DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
-var DropdownMenuSeparator = React48.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var DropdownMenuSeparator = React49.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   DropdownMenuPrimitive.Separator,
   {
     ref,
@@ -3782,7 +3783,7 @@ var DropdownMenuShortcut = ({
 DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
 var Popover = PopoverPrimitive.Root;
 var PopoverTrigger = PopoverPrimitive.Trigger;
-var PopoverContent = React48.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+var PopoverContent = React49.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx(
   PopoverPrimitive.Content,
   {
     ref,
@@ -3796,14 +3797,210 @@ var PopoverContent = React48.forwardRef(({ className, align = "center", sideOffs
   }
 ) }));
 PopoverContent.displayName = PopoverPrimitive.Content.displayName;
-var AuthLayoutContext = React48.createContext({
+var TooltipProvider = TooltipPrimitive.Provider;
+var TooltipRoot = TooltipPrimitive.Root;
+var TooltipTrigger = TooltipPrimitive.Trigger;
+var TooltipPortal = TooltipPrimitive.Portal;
+var TooltipArrow = React49.forwardRef(({ className, variant = "light", ...props }, ref) => /* @__PURE__ */ jsx(
+  TooltipPrimitive.Arrow,
+  {
+    ref,
+    className: cn(
+      "z-50",
+      variant === "dark" ? "fill-slate-900" : "fill-white",
+      className
+    ),
+    ...props
+  }
+));
+TooltipArrow.displayName = "TooltipArrow";
+var tooltipContentVariants = cva(
+  "z-50 overflow-hidden rounded-lg shadow-lg outline-none animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+  {
+    variants: {
+      variant: {
+        light: "bg-white text-slate-900 border border-slate-200",
+        dark: "bg-slate-900 text-white border border-slate-800"
+      },
+      size: {
+        sm: "max-w-[200px] p-2",
+        md: "max-w-[280px] p-3",
+        lg: "max-w-[360px] p-4"
+      }
+    },
+    defaultVariants: {
+      variant: "light",
+      size: "md"
+    }
+  }
+);
+var TooltipContent = React49.forwardRef(
+  ({
+    className,
+    variant = "light",
+    size = "md",
+    sideOffset = 8,
+    showArrow = true,
+    onDismiss,
+    children,
+    ...props
+  }, ref) => /* @__PURE__ */ jsx(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
+    TooltipPrimitive.Content,
+    {
+      ref,
+      sideOffset,
+      className: cn(tooltipContentVariants({ variant, size }), className),
+      ...props,
+      children: [
+        onDismiss && /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick: onDismiss,
+            className: cn(
+              "absolute top-2 right-2 p-1 rounded-full transition-colors",
+              variant === "dark" ? "hover:bg-slate-800 text-slate-400 hover:text-white" : "hover:bg-slate-100 text-slate-400 hover:text-slate-600"
+            ),
+            "aria-label": "Fechar",
+            children: /* @__PURE__ */ jsx(X, { className: "h-3.5 w-3.5" })
+          }
+        ),
+        children,
+        showArrow && /* @__PURE__ */ jsx(TooltipArrow, { variant: variant ?? "light", width: 12, height: 6 })
+      ]
+    }
+  ) })
+);
+TooltipContent.displayName = TooltipPrimitive.Content.displayName;
+var TooltipHeader = React49.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("flex flex-col gap-1", className), ...props })
+);
+TooltipHeader.displayName = "TooltipHeader";
+var TooltipTitle = React49.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    "h4",
+    {
+      ref,
+      className: cn("text-sm font-semibold leading-tight", className),
+      ...props
+    }
+  )
+);
+TooltipTitle.displayName = "TooltipTitle";
+var TooltipDescription = React49.forwardRef(({ className, variant = "light", ...props }, ref) => /* @__PURE__ */ jsx(
+  "p",
+  {
+    ref,
+    className: cn(
+      "text-xs leading-relaxed",
+      variant === "dark" ? "text-slate-300" : "text-slate-500",
+      className
+    ),
+    ...props
+  }
+));
+TooltipDescription.displayName = "TooltipDescription";
+var TooltipActions = React49.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      className: cn("flex items-center gap-2 mt-3", className),
+      ...props
+    }
+  )
+);
+TooltipActions.displayName = "TooltipActions";
+var tooltipActionVariants = cva(
+  "inline-flex items-center justify-center text-xs font-medium rounded-md transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
+  {
+    variants: {
+      variant: {
+        primary: "bg-slate-900 text-white hover:bg-slate-800 px-3 py-1.5",
+        secondary: "bg-transparent text-slate-600 hover:text-slate-900 hover:underline px-2 py-1.5",
+        "primary-dark": "bg-white text-slate-900 hover:bg-slate-100 px-3 py-1.5",
+        "secondary-dark": "bg-transparent text-slate-300 hover:text-white hover:underline px-2 py-1.5",
+        outline: "border border-slate-200 bg-white text-slate-900 hover:bg-slate-50 px-3 py-1.5",
+        "outline-dark": "border border-slate-700 bg-transparent text-white hover:bg-slate-800 px-3 py-1.5"
+      }
+    },
+    defaultVariants: {
+      variant: "primary"
+    }
+  }
+);
+var TooltipAction = React49.forwardRef(
+  ({ className, variant = "primary", ...props }, ref) => /* @__PURE__ */ jsx(
+    "button",
+    {
+      ref,
+      className: cn(tooltipActionVariants({ variant }), className),
+      ...props
+    }
+  )
+);
+TooltipAction.displayName = "TooltipAction";
+var TooltipIcon = React49.forwardRef(
+  ({ className, variant = "light", children, ...props }, ref) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      className: cn(
+        "flex items-center justify-center w-10 h-10 rounded-full mb-3",
+        variant === "dark" ? "bg-slate-800" : "bg-slate-100",
+        className
+      ),
+      ...props,
+      children
+    }
+  )
+);
+TooltipIcon.displayName = "TooltipIcon";
+var SimpleTooltip = ({
+  children,
+  content,
+  variant = "light",
+  side = "top",
+  align = "center",
+  delayDuration = 200,
+  open,
+  defaultOpen,
+  onOpenChange
+}) => /* @__PURE__ */ jsxs(
+  TooltipRoot,
+  {
+    open,
+    defaultOpen,
+    onOpenChange,
+    delayDuration,
+    children: [
+      /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children }),
+      /* @__PURE__ */ jsx(TooltipContent, { variant, side, align, size: "sm", children: /* @__PURE__ */ jsx("span", { className: "text-xs", children: content }) })
+    ]
+  }
+);
+SimpleTooltip.displayName = "SimpleTooltip";
+var Tooltip = Object.assign(TooltipRoot, {
+  Provider: TooltipProvider,
+  Trigger: TooltipTrigger,
+  Portal: TooltipPortal,
+  Content: TooltipContent,
+  Arrow: TooltipArrow,
+  Header: TooltipHeader,
+  Title: TooltipTitle,
+  Description: TooltipDescription,
+  Actions: TooltipActions,
+  Action: TooltipAction,
+  Icon: TooltipIcon,
+  Simple: SimpleTooltip
+});
+var AuthLayoutContext = React49.createContext({
   imagePosition: "left"
 });
 function AuthLayoutRoot({ children, className }) {
-  const [imagePosition, setImagePosition] = React48.useState("left");
-  React48.useEffect(() => {
-    React48.Children.forEach(children, (child) => {
-      if (React48.isValidElement(child) && child.type === AuthLayoutImage) {
+  const [imagePosition, setImagePosition] = React49.useState("left");
+  React49.useEffect(() => {
+    React49.Children.forEach(children, (child) => {
+      if (React49.isValidElement(child) && child.type === AuthLayoutImage) {
         setImagePosition(child.props.position || "left");
       }
     });
@@ -4001,7 +4198,7 @@ var AuthLayout = Object.assign(AuthLayoutRoot, {
   Link: AuthLayoutLink,
   Divider: AuthLayoutDivider
 });
-var TabsContext = React48.createContext(null);
+var TabsContext = React49.createContext(null);
 function SelectionLayoutRoot({ children, className }) {
   return /* @__PURE__ */ jsx("div", { className: cn("min-h-screen bg-muted/30 flex flex-col lg:flex-row", className), children });
 }
@@ -4112,7 +4309,7 @@ function SelectionLayoutTab({
   badge,
   className
 }) {
-  const context = React48.useContext(TabsContext);
+  const context = React49.useContext(TabsContext);
   if (!context) {
     throw new Error("SelectionLayout.Tab must be used within SelectionLayout.Tabs");
   }
@@ -4257,17 +4454,17 @@ var SelectionLayout = Object.assign(SelectionLayoutRoot, {
   Card: SelectionLayoutCard,
   Empty: SelectionLayoutEmpty
 });
-var DashboardLayoutContext = React48.createContext(null);
+var DashboardLayoutContext = React49.createContext(null);
 function useDashboardLayout() {
-  const context = React48.useContext(DashboardLayoutContext);
+  const context = React49.useContext(DashboardLayoutContext);
   if (!context) {
     throw new Error("useDashboardLayout must be used within DashboardLayout");
   }
   return context;
 }
 function useMediaQuery(query) {
-  const [matches, setMatches] = React48.useState(false);
-  React48.useEffect(() => {
+  const [matches, setMatches] = React49.useState(false);
+  React49.useEffect(() => {
     const media = window.matchMedia(query);
     if (media.matches !== matches) {
       setMatches(media.matches);
@@ -4284,11 +4481,11 @@ function DashboardLayoutRoot({
   defaultExpanded = false,
   defaultPinned = false
 }) {
-  const [sidebarExpanded, setSidebarExpanded] = React48.useState(defaultExpanded || defaultPinned);
-  const [sidebarPinned, setSidebarPinned] = React48.useState(defaultPinned);
-  const [mobileMenuOpen, setMobileMenuOpen] = React48.useState(false);
+  const [sidebarExpanded, setSidebarExpanded] = React49.useState(defaultExpanded || defaultPinned);
+  const [sidebarPinned, setSidebarPinned] = React49.useState(defaultPinned);
+  const [mobileMenuOpen, setMobileMenuOpen] = React49.useState(false);
   const isMobile = useMediaQuery("(max-width: 1024px)");
-  React48.useEffect(() => {
+  React49.useEffect(() => {
     if (!isMobile) {
       setMobileMenuOpen(false);
     }
@@ -4429,7 +4626,7 @@ function DashboardLayoutSidebarNavItem({
   };
   const renderIcon4 = () => {
     if (!icon) return null;
-    if (React48.isValidElement(icon)) {
+    if (React49.isValidElement(icon)) {
       return icon;
     }
     if (typeof icon === "function" || typeof icon === "object" && "$$typeof" in icon) {
@@ -4484,7 +4681,7 @@ function DashboardLayoutSidebarNavGroup({
   className
 }) {
   const { sidebarExpanded } = useDashboardLayout();
-  const [isOpen, setIsOpen] = React48.useState(defaultOpen);
+  const [isOpen, setIsOpen] = React49.useState(defaultOpen);
   const badgeColors = {
     default: "bg-muted text-muted-foreground",
     primary: "bg-primary/10 text-primary",
@@ -4492,7 +4689,7 @@ function DashboardLayoutSidebarNavGroup({
   };
   const renderIcon4 = () => {
     if (!icon) return null;
-    if (React48.isValidElement(icon)) {
+    if (React49.isValidElement(icon)) {
       return icon;
     }
     if (typeof icon === "function" || typeof icon === "object" && "$$typeof" in icon) {
@@ -4501,7 +4698,7 @@ function DashboardLayoutSidebarNavGroup({
     }
     return null;
   };
-  React48.useEffect(() => {
+  React49.useEffect(() => {
     if (isActive && sidebarExpanded) {
       setIsOpen(true);
     }
@@ -4605,7 +4802,7 @@ function DashboardLayoutHeaderUser({
   children,
   onLogout
 }) {
-  const [isOpen, setIsOpen] = React48.useState(false);
+  const [isOpen, setIsOpen] = React49.useState(false);
   return /* @__PURE__ */ jsxs("div", { className: cn("relative", className), children: [
     /* @__PURE__ */ jsxs(
       "button",
@@ -4686,7 +4883,7 @@ function DashboardLayoutBreadcrumbs({
   return /* @__PURE__ */ jsx("nav", { className: cn("flex items-center gap-1 text-sm", className), children: items.map((item, index) => {
     const Icon2 = item.icon;
     const isLast = index === items.length - 1;
-    return /* @__PURE__ */ jsxs(React48.Fragment, { children: [
+    return /* @__PURE__ */ jsxs(React49.Fragment, { children: [
       item.href && !isLast ? /* @__PURE__ */ jsxs(
         "a",
         {
@@ -4789,23 +4986,23 @@ var DashboardLayout = Object.assign(DashboardLayoutRoot, {
   MobileNav: DashboardLayoutMobileNav,
   MobileNavItem: DashboardLayoutMobileNavItem
 });
-var SidebarContext = React48.createContext(null);
+var SidebarContext = React49.createContext(null);
 function useSidebar() {
-  const context = React48.useContext(SidebarContext);
+  const context = React49.useContext(SidebarContext);
   if (!context) {
     throw new Error("useSidebar must be used within a Sidebar component");
   }
   return context;
 }
 function useSidebarOptional() {
-  return React48.useContext(SidebarContext);
+  return React49.useContext(SidebarContext);
 }
 function SidebarProvider({ children, value }) {
   return /* @__PURE__ */ jsx(SidebarContext.Provider, { value, children });
 }
 function useMediaQuery2(query) {
-  const [matches, setMatches] = React48.useState(false);
-  React48.useEffect(() => {
+  const [matches, setMatches] = React49.useState(false);
+  React49.useEffect(() => {
     if (typeof window === "undefined") return;
     const mediaQuery = window.matchMedia(query);
     setMatches(mediaQuery.matches);
@@ -4817,7 +5014,7 @@ function useMediaQuery2(query) {
   }, [query]);
   return matches;
 }
-var SidebarHeader = React48.memo(function SidebarHeader2({
+var SidebarHeader = React49.memo(function SidebarHeader2({
   logo,
   collapsedLogo,
   title,
@@ -4825,7 +5022,7 @@ var SidebarHeader = React48.memo(function SidebarHeader2({
   className
 }) {
   const { expanded, pinned, setPinned } = useSidebar();
-  const handleTogglePin = React48.useCallback(() => {
+  const handleTogglePin = React49.useCallback(() => {
     setPinned(!pinned);
   }, [pinned, setPinned]);
   return /* @__PURE__ */ jsxs(
@@ -4900,7 +5097,7 @@ var SidebarHeader = React48.memo(function SidebarHeader2({
   );
 });
 SidebarHeader.displayName = "Sidebar.Header";
-var SidebarNav = React48.memo(function SidebarNav2({
+var SidebarNav = React49.memo(function SidebarNav2({
   children,
   className
 }) {
@@ -4916,7 +5113,7 @@ var SidebarNav = React48.memo(function SidebarNav2({
   );
 });
 SidebarNav.displayName = "Sidebar.Nav";
-var SidebarSection = React48.memo(function SidebarSection2({
+var SidebarSection = React49.memo(function SidebarSection2({
   title,
   children,
   className
@@ -4940,8 +5137,8 @@ var SidebarSection = React48.memo(function SidebarSection2({
 SidebarSection.displayName = "Sidebar.Section";
 function renderIcon(icon, className) {
   if (!icon) return null;
-  if (React48.isValidElement(icon)) {
-    return React48.cloneElement(icon, { className });
+  if (React49.isValidElement(icon)) {
+    return React49.cloneElement(icon, { className });
   }
   if (typeof icon === "function" || typeof icon === "object" && icon !== null && "$$typeof" in icon) {
     const IconComponent = icon;
@@ -4955,7 +5152,7 @@ var badgeVariantStyles = {
   success: "bg-green-100 text-green-600",
   warning: "bg-amber-100 text-amber-600"
 };
-var SidebarNavItem = React48.memo(function SidebarNavItem2({
+var SidebarNavItem = React49.memo(function SidebarNavItem2({
   icon,
   label,
   href,
@@ -4967,7 +5164,7 @@ var SidebarNavItem = React48.memo(function SidebarNavItem2({
   className
 }) {
   const { expanded } = useSidebar();
-  const handleClick = React48.useCallback(() => {
+  const handleClick = React49.useCallback(() => {
     if (disabled) return;
     if (onClick) {
       onClick();
@@ -5050,8 +5247,8 @@ var SidebarNavItem = React48.memo(function SidebarNavItem2({
 SidebarNavItem.displayName = "Sidebar.NavItem";
 function renderIcon2(icon, className) {
   if (!icon) return null;
-  if (React48.isValidElement(icon)) {
-    return React48.cloneElement(icon, { className });
+  if (React49.isValidElement(icon)) {
+    return React49.cloneElement(icon, { className });
   }
   if (typeof icon === "function" || typeof icon === "object" && icon !== null && "$$typeof" in icon) {
     const IconComponent = icon;
@@ -5065,7 +5262,7 @@ var badgeVariantStyles2 = {
   success: "bg-green-100 text-green-600",
   warning: "bg-amber-100 text-amber-600"
 };
-var SidebarNavGroup = React48.memo(function SidebarNavGroup2({
+var SidebarNavGroup = React49.memo(function SidebarNavGroup2({
   icon,
   label,
   children,
@@ -5077,10 +5274,10 @@ var SidebarNavGroup = React48.memo(function SidebarNavGroup2({
   className
 }) {
   const { expanded, activeSection, setActiveSection } = useSidebar();
-  const [isOpen, setIsOpen] = React48.useState(defaultOpen);
+  const [isOpen, setIsOpen] = React49.useState(defaultOpen);
   const groupId = id || label.toLowerCase().replace(/\s+/g, "-");
   const isExpanded = expanded && (activeSection === groupId || isOpen);
-  const handleClick = React48.useCallback(() => {
+  const handleClick = React49.useCallback(() => {
     if (activeSection === groupId) {
       setActiveSection(null);
       setIsOpen(false);
@@ -5089,7 +5286,7 @@ var SidebarNavGroup = React48.memo(function SidebarNavGroup2({
       setIsOpen(true);
     }
   }, [activeSection, groupId, setActiveSection]);
-  React48.useEffect(() => {
+  React49.useEffect(() => {
     if (expanded && isActive && !isOpen) {
       setIsOpen(true);
       setActiveSection(groupId);
@@ -5193,18 +5390,18 @@ function isLucideIcon(icon) {
 function getInitials(name) {
   return name.split(" ").map((part) => part.charAt(0)).slice(0, 2).join("").toUpperCase();
 }
-var SidebarFooter = React48.memo(function SidebarFooter2({
+var SidebarFooter = React49.memo(function SidebarFooter2({
   user,
   menuItems,
   children,
   className
 }) {
   const { expanded } = useSidebar();
-  const [menuOpen, setMenuOpen] = React48.useState(false);
-  const handleToggleMenu = React48.useCallback(() => {
+  const [menuOpen, setMenuOpen] = React49.useState(false);
+  const handleToggleMenu = React49.useCallback(() => {
     setMenuOpen((prev) => !prev);
   }, []);
-  React48.useEffect(() => {
+  React49.useEffect(() => {
     if (!menuOpen) return;
     const handleClickOutside = (event) => {
       const target = event.target;
@@ -5282,7 +5479,7 @@ var SidebarFooter = React48.memo(function SidebarFooter2({
             children: /* @__PURE__ */ jsx("div", { className: "py-1", children: menuItems.map((item, index) => {
               const IconComponent = item.icon && isLucideIcon(item.icon) ? item.icon : null;
               const isDestructive = item.variant === "destructive";
-              return /* @__PURE__ */ jsxs(React48.Fragment, { children: [
+              return /* @__PURE__ */ jsxs(React49.Fragment, { children: [
                 isDestructive && index > 0 && /* @__PURE__ */ jsx("div", { className: "my-1 border-t border-border" }),
                 /* @__PURE__ */ jsxs(
                   "button",
@@ -5319,17 +5516,17 @@ function SidebarRoot({
   collapsedWidth = COLLAPSED_WIDTH,
   expandedWidth = EXPANDED_WIDTH
 }) {
-  const [expanded, setExpanded] = React48.useState(defaultExpanded || defaultPinned);
-  const [pinned, setPinned] = React48.useState(defaultPinned);
-  const [activeSection, setActiveSection] = React48.useState(null);
+  const [expanded, setExpanded] = React49.useState(defaultExpanded || defaultPinned);
+  const [pinned, setPinned] = React49.useState(defaultPinned);
+  const [activeSection, setActiveSection] = React49.useState(null);
   const isMobile = useMediaQuery2("(max-width: 768px)");
-  const handleSetPinned = React48.useCallback((value) => {
+  const handleSetPinned = React49.useCallback((value) => {
     setPinned(value);
     if (value) {
       setExpanded(true);
     }
   }, []);
-  const contextValue = React48.useMemo(
+  const contextValue = React49.useMemo(
     () => ({
       expanded,
       setExpanded,
@@ -5348,13 +5545,13 @@ function SidebarRoot({
 SidebarRoot.displayName = "SidebarRoot";
 function SidebarAside({ children, className }) {
   const { expanded, pinned, setExpanded, isMobile, collapsedWidth, expandedWidth } = useSidebar();
-  const sidebarRef = React48.useRef(null);
-  const handleMouseEnter = React48.useCallback(() => {
+  const sidebarRef = React49.useRef(null);
+  const handleMouseEnter = React49.useCallback(() => {
     if (!pinned && !isMobile) {
       setExpanded(true);
     }
   }, [pinned, isMobile, setExpanded]);
-  const handleMouseLeave = React48.useCallback(() => {
+  const handleMouseLeave = React49.useCallback(() => {
     if (!pinned && !isMobile) {
       setExpanded(false);
     }
@@ -5422,28 +5619,28 @@ function LegacySidebar({
   expandedWidth = EXPANDED_WIDTH,
   className
 }) {
-  const [expanded, setExpanded] = React48.useState(defaultExpanded || defaultPinned);
-  const [pinned, setPinned] = React48.useState(defaultPinned);
-  const [activeSection, setActiveSection] = React48.useState(null);
+  const [expanded, setExpanded] = React49.useState(defaultExpanded || defaultPinned);
+  const [pinned, setPinned] = React49.useState(defaultPinned);
+  const [activeSection, setActiveSection] = React49.useState(null);
   const isMobile = useMediaQuery2("(max-width: 768px)");
-  const sidebarRef = React48.useRef(null);
-  const handleMouseEnter = React48.useCallback(() => {
+  const sidebarRef = React49.useRef(null);
+  const handleMouseEnter = React49.useCallback(() => {
     if (!pinned && !isMobile) {
       setExpanded(true);
     }
   }, [pinned, isMobile]);
-  const handleMouseLeave = React48.useCallback(() => {
+  const handleMouseLeave = React49.useCallback(() => {
     if (!pinned && !isMobile) {
       setExpanded(false);
     }
   }, [pinned, isMobile]);
-  const handleSetPinned = React48.useCallback((value) => {
+  const handleSetPinned = React49.useCallback((value) => {
     setPinned(value);
     if (value) {
       setExpanded(true);
     }
   }, []);
-  const contextValue = React48.useMemo(
+  const contextValue = React49.useMemo(
     () => ({
       expanded,
       setExpanded,
@@ -5500,8 +5697,8 @@ var Sidebar = Object.assign(LegacySidebar, {
 });
 function renderIcon3(icon, className) {
   if (!icon) return null;
-  if (React48.isValidElement(icon)) {
-    return React48.cloneElement(icon, { className });
+  if (React49.isValidElement(icon)) {
+    return React49.cloneElement(icon, { className });
   }
   if (typeof icon === "function" || typeof icon === "object" && icon !== null && "$$typeof" in icon) {
     const IconComponent = icon;
@@ -5509,7 +5706,7 @@ function renderIcon3(icon, className) {
   }
   return null;
 }
-var MobileNavItem = React48.memo(function MobileNavItem2({
+var MobileNavItem = React49.memo(function MobileNavItem2({
   icon,
   label,
   isActive = false,
@@ -5547,7 +5744,7 @@ var MobileNavItem = React48.memo(function MobileNavItem2({
   ] });
 });
 MobileNavItem.displayName = "MobileNavItem";
-var MobileNav = React48.memo(function MobileNav2({
+var MobileNav = React49.memo(function MobileNav2({
   items,
   fabAction,
   className
@@ -5615,7 +5812,7 @@ var MobileNav = React48.memo(function MobileNav2({
   );
 });
 MobileNav.displayName = "MobileNav";
-var Navbar = React48.memo(function Navbar2({
+var Navbar = React49.memo(function Navbar2({
   children,
   className,
   style
@@ -5634,8 +5831,8 @@ var Navbar = React48.memo(function Navbar2({
 });
 Navbar.displayName = "Navbar";
 function ThemeToggle({ className }) {
-  const [isDark, setIsDark] = React48.useState(false);
-  React48.useEffect(() => {
+  const [isDark, setIsDark] = React49.useState(false);
+  React49.useEffect(() => {
     const isDarkMode = document.documentElement.classList.contains("dark");
     setIsDark(isDarkMode);
   }, []);
@@ -5727,7 +5924,7 @@ function NavbarNotification({
   ] });
 }
 NavbarNotification.displayName = "NavbarNotification";
-var ScrollArea = React48.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+var ScrollArea = React49.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
   ScrollAreaPrimitive.Root,
   {
     ref,
@@ -5741,7 +5938,7 @@ var ScrollArea = React48.forwardRef(({ className, children, ...props }, ref) =>
   }
 ));
 ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
-var ScrollBar = React48.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx(
+var ScrollBar = React49.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx(
   ScrollAreaPrimitive.ScrollAreaScrollbar,
   {
     ref,
@@ -5757,7 +5954,7 @@ var ScrollBar = React48.forwardRef(({ className, orientation = "vertical", ...pr
   }
 ));
 ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
-var Separator3 = React48.forwardRef(
+var Separator3 = React49.forwardRef(
   ({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsx(
     SeparatorPrimitive.Root,
     {
@@ -5825,7 +6022,7 @@ function NavbarCompanyProfile({
         /* @__PURE__ */ jsx(ScrollArea, { className: "h-64", children: /* @__PURE__ */ jsxs("div", { className: "p-4", children: [
           isLoading && /* @__PURE__ */ jsx("div", { className: "flex justify-center py-4", children: /* @__PURE__ */ jsx(Loader, { variant: "spinner" }) }),
           !isLoading && companies.length === 0 && /* @__PURE__ */ jsx("p", { className: "text-center text-muted-foreground", children: "Nenhuma empresa encontrada." }),
-          companies.map((company, index) => /* @__PURE__ */ jsxs(React48.Fragment, { children: [
+          companies.map((company, index) => /* @__PURE__ */ jsxs(React49.Fragment, { children: [
             /* @__PURE__ */ jsx(
               Button,
               {
@@ -5908,9 +6105,9 @@ function NavbarUserMenu({
   ] });
 }
 NavbarUserMenu.displayName = "NavbarUserMenu";
-var Breadcrumb = React48.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx("nav", { ref, "aria-label": "breadcrumb", ...props }));
+var Breadcrumb = React49.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx("nav", { ref, "aria-label": "breadcrumb", ...props }));
 Breadcrumb.displayName = "Breadcrumb";
-var BreadcrumbList = React48.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var BreadcrumbList = React49.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "ol",
   {
     ref,
@@ -5922,7 +6119,7 @@ var BreadcrumbList = React48.forwardRef(({ className, ...props }, ref) => /* @__
   }
 ));
 BreadcrumbList.displayName = "BreadcrumbList";
-var BreadcrumbItem = React48.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var BreadcrumbItem = React49.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "li",
   {
     ref,
@@ -5931,7 +6128,7 @@ var BreadcrumbItem = React48.forwardRef(({ className, ...props }, ref) => /* @__
   }
 ));
 BreadcrumbItem.displayName = "BreadcrumbItem";
-var BreadcrumbLink = React48.forwardRef(({ asChild, className, ...props }, ref) => {
+var BreadcrumbLink = React49.forwardRef(({ asChild, className, ...props }, ref) => {
   const Comp = asChild ? Slot : "a";
   return /* @__PURE__ */ jsx(
     Comp,
@@ -5943,7 +6140,7 @@ var BreadcrumbLink = React48.forwardRef(({ asChild, className, ...props }, ref)
   );
 });
 BreadcrumbLink.displayName = "BreadcrumbLink";
-var BreadcrumbPage = React48.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var BreadcrumbPage = React49.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "span",
   {
     ref,
@@ -6079,16 +6276,16 @@ var SectionHeader = Object.assign(SectionHeaderRoot, {
   Actions: SectionHeaderActions,
   Badge: SectionHeaderBadge
 });
-var KanbanContext = React48.createContext(null);
+var KanbanContext = React49.createContext(null);
 function useKanban() {
-  const context = React48.useContext(KanbanContext);
+  const context = React49.useContext(KanbanContext);
   if (!context) {
     throw new Error("useKanban must be used within a Kanban.Board component");
   }
   return context;
 }
 function useKanbanOptional() {
-  return React48.useContext(KanbanContext);
+  return React49.useContext(KanbanContext);
 }
 function KanbanProvider({ children, value }) {
   return /* @__PURE__ */ jsx(KanbanContext.Provider, { value, children });
@@ -6099,18 +6296,18 @@ function KanbanBoard({
   onDragStart,
   className
 }) {
-  const [isDragging, setIsDragging] = React48.useState(false);
-  const [draggedItemId, setDraggedItemId] = React48.useState(null);
-  const [sourceColumnId, setSourceColumnId] = React48.useState(null);
-  const [hoveredColumnId, setHoveredColumnId] = React48.useState(null);
-  const dropValidatorsRef = React48.useRef(/* @__PURE__ */ new Map());
-  const registerDropValidator = React48.useCallback((columnId, validator) => {
+  const [isDragging, setIsDragging] = React49.useState(false);
+  const [draggedItemId, setDraggedItemId] = React49.useState(null);
+  const [sourceColumnId, setSourceColumnId] = React49.useState(null);
+  const [hoveredColumnId, setHoveredColumnId] = React49.useState(null);
+  const dropValidatorsRef = React49.useRef(/* @__PURE__ */ new Map());
+  const registerDropValidator = React49.useCallback((columnId, validator) => {
     dropValidatorsRef.current.set(columnId, validator);
   }, []);
-  const unregisterDropValidator = React48.useCallback((columnId) => {
+  const unregisterDropValidator = React49.useCallback((columnId) => {
     dropValidatorsRef.current.delete(columnId);
   }, []);
-  const canDropInColumn = React48.useCallback((columnId) => {
+  const canDropInColumn = React49.useCallback((columnId) => {
     if (!draggedItemId || !sourceColumnId) return false;
     if (columnId === sourceColumnId) return false;
     const validator = dropValidatorsRef.current.get(columnId);
@@ -6119,13 +6316,13 @@ function KanbanBoard({
     }
     return true;
   }, [draggedItemId, sourceColumnId]);
-  const handleDragStart = React48.useCallback((itemId, colId) => {
+  const handleDragStart = React49.useCallback((itemId, colId) => {
     setIsDragging(true);
     setDraggedItemId(itemId);
     setSourceColumnId(colId);
     onDragStart?.(itemId, colId);
   }, [onDragStart]);
-  const handleDrop = React48.useCallback((destinationColumnId) => {
+  const handleDrop = React49.useCallback((destinationColumnId) => {
     if (draggedItemId && sourceColumnId && destinationColumnId !== sourceColumnId) {
       if (canDropInColumn(destinationColumnId)) {
         const result = {
@@ -6141,13 +6338,13 @@ function KanbanBoard({
     setSourceColumnId(null);
     setHoveredColumnId(null);
   }, [draggedItemId, sourceColumnId, canDropInColumn, onDragEnd]);
-  const handleDragEnd = React48.useCallback(() => {
+  const handleDragEnd = React49.useCallback(() => {
     setIsDragging(false);
     setDraggedItemId(null);
     setSourceColumnId(null);
     setHoveredColumnId(null);
   }, []);
-  const contextValue = React48.useMemo(() => ({
+  const contextValue = React49.useMemo(() => ({
     isDragging,
     draggedItemId,
     sourceColumnId,
@@ -6172,9 +6369,9 @@ function KanbanBoard({
     }
   ) });
 }
-var KanbanBoardInternalContext = React48.createContext(null);
+var KanbanBoardInternalContext = React49.createContext(null);
 function useKanbanBoard() {
-  const context = React48.useContext(KanbanBoardInternalContext);
+  const context = React49.useContext(KanbanBoardInternalContext);
   if (!context) {
     throw new Error("useKanbanBoard must be used within a Kanban.Board component");
   }
@@ -6194,7 +6391,7 @@ function KanbanColumn({
 }) {
   const { isDragging, sourceColumnId, hoveredColumnId, setHoveredColumnId, canDropInColumn, registerDropValidator, unregisterDropValidator } = useKanban();
   const { handleDrop } = useKanbanBoard();
-  React48.useEffect(() => {
+  React49.useEffect(() => {
     if (canDrop) {
       registerDropValidator(id, canDrop);
       return () => unregisterDropValidator(id);
@@ -6203,7 +6400,7 @@ function KanbanColumn({
   const isValidDropTarget = isDragging && sourceColumnId !== id && canDropInColumn(id);
   const isInvalidDropTarget = isDragging && sourceColumnId !== id && !canDropInColumn(id);
   const isHovered = hoveredColumnId === id;
-  const handleDragOver = React48.useCallback((e) => {
+  const handleDragOver = React49.useCallback((e) => {
     e.preventDefault();
     if (isValidDropTarget) {
       e.dataTransfer.dropEffect = "move";
@@ -6212,18 +6409,18 @@ function KanbanColumn({
       e.dataTransfer.dropEffect = "none";
     }
   }, [isValidDropTarget, setHoveredColumnId, id]);
-  const handleDragLeave = React48.useCallback((e) => {
+  const handleDragLeave = React49.useCallback((e) => {
     if (e.currentTarget === e.target || !e.currentTarget.contains(e.relatedTarget)) {
       setHoveredColumnId(null);
     }
   }, [setHoveredColumnId]);
-  const handleDropEvent = React48.useCallback((e) => {
+  const handleDropEvent = React49.useCallback((e) => {
     e.preventDefault();
     if (isValidDropTarget) {
       handleDrop(id);
     }
   }, [isValidDropTarget, handleDrop, id]);
-  const childCount = React48.Children.count(children);
+  const childCount = React49.Children.count(children);
   const displayCount = count ?? childCount;
   return /* @__PURE__ */ jsxs(
     "div",
@@ -6284,7 +6481,7 @@ function KanbanCard({
   const { draggedItemId } = useKanban();
   const { handleDragStart } = useKanbanBoard();
   const isThisCardDragging = draggedItemId === id;
-  const handleDragStartEvent = React48.useCallback((e) => {
+  const handleDragStartEvent = React49.useCallback((e) => {
     if (disabled) {
       e.preventDefault();
       return;
@@ -7039,18 +7236,18 @@ var initialState = {
   theme: "system",
   setTheme: () => null
 };
-var ThemeProviderContext = React48.createContext(initialState);
+var ThemeProviderContext = React49.createContext(initialState);
 function ThemeProvider({
   children,
   defaultTheme = "system",
   storageKey = "facter-ds-theme",
   ...props
 }) {
-  const [theme, setTheme] = React48.useState(
+  const [theme, setTheme] = React49.useState(
     () => localStorage.getItem(storageKey) || defaultTheme
   );
-  const [resolvedTheme, setResolvedTheme] = React48.useState("light");
-  React48.useEffect(() => {
+  const [resolvedTheme, setResolvedTheme] = React49.useState("light");
+  React49.useEffect(() => {
     const root = window.document.documentElement;
     root.classList.remove("light", "dark");
     if (theme === "system") {
@@ -7062,7 +7259,7 @@ function ThemeProvider({
     root.classList.add(theme);
     setResolvedTheme(theme);
   }, [theme]);
-  const value = React48.useMemo(
+  const value = React49.useMemo(
     () => ({
       theme,
       setTheme: (theme2) => {
@@ -7075,7 +7272,7 @@ function ThemeProvider({
   return /* @__PURE__ */ jsx(ThemeProviderContext.Provider, { ...props, value, children: /* @__PURE__ */ jsx("div", { className: resolvedTheme, style: { minHeight: "100vh" }, children }) });
 }
 var useTheme = () => {
-  const context = React48.useContext(ThemeProviderContext);
+  const context = React49.useContext(ThemeProviderContext);
   if (context === void 0)
     throw new Error("useTheme must be used within a ThemeProvider");
   return context;
@@ -7119,6 +7316,6 @@ var THEME_INFO = {
   }
 };
 
-export { AuthLayout, Avatar, AvatarFallback, AvatarImage, Badge, BigNumberCard, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, DENSITY_CONFIG, DashboardLayout, DataTable, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DialogWrapper, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, FACTER_THEMES, Form, FormCheckbox, FormDescription, FormError, FormFieldProvider, FormFieldWrapper, FormInput, FormLabel, FormRadioGroup, FormSelect, FormSwitch, FormTextarea, GlobalLoaderController, Input, Kanban, Loader, LoaderProvider, Logo, MobileNav, MobileNavItem, Navbar, NavbarCompanyProfile, NavbarNotification, NavbarUserMenu, Popover, PopoverContent, PopoverTrigger, RippleBackground, RippleEffect, RippleWrapper, ScrollArea, ScrollBar, SectionHeader, SectionHeaderActions, SectionHeaderBadge, SectionHeaderContent, SectionHeaderIcon, SectionHeaderRoot, SectionHeaderSubtitle, SectionHeaderTitle, Select, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectionLayout, Separator3 as Separator, Sidebar, Skeleton, Sparkline, Switch, THEME_INFO, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, ThemeProvider, ThemeToggle, Toaster, Wizard, WizardContent, WizardNavigation, WizardPanel, WizardProgress, WizardProvider, WizardStepConnector, WizardStepIndicator, WizardSteps, cn, loader, toast, useDashboardLayout, useDataTable, useDataTableColumnVisibility, useDataTableDensity, useDataTableEmpty, useDataTableInstance, useDataTableLoading, useDataTableMeta, useDataTablePagination, useDataTableSelection, useDataTableSorting, useDataTableState, useDebounce, useDebouncedCallback, useFormFieldContext, useKanban, useKanbanOptional, useLoader, useMediaQuery2 as useMediaQuery, useSidebar, useSidebarOptional, useTheme, useWizardContext, useWizardContextOptional };
+export { AuthLayout, Avatar, AvatarFallback, AvatarImage, Badge, BigNumberCard, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, DENSITY_CONFIG, DashboardLayout, DataTable, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DialogWrapper, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, FACTER_THEMES, Form, FormCheckbox, FormDescription, FormError, FormFieldProvider, FormFieldWrapper, FormInput, FormLabel, FormRadioGroup, FormSelect, FormSwitch, FormTextarea, GlobalLoaderController, Input, Kanban, Loader, LoaderProvider, Logo, MobileNav, MobileNavItem, Navbar, NavbarCompanyProfile, NavbarNotification, NavbarUserMenu, Popover, PopoverContent, PopoverTrigger, RippleBackground, RippleEffect, RippleWrapper, ScrollArea, ScrollBar, SectionHeader, SectionHeaderActions, SectionHeaderBadge, SectionHeaderContent, SectionHeaderIcon, SectionHeaderRoot, SectionHeaderSubtitle, SectionHeaderTitle, Select, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectionLayout, Separator3 as Separator, Sidebar, SimpleTooltip, Skeleton, Sparkline, Switch, THEME_INFO, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, ThemeProvider, ThemeToggle, Toaster, Tooltip, TooltipAction, TooltipActions, TooltipArrow, TooltipContent, TooltipDescription, TooltipHeader, TooltipIcon, TooltipPortal, TooltipProvider, TooltipRoot, TooltipTitle, TooltipTrigger, Wizard, WizardContent, WizardNavigation, WizardPanel, WizardProgress, WizardProvider, WizardStepConnector, WizardStepIndicator, WizardSteps, cn, loader, toast, useDashboardLayout, useDataTable, useDataTableColumnVisibility, useDataTableDensity, useDataTableEmpty, useDataTableInstance, useDataTableLoading, useDataTableMeta, useDataTablePagination, useDataTableSelection, useDataTableSorting, useDataTableState, useDebounce, useDebouncedCallback, useFormFieldContext, useKanban, useKanbanOptional, useLoader, useMediaQuery2 as useMediaQuery, useSidebar, useSidebarOptional, useTheme, useWizardContext, useWizardContextOptional };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map