@facter/ds-core 1.7.5 → 1.8.0

package/dist/index.mjs

@@ -1,5 +1,5 @@
 "use client";
-import * as React49 from 'react';
+import * as React10 from 'react';
 import { createContext, useCallback, Children, isValidElement, useState, useMemo, useContext } from 'react';
 import { cva } from 'class-variance-authority';
 import { clsx } from 'clsx';
@@ -57,7 +57,7 @@ var buttonVariants = cva(
     }
   }
 );
-var Button = React49.forwardRef(
+var Button = React10.forwardRef(
   ({ className, variant, size, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       "button",
@@ -150,7 +150,7 @@ var inputVariants = cva(
     }
   }
 );
-var Input = React49.forwardRef(
+var Input = React10.forwardRef(
   ({
     className,
     variant,
@@ -164,13 +164,13 @@ var Input = React49.forwardRef(
     labelClassName,
     ...props
   }, ref) => {
-    const inputRef = React49.useRef(null);
-    const [showPassword, setShowPassword] = React49.useState(false);
-    React49.useImperativeHandle(ref, () => inputRef.current, []);
-    const focusInput = React49.useCallback(() => {
+    const inputRef = React10.useRef(null);
+    const [showPassword, setShowPassword] = React10.useState(false);
+    React10.useImperativeHandle(ref, () => inputRef.current, []);
+    const focusInput = React10.useCallback(() => {
       inputRef.current?.focus();
     }, []);
-    const togglePasswordVisibility = React49.useCallback(() => {
+    const togglePasswordVisibility = React10.useCallback(() => {
       setShowPassword((prev) => !prev);
     }, []);
     const inputType = type === "password" ? showPassword ? "text" : "password" : type;
@@ -191,6 +191,7 @@ var Input = React49.forwardRef(
               variant: error ? "error" : variant,
               inputSize
             }),
+            !label && "h-9 pt-0 pb-0 py-2",
             Icon2 && "pl-10",
             type === "password" && "pr-11",
             className
@@ -337,8 +338,8 @@ function Sparkline({
   className,
   show = true
 }) {
-  const gradientId = React49.useId();
-  const { linePath, areaPath } = React49.useMemo(() => {
+  const gradientId = React10.useId();
+  const { linePath, areaPath } = React10.useMemo(() => {
     if (data.length < 2) {
       return { linePath: "", areaPath: "" };
     }
@@ -556,7 +557,7 @@ var selectVariants = cva(
     }
   }
 );
-var Select = React49.forwardRef(
+var Select = React10.forwardRef(
   ({
     className,
     variant,
@@ -583,6 +584,7 @@ var Select = React49.forwardRef(
                 variant: error ? "error" : variant,
                 selectSize
               }),
+              !label && "h-9 pt-0 pb-0 py-2",
               Icon2 && "pl-10",
               "flex items-center justify-between",
               className
@@ -625,7 +627,7 @@ var Select = React49.forwardRef(
   }
 );
 Select.displayName = "Select";
-var SelectItem = React49.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+var SelectItem = React10.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
   SelectPrimitive.Item,
   {
     ref,
@@ -644,7 +646,7 @@ var SelectItem = React49.forwardRef(({ className, children, ...props }, ref) =>
 ));
 SelectItem.displayName = "SelectItem";
 var SelectGroup = SelectPrimitive.Group;
-var SelectLabel = React49.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SelectLabel = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SelectPrimitive.Label,
   {
     ref,
@@ -653,7 +655,7 @@ var SelectLabel = React49.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 SelectLabel.displayName = "SelectLabel";
-var SelectSeparator = React49.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SelectSeparator = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SelectPrimitive.Separator,
   {
     ref,
@@ -663,7 +665,7 @@ var SelectSeparator = React49.forwardRef(({ className, ...props }, ref) => /* @_
 ));
 SelectSeparator.displayName = "SelectSeparator";
 var Tabs = TabsPrimitive.Root;
-var TabsList = React49.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TabsList = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   TabsPrimitive.List,
   {
     ref,
@@ -675,7 +677,7 @@ var TabsList = React49.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 TabsList.displayName = TabsPrimitive.List.displayName;
-var TabsTrigger = React49.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TabsTrigger = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   TabsPrimitive.Trigger,
   {
     ref,
@@ -687,7 +689,7 @@ var TabsTrigger = React49.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
-var TabsContent = React49.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TabsContent = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   TabsPrimitive.Content,
   {
     ref,
@@ -796,7 +798,7 @@ function BarsLoader() {
     i
   )) });
 }
-var Loader = React49.forwardRef(
+var Loader = React10.forwardRef(
   ({
     variant = "default",
     message,
@@ -846,21 +848,21 @@ var Loader = React49.forwardRef(
   }
 );
 Loader.displayName = "Loader";
-var LoaderContext = React49.createContext(
+var LoaderContext = React10.createContext(
   void 0
 );
 function LoaderProvider({ children }) {
-  const [isLoading, setIsLoading] = React49.useState(false);
-  const [loaderOptions, setLoaderOptions] = React49.useState({});
-  const show = React49.useCallback((options = {}) => {
+  const [isLoading, setIsLoading] = React10.useState(false);
+  const [loaderOptions, setLoaderOptions] = React10.useState({});
+  const show = React10.useCallback((options = {}) => {
     setLoaderOptions(options);
     setIsLoading(true);
   }, []);
-  const hide = React49.useCallback(() => {
+  const hide = React10.useCallback(() => {
     setIsLoading(false);
     setTimeout(() => setLoaderOptions({}), 300);
   }, []);
-  const value = React49.useMemo(
+  const value = React10.useMemo(
     () => ({ show, hide, isLoading }),
     [show, hide, isLoading]
   );
@@ -879,7 +881,7 @@ function LoaderProvider({ children }) {
   ] });
 }
 function useLoader() {
-  const context = React49.useContext(LoaderContext);
+  const context = React10.useContext(LoaderContext);
   if (context === void 0) {
     throw new Error("useLoader must be used within a LoaderProvider");
   }
@@ -911,7 +913,7 @@ var loader = {
 };
 function GlobalLoaderController() {
   const loaderController = useLoader();
-  React49.useEffect(() => {
+  React10.useEffect(() => {
     setGlobalLoader(loaderController);
     return () => {
       setGlobalLoader(null);
@@ -997,7 +999,7 @@ var iconAnimation = {
   whileHover: { scale: 1.1 },
   whileTap: { scale: 0.9 }
 };
-var EmptyStateContent = React49.memo(
+var EmptyStateContent = React10.memo(
   ({
     message = "Nenhum item encontrado",
     description,
@@ -1009,7 +1011,7 @@ var EmptyStateContent = React49.memo(
     layout = "vertical",
     className
   }) => {
-    const handleAction = React49.useCallback(() => {
+    const handleAction = React10.useCallback(() => {
       if (onAction) {
         onAction();
       }
@@ -1039,7 +1041,7 @@ var EmptyStateContent = React49.memo(
   }
 );
 EmptyStateContent.displayName = "EmptyStateContent";
-var AnimatedEmptyState = React49.memo((props) => {
+var AnimatedEmptyState = React10.memo((props) => {
   const {
     message = "Nenhum item encontrado",
     description,
@@ -1051,7 +1053,7 @@ var AnimatedEmptyState = React49.memo((props) => {
     layout = "vertical",
     className
   } = props;
-  const handleAction = React49.useCallback(() => {
+  const handleAction = React10.useCallback(() => {
     if (onAction) {
       onAction();
     }
@@ -1094,7 +1096,7 @@ var AnimatedEmptyState = React49.memo((props) => {
   );
 });
 AnimatedEmptyState.displayName = "AnimatedEmptyState";
-var EmptyState = React49.memo(
+var EmptyState = React10.memo(
   ({ animated = true, ...props }) => {
     if (!animated) {
       return /* @__PURE__ */ jsx(EmptyStateContent, { ...props });
@@ -1110,13 +1112,13 @@ function useDataTableInternal({
   manualPagination = false,
   pageCount: externalPageCount
 }) {
-  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({
+  const [rowSelection, setRowSelection] = React10.useState({});
+  const [columnVisibility, setColumnVisibility] = React10.useState({});
+  const [columnFilters, setColumnFilters] = React10.useState([]);
+  const [sorting, setSorting] = React10.useState([]);
+  const [globalFilter, setGlobalFilter] = React10.useState("");
+  const [density, setDensity] = React10.useState("default");
+  const [pagination, setPagination] = React10.useState({
     pageIndex: 0,
     pageSize: 10
   });
@@ -1154,7 +1156,7 @@ function useDataTableInternal({
     getPaginationRowModel: getPaginationRowModel(),
     getSortedRowModel: getSortedRowModel()
   });
-  const meta = React49.useMemo(
+  const meta = React10.useMemo(
     () => ({
       isLoading: false,
       // Loading é controlado externamente via DataTable.Loading
@@ -1174,13 +1176,14 @@ function useDataTableInternal({
     pageSize: pagination.pageSize
   };
 }
-var DataTableInstanceContext = React49.createContext(null);
+var DataTableEmptyStateConfigContext = React10.createContext(null);
+var DataTableInstanceContext = React10.createContext(null);
 DataTableInstanceContext.displayName = "DataTableInstanceContext";
-var DataTableMetaContext = React49.createContext(null);
+var DataTableMetaContext = React10.createContext(null);
 DataTableMetaContext.displayName = "DataTableMetaContext";
-var DataTableDensityContext = React49.createContext(null);
+var DataTableDensityContext = React10.createContext(null);
 DataTableDensityContext.displayName = "DataTableDensityContext";
-var DataTablePaginationContext = React49.createContext(null);
+var DataTablePaginationContext = React10.createContext(null);
 DataTablePaginationContext.displayName = "DataTablePaginationContext";
 function DataTableProvider({
   children,
@@ -1191,26 +1194,28 @@ function DataTableProvider({
   pageIndex,
   pageSize
 }) {
-  const metaValue = React49.useMemo(
+  const [emptyStateConfig, setEmptyStateConfig] = React10.useState({});
+  const emptyStateValue = React10.useMemo(
+    () => ({ config: emptyStateConfig, setConfig: setEmptyStateConfig }),
+    [emptyStateConfig]
+  );
+  const metaValue = React10.useMemo(
     () => meta,
     [meta.isLoading, meta.isEmpty, meta.selectedRowCount, meta.totalRows, meta.density]
   );
-  const densityValue = React49.useMemo(
+  const densityValue = React10.useMemo(
     () => ({ density, setDensity }),
     [density, setDensity]
   );
-  const paginationValue = React49.useMemo(
-    () => {
-      console.log("[DataTableProvider] creating paginationValue", { pageIndex, pageSize });
-      return { pageIndex, pageSize };
-    },
+  const paginationValue = React10.useMemo(
+    () => ({ pageIndex, pageSize }),
     [pageIndex, pageSize]
   );
   const tableValue = table;
-  return /* @__PURE__ */ jsx(DataTableInstanceContext.Provider, { value: tableValue, children: /* @__PURE__ */ jsx(DataTableMetaContext.Provider, { value: metaValue, children: /* @__PURE__ */ jsx(DataTableDensityContext.Provider, { value: densityValue, children: /* @__PURE__ */ jsx(DataTablePaginationContext.Provider, { value: paginationValue, children }) }) }) });
+  return /* @__PURE__ */ jsx(DataTableEmptyStateConfigContext.Provider, { value: emptyStateValue, children: /* @__PURE__ */ jsx(DataTableInstanceContext.Provider, { value: tableValue, children: /* @__PURE__ */ jsx(DataTableMetaContext.Provider, { value: metaValue, children: /* @__PURE__ */ jsx(DataTableDensityContext.Provider, { value: densityValue, children: /* @__PURE__ */ jsx(DataTablePaginationContext.Provider, { value: paginationValue, children }) }) }) }) });
 }
 function useDataTable() {
-  const context = React49.useContext(DataTableInstanceContext);
+  const context = React10.useContext(DataTableInstanceContext);
   if (!context) {
     throw new Error(
       "useDataTable must be used within <DataTable>. Make sure your component is wrapped with DataTable."
@@ -1219,7 +1224,7 @@ function useDataTable() {
   return context;
 }
 function useDataTableMeta() {
-  const context = React49.useContext(DataTableMetaContext);
+  const context = React10.useContext(DataTableMetaContext);
   if (!context) {
     throw new Error(
       "useDataTableMeta must be used within <DataTable>. Make sure your component is wrapped with DataTable."
@@ -1237,12 +1242,12 @@ function useDataTableEmpty() {
 }
 function useDataTableSelection() {
   const table = useDataTable();
-  return React49.useMemo(() => {
+  return React10.useMemo(() => {
     return table.getSelectedRowModel().rows.map((row) => row.original);
   }, [table.getSelectedRowModel().rows]);
 }
 function useDataTableDensity() {
-  const context = React49.useContext(DataTableDensityContext);
+  const context = React10.useContext(DataTableDensityContext);
   if (!context) {
     throw new Error(
       "useDataTableDensity must be used within <DataTable>. Make sure your component is wrapped with DataTable."
@@ -1251,7 +1256,7 @@ function useDataTableDensity() {
   return context;
 }
 function useDataTablePaginationContext() {
-  const context = React49.useContext(DataTablePaginationContext);
+  const context = React10.useContext(DataTablePaginationContext);
   if (!context) {
     throw new Error(
       "useDataTablePagination must be used within <DataTable>. Make sure your component is wrapped with DataTable."
@@ -1262,7 +1267,7 @@ function useDataTablePaginationContext() {
 function useDataTablePagination() {
   const table = useDataTable();
   const { pageIndex, pageSize } = useDataTablePaginationContext();
-  return React49.useMemo(() => {
+  return React10.useMemo(() => {
     const pageCount = table.getPageCount();
     return {
       pageIndex,
@@ -1282,7 +1287,7 @@ function useDataTablePagination() {
 function useDataTableSorting() {
   const table = useDataTable();
   const sorting = table.getState().sorting;
-  return React49.useMemo(() => ({
+  return React10.useMemo(() => ({
     sorting,
     setSorting: table.setSorting,
     clearSorting: () => table.resetSorting(),
@@ -1295,7 +1300,7 @@ function useDataTableSorting() {
 function useDataTableColumnVisibility() {
   const table = useDataTable();
   const columnVisibility = table.getState().columnVisibility;
-  return React49.useMemo(() => ({
+  return React10.useMemo(() => ({
     columnVisibility,
     setColumnVisibility: table.setColumnVisibility,
     toggleColumn: (columnId) => {
@@ -1305,6 +1310,15 @@ function useDataTableColumnVisibility() {
     getAllColumns: () => table.getAllColumns().filter((col) => col.getCanHide())
   }), [table, columnVisibility]);
 }
+function useDataTableEmptyStateConfig() {
+  const context = React10.useContext(DataTableEmptyStateConfigContext);
+  if (!context) {
+    throw new Error(
+      "useDataTableEmptyStateConfig must be used within <DataTable>."
+    );
+  }
+  return context;
+}
 var useDataTableInstance = useDataTable;
 var useDataTableState = useDataTableMeta;
 function DataTableRoot({
@@ -1363,7 +1377,7 @@ var DENSITY_CONFIG = {
     padding: "py-3 px-4"
   }
 };
-var Table = React49.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsx(
+var Table = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsx(
   "table",
   {
     ref,
@@ -1372,9 +1386,9 @@ var Table = React49.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
   }
 ) }));
 Table.displayName = "Table";
-var TableHeader = React49.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
+var TableHeader = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
 TableHeader.displayName = "TableHeader";
-var TableBody = React49.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TableBody = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "tbody",
   {
     ref,
@@ -1383,7 +1397,7 @@ var TableBody = React49.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 TableBody.displayName = "TableBody";
-var TableFooter = React49.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TableFooter = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "tfoot",
   {
     ref,
@@ -1395,8 +1409,8 @@ var TableFooter = React49.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 TableFooter.displayName = "TableFooter";
-var TableRow = React49.memo(
-  React49.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TableRow = React10.memo(
+  React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     "tr",
     {
       ref,
@@ -1409,7 +1423,7 @@ var TableRow = React49.memo(
   ))
 );
 TableRow.displayName = "TableRow";
-var TableHead = React49.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TableHead = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "th",
   {
     ref,
@@ -1421,8 +1435,8 @@ var TableHead = React49.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 TableHead.displayName = "TableHead";
-var TableCell = React49.memo(
-  React49.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TableCell = React10.memo(
+  React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     "td",
     {
       ref,
@@ -1432,7 +1446,7 @@ var TableCell = React49.memo(
   ))
 );
 TableCell.displayName = "TableCell";
-var TableCaption = React49.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TableCaption = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "caption",
   {
     ref,
@@ -1441,17 +1455,31 @@ var TableCaption = React49.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 TableCaption.displayName = "TableCaption";
-var DataTableContent = React49.memo(function DataTableContent2({
+var DataTableContent = React10.memo(function DataTableContent2({
   stickyHeader = false,
   stripedRows = false,
   highlightOnHover = true,
+  onRowClick,
   className
 }) {
   const table = useDataTable();
   const { isEmpty } = useDataTableMeta();
   const { density } = useDataTableDensity();
+  const { config: emptyStateConfig } = useDataTableEmptyStateConfig();
   const densityStyles = DENSITY_CONFIG[density];
   const cellClasses = cn(densityStyles.padding, densityStyles.fontSize);
+  const hasRows = table.getRowModel().rows?.length > 0;
+  if (!hasRows && isEmpty) {
+    return /* @__PURE__ */ jsx(
+      EmptyState,
+      {
+        message: emptyStateConfig.title,
+        description: emptyStateConfig.description,
+        icon: emptyStateConfig.icon,
+        animated: false
+      }
+    );
+  }
   return /* @__PURE__ */ jsx("div", { className: cn("rounded-md border overflow-auto", className), children: /* @__PURE__ */ jsxs(Table, { children: [
     /* @__PURE__ */ jsx(TableHeader, { className: cn(stickyHeader && "sticky top-0 z-10 bg-background"), children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx(TableRow, { children: headerGroup.headers.map((header) => /* @__PURE__ */ jsx(
       TableHead,
@@ -1465,37 +1493,32 @@ var DataTableContent = React49.memo(function DataTableContent2({
       },
       header.id
     )) }, headerGroup.id)) }),
-    /* @__PURE__ */ jsx(TableBody, { children: table.getRowModel().rows?.length ? table.getRowModel().rows.map((row, index) => /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx(TableBody, { children: table.getRowModel().rows.map((row, index) => /* @__PURE__ */ jsx(
       TableRow,
       {
         "data-state": row.getIsSelected() && "selected",
         className: cn(
           highlightOnHover && "hover:bg-muted/50",
-          stripedRows && index % 2 === 1 && "bg-muted/30"
+          stripedRows && index % 2 === 1 && "bg-muted/30",
+          onRowClick && "cursor-pointer"
         ),
+        onClick: onRowClick ? () => onRowClick(row) : void 0,
         children: row.getVisibleCells().map((cell) => /* @__PURE__ */ jsx(TableCell, { className: cellClasses, children: flexRender(cell.column.columnDef.cell, cell.getContext()) }, cell.id))
       },
       row.id
-    )) : /* @__PURE__ */ jsx(TableRow, { children: /* @__PURE__ */ jsx(
-      TableCell,
-      {
-        colSpan: table.getAllColumns().length,
-        className: "h-24 text-center text-muted-foreground",
-        children: isEmpty ? "Nenhum resultado encontrado." : "Carregando..."
-      }
-    ) }) })
+    )) })
   ] }) });
 });
 DataTableContent.displayName = "DataTable.Content";
-var DataTableToolbar = React49.memo(function DataTableToolbar2({
+var DataTableToolbar = React10.memo(function DataTableToolbar2({
   className,
   children
 }) {
-  return /* @__PURE__ */ jsx("div", { className: cn("flex items-center justify-between gap-2", className), children });
+  return /* @__PURE__ */ jsx("div", { className: cn("flex items-center justify-between gap-2 bg-accent/50 p-4 rounded-t-lg", className), children });
 });
 function useDebounce(value, delay = 300) {
-  const [debouncedValue, setDebouncedValue] = React49.useState(value);
-  React49.useEffect(() => {
+  const [debouncedValue, setDebouncedValue] = React10.useState(value);
+  React10.useEffect(() => {
     const handler = setTimeout(() => {
       setDebouncedValue(value);
     }, delay);
@@ -1506,12 +1529,12 @@ function useDebounce(value, delay = 300) {
   return debouncedValue;
 }
 function useDebouncedCallback(callback, delay = 300) {
-  const callbackRef = React49.useRef(callback);
-  const timeoutRef = React49.useRef(null);
-  React49.useEffect(() => {
+  const callbackRef = React10.useRef(callback);
+  const timeoutRef = React10.useRef(null);
+  React10.useEffect(() => {
     callbackRef.current = callback;
   }, [callback]);
-  return React49.useCallback(
+  return React10.useCallback(
     (...args) => {
       if (timeoutRef.current) {
         clearTimeout(timeoutRef.current);
@@ -1523,7 +1546,7 @@ function useDebouncedCallback(callback, delay = 300) {
     [delay]
   );
 }
-var DataTableSearch = React49.memo(function DataTableSearch2({
+var DataTableSearch = React10.memo(function DataTableSearch2({
   column,
   placeholder = "Buscar...",
   debounce = 300,
@@ -1532,17 +1555,17 @@ var DataTableSearch = React49.memo(function DataTableSearch2({
 }) {
   const table = useDataTableInstance();
   const columnInstance = table.getColumn(column);
-  const [value, setValue] = React49.useState(
+  const [value, setValue] = React10.useState(
     columnInstance?.getFilterValue() ?? ""
   );
   const debouncedValue = useDebounce(value, debounce);
-  React49.useEffect(() => {
+  React10.useEffect(() => {
     columnInstance?.setFilterValue(debouncedValue);
     if (onSearch) {
       onSearch(debouncedValue);
     }
   }, [debouncedValue, columnInstance, onSearch]);
-  React49.useEffect(() => {
+  React10.useEffect(() => {
     const filterValue = columnInstance?.getFilterValue() ?? "";
     if (filterValue !== value) {
       setValue(filterValue);
@@ -1558,15 +1581,15 @@ var DataTableSearch = React49.memo(function DataTableSearch2({
     }
   );
 });
-var DataTableFilters = React49.memo(function DataTableFilters2({
+var DataTableFilters = React10.memo(function DataTableFilters2({
   onChange,
   className,
   children
 }) {
   const table = useDataTableInstance();
   const filters = table.getState().columnFilters;
-  const filtersRef = React49.useRef(filters);
-  React49.useEffect(() => {
+  const filtersRef = React10.useRef(filters);
+  React10.useEffect(() => {
     if (onChange && JSON.stringify(filters) !== JSON.stringify(filtersRef.current)) {
       filtersRef.current = filters;
       onChange(filters);
@@ -1574,7 +1597,7 @@ var DataTableFilters = React49.memo(function DataTableFilters2({
   }, [filters, onChange]);
   return /* @__PURE__ */ jsx("div", { className: cn("flex gap-2", className), children });
 });
-var DataTableFilter = React49.memo(function DataTableFilter2({
+var DataTableFilter = React10.memo(function DataTableFilter2({
   column: columnId,
   title,
   options,
@@ -1584,7 +1607,7 @@ var DataTableFilter = React49.memo(function DataTableFilter2({
   const column = table.getColumn(columnId);
   const filterValue = column?.getFilterValue() ?? [];
   const currentValue = filterValue.length > 0 ? filterValue[0] : "all";
-  const handleValueChange = React49.useCallback(
+  const handleValueChange = React10.useCallback(
     (value) => {
       if (value === "all") {
         column?.setFilterValue(void 0);
@@ -1609,7 +1632,7 @@ var DataTableFilter = React49.memo(function DataTableFilter2({
     }
   );
 });
-var DataTablePagination = React49.memo(function DataTablePagination2({
+var DataTablePagination = React10.memo(function DataTablePagination2({
   mode = "client",
   pageCount: externalPageCount,
   pageSizes = [10, 20, 30, 50],
@@ -1638,7 +1661,7 @@ var DataTablePagination = React49.memo(function DataTablePagination2({
   const pageCount = mode === "server" && externalPageCount !== void 0 ? externalPageCount : internalPageCount;
   const canGoPrevious = pageIndex > 0;
   const canGoNext = pageIndex < pageCount - 1;
-  const handlePageSizeChange = React49.useCallback(
+  const handlePageSizeChange = React10.useCallback(
     (value) => {
       setPageSize(Number(value));
     },
@@ -1741,47 +1764,20 @@ var DataTablePagination = React49.memo(function DataTablePagination2({
   );
 });
 DataTablePagination.displayName = "DataTable.Pagination";
-var DataTableEmptyState = React49.memo(function DataTableEmptyState2({
-  message = "Nenhum resultado encontrado.",
+var DataTableEmptyState = React10.memo(function DataTableEmptyState2({
+  title,
   description,
   icon,
-  action,
-  className
+  action
 }) {
-  const defaultIcon = /* @__PURE__ */ jsx(
-    "svg",
-    {
-      className: "h-10 w-10 text-muted-foreground",
-      fill: "none",
-      viewBox: "0 0 24 24",
-      stroke: "currentColor",
-      children: /* @__PURE__ */ jsx(
-        "path",
-        {
-          strokeLinecap: "round",
-          strokeLinejoin: "round",
-          strokeWidth: 1.5,
-          d: "M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"
-        }
-      )
-    }
-  );
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: cn(
-        "flex min-h-[400px] flex-col items-center justify-center rounded-md border border-dashed p-8 text-center",
-        className
-      ),
-      children: /* @__PURE__ */ jsxs("div", { className: "mx-auto flex max-w-[420px] flex-col items-center justify-center text-center", children: [
-        icon ?? defaultIcon,
-        /* @__PURE__ */ jsx("h3", { className: "mt-4 text-lg font-semibold", children: message }),
-        description && /* @__PURE__ */ jsx("p", { className: "mb-4 mt-2 text-sm text-muted-foreground", children: description }),
-        action && /* @__PURE__ */ jsx("div", { className: "mt-4", children: action })
-      ] })
-    }
-  );
+  const { setConfig } = useDataTableEmptyStateConfig();
+  React10.useLayoutEffect(() => {
+    setConfig({ title, description, icon, action });
+    return () => setConfig({});
+  }, [title, description, icon, action, setConfig]);
+  return null;
 });
+DataTableEmptyState.displayName = "DataTable.EmptyState";
 function SkeletonRow({ columns }) {
   return /* @__PURE__ */ jsx(TableRow, { className: "animate-pulse", children: Array.from({ length: columns }).map((_, index) => /* @__PURE__ */ jsx(TableCell, { className: "py-4", children: /* @__PURE__ */ jsx("div", { className: "h-4 bg-muted rounded w-3/4" }) }, index)) });
 }
@@ -1845,6 +1841,7 @@ var checkboxVariants = cva(
     variants: {
       variant: {
         default: "border-primary data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",
+        muted: "border-muted-foreground/40 data-[state=checked]:border-primary data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",
         secondary: "border-secondary data-[state=checked]:bg-secondary data-[state=checked]:text-secondary-foreground",
         outline: "border-border data-[state=checked]:bg-background data-[state=checked]:text-primary data-[state=checked]:border-primary"
       },
@@ -1865,8 +1862,8 @@ var iconSizeMap = {
   md: "h-4 w-4",
   lg: "h-5 w-5"
 };
-var Checkbox = React49.memo(
-  React49.forwardRef(({ className, variant, size = "md", ...props }, ref) => {
+var Checkbox = React10.memo(
+  React10.forwardRef(({ className, variant, size = "md", ...props }, ref) => {
     const iconSize = iconSizeMap[size || "md"];
     return /* @__PURE__ */ jsx(
       CheckboxPrimitive.Root,
@@ -1890,9 +1887,9 @@ function DataTableColumnVisibility({
   className
 }) {
   const table = useDataTable();
-  const [open, setOpen] = React49.useState(false);
-  const dropdownRef = React49.useRef(null);
-  React49.useEffect(() => {
+  const [open, setOpen] = React10.useState(false);
+  const dropdownRef = React10.useRef(null);
+  React10.useEffect(() => {
     function handleClickOutside(event) {
       if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
         setOpen(false);
@@ -1971,9 +1968,9 @@ function DataTableDensityToggle({
   className
 }) {
   const { density, setDensity } = useDataTableDensity();
-  const [open, setOpen] = React49.useState(false);
-  const dropdownRef = React49.useRef(null);
-  React49.useEffect(() => {
+  const [open, setOpen] = React10.useState(false);
+  const dropdownRef = React10.useRef(null);
+  React10.useEffect(() => {
     function handleClickOutside(event) {
       if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
         setOpen(false);
@@ -2152,9 +2149,9 @@ function DataTableExport({
   className
 }) {
   const table = useDataTable();
-  const [open, setOpen] = React49.useState(false);
-  const dropdownRef = React49.useRef(null);
-  React49.useEffect(() => {
+  const [open, setOpen] = React10.useState(false);
+  const dropdownRef = React10.useRef(null);
+  React10.useEffect(() => {
     function handleClickOutside(event) {
       if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
         setOpen(false);
@@ -2165,7 +2162,7 @@ function DataTableExport({
       return () => document.removeEventListener("mousedown", handleClickOutside);
     }
   }, [open]);
-  const handleExport = React49.useCallback((format) => {
+  const handleExport = React10.useCallback((format) => {
     const visibleColumns = table.getVisibleLeafColumns();
     const rows = table.getFilteredRowModel().rows;
     const headers = [];
@@ -2268,7 +2265,7 @@ function DataTableTabs({
   onValueChange,
   className
 }) {
-  const [internalValue, setInternalValue] = React49.useState(defaultValue ?? tabs[0]?.value);
+  const [internalValue, setInternalValue] = React10.useState(defaultValue ?? tabs[0]?.value);
   const activeValue = value ?? internalValue;
   const handleTabClick = (tabValue) => {
     if (value === void 0) {
@@ -2279,7 +2276,7 @@ function DataTableTabs({
   return /* @__PURE__ */ jsx(
     "div",
     {
-      className: cn("flex items-center gap-1 border-b", className),
+      className: cn("flex items-center gap-1", className),
       role: "tablist",
       "aria-label": "Filtros",
       children: tabs.map((tab) => {
@@ -2355,8 +2352,8 @@ var Dialog = DialogPrimitive.Root;
 var DialogTrigger = DialogPrimitive.Trigger;
 var DialogPortal = DialogPrimitive.Portal;
 var DialogClose = DialogPrimitive.Close;
-var DialogOverlay = React49.memo(
-  React49.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var DialogOverlay = React10.memo(
+  React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     DialogPrimitive.Overlay,
     {
       ref,
@@ -2403,8 +2400,8 @@ var dialogContentVariants = cva(
     }
   }
 );
-var DialogContent = React49.memo(
-  React49.forwardRef(({ className, children, showCloseButton = true, size, ...props }, ref) => /* @__PURE__ */ jsxs(DialogPortal, { children: [
+var DialogContent = React10.memo(
+  React10.forwardRef(({ className, children, showCloseButton = true, size, ...props }, ref) => /* @__PURE__ */ jsxs(DialogPortal, { children: [
     /* @__PURE__ */ jsx(DialogOverlay, {}),
     /* @__PURE__ */ jsxs(
       DialogPrimitive.Content,
@@ -2424,7 +2421,7 @@ var DialogContent = React49.memo(
   ] }))
 );
 DialogContent.displayName = DialogPrimitive.Content.displayName;
-var DialogHeader = React49.memo(
+var DialogHeader = React10.memo(
   ({ className, ...props }) => /* @__PURE__ */ jsx(
     "div",
     {
@@ -2437,7 +2434,7 @@ var DialogHeader = React49.memo(
   )
 );
 DialogHeader.displayName = "DialogHeader";
-var DialogFooter = React49.memo(
+var DialogFooter = React10.memo(
   ({ className, ...props }) => /* @__PURE__ */ jsx(
     "div",
     {
@@ -2450,8 +2447,8 @@ var DialogFooter = React49.memo(
   )
 );
 DialogFooter.displayName = "DialogFooter";
-var DialogTitle = React49.memo(
-  React49.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var DialogTitle = React10.memo(
+  React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     DialogPrimitive.Title,
     {
       ref,
@@ -2464,8 +2461,8 @@ var DialogTitle = React49.memo(
   ))
 );
 DialogTitle.displayName = DialogPrimitive.Title.displayName;
-var DialogDescription = React49.memo(
-  React49.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var DialogDescription = React10.memo(
+  React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     DialogPrimitive.Description,
     {
       ref,
@@ -2475,7 +2472,7 @@ var DialogDescription = React49.memo(
   ))
 );
 DialogDescription.displayName = DialogPrimitive.Description.displayName;
-var DialogBody = React49.memo(
+var DialogBody = React10.memo(
   ({ className, ...props }) => /* @__PURE__ */ jsx("div", { className: cn("flex-1 overflow-y-auto py-2", className), ...props })
 );
 DialogBody.displayName = "DialogBody";
@@ -2506,7 +2503,7 @@ var COLOR_MAP = {
   accent: "border-accent",
   muted: "border-muted"
 };
-var RippleRing = React49.memo(({ size, color, opacity }) => {
+var RippleRing = React10.memo(({ size, color, opacity }) => {
   const borderColorClass = COLOR_MAP[color] || COLOR_MAP.primary;
   return /* @__PURE__ */ jsx(
     "div",
@@ -2525,7 +2522,7 @@ var RippleRing = React49.memo(({ size, color, opacity }) => {
   );
 });
 RippleRing.displayName = "RippleRing";
-var RippleEffect = React49.memo(
+var RippleEffect = React10.memo(
   ({
     size = "md",
     color = "primary",
@@ -2537,7 +2534,7 @@ var RippleEffect = React49.memo(
     const { base, increment } = SIZE_CONFIG[size];
     const opacities = INTENSITY_CONFIG[intensity];
     const positionClasses = POSITION_CONFIG[position];
-    const rippleRings = React49.useMemo(
+    const rippleRings = React10.useMemo(
       () => Array.from({ length: rings }).map((_, index) => {
         const ringSize = base + increment * (rings - index - 1);
         const opacity = opacities[index] || opacities[opacities.length - 1];
@@ -2567,7 +2564,7 @@ var RippleEffect = React49.memo(
   }
 );
 RippleEffect.displayName = "RippleEffect";
-var RippleWrapper = React49.memo(
+var RippleWrapper = React10.memo(
   ({ children, rippleProps, className }) => {
     return /* @__PURE__ */ jsxs("div", { className: cn("relative", className), children: [
       rippleProps && /* @__PURE__ */ jsx(RippleEffect, { ...rippleProps }),
@@ -2576,7 +2573,7 @@ var RippleWrapper = React49.memo(
   }
 );
 RippleWrapper.displayName = "RippleWrapper";
-var RippleBackground = React49.memo(
+var RippleBackground = React10.memo(
   ({ containerClassName, ...rippleProps }) => {
     return /* @__PURE__ */ jsx(
       "div",
@@ -2642,7 +2639,7 @@ var statusIndicatorVariants = cva(
     }
   }
 );
-var DialogWrapper = React49.memo(
+var DialogWrapper = React10.memo(
   ({
     children,
     className,
@@ -2655,7 +2652,7 @@ var DialogWrapper = React49.memo(
     rippleProps,
     ...props
   }) => {
-    const defaultRippleProps = React49.useMemo(
+    const defaultRippleProps = React10.useMemo(
       () => ({
         size: size === "sm" ? "md" : size === "lg" ? "xl" : "lg",
         color: variant === "secondary" ? "secondary" : variant === "accent" ? "accent" : "primary",
@@ -2665,7 +2662,7 @@ var DialogWrapper = React49.memo(
       }),
       [size, variant, rippleProps]
     );
-    const backgroundRippleProps = React49.useMemo(
+    const backgroundRippleProps = React10.useMemo(
       () => ({
         position: "top-right",
         size: "xl",
@@ -2768,7 +2765,7 @@ var Toaster = ({ ...props }) => {
     }
   );
 };
-var CustomToast = React49.memo(
+var CustomToast = React10.memo(
   ({ title, description, variant = "default", action, onClose }) => {
     const variantStyles = toastVariants[variant];
     return /* @__PURE__ */ jsxs(
@@ -2904,8 +2901,8 @@ var thumbVariants = cva(
     }
   }
 );
-var Switch = React49.memo(
-  React49.forwardRef(({ className, variant, size = "md", ...props }, ref) => /* @__PURE__ */ jsx(
+var Switch = React10.memo(
+  React10.forwardRef(({ className, variant, size = "md", ...props }, ref) => /* @__PURE__ */ jsx(
     SwitchPrimitives.Root,
     {
       className: cn(switchVariants({ variant, size, className })),
@@ -2936,8 +2933,8 @@ var textareaVariants = cva(
     }
   }
 );
-var Textarea = React49.memo(
-  React49.forwardRef(
+var Textarea = React10.memo(
+  React10.forwardRef(
     ({
       className,
       variant,
@@ -2952,12 +2949,12 @@ var Textarea = React49.memo(
       onChange,
       ...props
     }, ref) => {
-      const textareaRef = React49.useRef(null);
-      React49.useImperativeHandle(ref, () => textareaRef.current, []);
-      const focusTextarea = React49.useCallback(() => {
+      const textareaRef = React10.useRef(null);
+      React10.useImperativeHandle(ref, () => textareaRef.current, []);
+      const focusTextarea = React10.useCallback(() => {
         textareaRef.current?.focus();
       }, []);
-      const handleChange = React49.useCallback(
+      const handleChange = React10.useCallback(
         (e) => {
           if (autoResize && textareaRef.current) {
             textareaRef.current.style.height = "auto";
@@ -2967,7 +2964,7 @@ var Textarea = React49.memo(
         },
         [autoResize, onChange]
       );
-      React49.useEffect(() => {
+      React10.useEffect(() => {
         if (autoResize && textareaRef.current) {
           textareaRef.current.style.height = "auto";
           textareaRef.current.style.height = `${textareaRef.current.scrollHeight}px`;
@@ -3018,23 +3015,23 @@ var Textarea = React49.memo(
   )
 );
 Textarea.displayName = "Textarea";
-var FormFieldContext = React49.createContext(null);
+var FormFieldContext = React10.createContext(null);
 function useFormFieldContext() {
-  const context = React49.useContext(FormFieldContext);
+  const context = React10.useContext(FormFieldContext);
   if (!context) {
     throw new Error("useFormFieldContext must be used within a Form.Field");
   }
   return context;
 }
 function useFormFieldContextOptional() {
-  return React49.useContext(FormFieldContext);
+  return React10.useContext(FormFieldContext);
 }
 function FormFieldProvider({ name, children }) {
   const form = useFormContext();
-  const id = React49.useId();
+  const id = React10.useId();
   const fieldState = form.getFieldState(name, form.formState);
   const error = fieldState.error?.message;
-  const value = React49.useMemo(
+  const value = React10.useMemo(
     () => ({
       name,
       id,
@@ -3142,7 +3139,7 @@ function FormInput({
   const form = useFormContext();
   const fieldState = form.getFieldState(name, form.formState);
   const error = fieldState.error?.message;
-  const getInputType = React49.useCallback(() => {
+  const getInputType = React10.useCallback(() => {
     if (["money", "percent", "phone", "cpf", "cnpj", "cep"].includes(mask || "")) {
       return "tel";
     }
@@ -3338,7 +3335,7 @@ function FormCheckbox({
   const form = useFormContext();
   const fieldState = form.getFieldState(name, form.formState);
   const error = fieldState.error?.message;
-  const id = React49.useId();
+  const id = React10.useId();
   return /* @__PURE__ */ jsx(FormFieldProvider, { name, children: /* @__PURE__ */ jsx(
     Controller,
     {
@@ -3393,7 +3390,7 @@ function FormSwitch({
   const form = useFormContext();
   const fieldState = form.getFieldState(name, form.formState);
   const error = fieldState.error?.message;
-  const id = React49.useId();
+  const id = React10.useId();
   return /* @__PURE__ */ jsx(FormFieldProvider, { name, children: /* @__PURE__ */ jsx(
     Controller,
     {
@@ -3560,7 +3557,7 @@ function FormRadioGroup({
   ) });
 }
 FormRadioGroup.displayName = "Form.RadioGroup";
-var FormLabel = React49.forwardRef(
+var FormLabel = React10.forwardRef(
   ({ className, required, children, ...props }, ref) => {
     const fieldContext = useFormFieldContextOptional();
     return /* @__PURE__ */ jsxs(
@@ -3583,7 +3580,7 @@ var FormLabel = React49.forwardRef(
   }
 );
 FormLabel.displayName = "Form.Label";
-var FormDescription = React49.forwardRef(({ className, ...props }, ref) => {
+var FormDescription = React10.forwardRef(({ className, ...props }, ref) => {
   const fieldContext = useFormFieldContextOptional();
   if (fieldContext?.error) {
     return null;
@@ -3598,7 +3595,7 @@ var FormDescription = React49.forwardRef(({ className, ...props }, ref) => {
   );
 });
 FormDescription.displayName = "Form.Description";
-var FormError = React49.forwardRef(
+var FormError = React10.forwardRef(
   ({ className, message, children, ...props }, ref) => {
     const fieldContext = useFormFieldContextOptional();
     const errorMessage = message ?? fieldContext?.error;
@@ -3617,7 +3614,7 @@ var FormError = React49.forwardRef(
   }
 );
 FormError.displayName = "Form.Error";
-var FormFieldWrapper = React49.forwardRef(({ className, label, description, required, error, children, ...props }, ref) => {
+var FormFieldWrapper = React10.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,
@@ -3660,7 +3657,7 @@ var Form = Object.assign(FormRoot, {
   FieldWrapper: FormFieldWrapper,
   Field: FormFieldProvider
 });
-var Avatar = React49.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var Avatar = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   AvatarPrimitive.Root,
   {
     ref,
@@ -3672,7 +3669,7 @@ var Avatar = React49.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
   }
 ));
 Avatar.displayName = AvatarPrimitive.Root.displayName;
-var AvatarImage = React49.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var AvatarImage = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   AvatarPrimitive.Image,
   {
     ref,
@@ -3681,7 +3678,7 @@ var AvatarImage = React49.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 AvatarImage.displayName = AvatarPrimitive.Image.displayName;
-var AvatarFallback = React49.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var AvatarFallback = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   AvatarPrimitive.Fallback,
   {
     ref,
@@ -3699,7 +3696,7 @@ var DropdownMenuGroup = DropdownMenuPrimitive.Group;
 var DropdownMenuPortal = DropdownMenuPrimitive.Portal;
 var DropdownMenuSub = DropdownMenuPrimitive.Sub;
 var DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
-var DropdownMenuSubTrigger = React49.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+var DropdownMenuSubTrigger = React10.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs(
   DropdownMenuPrimitive.SubTrigger,
   {
     ref,
@@ -3716,7 +3713,7 @@ var DropdownMenuSubTrigger = React49.forwardRef(({ className, inset, children, .
   }
 ));
 DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
-var DropdownMenuSubContent = React49.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var DropdownMenuSubContent = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   DropdownMenuPrimitive.SubContent,
   {
     ref,
@@ -3728,7 +3725,7 @@ var DropdownMenuSubContent = React49.forwardRef(({ className, ...props }, ref) =
   }
 ));
 DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
-var DropdownMenuContent = React49.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+var DropdownMenuContent = React10.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(
   DropdownMenuPrimitive.Content,
   {
     ref,
@@ -3741,7 +3738,7 @@ var DropdownMenuContent = React49.forwardRef(({ className, sideOffset = 4, ...pr
   }
 ) }));
 DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
-var DropdownMenuItem = React49.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
+var DropdownMenuItem = React10.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
   DropdownMenuPrimitive.Item,
   {
     ref,
@@ -3754,7 +3751,7 @@ var DropdownMenuItem = React49.forwardRef(({ className, inset, ...props }, ref)
   }
 ));
 DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
-var DropdownMenuCheckboxItem = React49.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs(
+var DropdownMenuCheckboxItem = React10.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs(
   DropdownMenuPrimitive.CheckboxItem,
   {
     ref,
@@ -3771,7 +3768,7 @@ var DropdownMenuCheckboxItem = React49.forwardRef(({ className, children, checke
   }
 ));
 DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
-var DropdownMenuRadioItem = React49.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+var DropdownMenuRadioItem = React10.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
   DropdownMenuPrimitive.RadioItem,
   {
     ref,
@@ -3787,7 +3784,7 @@ var DropdownMenuRadioItem = React49.forwardRef(({ className, children, ...props
   }
 ));
 DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
-var DropdownMenuLabel = React49.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
+var DropdownMenuLabel = React10.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
   DropdownMenuPrimitive.Label,
   {
     ref,
@@ -3800,7 +3797,7 @@ var DropdownMenuLabel = React49.forwardRef(({ className, inset, ...props }, ref)
   }
 ));
 DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
-var DropdownMenuSeparator = React49.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var DropdownMenuSeparator = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   DropdownMenuPrimitive.Separator,
   {
     ref,
@@ -3824,7 +3821,7 @@ var DropdownMenuShortcut = ({
 DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
 var Popover = PopoverPrimitive.Root;
 var PopoverTrigger = PopoverPrimitive.Trigger;
-var PopoverContent = React49.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+var PopoverContent = React10.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx(
   PopoverPrimitive.Content,
   {
     ref,
@@ -3842,7 +3839,7 @@ 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(
+var TooltipArrow = React10.forwardRef(({ className, variant = "light", ...props }, ref) => /* @__PURE__ */ jsx(
   TooltipPrimitive.Arrow,
   {
     ref,
@@ -3875,7 +3872,7 @@ var tooltipContentVariants = cva(
     }
   }
 );
-var TooltipContent = React49.forwardRef(
+var TooltipContent = React10.forwardRef(
   ({
     className,
     variant = "light",
@@ -3909,11 +3906,11 @@ var TooltipContent = React49.forwardRef(
   ) })
 );
 TooltipContent.displayName = TooltipPrimitive.Content.displayName;
-var TooltipHeader = React49.forwardRef(
+var TooltipHeader = React10.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("flex flex-col gap-1", className), ...props })
 );
 TooltipHeader.displayName = "TooltipHeader";
-var TooltipTitle = React49.forwardRef(
+var TooltipTitle = React10.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     "h4",
     {
@@ -3924,7 +3921,7 @@ var TooltipTitle = React49.forwardRef(
   )
 );
 TooltipTitle.displayName = "TooltipTitle";
-var TooltipDescription = React49.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TooltipDescription = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "p",
   {
     ref,
@@ -3933,7 +3930,7 @@ var TooltipDescription = React49.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 TooltipDescription.displayName = "TooltipDescription";
-var TooltipActions = React49.forwardRef(
+var TooltipActions = React10.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     "div",
     {
@@ -3959,7 +3956,7 @@ var tooltipActionVariants = cva(
     }
   }
 );
-var TooltipAction = React49.forwardRef(
+var TooltipAction = React10.forwardRef(
   ({ className, variant = "primary", ...props }, ref) => /* @__PURE__ */ jsx(
     "button",
     {
@@ -3970,7 +3967,7 @@ var TooltipAction = React49.forwardRef(
   )
 );
 TooltipAction.displayName = "TooltipAction";
-var TooltipIcon = React49.forwardRef(
+var TooltipIcon = React10.forwardRef(
   ({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(
     "div",
     {
@@ -4023,14 +4020,14 @@ var Tooltip = Object.assign(TooltipRoot, {
   Icon: TooltipIcon,
   Simple: SimpleTooltip
 });
-var AuthLayoutContext = React49.createContext({
+var AuthLayoutContext = React10.createContext({
   imagePosition: "left"
 });
 function AuthLayoutRoot({ children, className }) {
-  const [imagePosition, setImagePosition] = React49.useState("left");
-  React49.useEffect(() => {
-    React49.Children.forEach(children, (child) => {
-      if (React49.isValidElement(child) && child.type === AuthLayoutImage) {
+  const [imagePosition, setImagePosition] = React10.useState("left");
+  React10.useEffect(() => {
+    React10.Children.forEach(children, (child) => {
+      if (React10.isValidElement(child) && child.type === AuthLayoutImage) {
         setImagePosition(child.props.position || "left");
       }
     });
@@ -4228,7 +4225,7 @@ var AuthLayout = Object.assign(AuthLayoutRoot, {
   Link: AuthLayoutLink,
   Divider: AuthLayoutDivider
 });
-var TabsContext = React49.createContext(null);
+var TabsContext = React10.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 });
 }
@@ -4339,7 +4336,7 @@ function SelectionLayoutTab({
   badge,
   className
 }) {
-  const context = React49.useContext(TabsContext);
+  const context = React10.useContext(TabsContext);
   if (!context) {
     throw new Error("SelectionLayout.Tab must be used within SelectionLayout.Tabs");
   }
@@ -4484,17 +4481,17 @@ var SelectionLayout = Object.assign(SelectionLayoutRoot, {
   Card: SelectionLayoutCard,
   Empty: SelectionLayoutEmpty
 });
-var DashboardLayoutContext = React49.createContext(null);
+var DashboardLayoutContext = React10.createContext(null);
 function useDashboardLayout() {
-  const context = React49.useContext(DashboardLayoutContext);
+  const context = React10.useContext(DashboardLayoutContext);
   if (!context) {
     throw new Error("useDashboardLayout must be used within DashboardLayout");
   }
   return context;
 }
 function useMediaQuery(query) {
-  const [matches, setMatches] = React49.useState(false);
-  React49.useEffect(() => {
+  const [matches, setMatches] = React10.useState(false);
+  React10.useEffect(() => {
     const media = window.matchMedia(query);
     if (media.matches !== matches) {
       setMatches(media.matches);
@@ -4511,11 +4508,11 @@ function DashboardLayoutRoot({
   defaultExpanded = false,
   defaultPinned = false
 }) {
-  const [sidebarExpanded, setSidebarExpanded] = React49.useState(defaultExpanded || defaultPinned);
-  const [sidebarPinned, setSidebarPinned] = React49.useState(defaultPinned);
-  const [mobileMenuOpen, setMobileMenuOpen] = React49.useState(false);
+  const [sidebarExpanded, setSidebarExpanded] = React10.useState(defaultExpanded || defaultPinned);
+  const [sidebarPinned, setSidebarPinned] = React10.useState(defaultPinned);
+  const [mobileMenuOpen, setMobileMenuOpen] = React10.useState(false);
   const isMobile = useMediaQuery("(max-width: 1024px)");
-  React49.useEffect(() => {
+  React10.useEffect(() => {
     if (!isMobile) {
       setMobileMenuOpen(false);
     }
@@ -4656,7 +4653,7 @@ function DashboardLayoutSidebarNavItem({
   };
   const renderIcon4 = () => {
     if (!icon) return null;
-    if (React49.isValidElement(icon)) {
+    if (React10.isValidElement(icon)) {
       return icon;
     }
     if (typeof icon === "function" || typeof icon === "object" && "$$typeof" in icon) {
@@ -4711,7 +4708,7 @@ function DashboardLayoutSidebarNavGroup({
   className
 }) {
   const { sidebarExpanded } = useDashboardLayout();
-  const [isOpen, setIsOpen] = React49.useState(defaultOpen);
+  const [isOpen, setIsOpen] = React10.useState(defaultOpen);
   const badgeColors = {
     default: "bg-muted text-muted-foreground",
     primary: "bg-primary/10 text-primary",
@@ -4719,7 +4716,7 @@ function DashboardLayoutSidebarNavGroup({
   };
   const renderIcon4 = () => {
     if (!icon) return null;
-    if (React49.isValidElement(icon)) {
+    if (React10.isValidElement(icon)) {
       return icon;
     }
     if (typeof icon === "function" || typeof icon === "object" && "$$typeof" in icon) {
@@ -4728,7 +4725,7 @@ function DashboardLayoutSidebarNavGroup({
     }
     return null;
   };
-  React49.useEffect(() => {
+  React10.useEffect(() => {
     if (isActive && sidebarExpanded) {
       setIsOpen(true);
     }
@@ -4832,7 +4829,7 @@ function DashboardLayoutHeaderUser({
   children,
   onLogout
 }) {
-  const [isOpen, setIsOpen] = React49.useState(false);
+  const [isOpen, setIsOpen] = React10.useState(false);
   return /* @__PURE__ */ jsxs("div", { className: cn("relative", className), children: [
     /* @__PURE__ */ jsxs(
       "button",
@@ -4913,7 +4910,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(React49.Fragment, { children: [
+    return /* @__PURE__ */ jsxs(React10.Fragment, { children: [
       item.href && !isLast ? /* @__PURE__ */ jsxs(
         "a",
         {
@@ -5016,23 +5013,23 @@ var DashboardLayout = Object.assign(DashboardLayoutRoot, {
   MobileNav: DashboardLayoutMobileNav,
   MobileNavItem: DashboardLayoutMobileNavItem
 });
-var SidebarContext = React49.createContext(null);
+var SidebarContext = React10.createContext(null);
 function useSidebar() {
-  const context = React49.useContext(SidebarContext);
+  const context = React10.useContext(SidebarContext);
   if (!context) {
     throw new Error("useSidebar must be used within a Sidebar component");
   }
   return context;
 }
 function useSidebarOptional() {
-  return React49.useContext(SidebarContext);
+  return React10.useContext(SidebarContext);
 }
 function SidebarProvider({ children, value }) {
   return /* @__PURE__ */ jsx(SidebarContext.Provider, { value, children });
 }
 function useMediaQuery2(query) {
-  const [matches, setMatches] = React49.useState(false);
-  React49.useEffect(() => {
+  const [matches, setMatches] = React10.useState(false);
+  React10.useEffect(() => {
     if (typeof window === "undefined") return;
     const mediaQuery = window.matchMedia(query);
     setMatches(mediaQuery.matches);
@@ -5044,7 +5041,7 @@ function useMediaQuery2(query) {
   }, [query]);
   return matches;
 }
-var SidebarHeader = React49.memo(function SidebarHeader2({
+var SidebarHeader = React10.memo(function SidebarHeader2({
   logo,
   collapsedLogo,
   title,
@@ -5052,7 +5049,7 @@ var SidebarHeader = React49.memo(function SidebarHeader2({
   className
 }) {
   const { expanded, pinned, setPinned } = useSidebar();
-  const handleTogglePin = React49.useCallback(() => {
+  const handleTogglePin = React10.useCallback(() => {
     setPinned(!pinned);
   }, [pinned, setPinned]);
   return /* @__PURE__ */ jsxs(
@@ -5127,7 +5124,7 @@ var SidebarHeader = React49.memo(function SidebarHeader2({
   );
 });
 SidebarHeader.displayName = "Sidebar.Header";
-var SidebarNav = React49.memo(function SidebarNav2({
+var SidebarNav = React10.memo(function SidebarNav2({
   children,
   className
 }) {
@@ -5143,7 +5140,7 @@ var SidebarNav = React49.memo(function SidebarNav2({
   );
 });
 SidebarNav.displayName = "Sidebar.Nav";
-var SidebarSection = React49.memo(function SidebarSection2({
+var SidebarSection = React10.memo(function SidebarSection2({
   title,
   children,
   className
@@ -5167,8 +5164,8 @@ var SidebarSection = React49.memo(function SidebarSection2({
 SidebarSection.displayName = "Sidebar.Section";
 function renderIcon(icon, className) {
   if (!icon) return null;
-  if (React49.isValidElement(icon)) {
-    return React49.cloneElement(icon, { className });
+  if (React10.isValidElement(icon)) {
+    return React10.cloneElement(icon, { className });
   }
   if (typeof icon === "function" || typeof icon === "object" && icon !== null && "$$typeof" in icon) {
     const IconComponent = icon;
@@ -5182,7 +5179,7 @@ var badgeVariantStyles = {
   success: "bg-green-100 text-green-600",
   warning: "bg-amber-100 text-amber-600"
 };
-var SidebarNavItem = React49.memo(function SidebarNavItem2({
+var SidebarNavItem = React10.memo(function SidebarNavItem2({
   icon,
   label,
   href,
@@ -5194,7 +5191,7 @@ var SidebarNavItem = React49.memo(function SidebarNavItem2({
   className
 }) {
   const { expanded } = useSidebar();
-  const handleClick = React49.useCallback(() => {
+  const handleClick = React10.useCallback(() => {
     if (disabled) return;
     if (onClick) {
       onClick();
@@ -5277,8 +5274,8 @@ var SidebarNavItem = React49.memo(function SidebarNavItem2({
 SidebarNavItem.displayName = "Sidebar.NavItem";
 function renderIcon2(icon, className) {
   if (!icon) return null;
-  if (React49.isValidElement(icon)) {
-    return React49.cloneElement(icon, { className });
+  if (React10.isValidElement(icon)) {
+    return React10.cloneElement(icon, { className });
   }
   if (typeof icon === "function" || typeof icon === "object" && icon !== null && "$$typeof" in icon) {
     const IconComponent = icon;
@@ -5292,7 +5289,7 @@ var badgeVariantStyles2 = {
   success: "bg-green-100 text-green-600",
   warning: "bg-amber-100 text-amber-600"
 };
-var SidebarNavGroup = React49.memo(function SidebarNavGroup2({
+var SidebarNavGroup = React10.memo(function SidebarNavGroup2({
   icon,
   label,
   children,
@@ -5304,10 +5301,10 @@ var SidebarNavGroup = React49.memo(function SidebarNavGroup2({
   className
 }) {
   const { expanded, activeSection, setActiveSection } = useSidebar();
-  const [isOpen, setIsOpen] = React49.useState(defaultOpen);
+  const [isOpen, setIsOpen] = React10.useState(defaultOpen);
   const groupId = id || label.toLowerCase().replace(/\s+/g, "-");
   const isExpanded = expanded && (activeSection === groupId || isOpen);
-  const handleClick = React49.useCallback(() => {
+  const handleClick = React10.useCallback(() => {
     if (activeSection === groupId) {
       setActiveSection(null);
       setIsOpen(false);
@@ -5316,7 +5313,7 @@ var SidebarNavGroup = React49.memo(function SidebarNavGroup2({
       setIsOpen(true);
     }
   }, [activeSection, groupId, setActiveSection]);
-  React49.useEffect(() => {
+  React10.useEffect(() => {
     if (expanded && isActive && !isOpen) {
       setIsOpen(true);
       setActiveSection(groupId);
@@ -5420,18 +5417,18 @@ function isLucideIcon(icon) {
 function getInitials(name) {
   return name.split(" ").map((part) => part.charAt(0)).slice(0, 2).join("").toUpperCase();
 }
-var SidebarFooter = React49.memo(function SidebarFooter2({
+var SidebarFooter = React10.memo(function SidebarFooter2({
   user,
   menuItems,
   children,
   className
 }) {
   const { expanded } = useSidebar();
-  const [menuOpen, setMenuOpen] = React49.useState(false);
-  const handleToggleMenu = React49.useCallback(() => {
+  const [menuOpen, setMenuOpen] = React10.useState(false);
+  const handleToggleMenu = React10.useCallback(() => {
     setMenuOpen((prev) => !prev);
   }, []);
-  React49.useEffect(() => {
+  React10.useEffect(() => {
     if (!menuOpen) return;
     const handleClickOutside = (event) => {
       const target = event.target;
@@ -5509,7 +5506,7 @@ var SidebarFooter = React49.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(React49.Fragment, { children: [
+              return /* @__PURE__ */ jsxs(React10.Fragment, { children: [
                 isDestructive && index > 0 && /* @__PURE__ */ jsx("div", { className: "my-1 border-t border-border" }),
                 /* @__PURE__ */ jsxs(
                   "button",
@@ -5546,17 +5543,17 @@ function SidebarRoot({
   collapsedWidth = COLLAPSED_WIDTH,
   expandedWidth = EXPANDED_WIDTH
 }) {
-  const [expanded, setExpanded] = React49.useState(defaultExpanded || defaultPinned);
-  const [pinned, setPinned] = React49.useState(defaultPinned);
-  const [activeSection, setActiveSection] = React49.useState(null);
+  const [expanded, setExpanded] = React10.useState(defaultExpanded || defaultPinned);
+  const [pinned, setPinned] = React10.useState(defaultPinned);
+  const [activeSection, setActiveSection] = React10.useState(null);
   const isMobile = useMediaQuery2("(max-width: 768px)");
-  const handleSetPinned = React49.useCallback((value) => {
+  const handleSetPinned = React10.useCallback((value) => {
     setPinned(value);
     if (value) {
       setExpanded(true);
     }
   }, []);
-  const contextValue = React49.useMemo(
+  const contextValue = React10.useMemo(
     () => ({
       expanded,
       setExpanded,
@@ -5575,13 +5572,13 @@ function SidebarRoot({
 SidebarRoot.displayName = "SidebarRoot";
 function SidebarAside({ children, className }) {
   const { expanded, pinned, setExpanded, isMobile, collapsedWidth, expandedWidth } = useSidebar();
-  const sidebarRef = React49.useRef(null);
-  const handleMouseEnter = React49.useCallback(() => {
+  const sidebarRef = React10.useRef(null);
+  const handleMouseEnter = React10.useCallback(() => {
     if (!pinned && !isMobile) {
       setExpanded(true);
     }
   }, [pinned, isMobile, setExpanded]);
-  const handleMouseLeave = React49.useCallback(() => {
+  const handleMouseLeave = React10.useCallback(() => {
     if (!pinned && !isMobile) {
       setExpanded(false);
     }
@@ -5649,28 +5646,28 @@ function LegacySidebar({
   expandedWidth = EXPANDED_WIDTH,
   className
 }) {
-  const [expanded, setExpanded] = React49.useState(defaultExpanded || defaultPinned);
-  const [pinned, setPinned] = React49.useState(defaultPinned);
-  const [activeSection, setActiveSection] = React49.useState(null);
+  const [expanded, setExpanded] = React10.useState(defaultExpanded || defaultPinned);
+  const [pinned, setPinned] = React10.useState(defaultPinned);
+  const [activeSection, setActiveSection] = React10.useState(null);
   const isMobile = useMediaQuery2("(max-width: 768px)");
-  const sidebarRef = React49.useRef(null);
-  const handleMouseEnter = React49.useCallback(() => {
+  const sidebarRef = React10.useRef(null);
+  const handleMouseEnter = React10.useCallback(() => {
     if (!pinned && !isMobile) {
       setExpanded(true);
     }
   }, [pinned, isMobile]);
-  const handleMouseLeave = React49.useCallback(() => {
+  const handleMouseLeave = React10.useCallback(() => {
     if (!pinned && !isMobile) {
       setExpanded(false);
     }
   }, [pinned, isMobile]);
-  const handleSetPinned = React49.useCallback((value) => {
+  const handleSetPinned = React10.useCallback((value) => {
     setPinned(value);
     if (value) {
       setExpanded(true);
     }
   }, []);
-  const contextValue = React49.useMemo(
+  const contextValue = React10.useMemo(
     () => ({
       expanded,
       setExpanded,
@@ -5727,8 +5724,8 @@ var Sidebar = Object.assign(LegacySidebar, {
 });
 function renderIcon3(icon, className) {
   if (!icon) return null;
-  if (React49.isValidElement(icon)) {
-    return React49.cloneElement(icon, { className });
+  if (React10.isValidElement(icon)) {
+    return React10.cloneElement(icon, { className });
   }
   if (typeof icon === "function" || typeof icon === "object" && icon !== null && "$$typeof" in icon) {
     const IconComponent = icon;
@@ -5736,7 +5733,7 @@ function renderIcon3(icon, className) {
   }
   return null;
 }
-var MobileNavItem = React49.memo(function MobileNavItem2({
+var MobileNavItem = React10.memo(function MobileNavItem2({
   icon,
   label,
   isActive = false,
@@ -5774,7 +5771,7 @@ var MobileNavItem = React49.memo(function MobileNavItem2({
   ] });
 });
 MobileNavItem.displayName = "MobileNavItem";
-var MobileNav = React49.memo(function MobileNav2({
+var MobileNav = React10.memo(function MobileNav2({
   items,
   fabAction,
   className
@@ -5842,7 +5839,7 @@ var MobileNav = React49.memo(function MobileNav2({
   );
 });
 MobileNav.displayName = "MobileNav";
-var Navbar = React49.memo(function Navbar2({
+var Navbar = React10.memo(function Navbar2({
   children,
   className,
   style
@@ -5861,8 +5858,8 @@ var Navbar = React49.memo(function Navbar2({
 });
 Navbar.displayName = "Navbar";
 function ThemeToggle({ className }) {
-  const [isDark, setIsDark] = React49.useState(false);
-  React49.useEffect(() => {
+  const [isDark, setIsDark] = React10.useState(false);
+  React10.useEffect(() => {
     const isDarkMode = document.documentElement.classList.contains("dark");
     setIsDark(isDarkMode);
   }, []);
@@ -5954,7 +5951,7 @@ function NavbarNotification({
   ] });
 }
 NavbarNotification.displayName = "NavbarNotification";
-var ScrollArea = React49.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+var ScrollArea = React10.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
   ScrollAreaPrimitive.Root,
   {
     ref,
@@ -5968,7 +5965,7 @@ var ScrollArea = React49.forwardRef(({ className, children, ...props }, ref) =>
   }
 ));
 ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
-var ScrollBar = React49.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx(
+var ScrollBar = React10.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx(
   ScrollAreaPrimitive.ScrollAreaScrollbar,
   {
     ref,
@@ -5984,7 +5981,7 @@ var ScrollBar = React49.forwardRef(({ className, orientation = "vertical", ...pr
   }
 ));
 ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
-var Separator3 = React49.forwardRef(
+var Separator3 = React10.forwardRef(
   ({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsx(
     SeparatorPrimitive.Root,
     {
@@ -6052,7 +6049,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(React49.Fragment, { children: [
+          companies.map((company, index) => /* @__PURE__ */ jsxs(React10.Fragment, { children: [
             /* @__PURE__ */ jsx(
               Button,
               {
@@ -6135,9 +6132,9 @@ function NavbarUserMenu({
   ] });
 }
 NavbarUserMenu.displayName = "NavbarUserMenu";
-var Breadcrumb = React49.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx("nav", { ref, "aria-label": "breadcrumb", ...props }));
+var Breadcrumb = React10.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx("nav", { ref, "aria-label": "breadcrumb", ...props }));
 Breadcrumb.displayName = "Breadcrumb";
-var BreadcrumbList = React49.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var BreadcrumbList = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "ol",
   {
     ref,
@@ -6149,7 +6146,7 @@ var BreadcrumbList = React49.forwardRef(({ className, ...props }, ref) => /* @__
   }
 ));
 BreadcrumbList.displayName = "BreadcrumbList";
-var BreadcrumbItem = React49.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var BreadcrumbItem = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "li",
   {
     ref,
@@ -6158,7 +6155,7 @@ var BreadcrumbItem = React49.forwardRef(({ className, ...props }, ref) => /* @__
   }
 ));
 BreadcrumbItem.displayName = "BreadcrumbItem";
-var BreadcrumbLink = React49.forwardRef(({ asChild, className, ...props }, ref) => {
+var BreadcrumbLink = React10.forwardRef(({ asChild, className, ...props }, ref) => {
   const Comp = asChild ? Slot : "a";
   return /* @__PURE__ */ jsx(
     Comp,
@@ -6170,7 +6167,7 @@ var BreadcrumbLink = React49.forwardRef(({ asChild, className, ...props }, ref)
   );
 });
 BreadcrumbLink.displayName = "BreadcrumbLink";
-var BreadcrumbPage = React49.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var BreadcrumbPage = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "span",
   {
     ref,
@@ -6306,16 +6303,16 @@ var SectionHeader = Object.assign(SectionHeaderRoot, {
   Actions: SectionHeaderActions,
   Badge: SectionHeaderBadge
 });
-var KanbanContext = React49.createContext(null);
+var KanbanContext = React10.createContext(null);
 function useKanban() {
-  const context = React49.useContext(KanbanContext);
+  const context = React10.useContext(KanbanContext);
   if (!context) {
     throw new Error("useKanban must be used within a Kanban.Board component");
   }
   return context;
 }
 function useKanbanOptional() {
-  return React49.useContext(KanbanContext);
+  return React10.useContext(KanbanContext);
 }
 function KanbanProvider({ children, value }) {
   return /* @__PURE__ */ jsx(KanbanContext.Provider, { value, children });
@@ -6326,18 +6323,18 @@ function KanbanBoard({
   onDragStart,
   className
 }) {
-  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) => {
+  const [isDragging, setIsDragging] = React10.useState(false);
+  const [draggedItemId, setDraggedItemId] = React10.useState(null);
+  const [sourceColumnId, setSourceColumnId] = React10.useState(null);
+  const [hoveredColumnId, setHoveredColumnId] = React10.useState(null);
+  const dropValidatorsRef = React10.useRef(/* @__PURE__ */ new Map());
+  const registerDropValidator = React10.useCallback((columnId, validator) => {
     dropValidatorsRef.current.set(columnId, validator);
   }, []);
-  const unregisterDropValidator = React49.useCallback((columnId) => {
+  const unregisterDropValidator = React10.useCallback((columnId) => {
     dropValidatorsRef.current.delete(columnId);
   }, []);
-  const canDropInColumn = React49.useCallback((columnId) => {
+  const canDropInColumn = React10.useCallback((columnId) => {
     if (!draggedItemId || !sourceColumnId) return false;
     if (columnId === sourceColumnId) return false;
     const validator = dropValidatorsRef.current.get(columnId);
@@ -6346,13 +6343,13 @@ function KanbanBoard({
     }
     return true;
   }, [draggedItemId, sourceColumnId]);
-  const handleDragStart = React49.useCallback((itemId, colId) => {
+  const handleDragStart = React10.useCallback((itemId, colId) => {
     setIsDragging(true);
     setDraggedItemId(itemId);
     setSourceColumnId(colId);
     onDragStart?.(itemId, colId);
   }, [onDragStart]);
-  const handleDrop = React49.useCallback((destinationColumnId) => {
+  const handleDrop = React10.useCallback((destinationColumnId) => {
     if (draggedItemId && sourceColumnId && destinationColumnId !== sourceColumnId) {
       if (canDropInColumn(destinationColumnId)) {
         const result = {
@@ -6368,13 +6365,13 @@ function KanbanBoard({
     setSourceColumnId(null);
     setHoveredColumnId(null);
   }, [draggedItemId, sourceColumnId, canDropInColumn, onDragEnd]);
-  const handleDragEnd = React49.useCallback(() => {
+  const handleDragEnd = React10.useCallback(() => {
     setIsDragging(false);
     setDraggedItemId(null);
     setSourceColumnId(null);
     setHoveredColumnId(null);
   }, []);
-  const contextValue = React49.useMemo(() => ({
+  const contextValue = React10.useMemo(() => ({
     isDragging,
     draggedItemId,
     sourceColumnId,
@@ -6399,9 +6396,9 @@ function KanbanBoard({
     }
   ) });
 }
-var KanbanBoardInternalContext = React49.createContext(null);
+var KanbanBoardInternalContext = React10.createContext(null);
 function useKanbanBoard() {
-  const context = React49.useContext(KanbanBoardInternalContext);
+  const context = React10.useContext(KanbanBoardInternalContext);
   if (!context) {
     throw new Error("useKanbanBoard must be used within a Kanban.Board component");
   }
@@ -6421,7 +6418,7 @@ function KanbanColumn({
 }) {
   const { isDragging, sourceColumnId, hoveredColumnId, setHoveredColumnId, canDropInColumn, registerDropValidator, unregisterDropValidator } = useKanban();
   const { handleDrop } = useKanbanBoard();
-  React49.useEffect(() => {
+  React10.useEffect(() => {
     if (canDrop) {
       registerDropValidator(id, canDrop);
       return () => unregisterDropValidator(id);
@@ -6430,7 +6427,7 @@ function KanbanColumn({
   const isValidDropTarget = isDragging && sourceColumnId !== id && canDropInColumn(id);
   const isInvalidDropTarget = isDragging && sourceColumnId !== id && !canDropInColumn(id);
   const isHovered = hoveredColumnId === id;
-  const handleDragOver = React49.useCallback((e) => {
+  const handleDragOver = React10.useCallback((e) => {
     e.preventDefault();
     if (isValidDropTarget) {
       e.dataTransfer.dropEffect = "move";
@@ -6439,18 +6436,18 @@ function KanbanColumn({
       e.dataTransfer.dropEffect = "none";
     }
   }, [isValidDropTarget, setHoveredColumnId, id]);
-  const handleDragLeave = React49.useCallback((e) => {
+  const handleDragLeave = React10.useCallback((e) => {
     if (e.currentTarget === e.target || !e.currentTarget.contains(e.relatedTarget)) {
       setHoveredColumnId(null);
     }
   }, [setHoveredColumnId]);
-  const handleDropEvent = React49.useCallback((e) => {
+  const handleDropEvent = React10.useCallback((e) => {
     e.preventDefault();
     if (isValidDropTarget) {
       handleDrop(id);
     }
   }, [isValidDropTarget, handleDrop, id]);
-  const childCount = React49.Children.count(children);
+  const childCount = React10.Children.count(children);
   const displayCount = count ?? childCount;
   return /* @__PURE__ */ jsxs(
     "div",
@@ -6511,7 +6508,7 @@ function KanbanCard({
   const { draggedItemId } = useKanban();
   const { handleDragStart } = useKanbanBoard();
   const isThisCardDragging = draggedItemId === id;
-  const handleDragStartEvent = React49.useCallback((e) => {
+  const handleDragStartEvent = React10.useCallback((e) => {
     if (disabled) {
       e.preventDefault();
       return;
@@ -6571,15 +6568,15 @@ var itemCardVariants = cva(
     }
   }
 );
-var ItemCardContext = React49.createContext(null);
+var ItemCardContext = React10.createContext(null);
 function useItemCard() {
-  const context = React49.useContext(ItemCardContext);
+  const context = React10.useContext(ItemCardContext);
   if (!context) {
     throw new Error("ItemCard components must be used within ItemCard.Root");
   }
   return context;
 }
-var ItemCardRoot = React49.forwardRef(
+var ItemCardRoot = React10.forwardRef(
   ({
     className,
     variant,
@@ -6589,7 +6586,7 @@ var ItemCardRoot = React49.forwardRef(
     children,
     ...props
   }, ref) => {
-    const contextValue = React49.useMemo(
+    const contextValue = React10.useMemo(
       () => ({ isSelected: selected }),
       [selected]
     );
@@ -6633,7 +6630,7 @@ var itemCardBadgeVariants = cva(
     }
   }
 );
-var ItemCardBadge = React49.forwardRef(
+var ItemCardBadge = React10.forwardRef(
   ({ className, variant, children, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       "div",
@@ -6647,7 +6644,7 @@ var ItemCardBadge = React49.forwardRef(
   }
 );
 ItemCardBadge.displayName = "ItemCardBadge";
-var ItemCardHeader = React49.forwardRef(
+var ItemCardHeader = React10.forwardRef(
   ({ className, align = "between", children, ...props }, ref) => {
     const alignmentClasses = {
       left: "justify-start",
@@ -6696,7 +6693,7 @@ var itemCardIconVariants = cva(
     }
   }
 );
-var ItemCardIcon = React49.forwardRef(
+var ItemCardIcon = React10.forwardRef(
   ({ className, size, variant, ripple = false, children, ...props }, ref) => {
     const wrapperSizeClasses = {
       sm: "w-10 h-10",
@@ -6738,7 +6735,7 @@ var ItemCardIcon = React49.forwardRef(
   }
 );
 ItemCardIcon.displayName = "ItemCardIcon";
-var ItemCardTitleGroup = React49.forwardRef(
+var ItemCardTitleGroup = React10.forwardRef(
   ({ className, align = "right", children, ...props }, ref) => {
     const alignmentClasses = {
       left: "text-left",
@@ -6757,7 +6754,7 @@ var ItemCardTitleGroup = React49.forwardRef(
   }
 );
 ItemCardTitleGroup.displayName = "ItemCardTitleGroup";
-var ItemCardTitle = React49.forwardRef(
+var ItemCardTitle = React10.forwardRef(
   ({ className, children, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       "h3",
@@ -6771,7 +6768,7 @@ var ItemCardTitle = React49.forwardRef(
   }
 );
 ItemCardTitle.displayName = "ItemCardTitle";
-var ItemCardSubtitle = React49.forwardRef(
+var ItemCardSubtitle = React10.forwardRef(
   ({ className, children, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       "p",
@@ -6785,7 +6782,7 @@ var ItemCardSubtitle = React49.forwardRef(
   }
 );
 ItemCardSubtitle.displayName = "ItemCardSubtitle";
-var ItemCardContent = React49.forwardRef(
+var ItemCardContent = React10.forwardRef(
   ({ className, muted = true, children, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       "div",
@@ -6803,7 +6800,7 @@ var ItemCardContent = React49.forwardRef(
   }
 );
 ItemCardContent.displayName = "ItemCardContent";
-var ItemCardContentItem = React49.forwardRef(
+var ItemCardContentItem = React10.forwardRef(
   ({ className, label, value, secondary, children, ...props }, ref) => {
     if (children) {
       return /* @__PURE__ */ jsx(
@@ -6838,7 +6835,7 @@ var ItemCardContentItem = React49.forwardRef(
   }
 );
 ItemCardContentItem.displayName = "ItemCardContentItem";
-var ItemCardEmpty = React49.forwardRef(
+var ItemCardEmpty = React10.forwardRef(
   ({ className, icon, message = "Nenhum item", children, ...props }, ref) => {
     return /* @__PURE__ */ jsxs(
       "div",
@@ -6858,7 +6855,7 @@ var ItemCardEmpty = React49.forwardRef(
   }
 );
 ItemCardEmpty.displayName = "ItemCardEmpty";
-var ItemCardFooter = React49.forwardRef(
+var ItemCardFooter = React10.forwardRef(
   ({ className, children, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       "div",
@@ -6875,7 +6872,7 @@ var ItemCardFooter = React49.forwardRef(
   }
 );
 ItemCardFooter.displayName = "ItemCardFooter";
-var ItemCardFooterItem = React49.forwardRef(
+var ItemCardFooterItem = React10.forwardRef(
   ({ className, label, value, align = "left", ...props }, ref) => {
     return /* @__PURE__ */ jsxs(
       "div",
@@ -6896,7 +6893,7 @@ var ItemCardFooterItem = React49.forwardRef(
   }
 );
 ItemCardFooterItem.displayName = "ItemCardFooterItem";
-var ItemCardFooterDivider = React49.forwardRef(
+var ItemCardFooterDivider = React10.forwardRef(
   ({ className, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       "div",
@@ -6909,7 +6906,7 @@ var ItemCardFooterDivider = React49.forwardRef(
   }
 );
 ItemCardFooterDivider.displayName = "ItemCardFooterDivider";
-var ItemCardActions = React49.forwardRef(
+var ItemCardActions = React10.forwardRef(
   ({ className, bordered = true, children, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       "div",
@@ -6927,7 +6924,7 @@ var ItemCardActions = React49.forwardRef(
   }
 );
 ItemCardActions.displayName = "ItemCardActions";
-var ItemCardActionButton = React49.forwardRef(
+var ItemCardActionButton = React10.forwardRef(
   ({
     className,
     showArrow = true,
@@ -6968,7 +6965,7 @@ var ItemCardActionButton = React49.forwardRef(
   }
 );
 ItemCardActionButton.displayName = "ItemCardActionButton";
-var ItemCardActionsRow = React49.forwardRef(
+var ItemCardActionsRow = React10.forwardRef(
   ({ className, children, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       "div",
@@ -7717,9 +7714,9 @@ function Logo({
     }
   );
 }
-var StatsCardContext = React49.createContext(null);
+var StatsCardContext = React10.createContext(null);
 function useStatsCard() {
-  const context = React49.useContext(StatsCardContext);
+  const context = React10.useContext(StatsCardContext);
   if (!context) {
     throw new Error("StatsCard components must be used within StatsCard.Root");
   }
@@ -7893,7 +7890,7 @@ function StatsCardChange({ type = "positive", className, children, ...props }) {
 }
 function StatsCardChart({ data, height, className, ...props }) {
   const { config, variant } = useStatsCard();
-  const gradientId = React49.useId();
+  const gradientId = React10.useId();
   if (variant === "mini") {
     return null;
   }
@@ -7987,18 +7984,18 @@ var initialState = {
   theme: "system",
   setTheme: () => null
 };
-var ThemeProviderContext = React49.createContext(initialState);
+var ThemeProviderContext = React10.createContext(initialState);
 function ThemeProvider({
   children,
   defaultTheme = "system",
   storageKey = "facter-ds-theme",
   ...props
 }) {
-  const [theme, setTheme] = React49.useState(
+  const [theme, setTheme] = React10.useState(
     () => localStorage.getItem(storageKey) || defaultTheme
   );
-  const [resolvedTheme, setResolvedTheme] = React49.useState("light");
-  React49.useEffect(() => {
+  const [resolvedTheme, setResolvedTheme] = React10.useState("light");
+  React10.useEffect(() => {
     const root = window.document.documentElement;
     root.classList.remove("light", "dark");
     if (theme === "system") {
@@ -8010,7 +8007,7 @@ function ThemeProvider({
     root.classList.add(theme);
     setResolvedTheme(theme);
   }, [theme]);
-  const value = React49.useMemo(
+  const value = React10.useMemo(
     () => ({
       theme,
       setTheme: (theme2) => {
@@ -8023,7 +8020,7 @@ function ThemeProvider({
   return /* @__PURE__ */ jsx(ThemeProviderContext.Provider, { ...props, value, children: /* @__PURE__ */ jsx("div", { className: resolvedTheme, style: { minHeight: "100vh" }, children }) });
 }
 var useTheme = () => {
-  const context = React49.useContext(ThemeProviderContext);
+  const context = React10.useContext(ThemeProviderContext);
   if (context === void 0)
     throw new Error("useTheme must be used within a ThemeProvider");
   return context;