@facter/ds-core 1.1.1 → 1.1.2

package/dist/index.mjs

@@ -1,22 +1,34 @@
-import * as React4 from 'react';
+import * as React36 from 'react';
 import { cva } from 'class-variance-authority';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
-import { jsx, jsxs } from 'react/jsx-runtime';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import * as SelectPrimitive from '@radix-ui/react-select';
+import { ChevronDown, Check, Inbox, ChevronsLeft, ChevronLeft, ChevronRight, ChevronsRight, X, ArrowDown, ArrowUp, ChevronsUpDown, FileText, FileSpreadsheet, Download, Rows4, Rows3, LayoutList, SlidersHorizontal, Info, AlertTriangle, XCircle, CheckCircle2, Circle, Building2, Star, ArrowRight, Search, User, LogOut, Menu, PinOff, Pin } from 'lucide-react';
+import * as TabsPrimitive from '@radix-ui/react-tabs';
 import { AnimatePresence, motion } from 'framer-motion';
+import { flexRender, useReactTable, getSortedRowModel, getPaginationRowModel, getFilteredRowModel, getCoreRowModel } from '@tanstack/react-table';
+export { flexRender } from '@tanstack/react-table';
+import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+import { toast as toast$1, Toaster as Toaster$1 } from 'sonner';
+import * as SwitchPrimitives from '@radix-ui/react-switch';
+import { Controller } from 'react-hook-form';
+import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
 
 // src/components/Button/Button.tsx
 function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
 var buttonVariants = cva(
-  "inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
+  "inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-50",
   {
     variants: {
       variant: {
-        default: "bg-primary text-white hover:bg-primary/90",
-        destructive: "bg-red-600 text-white hover:bg-red-700",
-        outline: "border border-input hover:bg-accent hover:text-accent-foreground",
+        default: "bg-primary text-primary-foreground hover:bg-primary/90",
+        destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
+        outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
+        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
         ghost: "hover:bg-accent hover:text-accent-foreground",
         link: "text-primary underline-offset-4 hover:underline"
       },
@@ -24,7 +36,8 @@ var buttonVariants = cva(
         default: "h-10 px-4 py-2",
         sm: "h-9 px-3",
         lg: "h-11 px-8",
-        icon: "h-10 w-10"
+        icon: "h-10 w-10",
+        "icon-sm": "h-8 w-8"
       }
     },
     defaultVariants: {
@@ -33,7 +46,7 @@ var buttonVariants = cva(
     }
   }
 );
-var Button = React4.forwardRef(
+var Button = React36.forwardRef(
   ({ className, variant, size, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       "button",
@@ -66,7 +79,7 @@ var inputVariants = cva(
     }
   }
 );
-var Input = React4.forwardRef(
+var Input = React36.forwardRef(
   ({
     className,
     variant,
@@ -74,25 +87,25 @@ var Input = React4.forwardRef(
     error,
     type = "text",
     label,
-    icon: Icon,
+    icon: Icon2,
     required,
     containerClassName,
     labelClassName,
     ...props
   }, ref) => {
-    const inputRef = React4.useRef(null);
-    const [showPassword, setShowPassword] = React4.useState(false);
-    React4.useImperativeHandle(ref, () => inputRef.current, []);
-    const focusInput = React4.useCallback(() => {
+    const inputRef = React36.useRef(null);
+    const [showPassword, setShowPassword] = React36.useState(false);
+    React36.useImperativeHandle(ref, () => inputRef.current, []);
+    const focusInput = React36.useCallback(() => {
       inputRef.current?.focus();
     }, []);
-    const togglePasswordVisibility = React4.useCallback(() => {
+    const togglePasswordVisibility = React36.useCallback(() => {
       setShowPassword((prev) => !prev);
     }, []);
     const inputType = type === "password" ? showPassword ? "text" : "password" : type;
     return /* @__PURE__ */ jsxs("div", { className: cn("relative", containerClassName), children: [
-      Icon && /* @__PURE__ */ jsx(
-        Icon,
+      Icon2 && /* @__PURE__ */ jsx(
+        Icon2,
         {
           className: "absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground h-4 w-4 cursor-pointer z-10",
           onClick: focusInput
@@ -107,7 +120,7 @@ var Input = React4.forwardRef(
               variant: error ? "error" : variant,
               inputSize
             }),
-            Icon && "pl-10",
+            Icon2 && "pl-10",
             type === "password" && "pr-11",
             className
           ),
@@ -121,7 +134,7 @@ var Input = React4.forwardRef(
           className: cn(
             "absolute left-3 top-[-6px] text-xs font-medium bg-background px-1 cursor-pointer",
             error ? "text-red-500" : "text-foreground",
-            Icon && "left-10",
+            Icon2 && "left-10",
             labelClassName
           ),
           onClick: focusInput,
@@ -219,6 +232,169 @@ function Badge({ className, variant, size, ...props }) {
   return /* @__PURE__ */ jsx("div", { className: cn(badgeVariants({ variant, size }), className), ...props });
 }
 Badge.displayName = "Badge";
+var selectVariants = cva(
+  "w-full h-12 px-3 pt-4 pb-2 text-sm bg-background rounded-md border-2 transition-colors focus:outline-none focus:ring-0 disabled:cursor-not-allowed disabled:opacity-50",
+  {
+    variants: {
+      variant: {
+        default: "border-border focus:border-primary",
+        error: "border-red-500 focus:border-red-600"
+      },
+      selectSize: {
+        default: "h-12",
+        sm: "h-10 pt-3 pb-1",
+        lg: "h-14 pt-5 pb-2"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      selectSize: "default"
+    }
+  }
+);
+var Select = React36.forwardRef(
+  ({
+    className,
+    variant,
+    selectSize,
+    error,
+    label,
+    icon: Icon2,
+    required,
+    containerClassName,
+    labelClassName,
+    placeholder,
+    children,
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ jsxs(SelectPrimitive.Root, { ...props, children: [
+      /* @__PURE__ */ jsxs("div", { className: cn("relative", containerClassName), children: [
+        Icon2 && /* @__PURE__ */ jsx(Icon2, { className: "absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground h-4 w-4 z-10 pointer-events-none" }),
+        /* @__PURE__ */ jsxs(
+          SelectPrimitive.Trigger,
+          {
+            ref,
+            className: cn(
+              selectVariants({
+                variant: error ? "error" : variant,
+                selectSize
+              }),
+              Icon2 && "pl-10",
+              "flex items-center justify-between",
+              className
+            ),
+            children: [
+              /* @__PURE__ */ jsx(SelectPrimitive.Value, { placeholder }),
+              /* @__PURE__ */ jsx(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 w-4 opacity-50" }) })
+            ]
+          }
+        ),
+        label && /* @__PURE__ */ jsxs(
+          "label",
+          {
+            className: cn(
+              "absolute left-3 top-[-6px] text-xs font-medium bg-background px-1 pointer-events-none",
+              error ? "text-red-500" : "text-foreground",
+              Icon2 && "left-10",
+              labelClassName
+            ),
+            children: [
+              label,
+              required && /* @__PURE__ */ jsx("span", { className: "text-red-500 ml-0.5", children: "*" })
+            ]
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+        SelectPrimitive.Content,
+        {
+          className: cn(
+            "relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md",
+            "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-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"
+          ),
+          position: "popper",
+          sideOffset: 4,
+          children: /* @__PURE__ */ jsx(SelectPrimitive.Viewport, { className: "p-1", children })
+        }
+      ) })
+    ] });
+  }
+);
+Select.displayName = "Select";
+var SelectItem = React36.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+  SelectPrimitive.Item,
+  {
+    ref,
+    className: cn(
+      "relative flex w-full cursor-pointer select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none",
+      "focus:bg-accent focus:text-accent-foreground",
+      "data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      className
+    ),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Check, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ jsx(SelectPrimitive.ItemText, { children })
+    ]
+  }
+));
+SelectItem.displayName = "SelectItem";
+var SelectGroup = SelectPrimitive.Group;
+var SelectLabel = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  SelectPrimitive.Label,
+  {
+    ref,
+    className: cn("py-1.5 pl-8 pr-2 text-sm font-semibold", className),
+    ...props
+  }
+));
+SelectLabel.displayName = "SelectLabel";
+var SelectSeparator = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  SelectPrimitive.Separator,
+  {
+    ref,
+    className: cn("-mx-1 my-1 h-px bg-muted", className),
+    ...props
+  }
+));
+SelectSeparator.displayName = "SelectSeparator";
+var Tabs = TabsPrimitive.Root;
+var TabsList = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  TabsPrimitive.List,
+  {
+    ref,
+    className: cn(
+      "inline-flex h-12 items-center gap-6 border-b border-border",
+      className
+    ),
+    ...props
+  }
+));
+TabsList.displayName = TabsPrimitive.List.displayName;
+var TabsTrigger = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  TabsPrimitive.Trigger,
+  {
+    ref,
+    className: cn(
+      "inline-flex items-center justify-center whitespace-nowrap px-1 py-3 text-sm font-medium text-muted-foreground ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:border-b-2 data-[state=active]:border-primary data-[state=active]:text-primary data-[state=active]:-mb-px",
+      className
+    ),
+    ...props
+  }
+));
+TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
+var TabsContent = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  TabsPrimitive.Content,
+  {
+    ref,
+    className: cn(
+      "mt-4 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+      className
+    ),
+    ...props
+  }
+));
+TabsContent.displayName = TabsPrimitive.Content.displayName;
 var loaderVariants = cva("flex items-center justify-center backdrop-blur-sm", {
   variants: {
     variant: {
@@ -316,7 +492,7 @@ function BarsLoader() {
     i
   )) });
 }
-var Loader = React4.forwardRef(
+var Loader = React36.forwardRef(
   ({
     variant = "default",
     message,
@@ -366,21 +542,21 @@ var Loader = React4.forwardRef(
   }
 );
 Loader.displayName = "Loader";
-var LoaderContext = React4.createContext(
+var LoaderContext = React36.createContext(
   void 0
 );
 function LoaderProvider({ children }) {
-  const [isLoading, setIsLoading] = React4.useState(false);
-  const [loaderOptions, setLoaderOptions] = React4.useState({});
-  const show = React4.useCallback((options = {}) => {
+  const [isLoading, setIsLoading] = React36.useState(false);
+  const [loaderOptions, setLoaderOptions] = React36.useState({});
+  const show = React36.useCallback((options = {}) => {
     setLoaderOptions(options);
     setIsLoading(true);
   }, []);
-  const hide = React4.useCallback(() => {
+  const hide = React36.useCallback(() => {
     setIsLoading(false);
     setTimeout(() => setLoaderOptions({}), 300);
   }, []);
-  const value = React4.useMemo(
+  const value = React36.useMemo(
     () => ({ show, hide, isLoading }),
     [show, hide, isLoading]
   );
@@ -399,7 +575,7 @@ function LoaderProvider({ children }) {
   ] });
 }
 function useLoader() {
-  const context = React4.useContext(LoaderContext);
+  const context = React36.useContext(LoaderContext);
   if (context === void 0) {
     throw new Error("useLoader must be used within a LoaderProvider");
   }
@@ -431,7 +607,7 @@ var loader = {
 };
 function GlobalLoaderController() {
   const loaderController = useLoader();
-  React4.useEffect(() => {
+  React36.useEffect(() => {
     setGlobalLoader(loaderController);
     return () => {
       setGlobalLoader(null);
@@ -439,7 +615,3668 @@ function GlobalLoaderController() {
   }, [loaderController]);
   return null;
 }
+var emptyStateVariants = cva(
+  "flex items-center justify-center p-8 text-center w-full",
+  {
+    variants: {
+      layout: {
+        vertical: "flex-col",
+        horizontal: "flex-row gap-4 px-4 py-3"
+      }
+    },
+    defaultVariants: {
+      layout: "vertical"
+    }
+  }
+);
+var iconWrapperVariants = cva("rounded-full bg-primary/5", {
+  variants: {
+    size: {
+      default: "mb-3 p-6",
+      sm: "mb-4 p-3"
+    },
+    layout: {
+      vertical: "",
+      horizontal: "mb-0"
+    }
+  },
+  defaultVariants: {
+    size: "default",
+    layout: "vertical"
+  }
+});
+var iconVariants = cva("text-primary", {
+  variants: {
+    size: {
+      default: "h-10 w-10",
+      sm: "h-8 w-8"
+    }
+  },
+  defaultVariants: {
+    size: "default"
+  }
+});
+var titleVariants = cva("font-semibold text-foreground", {
+  variants: {
+    size: {
+      default: "text-lg",
+      sm: "text-base"
+    }
+  },
+  defaultVariants: {
+    size: "default"
+  }
+});
+var descriptionVariants = cva("text-muted-foreground", {
+  variants: {
+    size: {
+      default: "mb-6 text-sm",
+      sm: "mb-4 text-xs"
+    },
+    layout: {
+      vertical: "",
+      horizontal: "mb-0"
+    }
+  },
+  defaultVariants: {
+    size: "default",
+    layout: "vertical"
+  }
+});
+var defaultDescriptionMessage = "N\xE3o se preocupe, isso \xE9 normal quando n\xE3o h\xE1 itens para exibir.";
+var containerAnimation = {
+  initial: { opacity: 0, y: 20 },
+  animate: { opacity: 1, y: 0 },
+  transition: { duration: 0.5 }
+};
+var iconAnimation = {
+  whileHover: { scale: 1.1 },
+  whileTap: { scale: 0.9 }
+};
+var EmptyStateContent = React36.memo(
+  ({
+    message = "Nenhum item encontrado",
+    description,
+    icon: IconComponent = Inbox,
+    actionLabel,
+    onAction,
+    hideDescription = false,
+    size = "default",
+    layout = "vertical",
+    className
+  }) => {
+    const handleAction = React36.useCallback(() => {
+      if (onAction) {
+        onAction();
+      }
+    }, [onAction]);
+    return /* @__PURE__ */ jsxs("div", { className: cn(emptyStateVariants({ layout }), className), children: [
+      /* @__PURE__ */ jsx("div", { className: iconWrapperVariants({ size, layout }), children: /* @__PURE__ */ jsx(
+        IconComponent,
+        {
+          className: iconVariants({ size }),
+          "aria-hidden": "true"
+        }
+      ) }),
+      /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: cn(
+            layout === "horizontal" && "flex flex-col items-start text-left"
+          ),
+          children: [
+            /* @__PURE__ */ jsx("h3", { className: titleVariants({ size }), children: message }),
+            !hideDescription && /* @__PURE__ */ jsx("p", { className: descriptionVariants({ size, layout }), children: description || defaultDescriptionMessage })
+          ]
+        }
+      ),
+      actionLabel && onAction && /* @__PURE__ */ jsx(Button, { onClick: handleAction, className: "mt-2", children: actionLabel })
+    ] });
+  }
+);
+EmptyStateContent.displayName = "EmptyStateContent";
+var AnimatedEmptyState = React36.memo((props) => {
+  const {
+    message = "Nenhum item encontrado",
+    description,
+    icon: IconComponent = Inbox,
+    actionLabel,
+    onAction,
+    hideDescription = false,
+    size = "default",
+    layout = "vertical",
+    className
+  } = props;
+  const handleAction = React36.useCallback(() => {
+    if (onAction) {
+      onAction();
+    }
+  }, [onAction]);
+  return /* @__PURE__ */ jsxs(
+    motion.div,
+    {
+      ...containerAnimation,
+      className: cn(emptyStateVariants({ layout }), className),
+      children: [
+        /* @__PURE__ */ jsx(
+          motion.div,
+          {
+            ...iconAnimation,
+            className: iconWrapperVariants({ size, layout }),
+            children: /* @__PURE__ */ jsx(
+              IconComponent,
+              {
+                className: iconVariants({ size }),
+                "aria-hidden": "true"
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: cn(
+              layout === "horizontal" && "flex flex-col items-start text-left"
+            ),
+            children: [
+              /* @__PURE__ */ jsx("h3", { className: titleVariants({ size }), children: message }),
+              !hideDescription && /* @__PURE__ */ jsx("p", { className: descriptionVariants({ size, layout }), children: description || defaultDescriptionMessage })
+            ]
+          }
+        ),
+        actionLabel && onAction && /* @__PURE__ */ jsx(Button, { onClick: handleAction, className: "mt-2", children: actionLabel })
+      ]
+    }
+  );
+});
+AnimatedEmptyState.displayName = "AnimatedEmptyState";
+var EmptyState = React36.memo(
+  ({ animated = true, ...props }) => {
+    if (!animated) {
+      return /* @__PURE__ */ jsx(EmptyStateContent, { ...props });
+    }
+    return /* @__PURE__ */ jsx(AnimatedEmptyState, { ...props });
+  }
+);
+EmptyState.displayName = "EmptyState";
+function useDataTableInternal({
+  data,
+  columns,
+  getRowId
+}) {
+  const [rowSelection, setRowSelection] = React36.useState({});
+  const [columnVisibility, setColumnVisibility] = React36.useState({});
+  const [columnFilters, setColumnFilters] = React36.useState([]);
+  const [sorting, setSorting] = React36.useState([]);
+  const [globalFilter, setGlobalFilter] = React36.useState("");
+  const [density, setDensity] = React36.useState("default");
+  const [pagination, setPagination] = React36.useState({
+    pageIndex: 0,
+    pageSize: 10
+  });
+  const table = useReactTable({
+    data,
+    columns,
+    getRowId,
+    state: {
+      sorting,
+      columnVisibility,
+      rowSelection,
+      columnFilters,
+      pagination,
+      globalFilter
+    },
+    // Features
+    enableRowSelection: true,
+    enableSorting: true,
+    enableFilters: true,
+    enableGlobalFilter: true,
+    // Handlers
+    onRowSelectionChange: setRowSelection,
+    onSortingChange: setSorting,
+    onColumnFiltersChange: setColumnFilters,
+    onColumnVisibilityChange: setColumnVisibility,
+    onPaginationChange: setPagination,
+    onGlobalFilterChange: setGlobalFilter,
+    // Row Models
+    getCoreRowModel: getCoreRowModel(),
+    getFilteredRowModel: getFilteredRowModel(),
+    getPaginationRowModel: getPaginationRowModel(),
+    getSortedRowModel: getSortedRowModel()
+  });
+  const meta = React36.useMemo(
+    () => ({
+      isLoading: false,
+      // Loading é controlado externamente via DataTable.Loading
+      isEmpty: data.length === 0,
+      selectedRowCount: Object.keys(rowSelection).length,
+      totalRows: data.length,
+      density
+    }),
+    [data.length, rowSelection, density]
+  );
+  return {
+    table,
+    meta,
+    density,
+    setDensity
+  };
+}
+var DataTableInstanceContext = React36.createContext(null);
+DataTableInstanceContext.displayName = "DataTableInstanceContext";
+var DataTableMetaContext = React36.createContext(null);
+DataTableMetaContext.displayName = "DataTableMetaContext";
+var DataTableDensityContext = React36.createContext(null);
+DataTableDensityContext.displayName = "DataTableDensityContext";
+function DataTableProvider({
+  children,
+  table,
+  meta,
+  density,
+  setDensity
+}) {
+  const metaValue = React36.useMemo(
+    () => meta,
+    [meta.isLoading, meta.isEmpty, meta.selectedRowCount, meta.totalRows, meta.density]
+  );
+  const densityValue = React36.useMemo(
+    () => ({ density, setDensity }),
+    [density, setDensity]
+  );
+  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 }) }) });
+}
+function useDataTable() {
+  const context = React36.useContext(DataTableInstanceContext);
+  if (!context) {
+    throw new Error(
+      "useDataTable must be used within <DataTable>. Make sure your component is wrapped with DataTable."
+    );
+  }
+  return context;
+}
+function useDataTableMeta() {
+  const context = React36.useContext(DataTableMetaContext);
+  if (!context) {
+    throw new Error(
+      "useDataTableMeta must be used within <DataTable>. Make sure your component is wrapped with DataTable."
+    );
+  }
+  return context;
+}
+function useDataTableLoading() {
+  const meta = useDataTableMeta();
+  return meta.isLoading;
+}
+function useDataTableEmpty() {
+  const meta = useDataTableMeta();
+  return meta.isEmpty;
+}
+function useDataTableSelection() {
+  const table = useDataTable();
+  return React36.useMemo(() => {
+    return table.getSelectedRowModel().rows.map((row) => row.original);
+  }, [table.getSelectedRowModel().rows]);
+}
+function useDataTableDensity() {
+  const context = React36.useContext(DataTableDensityContext);
+  if (!context) {
+    throw new Error(
+      "useDataTableDensity must be used within <DataTable>. Make sure your component is wrapped with DataTable."
+    );
+  }
+  return context;
+}
+function useDataTablePagination() {
+  const table = useDataTable();
+  const { pageIndex, pageSize } = table.getState().pagination;
+  return React36.useMemo(() => {
+    const pageCount = table.getPageCount();
+    return {
+      pageIndex,
+      pageSize,
+      pageCount,
+      canPreviousPage: pageIndex > 0,
+      canNextPage: pageIndex < pageCount - 1,
+      setPageIndex: (index) => table.setPageIndex(index),
+      setPageSize: (size) => table.setPageSize(size),
+      previousPage: () => table.previousPage(),
+      nextPage: () => table.nextPage(),
+      firstPage: () => table.setPageIndex(0),
+      lastPage: () => table.setPageIndex(pageCount - 1)
+    };
+  }, [table, pageIndex, pageSize]);
+}
+function useDataTableSorting() {
+  const table = useDataTable();
+  const sorting = table.getState().sorting;
+  return React36.useMemo(() => ({
+    sorting,
+    setSorting: table.setSorting,
+    clearSorting: () => table.resetSorting(),
+    toggleSort: (columnId) => {
+      const column = table.getColumn(columnId);
+      column?.toggleSorting();
+    }
+  }), [table, sorting]);
+}
+function useDataTableColumnVisibility() {
+  const table = useDataTable();
+  const columnVisibility = table.getState().columnVisibility;
+  return React36.useMemo(() => ({
+    columnVisibility,
+    setColumnVisibility: table.setColumnVisibility,
+    toggleColumn: (columnId) => {
+      const column = table.getColumn(columnId);
+      column?.toggleVisibility();
+    },
+    getAllColumns: () => table.getAllColumns().filter((col) => col.getCanHide())
+  }), [table, columnVisibility]);
+}
+var useDataTableInstance = useDataTable;
+var useDataTableState = useDataTableMeta;
+function DataTableRoot({
+  children,
+  data,
+  columns,
+  getRowId,
+  className
+}) {
+  const { table, meta, density, setDensity } = useDataTableInternal({
+    data,
+    columns,
+    getRowId
+  });
+  return /* @__PURE__ */ jsx(
+    DataTableProvider,
+    {
+      table,
+      meta,
+      density,
+      setDensity,
+      children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: cn("w-full space-y-4", className),
+          "data-density": density,
+          children
+        }
+      )
+    }
+  );
+}
+DataTableRoot.displayName = "DataTable";
+
+// src/components/Table/types.ts
+var DENSITY_CONFIG = {
+  compact: {
+    rowHeight: 32,
+    fontSize: "text-xs",
+    padding: "py-1 px-2"
+  },
+  default: {
+    rowHeight: 40,
+    fontSize: "text-sm",
+    padding: "py-2 px-4"
+  },
+  comfortable: {
+    rowHeight: 52,
+    fontSize: "text-sm",
+    padding: "py-3 px-4"
+  }
+};
+var Table = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsx(
+  "table",
+  {
+    ref,
+    className: cn("w-full caption-bottom text-sm", className),
+    ...props
+  }
+) }));
+Table.displayName = "Table";
+var TableHeader = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
+TableHeader.displayName = "TableHeader";
+var TableBody = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "tbody",
+  {
+    ref,
+    className: cn("[&_tr:last-child]:border-0", className),
+    ...props
+  }
+));
+TableBody.displayName = "TableBody";
+var TableFooter = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "tfoot",
+  {
+    ref,
+    className: cn(
+      "border-t bg-muted/50 font-medium [&>tr]:last:border-b-0",
+      className
+    ),
+    ...props
+  }
+));
+TableFooter.displayName = "TableFooter";
+var TableRow = React36.memo(
+  React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    "tr",
+    {
+      ref,
+      className: cn(
+        "border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted",
+        className
+      ),
+      ...props
+    }
+  ))
+);
+TableRow.displayName = "TableRow";
+var TableHead = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "th",
+  {
+    ref,
+    className: cn(
+      "h-12 px-4 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0",
+      className
+    ),
+    ...props
+  }
+));
+TableHead.displayName = "TableHead";
+var TableCell = React36.memo(
+  React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    "td",
+    {
+      ref,
+      className: cn("p-4 align-middle [&:has([role=checkbox])]:pr-0", className),
+      ...props
+    }
+  ))
+);
+TableCell.displayName = "TableCell";
+var TableCaption = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "caption",
+  {
+    ref,
+    className: cn("mt-4 text-sm text-muted-foreground", className),
+    ...props
+  }
+));
+TableCaption.displayName = "TableCaption";
+var DataTableContent = React36.memo(function DataTableContent2({
+  stickyHeader = false,
+  stripedRows = false,
+  highlightOnHover = true,
+  className
+}) {
+  const table = useDataTable();
+  const { isEmpty } = useDataTableMeta();
+  const { density } = useDataTableDensity();
+  const densityStyles = DENSITY_CONFIG[density];
+  const cellClasses = cn(densityStyles.padding, densityStyles.fontSize);
+  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,
+      {
+        className: cn(cellClasses, "font-medium"),
+        style: { width: header.getSize() !== 150 ? header.getSize() : void 0 },
+        children: header.isPlaceholder ? null : flexRender(
+          header.column.columnDef.header,
+          header.getContext()
+        )
+      },
+      header.id
+    )) }, headerGroup.id)) }),
+    /* @__PURE__ */ jsx(TableBody, { children: table.getRowModel().rows?.length ? 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"
+        ),
+        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 = React36.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] = React36.useState(value);
+  React36.useEffect(() => {
+    const handler = setTimeout(() => {
+      setDebouncedValue(value);
+    }, delay);
+    return () => {
+      clearTimeout(handler);
+    };
+  }, [value, delay]);
+  return debouncedValue;
+}
+function useDebouncedCallback(callback, delay = 300) {
+  const callbackRef = React36.useRef(callback);
+  const timeoutRef = React36.useRef();
+  React36.useEffect(() => {
+    callbackRef.current = callback;
+  }, [callback]);
+  return React36.useCallback(
+    (...args) => {
+      if (timeoutRef.current) {
+        clearTimeout(timeoutRef.current);
+      }
+      timeoutRef.current = setTimeout(() => {
+        callbackRef.current(...args);
+      }, delay);
+    },
+    [delay]
+  );
+}
+var DataTableSearch = React36.memo(function DataTableSearch2({
+  column,
+  placeholder = "Buscar...",
+  debounce = 300,
+  onSearch,
+  className
+}) {
+  const table = useDataTableInstance();
+  const columnInstance = table.getColumn(column);
+  const [value, setValue] = React36.useState(
+    columnInstance?.getFilterValue() ?? ""
+  );
+  const debouncedValue = useDebounce(value, debounce);
+  React36.useEffect(() => {
+    columnInstance?.setFilterValue(debouncedValue);
+    if (onSearch) {
+      onSearch(debouncedValue);
+    }
+  }, [debouncedValue, columnInstance, onSearch]);
+  React36.useEffect(() => {
+    const filterValue = columnInstance?.getFilterValue() ?? "";
+    if (filterValue !== value) {
+      setValue(filterValue);
+    }
+  }, [columnInstance?.getFilterValue()]);
+  return /* @__PURE__ */ jsx(
+    Input,
+    {
+      placeholder,
+      value,
+      onChange: (e) => setValue(e.target.value),
+      className: cn("h-9 w-[150px] lg:w-[250px]", className)
+    }
+  );
+});
+var DataTableFilters = React36.memo(function DataTableFilters2({
+  onChange,
+  className,
+  children
+}) {
+  const table = useDataTableInstance();
+  const filters = table.getState().columnFilters;
+  const filtersRef = React36.useRef(filters);
+  React36.useEffect(() => {
+    if (onChange && JSON.stringify(filters) !== JSON.stringify(filtersRef.current)) {
+      filtersRef.current = filters;
+      onChange(filters);
+    }
+  }, [filters, onChange]);
+  return /* @__PURE__ */ jsx("div", { className: cn("flex gap-2", className), children });
+});
+var DataTableFilter = React36.memo(function DataTableFilter2({
+  column: columnId,
+  title,
+  options,
+  className
+}) {
+  const table = useDataTableInstance();
+  const column = table.getColumn(columnId);
+  const filterValue = column?.getFilterValue() ?? [];
+  const currentValue = filterValue.length > 0 ? filterValue[0] : "all";
+  const handleValueChange = React36.useCallback(
+    (value) => {
+      if (value === "all") {
+        column?.setFilterValue(void 0);
+      } else {
+        column?.setFilterValue([value]);
+      }
+    },
+    [column]
+  );
+  return /* @__PURE__ */ jsxs(
+    Select,
+    {
+      value: currentValue,
+      onValueChange: handleValueChange,
+      selectSize: "sm",
+      placeholder: title,
+      className,
+      children: [
+        /* @__PURE__ */ jsx(SelectItem, { value: "all", children: "Todos" }),
+        options.map((option) => /* @__PURE__ */ jsx(SelectItem, { value: option.value, children: option.label }, option.value))
+      ]
+    }
+  );
+});
+var DataTablePagination = React36.memo(function DataTablePagination2({
+  mode = "client",
+  pageCount: externalPageCount,
+  pageSizes = [10, 20, 30, 50],
+  showPageSize = true,
+  showPageInfo = true,
+  showFirstLast = true,
+  className
+}) {
+  useDataTable();
+  const { selectedRowCount, totalRows } = useDataTableMeta();
+  const {
+    pageIndex,
+    pageSize,
+    pageCount: internalPageCount,
+    canPreviousPage,
+    canNextPage,
+    setPageIndex,
+    setPageSize,
+    previousPage,
+    nextPage,
+    firstPage,
+    lastPage
+  } = useDataTablePagination();
+  const pageCount = mode === "server" && externalPageCount !== void 0 ? externalPageCount : internalPageCount;
+  const canGoPrevious = pageIndex > 0;
+  const canGoNext = pageIndex < pageCount - 1;
+  const handlePageSizeChange = React36.useCallback(
+    (value) => {
+      setPageSize(Number(value));
+    },
+    [setPageSize]
+  );
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "flex flex-col-reverse items-center justify-between gap-4 sm:flex-row",
+        className
+      ),
+      children: [
+        showPageInfo && /* @__PURE__ */ jsx("div", { className: "flex-1 text-sm text-muted-foreground", children: selectedRowCount > 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          selectedRowCount,
+          " de ",
+          totalRows,
+          " linha(s) selecionada(s)"
+        ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+          "P\xE1gina ",
+          pageIndex + 1,
+          " de ",
+          pageCount
+        ] }) }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-6", children: [
+          showPageSize && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx("p", { className: "text-sm font-medium whitespace-nowrap", children: "Linhas por p\xE1gina" }),
+            /* @__PURE__ */ jsx(
+              Select,
+              {
+                value: `${pageSize}`,
+                onValueChange: handlePageSizeChange,
+                selectSize: "sm",
+                children: pageSizes.map((size) => /* @__PURE__ */ jsx(SelectItem, { value: `${size}`, children: size }, size))
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+            showFirstLast && /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: "outline",
+                size: "icon-sm",
+                className: "hidden h-8 w-8 p-0 lg:flex",
+                onClick: firstPage,
+                disabled: !canGoPrevious,
+                "aria-label": "Primeira p\xE1gina",
+                children: /* @__PURE__ */ jsx(ChevronsLeft, { className: "h-4 w-4" })
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: "outline",
+                size: "icon-sm",
+                className: "h-8 w-8 p-0",
+                onClick: previousPage,
+                disabled: !canGoPrevious,
+                "aria-label": "P\xE1gina anterior",
+                children: /* @__PURE__ */ jsx(ChevronLeft, { className: "h-4 w-4" })
+              }
+            ),
+            /* @__PURE__ */ jsxs("span", { className: "flex h-8 min-w-[4rem] items-center justify-center text-sm font-medium", children: [
+              pageIndex + 1,
+              " / ",
+              pageCount
+            ] }),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: "outline",
+                size: "icon-sm",
+                className: "h-8 w-8 p-0",
+                onClick: nextPage,
+                disabled: !canGoNext,
+                "aria-label": "Pr\xF3xima p\xE1gina",
+                children: /* @__PURE__ */ jsx(ChevronRight, { className: "h-4 w-4" })
+              }
+            ),
+            showFirstLast && /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: "outline",
+                size: "icon-sm",
+                className: "hidden h-8 w-8 p-0 lg:flex",
+                onClick: lastPage,
+                disabled: !canGoNext,
+                "aria-label": "\xDAltima p\xE1gina",
+                children: /* @__PURE__ */ jsx(ChevronsRight, { className: "h-4 w-4" })
+              }
+            )
+          ] })
+        ] })
+      ]
+    }
+  );
+});
+DataTablePagination.displayName = "DataTable.Pagination";
+var DataTableEmptyState = React36.memo(function DataTableEmptyState2({
+  message = "Nenhum resultado encontrado.",
+  description,
+  icon,
+  action,
+  className
+}) {
+  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 })
+      ] })
+    }
+  );
+});
+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)) });
+}
+function DataTableLoading({
+  visible,
+  skeleton,
+  skeletonRows = 5,
+  className
+}) {
+  const table = useDataTable();
+  const columnCount = table.getVisibleLeafColumns().length;
+  if (!visible) {
+    return null;
+  }
+  if (skeleton) {
+    return /* @__PURE__ */ jsx("div", { className: cn("w-full", className), children: skeleton });
+  }
+  return /* @__PURE__ */ jsx("div", { className: cn("w-full", className), children: /* @__PURE__ */ jsx("div", { className: "rounded-md border", children: /* @__PURE__ */ jsx("table", { className: "w-full", children: /* @__PURE__ */ jsx("tbody", { children: Array.from({ length: skeletonRows }).map((_, index) => /* @__PURE__ */ jsx(SkeletonRow, { columns: columnCount || 4 }, index)) }) }) }) });
+}
+DataTableLoading.displayName = "DataTable.Loading";
+function DataTableColumnHeader({
+  column,
+  title,
+  className
+}) {
+  if (!column.getCanSort()) {
+    return /* @__PURE__ */ jsx("div", { className: cn(className), children: title });
+  }
+  const handleSort = () => {
+    const currentSort = column.getIsSorted();
+    if (currentSort === "asc") {
+      column.toggleSorting(true);
+    } else if (currentSort === "desc") {
+      column.clearSorting();
+    } else {
+      column.toggleSorting(false);
+    }
+  };
+  return /* @__PURE__ */ jsx("div", { className: cn("flex items-center space-x-2", className), children: /* @__PURE__ */ jsxs(
+    Button,
+    {
+      variant: "ghost",
+      size: "sm",
+      className: "-ml-3 h-8 data-[state=open]:bg-accent",
+      onClick: handleSort,
+      children: [
+        /* @__PURE__ */ jsx("span", { children: title }),
+        column.getIsSorted() === "desc" ? /* @__PURE__ */ jsx(ArrowDown, { className: "ml-2 h-4 w-4" }) : column.getIsSorted() === "asc" ? /* @__PURE__ */ jsx(ArrowUp, { className: "ml-2 h-4 w-4" }) : /* @__PURE__ */ jsx(ChevronsUpDown, { className: "ml-2 h-4 w-4" })
+      ]
+    }
+  ) });
+}
+var checkboxVariants = cva(
+  [
+    "peer shrink-0 rounded-sm border-2 ring-offset-background",
+    "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+    "disabled:cursor-not-allowed disabled:opacity-50",
+    "transition-all duration-200"
+  ],
+  {
+    variants: {
+      variant: {
+        default: "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"
+      },
+      size: {
+        sm: "h-4 w-4",
+        md: "h-5 w-5",
+        lg: "h-6 w-6"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "md"
+    }
+  }
+);
+var iconSizeMap = {
+  sm: "h-3 w-3",
+  md: "h-4 w-4",
+  lg: "h-5 w-5"
+};
+var Checkbox = React36.memo(
+  React36.forwardRef(({ className, variant, size = "md", ...props }, ref) => {
+    const iconSize = iconSizeMap[size || "md"];
+    return /* @__PURE__ */ jsx(
+      CheckboxPrimitive.Root,
+      {
+        ref,
+        className: cn(checkboxVariants({ variant, size, className })),
+        ...props,
+        children: /* @__PURE__ */ jsx(
+          CheckboxPrimitive.Indicator,
+          {
+            className: cn("flex items-center justify-center text-current"),
+            children: /* @__PURE__ */ jsx(Check, { className: iconSize })
+          }
+        )
+      }
+    );
+  })
+);
+Checkbox.displayName = CheckboxPrimitive.Root.displayName;
+function DataTableColumnVisibility({
+  className
+}) {
+  const table = useDataTable();
+  const [open, setOpen] = React36.useState(false);
+  const dropdownRef = React36.useRef(null);
+  React36.useEffect(() => {
+    function handleClickOutside(event) {
+      if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
+        setOpen(false);
+      }
+    }
+    if (open) {
+      document.addEventListener("mousedown", handleClickOutside);
+      return () => document.removeEventListener("mousedown", handleClickOutside);
+    }
+  }, [open]);
+  const columns = table.getAllColumns().filter((column) => column.getCanHide());
+  return /* @__PURE__ */ jsxs("div", { className: cn("relative", className), ref: dropdownRef, children: [
+    /* @__PURE__ */ jsxs(
+      Button,
+      {
+        variant: "outline",
+        size: "sm",
+        className: "h-8",
+        onClick: () => setOpen(!open),
+        "aria-expanded": open,
+        "aria-haspopup": "true",
+        children: [
+          /* @__PURE__ */ jsx(SlidersHorizontal, { className: "mr-2 h-4 w-4" }),
+          "Colunas"
+        ]
+      }
+    ),
+    open && /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: cn(
+          "absolute right-0 top-full z-50 mt-1 w-48",
+          "rounded-md border bg-popover p-2 shadow-md",
+          "animate-in fade-in-0 zoom-in-95"
+        ),
+        children: [
+          /* @__PURE__ */ jsx("div", { className: "px-2 py-1.5 text-sm font-semibold", children: "Alternar colunas" }),
+          /* @__PURE__ */ jsx("div", { className: "h-px bg-border my-1" }),
+          /* @__PURE__ */ jsx("div", { className: "max-h-60 overflow-auto", children: columns.map((column) => {
+            const header = column.columnDef.header;
+            const title = typeof header === "string" ? header : column.id;
+            return /* @__PURE__ */ jsxs(
+              "label",
+              {
+                className: cn(
+                  "flex items-center gap-2 px-2 py-1.5 rounded-sm cursor-pointer",
+                  "hover:bg-accent hover:text-accent-foreground",
+                  "text-sm"
+                ),
+                children: [
+                  /* @__PURE__ */ jsx(
+                    Checkbox,
+                    {
+                      checked: column.getIsVisible(),
+                      onCheckedChange: (value) => column.toggleVisibility(!!value)
+                    }
+                  ),
+                  /* @__PURE__ */ jsx("span", { className: "capitalize", children: title })
+                ]
+              },
+              column.id
+            );
+          }) })
+        ]
+      }
+    )
+  ] });
+}
+DataTableColumnVisibility.displayName = "DataTable.ColumnVisibility";
+var densityOptions = [
+  { value: "compact", label: "Compacto", icon: Rows4 },
+  { value: "default", label: "Padr\xE3o", icon: Rows3 },
+  { value: "comfortable", label: "Confort\xE1vel", icon: LayoutList }
+];
+function DataTableDensityToggle({
+  className
+}) {
+  const { density, setDensity } = useDataTableDensity();
+  const [open, setOpen] = React36.useState(false);
+  const dropdownRef = React36.useRef(null);
+  React36.useEffect(() => {
+    function handleClickOutside(event) {
+      if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
+        setOpen(false);
+      }
+    }
+    if (open) {
+      document.addEventListener("mousedown", handleClickOutside);
+      return () => document.removeEventListener("mousedown", handleClickOutside);
+    }
+  }, [open]);
+  const currentOption = densityOptions.find((opt) => opt.value === density) ?? densityOptions[1];
+  const Icon2 = currentOption.icon;
+  return /* @__PURE__ */ jsxs("div", { className: cn("relative", className), ref: dropdownRef, children: [
+    /* @__PURE__ */ jsxs(
+      Button,
+      {
+        variant: "outline",
+        size: "sm",
+        className: "h-8",
+        onClick: () => setOpen(!open),
+        "aria-expanded": open,
+        "aria-haspopup": "true",
+        children: [
+          /* @__PURE__ */ jsx(Icon2, { className: "mr-2 h-4 w-4" }),
+          "Densidade"
+        ]
+      }
+    ),
+    open && /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: cn(
+          "absolute right-0 top-full z-50 mt-1 w-40",
+          "rounded-md border bg-popover p-1 shadow-md",
+          "animate-in fade-in-0 zoom-in-95"
+        ),
+        children: densityOptions.map((option) => {
+          const OptionIcon = option.icon;
+          const isSelected = density === option.value;
+          return /* @__PURE__ */ jsxs(
+            "button",
+            {
+              className: cn(
+                "flex w-full items-center gap-2 px-2 py-1.5 rounded-sm cursor-pointer",
+                "hover:bg-accent hover:text-accent-foreground",
+                "text-sm text-left",
+                isSelected && "bg-accent"
+              ),
+              onClick: () => {
+                setDensity(option.value);
+                setOpen(false);
+              },
+              children: [
+                /* @__PURE__ */ jsx(OptionIcon, { className: "h-4 w-4" }),
+                /* @__PURE__ */ jsx("span", { children: option.label }),
+                isSelected && /* @__PURE__ */ jsx("span", { className: "ml-auto text-xs text-muted-foreground", children: "\u2713" })
+              ]
+            },
+            option.value
+          );
+        })
+      }
+    )
+  ] });
+}
+DataTableDensityToggle.displayName = "DataTable.DensityToggle";
+function DataTableBulkActions({
+  children,
+  className
+}) {
+  const table = useDataTable();
+  const { selectedRowCount } = useDataTableMeta();
+  const selectedRows = useDataTableSelection();
+  if (selectedRowCount === 0) {
+    return null;
+  }
+  const handleClearSelection = () => {
+    table.toggleAllRowsSelected(false);
+  };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "flex items-center gap-3 rounded-lg border bg-muted/50 p-3",
+        "animate-in fade-in-0 slide-in-from-top-2",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsxs("span", { className: "text-sm font-medium", children: [
+            selectedRowCount,
+            " ",
+            selectedRowCount === 1 ? "item selecionado" : "itens selecionados"
+          ] }),
+          /* @__PURE__ */ jsxs(
+            Button,
+            {
+              variant: "ghost",
+              size: "sm",
+              className: "h-7 px-2",
+              onClick: handleClearSelection,
+              children: [
+                /* @__PURE__ */ jsx(X, { className: "h-4 w-4 mr-1" }),
+                "Limpar"
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "h-5 w-px bg-border" }),
+        /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: children(selectedRows) })
+      ]
+    }
+  );
+}
+DataTableBulkActions.displayName = "DataTable.BulkActions";
+var formatConfig = {
+  csv: {
+    label: "CSV",
+    icon: FileText,
+    mimeType: "text/csv",
+    extension: "csv"
+  },
+  xlsx: {
+    label: "Excel",
+    icon: FileSpreadsheet,
+    mimeType: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
+    extension: "xlsx"
+  },
+  pdf: {
+    label: "PDF",
+    icon: FileText,
+    mimeType: "application/pdf",
+    extension: "pdf"
+  }
+};
+function escapeCSV(value) {
+  if (value === null || value === void 0) return "";
+  const str = String(value);
+  if (str.includes(",") || str.includes('"') || str.includes("\n")) {
+    return `"${str.replace(/"/g, '""')}"`;
+  }
+  return str;
+}
+function getNestedValue(obj, path) {
+  return path.split(".").reduce((current, key) => {
+    if (current && typeof current === "object" && key in current) {
+      return current[key];
+    }
+    return void 0;
+  }, obj);
+}
+function generateCSV(headers, rows, accessors) {
+  const headerLine = headers.map(escapeCSV).join(",");
+  const dataLines = rows.map(
+    (row) => accessors.map((accessor) => {
+      const value = getNestedValue(row, accessor);
+      return escapeCSV(value);
+    }).join(",")
+  );
+  return [headerLine, ...dataLines].join("\n");
+}
+function downloadFile(content, filename, mimeType) {
+  const blob = new Blob(["\uFEFF" + content], { type: `${mimeType};charset=utf-8` });
+  const url = URL.createObjectURL(blob);
+  const link = document.createElement("a");
+  link.href = url;
+  link.download = filename;
+  document.body.appendChild(link);
+  link.click();
+  document.body.removeChild(link);
+  URL.revokeObjectURL(url);
+}
+function DataTableExport({
+  formats = ["csv"],
+  filename = "export",
+  className
+}) {
+  const table = useDataTable();
+  const [open, setOpen] = React36.useState(false);
+  const dropdownRef = React36.useRef(null);
+  React36.useEffect(() => {
+    function handleClickOutside(event) {
+      if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
+        setOpen(false);
+      }
+    }
+    if (open) {
+      document.addEventListener("mousedown", handleClickOutside);
+      return () => document.removeEventListener("mousedown", handleClickOutside);
+    }
+  }, [open]);
+  const handleExport = React36.useCallback((format) => {
+    const visibleColumns = table.getVisibleLeafColumns();
+    const rows = table.getFilteredRowModel().rows;
+    const headers = [];
+    const accessors = [];
+    visibleColumns.forEach((column) => {
+      const header = column.columnDef.header;
+      const headerText = typeof header === "string" ? header : column.id;
+      const columnDef = column.columnDef;
+      if (column.accessorFn || columnDef.accessorKey) {
+        headers.push(headerText);
+        accessors.push(columnDef.accessorKey || column.id);
+      }
+    });
+    const data = rows.map((row) => row.original);
+    if (format === "csv") {
+      const csv = generateCSV(headers, data, accessors);
+      const config = formatConfig[format];
+      downloadFile(csv, `${filename}.${config.extension}`, config.mimeType);
+    } else if (format === "xlsx") {
+      console.warn("XLSX export requires xlsx library. Falling back to CSV.");
+      const csv = generateCSV(headers, data, accessors);
+      downloadFile(csv, `${filename}.csv`, "text/csv");
+    } else if (format === "pdf") {
+      console.warn("PDF export not implemented yet.");
+    }
+    setOpen(false);
+  }, [table, filename]);
+  if (formats.length === 1) {
+    const format = formats[0];
+    const config = formatConfig[format];
+    const Icon2 = config.icon;
+    return /* @__PURE__ */ jsxs(
+      Button,
+      {
+        variant: "outline",
+        size: "sm",
+        className: cn("h-8", className),
+        onClick: () => handleExport(format),
+        children: [
+          /* @__PURE__ */ jsx(Icon2, { className: "mr-2 h-4 w-4" }),
+          "Exportar ",
+          config.label
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs("div", { className: cn("relative", className), ref: dropdownRef, children: [
+    /* @__PURE__ */ jsxs(
+      Button,
+      {
+        variant: "outline",
+        size: "sm",
+        className: "h-8",
+        onClick: () => setOpen(!open),
+        "aria-expanded": open,
+        "aria-haspopup": "true",
+        children: [
+          /* @__PURE__ */ jsx(Download, { className: "mr-2 h-4 w-4" }),
+          "Exportar"
+        ]
+      }
+    ),
+    open && /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: cn(
+          "absolute right-0 top-full z-50 mt-1 w-36",
+          "rounded-md border bg-popover p-1 shadow-md",
+          "animate-in fade-in-0 zoom-in-95"
+        ),
+        children: formats.map((format) => {
+          const config = formatConfig[format];
+          const Icon2 = config.icon;
+          return /* @__PURE__ */ jsxs(
+            "button",
+            {
+              className: cn(
+                "flex w-full items-center gap-2 px-2 py-1.5 rounded-sm cursor-pointer",
+                "hover:bg-accent hover:text-accent-foreground",
+                "text-sm text-left"
+              ),
+              onClick: () => handleExport(format),
+              children: [
+                /* @__PURE__ */ jsx(Icon2, { className: "h-4 w-4" }),
+                /* @__PURE__ */ jsx("span", { children: config.label })
+              ]
+            },
+            format
+          );
+        })
+      }
+    )
+  ] });
+}
+DataTableExport.displayName = "DataTable.Export";
+function DataTableTabs({
+  tabs,
+  value,
+  defaultValue,
+  onValueChange,
+  className
+}) {
+  const [internalValue, setInternalValue] = React36.useState(defaultValue ?? tabs[0]?.value);
+  const activeValue = value ?? internalValue;
+  const handleTabClick = (tabValue) => {
+    if (value === void 0) {
+      setInternalValue(tabValue);
+    }
+    onValueChange?.(tabValue);
+  };
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn("flex items-center gap-1 border-b", className),
+      role: "tablist",
+      "aria-label": "Filtros",
+      children: tabs.map((tab) => {
+        const isActive = activeValue === tab.value;
+        return /* @__PURE__ */ jsxs(
+          "button",
+          {
+            role: "tab",
+            "aria-selected": isActive,
+            "aria-controls": `tabpanel-${tab.value}`,
+            className: cn(
+              "relative px-4 py-2.5 text-sm font-medium transition-colors",
+              "hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+              isActive ? "text-primary" : "text-muted-foreground hover:text-foreground/80"
+            ),
+            onClick: () => handleTabClick(tab.value),
+            children: [
+              /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-2", children: [
+                tab.label,
+                tab.count !== void 0 && /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    className: cn(
+                      "inline-flex items-center justify-center min-w-[1.25rem] h-5 px-1.5 rounded text-xs font-medium",
+                      isActive ? "bg-primary/10 text-primary" : "bg-muted text-muted-foreground"
+                    ),
+                    children: tab.count
+                  }
+                )
+              ] }),
+              isActive && /* @__PURE__ */ jsx(
+                "span",
+                {
+                  className: "absolute bottom-0 left-0 right-0 h-0.5 bg-primary",
+                  "aria-hidden": "true"
+                }
+              )
+            ]
+          },
+          tab.value
+        );
+      })
+    }
+  );
+}
+DataTableTabs.displayName = "DataTable.Tabs";
+
+// src/components/Table/index.ts
+var DataTable = Object.assign(DataTableRoot, {
+  // Estado
+  Loading: DataTableLoading,
+  EmptyState: DataTableEmptyState,
+  // Layout
+  Tabs: DataTableTabs,
+  Toolbar: DataTableToolbar,
+  Content: DataTableContent,
+  // Search & Filter
+  Search: DataTableSearch,
+  Filters: DataTableFilters,
+  Filter: DataTableFilter,
+  // Pagination
+  Pagination: DataTablePagination,
+  // Actions
+  BulkActions: DataTableBulkActions,
+  // Preferences
+  ColumnVisibility: DataTableColumnVisibility,
+  DensityToggle: DataTableDensityToggle,
+  Export: DataTableExport,
+  // Column utilities (para uso em column definitions)
+  ColumnHeader: DataTableColumnHeader
+});
+var Dialog = DialogPrimitive.Root;
+var DialogTrigger = DialogPrimitive.Trigger;
+var DialogPortal = DialogPrimitive.Portal;
+var DialogClose = DialogPrimitive.Close;
+var DialogOverlay = React36.memo(
+  React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    DialogPrimitive.Overlay,
+    {
+      ref,
+      className: cn(
+        "fixed inset-0 z-50 bg-black/80",
+        "data-[state=open]:animate-in data-[state=closed]:animate-out",
+        "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+        className
+      ),
+      ...props
+    }
+  ))
+);
+DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
+var dialogContentVariants = cva(
+  [
+    "fixed left-[50%] top-[50%] z-50",
+    "translate-x-[-50%] translate-y-[-50%]",
+    "grid w-full gap-4",
+    "border bg-background p-6 shadow-lg",
+    "duration-200",
+    "data-[state=open]:animate-in data-[state=closed]:animate-out",
+    "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+    "data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95",
+    "data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%]",
+    "data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%]",
+    "sm:rounded-lg"
+  ],
+  {
+    variants: {
+      size: {
+        sm: "max-w-sm",
+        md: "max-w-md",
+        lg: "max-w-lg",
+        xl: "max-w-xl",
+        "2xl": "max-w-2xl",
+        "3xl": "max-w-3xl",
+        "4xl": "max-w-4xl",
+        full: "max-w-[95vw] max-h-[95vh]"
+      }
+    },
+    defaultVariants: {
+      size: "lg"
+    }
+  }
+);
+var DialogContent = React36.memo(
+  React36.forwardRef(({ className, children, showCloseButton = true, size, ...props }, ref) => /* @__PURE__ */ jsxs(DialogPortal, { children: [
+    /* @__PURE__ */ jsx(DialogOverlay, {}),
+    /* @__PURE__ */ jsxs(
+      DialogPrimitive.Content,
+      {
+        ref,
+        className: cn(dialogContentVariants({ size, className })),
+        ...props,
+        children: [
+          children,
+          showCloseButton && /* @__PURE__ */ jsxs(DialogPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground", children: [
+            /* @__PURE__ */ jsx(X, { className: "h-4 w-4" }),
+            /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Fechar" })
+          ] })
+        ]
+      }
+    )
+  ] }))
+);
+DialogContent.displayName = DialogPrimitive.Content.displayName;
+var DialogHeader = React36.memo(
+  ({ className, ...props }) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "flex flex-col space-y-1.5 text-center sm:text-left",
+        className
+      ),
+      ...props
+    }
+  )
+);
+DialogHeader.displayName = "DialogHeader";
+var DialogFooter = React36.memo(
+  ({ className, ...props }) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
+        className
+      ),
+      ...props
+    }
+  )
+);
+DialogFooter.displayName = "DialogFooter";
+var DialogTitle = React36.memo(
+  React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    DialogPrimitive.Title,
+    {
+      ref,
+      className: cn(
+        "text-2xl font-semibold leading-none tracking-tight",
+        className
+      ),
+      ...props
+    }
+  ))
+);
+DialogTitle.displayName = DialogPrimitive.Title.displayName;
+var DialogDescription = React36.memo(
+  React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    DialogPrimitive.Description,
+    {
+      ref,
+      className: cn("text-[0.920rem] text-muted-foreground", className),
+      ...props
+    }
+  ))
+);
+DialogDescription.displayName = DialogPrimitive.Description.displayName;
+var DialogBody = React36.memo(
+  ({ className, ...props }) => /* @__PURE__ */ jsx("div", { className: cn("flex-1 overflow-y-auto py-2", className), ...props })
+);
+DialogBody.displayName = "DialogBody";
+var SIZE_CONFIG = {
+  sm: { base: 8, increment: 2 },
+  md: { base: 12, increment: 4 },
+  lg: { base: 16, increment: 6 },
+  xl: { base: 28, increment: 14 },
+  xxl: { base: 36, increment: 16 }
+};
+var INTENSITY_CONFIG = {
+  light: [4, 6, 8, 10, 12],
+  medium: [6, 8, 10, 12, 16],
+  strong: [8, 12, 16, 20, 25]
+};
+var POSITION_CONFIG = {
+  center: "items-center justify-center",
+  "top-left": "items-start justify-start",
+  "top-right": "items-start justify-end",
+  "bottom-left": "items-end justify-start",
+  "bottom-right": "items-end justify-end",
+  "top-center": "items-start justify-center",
+  "bottom-center": "items-end justify-center"
+};
+var COLOR_MAP = {
+  primary: "border-primary",
+  secondary: "border-secondary",
+  accent: "border-accent",
+  muted: "border-muted"
+};
+var RippleRing = React36.memo(({ size, color, opacity }) => {
+  const borderColorClass = COLOR_MAP[color] || COLOR_MAP.primary;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn("absolute rounded-full", borderColorClass),
+      style: {
+        width: `${size * 4}px`,
+        height: `${size * 4}px`,
+        borderWidth: "1px",
+        opacity: opacity / 100,
+        top: "50%",
+        left: "50%",
+        transform: "translate(-50%, -50%)"
+      }
+    }
+  );
+});
+RippleRing.displayName = "RippleRing";
+var RippleEffect = React36.memo(
+  ({
+    size = "md",
+    color = "primary",
+    intensity = "medium",
+    rings = 5,
+    position = "center",
+    className
+  }) => {
+    const { base, increment } = SIZE_CONFIG[size];
+    const opacities = INTENSITY_CONFIG[intensity];
+    const positionClasses = POSITION_CONFIG[position];
+    const rippleRings = React36.useMemo(
+      () => Array.from({ length: rings }).map((_, index) => {
+        const ringSize = base + increment * (rings - index - 1);
+        const opacity = opacities[index] || opacities[opacities.length - 1];
+        return /* @__PURE__ */ jsx(
+          RippleRing,
+          {
+            size: ringSize,
+            color,
+            opacity
+          },
+          index
+        );
+      }),
+      [base, increment, rings, opacities, color]
+    );
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: cn(
+          "absolute inset-0 flex pointer-events-none",
+          positionClasses,
+          className
+        ),
+        children: /* @__PURE__ */ jsx("div", { className: "relative", children: rippleRings })
+      }
+    );
+  }
+);
+RippleEffect.displayName = "RippleEffect";
+var RippleWrapper = React36.memo(
+  ({ children, rippleProps, className }) => {
+    return /* @__PURE__ */ jsxs("div", { className: cn("relative", className), children: [
+      rippleProps && /* @__PURE__ */ jsx(RippleEffect, { ...rippleProps }),
+      /* @__PURE__ */ jsx("div", { className: "relative z-10", children })
+    ] });
+  }
+);
+RippleWrapper.displayName = "RippleWrapper";
+var RippleBackground = React36.memo(
+  ({ containerClassName, ...rippleProps }) => {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: cn(
+          "absolute inset-0 overflow-hidden pointer-events-none",
+          containerClassName
+        ),
+        children: /* @__PURE__ */ jsx(RippleEffect, { ...rippleProps })
+      }
+    );
+  }
+);
+RippleBackground.displayName = "RippleBackground";
+var iconWrapperVariants2 = cva(
+  "p-3 rounded-2xl shadow-lg transition-all duration-200",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary shadow-primary/25",
+        secondary: "bg-secondary shadow-secondary/25",
+        accent: "bg-accent shadow-accent/25",
+        destructive: "bg-red-600 shadow-red-600/25",
+        success: "bg-green-600 shadow-green-600/25"
+      },
+      size: {
+        sm: "p-2",
+        md: "p-3",
+        lg: "p-4"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "md"
+    }
+  }
+);
+var iconVariants2 = cva("text-white", {
+  variants: {
+    size: {
+      sm: "h-4 w-4",
+      md: "h-5 w-5",
+      lg: "h-6 w-6"
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+var statusIndicatorVariants = cva(
+  "absolute -top-1 -right-0 w-4 h-4 rounded-full border-2 border-white/70 shadow-sm z-20",
+  {
+    variants: {
+      status: {
+        active: "bg-green-500",
+        inactive: "bg-slate-500",
+        warning: "bg-yellow-500",
+        error: "bg-red-500"
+      }
+    },
+    defaultVariants: {
+      status: "active"
+    }
+  }
+);
+var DialogWrapper = React36.memo(
+  ({
+    children,
+    className,
+    icon: Icon2,
+    status,
+    variant = "default",
+    size = "md",
+    iconSize = "md",
+    showRipple = true,
+    rippleProps,
+    ...props
+  }) => {
+    const defaultRippleProps = React36.useMemo(
+      () => ({
+        size: size === "sm" ? "md" : size === "lg" ? "xl" : "lg",
+        color: variant === "secondary" ? "secondary" : variant === "accent" ? "accent" : "primary",
+        intensity: "light",
+        rings: 3,
+        ...rippleProps
+      }),
+      [size, variant, rippleProps]
+    );
+    const backgroundRippleProps = React36.useMemo(
+      () => ({
+        position: "top-right",
+        size: "xl",
+        color: variant === "secondary" ? "secondary" : variant === "accent" ? "accent" : "primary",
+        intensity: "light",
+        rings: 5
+      }),
+      [variant]
+    );
+    if (!Icon2) {
+      return /* @__PURE__ */ jsxs(
+        DialogHeader,
+        {
+          className: cn("flex flex-col justify-between px-0", className),
+          ...props,
+          children: [
+            showRipple && /* @__PURE__ */ jsx(RippleBackground, { ...backgroundRippleProps }),
+            /* @__PURE__ */ jsx("div", { className: "flex items-center gap-3 w-full", children: /* @__PURE__ */ jsx("div", { className: "w-full", children }) })
+          ]
+        }
+      );
+    }
+    return /* @__PURE__ */ jsxs(
+      DialogHeader,
+      {
+        className: cn("flex flex-col justify-between px-0 pb-3", className),
+        ...props,
+        children: [
+          showRipple && /* @__PURE__ */ jsx(RippleBackground, { ...backgroundRippleProps }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 w-full", children: [
+            /* @__PURE__ */ jsxs(
+              RippleWrapper,
+              {
+                rippleProps: showRipple ? defaultRippleProps : void 0,
+                children: [
+                  /* @__PURE__ */ jsx("div", { className: cn(iconWrapperVariants2({ variant, size }), "mr-2"), children: /* @__PURE__ */ jsx(Icon2, { className: iconVariants2({ size: iconSize }) }) }),
+                  status && /* @__PURE__ */ jsx("div", { className: statusIndicatorVariants({ status }) })
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsx("div", { className: "w-full", children })
+          ] })
+        ]
+      }
+    );
+  }
+);
+DialogWrapper.displayName = "DialogWrapper";
+var toastVariants = {
+  default: {
+    bg: "bg-card",
+    border: "border-border",
+    barColor: "bg-muted-foreground",
+    icon: /* @__PURE__ */ jsx(Info, { className: "h-5 w-5 text-muted-foreground" }),
+    textColor: "text-foreground"
+  },
+  success: {
+    bg: "bg-card",
+    border: "border-green-300 dark:border-green-700",
+    barColor: "bg-green-500",
+    icon: /* @__PURE__ */ jsx(CheckCircle2, { className: "h-5 w-5 text-green-600 dark:text-green-500" }),
+    textColor: "text-foreground"
+  },
+  error: {
+    bg: "bg-card",
+    border: "border-red-300 dark:border-red-700",
+    barColor: "bg-red-500",
+    icon: /* @__PURE__ */ jsx(XCircle, { className: "h-5 w-5 text-red-600 dark:text-red-500" }),
+    textColor: "text-foreground"
+  },
+  warning: {
+    bg: "bg-card",
+    border: "border-yellow-400 dark:border-yellow-700",
+    barColor: "bg-yellow-500",
+    icon: /* @__PURE__ */ jsx(AlertTriangle, { className: "h-5 w-5 text-yellow-600 dark:text-yellow-500" }),
+    textColor: "text-foreground"
+  },
+  info: {
+    bg: "bg-card",
+    border: "border-blue-300 dark:border-blue-700",
+    barColor: "bg-blue-500",
+    icon: /* @__PURE__ */ jsx(Info, { className: "h-5 w-5 text-blue-600 dark:text-blue-500" }),
+    textColor: "text-foreground"
+  }
+};
+var Toaster = ({ ...props }) => {
+  return /* @__PURE__ */ jsx(
+    Toaster$1,
+    {
+      position: "top-right",
+      expand: false,
+      closeButton: false,
+      toastOptions: {
+        unstyled: true,
+        classNames: {
+          toast: "w-full"
+        }
+      },
+      ...props
+    }
+  );
+};
+var CustomToast = React36.memo(
+  ({ title, description, variant = "default", action, onClose }) => {
+    const variantStyles = toastVariants[variant];
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: cn(
+          "flex items-start gap-3 p-4 pr-3 rounded-lg shadow-lg border min-w-[350px] max-w-[450px] relative overflow-hidden",
+          variantStyles.bg,
+          variantStyles.border
+        ),
+        children: [
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: cn(
+                "absolute left-0 top-0 bottom-0 w-1.5",
+                variantStyles.barColor
+              )
+            }
+          ),
+          /* @__PURE__ */ jsx("div", { className: "flex-shrink-0 ml-2", children: variantStyles.icon }),
+          /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
+            /* @__PURE__ */ jsx("p", { className: cn("text-sm font-medium", variantStyles.textColor), children: title }),
+            description && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground mt-0.5", children: description })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 flex-shrink-0", children: [
+            action && /* @__PURE__ */ jsx(
+              "button",
+              {
+                onClick: (e) => {
+                  e.stopPropagation();
+                  action.onClick();
+                },
+                className: cn(
+                  "text-sm font-medium px-2 py-1 rounded hover:bg-accent transition-colors",
+                  variant === "error" || variant === "warning" ? "text-red-700 dark:text-red-400" : variant === "success" ? "text-green-700 dark:text-green-400" : variant === "info" ? "text-blue-700 dark:text-blue-400" : "text-foreground"
+                ),
+                children: action.label
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                onClick: (e) => {
+                  e.stopPropagation();
+                  onClose?.();
+                },
+                className: "p-1 rounded hover:bg-accent transition-colors",
+                children: /* @__PURE__ */ jsx(X, { className: "h-4 w-4 text-muted-foreground" })
+              }
+            )
+          ] })
+        ]
+      }
+    );
+  }
+);
+CustomToast.displayName = "CustomToast";
+var createToast = (message, variant = "default") => {
+  const props = typeof message === "string" ? { title: message, variant } : message;
+  return toast$1.custom(
+    (t) => /* @__PURE__ */ jsx(CustomToast, { ...props, onClose: () => toast$1.dismiss(t) }),
+    {
+      duration: props.action ? 1e4 : 4e3
+    }
+  );
+};
+var toast = Object.assign(
+  (message) => createToast(message, "default"),
+  {
+    success: (message) => createToast(
+      typeof message === "string" ? { title: message } : message,
+      "success"
+    ),
+    error: (message) => createToast(
+      typeof message === "string" ? { title: message } : message,
+      "error"
+    ),
+    warning: (message) => createToast(
+      typeof message === "string" ? { title: message } : message,
+      "warning"
+    ),
+    info: (message) => createToast(
+      typeof message === "string" ? { title: message } : message,
+      "info"
+    ),
+    custom: (component, options) => toast$1.custom(component, options),
+    dismiss: (id) => toast$1.dismiss(id),
+    promise: (promise, options) => toast$1.promise(promise, options)
+  }
+);
+var switchVariants = cva(
+  [
+    "peer inline-flex shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent",
+    "transition-colors",
+    "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background",
+    "disabled:cursor-not-allowed disabled:opacity-50"
+  ],
+  {
+    variants: {
+      variant: {
+        default: "data-[state=checked]:bg-primary data-[state=unchecked]:bg-input",
+        secondary: "data-[state=checked]:bg-secondary data-[state=unchecked]:bg-input",
+        success: "data-[state=checked]:bg-green-600 data-[state=unchecked]:bg-input"
+      },
+      size: {
+        sm: "h-5 w-9",
+        md: "h-6 w-11",
+        lg: "h-7 w-14"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "md"
+    }
+  }
+);
+var thumbVariants = cva(
+  [
+    "pointer-events-none block rounded-full bg-background shadow-lg ring-0",
+    "transition-transform"
+  ],
+  {
+    variants: {
+      size: {
+        sm: "h-4 w-4 data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0",
+        md: "h-5 w-5 data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0",
+        lg: "h-6 w-6 data-[state=checked]:translate-x-7 data-[state=unchecked]:translate-x-0"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);
+var Switch = React36.memo(
+  React36.forwardRef(({ className, variant, size = "md", ...props }, ref) => /* @__PURE__ */ jsx(
+    SwitchPrimitives.Root,
+    {
+      className: cn(switchVariants({ variant, size, className })),
+      ...props,
+      ref,
+      children: /* @__PURE__ */ jsx(SwitchPrimitives.Thumb, { className: cn(thumbVariants({ size })) })
+    }
+  ))
+);
+Switch.displayName = SwitchPrimitives.Root.displayName;
+var textareaVariants = cva(
+  "w-full px-3 pt-4 pb-2 text-sm bg-background rounded-md border-2 transition-colors focus:outline-none focus:ring-0 disabled:cursor-not-allowed disabled:opacity-50 resize-none",
+  {
+    variants: {
+      variant: {
+        default: "border-border focus:border-primary",
+        error: "border-red-500 focus:border-red-600"
+      },
+      textareaSize: {
+        sm: "min-h-[80px] pt-3 pb-1",
+        default: "min-h-[100px]",
+        lg: "min-h-[120px] pt-5 pb-2"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      textareaSize: "default"
+    }
+  }
+);
+var Textarea = React36.memo(
+  React36.forwardRef(
+    ({
+      className,
+      variant,
+      textareaSize,
+      error,
+      label,
+      icon: Icon2,
+      required,
+      containerClassName,
+      labelClassName,
+      autoResize = false,
+      onChange,
+      ...props
+    }, ref) => {
+      const textareaRef = React36.useRef(null);
+      React36.useImperativeHandle(ref, () => textareaRef.current, []);
+      const focusTextarea = React36.useCallback(() => {
+        textareaRef.current?.focus();
+      }, []);
+      const handleChange = React36.useCallback(
+        (e) => {
+          if (autoResize && textareaRef.current) {
+            textareaRef.current.style.height = "auto";
+            textareaRef.current.style.height = `${textareaRef.current.scrollHeight}px`;
+          }
+          onChange?.(e);
+        },
+        [autoResize, onChange]
+      );
+      React36.useEffect(() => {
+        if (autoResize && textareaRef.current) {
+          textareaRef.current.style.height = "auto";
+          textareaRef.current.style.height = `${textareaRef.current.scrollHeight}px`;
+        }
+      }, [autoResize]);
+      return /* @__PURE__ */ jsxs("div", { className: cn("relative", containerClassName), children: [
+        Icon2 && /* @__PURE__ */ jsx(
+          Icon2,
+          {
+            className: "absolute left-3 top-4 text-muted-foreground h-4 w-4 cursor-pointer z-10",
+            onClick: focusTextarea
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "textarea",
+          {
+            className: cn(
+              textareaVariants({
+                variant: error ? "error" : variant,
+                textareaSize
+              }),
+              Icon2 && "pl-10",
+              className
+            ),
+            ref: textareaRef,
+            onChange: handleChange,
+            ...props
+          }
+        ),
+        label && /* @__PURE__ */ jsxs(
+          "label",
+          {
+            className: cn(
+              "absolute left-3 top-[-6px] text-xs font-medium bg-background px-1 cursor-pointer",
+              error ? "text-red-500" : "text-foreground",
+              Icon2 && "left-10",
+              labelClassName
+            ),
+            onClick: focusTextarea,
+            children: [
+              label,
+              required && /* @__PURE__ */ jsx("span", { className: "text-red-500 ml-0.5", children: "*" })
+            ]
+          }
+        )
+      ] });
+    }
+  )
+);
+Textarea.displayName = "Textarea";
+var FormContext = React36.createContext(null);
+function useFormContext() {
+  const context = React36.useContext(FormContext);
+  if (!context) {
+    throw new Error("useFormContext must be used within a Form provider");
+  }
+  return context.form;
+}
+function FormProvider({
+  form,
+  children
+}) {
+  const value = React36.useMemo(() => ({ form }), [form]);
+  return /* @__PURE__ */ jsx(FormContext.Provider, { value, children });
+}
+var FormFieldContext = React36.createContext(null);
+function useFormFieldContext() {
+  const context = React36.useContext(FormFieldContext);
+  if (!context) {
+    throw new Error("useFormFieldContext must be used within a Form.Field");
+  }
+  return context;
+}
+function useFormFieldContextOptional() {
+  return React36.useContext(FormFieldContext);
+}
+function FormFieldProvider({ name, children }) {
+  const form = useFormContext();
+  const id = React36.useId();
+  const fieldState = form.getFieldState(name, form.formState);
+  const error = fieldState.error?.message;
+  const isRequired = false;
+  const value = React36.useMemo(
+    () => ({
+      name,
+      id,
+      error,
+      isRequired
+    }),
+    [name, id, error, isRequired]
+  );
+  return /* @__PURE__ */ jsx(FormFieldContext.Provider, { value, children });
+}
+function applyMask(value, mask) {
+  const digits = value.replace(/\D/g, "");
+  switch (mask) {
+    case "phone":
+      if (digits.length <= 10) {
+        return digits.replace(/(\d{2})(\d{4})(\d{0,4})/, "($1) $2-$3").trim();
+      }
+      return digits.replace(/(\d{2})(\d{5})(\d{0,4})/, "($1) $2-$3").trim();
+    case "cpf":
+      return digits.replace(/(\d{3})(\d)/, "$1.$2").replace(/(\d{3})(\d)/, "$1.$2").replace(/(\d{3})(\d{1,2})$/, "$1-$2");
+    case "cnpj":
+      return digits.replace(/(\d{2})(\d)/, "$1.$2").replace(/(\d{3})(\d)/, "$1.$2").replace(/(\d{3})(\d)/, "$1/$2").replace(/(\d{4})(\d{1,2})$/, "$1-$2");
+    case "cep":
+      return digits.replace(/(\d{5})(\d{0,3})/, "$1-$2");
+    case "money":
+      if (!digits) return "";
+      const cents = parseInt(digits, 10) / 100;
+      return new Intl.NumberFormat("pt-BR", {
+        style: "currency",
+        currency: "BRL"
+      }).format(cents);
+    case "percent":
+      if (!digits) return "";
+      const percent = parseInt(digits, 10) / 100;
+      return `${percent.toFixed(2)}%`;
+    case "plate":
+      const upper = value.toUpperCase().replace(/[^A-Z0-9]/g, "");
+      if (upper.length <= 3) return upper;
+      if (upper.length <= 7) {
+        return upper.replace(/([A-Z]{3})(\d{0,1})([A-Z0-9]{0,1})(\d{0,2})/, "$1-$2$3$4");
+      }
+      return upper.slice(0, 7).replace(/([A-Z]{3})(\d{0,1})([A-Z0-9]{0,1})(\d{0,2})/, "$1-$2$3$4");
+    case "date":
+      return digits.replace(/(\d{2})(\d)/, "$1/$2").replace(/(\d{2})(\d)/, "$1/$2").slice(0, 10);
+    case "time":
+      return digits.replace(/(\d{2})(\d{0,2})/, "$1:$2").slice(0, 5);
+    case "datetime":
+      const dateTime = digits.replace(/(\d{2})(\d)/, "$1/$2").replace(/(\d{2})(\d)/, "$1/$2").replace(/(\d{4})(\d)/, "$1 $2").replace(/(\d{2})(\d{0,2})$/, "$1:$2");
+      return dateTime.slice(0, 16);
+    default:
+      return value;
+  }
+}
+function getMaxLength(mask) {
+  switch (mask) {
+    case "phone":
+      return 15;
+    case "cpf":
+      return 14;
+    case "cnpj":
+      return 18;
+    case "cep":
+      return 9;
+    case "plate":
+      return 8;
+    case "date":
+      return 10;
+    case "time":
+      return 5;
+    case "datetime":
+      return 16;
+    default:
+      return void 0;
+  }
+}
+function parseValue(displayValue, mask) {
+  if (!displayValue) return void 0;
+  switch (mask) {
+    case "money":
+      const moneyDigits = displayValue.replace(/\D/g, "");
+      return moneyDigits ? parseInt(moneyDigits, 10) / 100 : void 0;
+    case "percent":
+      const percentDigits = displayValue.replace(/\D/g, "");
+      return percentDigits ? parseInt(percentDigits, 10) / 100 : void 0;
+    default:
+      return displayValue || void 0;
+  }
+}
+function FormInput({
+  name,
+  label,
+  description,
+  required,
+  disabled,
+  className,
+  mask,
+  icon,
+  showPasswordToggle = true,
+  inputSize = "default",
+  hideError = false,
+  type = "text",
+  maxLength,
+  ...inputProps
+}) {
+  const form = useFormContext();
+  const fieldState = form.getFieldState(name, form.formState);
+  const error = fieldState.error?.message;
+  const getInputType = React36.useCallback(() => {
+    if (["money", "percent", "phone", "cpf", "cnpj", "cep"].includes(mask || "")) {
+      return "tel";
+    }
+    return type;
+  }, [mask, type]);
+  return /* @__PURE__ */ jsx(FormFieldProvider, { name, children: /* @__PURE__ */ jsx(
+    Controller,
+    {
+      control: form.control,
+      name,
+      render: ({ field }) => {
+        const getDisplayValue = () => {
+          if (field.value === void 0 || field.value === null) return "";
+          if (mask) {
+            return applyMask(String(field.value), mask);
+          }
+          return String(field.value);
+        };
+        const handleChange = (e) => {
+          let newValue = e.target.value;
+          if (mask) {
+            newValue = applyMask(newValue, mask);
+            const parsed = parseValue(newValue, mask);
+            field.onChange(parsed);
+          } else {
+            field.onChange(newValue || void 0);
+          }
+        };
+        return /* @__PURE__ */ jsxs("div", { className: cn("space-y-1", className), children: [
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              ...inputProps,
+              ref: field.ref,
+              name: field.name,
+              value: getDisplayValue(),
+              onChange: handleChange,
+              onBlur: field.onBlur,
+              disabled,
+              type: getInputType(),
+              label,
+              required,
+              error: !!error,
+              icon,
+              inputSize,
+              maxLength: maxLength ?? getMaxLength(mask)
+            }
+          ),
+          description && !error && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground px-1", children: description }),
+          !hideError && error && /* @__PURE__ */ jsx("p", { className: "text-xs text-red-500 px-1", children: error })
+        ] });
+      }
+    }
+  ) });
+}
+FormInput.displayName = "Form.Input";
+function FormSelect({
+  name,
+  label,
+  description,
+  required,
+  disabled,
+  className,
+  options,
+  placeholder = "Selecione...",
+  icon,
+  hideError = false,
+  selectSize = "default",
+  emptyText = "Nenhuma op\xE7\xE3o dispon\xEDvel",
+  loading = false
+}) {
+  const form = useFormContext();
+  const fieldState = form.getFieldState(name, form.formState);
+  const error = fieldState.error?.message;
+  return /* @__PURE__ */ jsx(FormFieldProvider, { name, children: /* @__PURE__ */ jsx(
+    Controller,
+    {
+      control: form.control,
+      name,
+      render: ({ field }) => /* @__PURE__ */ jsxs("div", { className: cn("space-y-1", className), children: [
+        /* @__PURE__ */ jsx(
+          Select,
+          {
+            value: field.value ?? "",
+            onValueChange: (value) => {
+              field.onChange(value || void 0);
+            },
+            disabled: disabled || loading,
+            label,
+            required,
+            error: !!error,
+            icon,
+            selectSize,
+            placeholder,
+            children: loading ? /* @__PURE__ */ jsx(SelectItem, { value: "__loading__", disabled: true, children: "Carregando..." }) : options.length === 0 ? /* @__PURE__ */ jsx(SelectItem, { value: "__empty__", disabled: true, children: emptyText }) : options.map((option) => /* @__PURE__ */ jsx(
+              SelectItem,
+              {
+                value: option.value,
+                disabled: option.disabled,
+                children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+                  option.icon && /* @__PURE__ */ jsx(option.icon, { className: "h-4 w-4 text-muted-foreground" }),
+                  /* @__PURE__ */ jsxs("div", { children: [
+                    /* @__PURE__ */ jsx("span", { children: option.label }),
+                    option.description && /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground ml-2", children: option.description })
+                  ] })
+                ] })
+              },
+              option.value
+            ))
+          }
+        ),
+        description && !error && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground px-1", children: description }),
+        !hideError && error && /* @__PURE__ */ jsx("p", { className: "text-xs text-red-500 px-1", children: error })
+      ] })
+    }
+  ) });
+}
+FormSelect.displayName = "Form.Select";
+function FormTextarea({
+  name,
+  label,
+  description,
+  required,
+  disabled,
+  className,
+  hideError = false,
+  showCount = false,
+  maxLength,
+  ...textareaProps
+}) {
+  const form = useFormContext();
+  const fieldState = form.getFieldState(name, form.formState);
+  const error = fieldState.error?.message;
+  return /* @__PURE__ */ jsx(FormFieldProvider, { name, children: /* @__PURE__ */ jsx(
+    Controller,
+    {
+      control: form.control,
+      name,
+      render: ({ field }) => {
+        const charCount = field.value?.length ?? 0;
+        return /* @__PURE__ */ jsxs("div", { className: cn("space-y-1", className), children: [
+          /* @__PURE__ */ jsx(
+            Textarea,
+            {
+              ...textareaProps,
+              ref: field.ref,
+              name: field.name,
+              value: field.value ?? "",
+              onChange: (e) => field.onChange(e.target.value || void 0),
+              onBlur: field.onBlur,
+              disabled,
+              label,
+              required,
+              error: !!error,
+              maxLength
+            }
+          ),
+          /* @__PURE__ */ jsxs("div", { className: "flex justify-between px-1", children: [
+            /* @__PURE__ */ jsxs("div", { children: [
+              description && !error && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: description }),
+              !hideError && error && /* @__PURE__ */ jsx("p", { className: "text-xs text-red-500", children: error })
+            ] }),
+            showCount && maxLength && /* @__PURE__ */ jsxs(
+              "p",
+              {
+                className: cn(
+                  "text-xs",
+                  charCount > maxLength ? "text-red-500" : "text-muted-foreground"
+                ),
+                children: [
+                  charCount,
+                  "/",
+                  maxLength
+                ]
+              }
+            )
+          ] })
+        ] });
+      }
+    }
+  ) });
+}
+FormTextarea.displayName = "Form.Textarea";
+function FormCheckbox({
+  name,
+  label,
+  description,
+  required,
+  disabled,
+  className,
+  hideError = false
+}) {
+  const form = useFormContext();
+  const fieldState = form.getFieldState(name, form.formState);
+  const error = fieldState.error?.message;
+  const id = React36.useId();
+  return /* @__PURE__ */ jsx(FormFieldProvider, { name, children: /* @__PURE__ */ jsx(
+    Controller,
+    {
+      control: form.control,
+      name,
+      render: ({ field }) => /* @__PURE__ */ jsxs("div", { className: cn("space-y-1", className), children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3", children: [
+          /* @__PURE__ */ jsx(
+            Checkbox,
+            {
+              id,
+              ref: field.ref,
+              checked: field.value ?? false,
+              onCheckedChange: (checked) => field.onChange(checked),
+              onBlur: field.onBlur,
+              disabled
+            }
+          ),
+          (label || description) && /* @__PURE__ */ jsxs("div", { className: "grid gap-0.5 leading-none", children: [
+            label && /* @__PURE__ */ jsxs(
+              "label",
+              {
+                htmlFor: id,
+                className: cn(
+                  "text-sm font-medium leading-none cursor-pointer",
+                  disabled && "cursor-not-allowed opacity-50"
+                ),
+                children: [
+                  label,
+                  required && /* @__PURE__ */ jsx("span", { className: "text-red-500 ml-0.5", children: "*" })
+                ]
+              }
+            ),
+            description && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: description })
+          ] })
+        ] }),
+        !hideError && error && /* @__PURE__ */ jsx("p", { className: "text-xs text-red-500 pl-8", children: error })
+      ] })
+    }
+  ) });
+}
+FormCheckbox.displayName = "Form.Checkbox";
+function FormSwitch({
+  name,
+  label,
+  description,
+  required,
+  disabled,
+  className,
+  hideError = false
+}) {
+  const form = useFormContext();
+  const fieldState = form.getFieldState(name, form.formState);
+  const error = fieldState.error?.message;
+  const id = React36.useId();
+  return /* @__PURE__ */ jsx(FormFieldProvider, { name, children: /* @__PURE__ */ jsx(
+    Controller,
+    {
+      control: form.control,
+      name,
+      render: ({ field }) => /* @__PURE__ */ jsxs("div", { className: cn("space-y-1", className), children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-4", children: [
+          (label || description) && /* @__PURE__ */ jsxs("div", { className: "grid gap-0.5 leading-none", children: [
+            label && /* @__PURE__ */ jsxs(
+              "label",
+              {
+                htmlFor: id,
+                className: cn(
+                  "text-sm font-medium leading-none cursor-pointer",
+                  disabled && "cursor-not-allowed opacity-50"
+                ),
+                children: [
+                  label,
+                  required && /* @__PURE__ */ jsx("span", { className: "text-red-500 ml-0.5", children: "*" })
+                ]
+              }
+            ),
+            description && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: description })
+          ] }),
+          /* @__PURE__ */ jsx(
+            Switch,
+            {
+              id,
+              ref: field.ref,
+              checked: field.value ?? false,
+              onCheckedChange: (checked) => field.onChange(checked),
+              onBlur: field.onBlur,
+              disabled
+            }
+          )
+        ] }),
+        !hideError && error && /* @__PURE__ */ jsx("p", { className: "text-xs text-red-500", children: error })
+      ] })
+    }
+  ) });
+}
+FormSwitch.displayName = "Form.Switch";
+function FormRadioGroup({
+  name,
+  label,
+  description,
+  required,
+  disabled,
+  className,
+  options,
+  orientation = "vertical",
+  hideError = false
+}) {
+  const form = useFormContext();
+  const fieldState = form.getFieldState(name, form.formState);
+  const error = fieldState.error?.message;
+  return /* @__PURE__ */ jsx(FormFieldProvider, { name, children: /* @__PURE__ */ jsx(
+    Controller,
+    {
+      control: form.control,
+      name,
+      render: ({ field }) => /* @__PURE__ */ jsxs("div", { className: cn("space-y-2", className), children: [
+        label && /* @__PURE__ */ jsxs("label", { className: "text-sm font-medium", children: [
+          label,
+          required && /* @__PURE__ */ jsx("span", { className: "text-red-500 ml-0.5", children: "*" })
+        ] }),
+        description && !error && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: description }),
+        /* @__PURE__ */ jsx(
+          RadioGroupPrimitive.Root,
+          {
+            ref: field.ref,
+            value: field.value,
+            onValueChange: (value) => field.onChange(value || void 0),
+            disabled,
+            className: cn(
+              "grid gap-2",
+              orientation === "horizontal" && "flex flex-wrap gap-4"
+            ),
+            children: options.map((option) => {
+              const optionId = `${name}-${option.value}`;
+              const isSelected = field.value === option.value;
+              return /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  className: cn(
+                    "flex items-center gap-3 border-2 py-2 px-4 rounded-lg transition-colors cursor-pointer",
+                    isSelected ? "border-primary bg-primary/5" : "border-border hover:border-muted-foreground/50",
+                    option.disabled && "opacity-50 cursor-not-allowed"
+                  ),
+                  onClick: () => {
+                    if (!option.disabled && !disabled) {
+                      field.onChange(option.value);
+                    }
+                  },
+                  children: [
+                    /* @__PURE__ */ jsx(
+                      RadioGroupPrimitive.Item,
+                      {
+                        id: optionId,
+                        value: option.value,
+                        disabled: option.disabled,
+                        className: cn(
+                          "aspect-square h-4 w-4 rounded-full border border-primary text-primary",
+                          "ring-offset-background focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+                          "disabled:cursor-not-allowed disabled:opacity-50"
+                        ),
+                        children: /* @__PURE__ */ jsx(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx(Circle, { className: "h-2.5 w-2.5 fill-current text-current" }) })
+                      }
+                    ),
+                    /* @__PURE__ */ jsxs("div", { className: "grid gap-0.5 leading-none", children: [
+                      /* @__PURE__ */ jsx(
+                        "label",
+                        {
+                          htmlFor: optionId,
+                          className: cn(
+                            "text-sm font-medium leading-none cursor-pointer",
+                            isSelected && "text-primary",
+                            option.disabled && "cursor-not-allowed"
+                          ),
+                          children: option.label
+                        }
+                      ),
+                      option.description && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: option.description })
+                    ] })
+                  ]
+                },
+                option.value
+              );
+            })
+          }
+        ),
+        !hideError && error && /* @__PURE__ */ jsx("p", { className: "text-xs text-red-500", children: error })
+      ] })
+    }
+  ) });
+}
+FormRadioGroup.displayName = "Form.RadioGroup";
+var FormLabel = React36.forwardRef(
+  ({ className, required, children, ...props }, ref) => {
+    const fieldContext = useFormFieldContextOptional();
+    return /* @__PURE__ */ jsxs(
+      "label",
+      {
+        ref,
+        htmlFor: fieldContext?.id,
+        className: cn(
+          "text-sm font-medium leading-none",
+          fieldContext?.error && "text-red-500",
+          className
+        ),
+        ...props,
+        children: [
+          children,
+          (required || fieldContext?.isRequired) && /* @__PURE__ */ jsx("span", { className: "text-red-500 ml-0.5", children: "*" })
+        ]
+      }
+    );
+  }
+);
+FormLabel.displayName = "Form.Label";
+var FormDescription = React36.forwardRef(({ className, ...props }, ref) => {
+  const fieldContext = useFormFieldContextOptional();
+  if (fieldContext?.error) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(
+    "p",
+    {
+      ref,
+      className: cn("text-xs text-muted-foreground", className),
+      ...props
+    }
+  );
+});
+FormDescription.displayName = "Form.Description";
+var FormError = React36.forwardRef(
+  ({ className, message, children, ...props }, ref) => {
+    const fieldContext = useFormFieldContextOptional();
+    const errorMessage = message ?? fieldContext?.error;
+    if (!errorMessage && !children) {
+      return null;
+    }
+    return /* @__PURE__ */ jsx(
+      "p",
+      {
+        ref,
+        className: cn("text-xs text-red-500", className),
+        ...props,
+        children: children || errorMessage
+      }
+    );
+  }
+);
+FormError.displayName = "Form.Error";
+var FormFieldWrapper = React36.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,
+    description && /* @__PURE__ */ jsx(FormDescription, { children: description }),
+    error && /* @__PURE__ */ jsx(FormError, { message: error })
+  ] });
+});
+FormFieldWrapper.displayName = "Form.FieldWrapper";
+function FormRoot({
+  form,
+  onSubmit,
+  onError,
+  children,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(FormProvider, { form, children: /* @__PURE__ */ jsx(
+    "form",
+    {
+      onSubmit: form.handleSubmit(onSubmit, onError),
+      className: cn("space-y-4", className),
+      ...props,
+      children
+    }
+  ) });
+}
+FormRoot.displayName = "Form";
+var Form = Object.assign(FormRoot, {
+  // Campos com auto-bind
+  Input: FormInput,
+  Select: FormSelect,
+  Textarea: FormTextarea,
+  Checkbox: FormCheckbox,
+  Switch: FormSwitch,
+  RadioGroup: FormRadioGroup,
+  // Partes auxiliares
+  Label: FormLabel,
+  Description: FormDescription,
+  Error: FormError,
+  FieldWrapper: FormFieldWrapper,
+  Field: FormFieldProvider
+});
+var AuthLayoutContext = React36.createContext({
+  imagePosition: "left"
+});
+function AuthLayoutRoot({ children, className }) {
+  const [imagePosition, setImagePosition] = React36.useState("left");
+  React36.useEffect(() => {
+    React36.Children.forEach(children, (child) => {
+      if (React36.isValidElement(child) && child.type === AuthLayoutImage) {
+        setImagePosition(child.props.position || "left");
+      }
+    });
+  }, [children]);
+  return /* @__PURE__ */ jsx(AuthLayoutContext.Provider, { value: { imagePosition }, children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "min-h-screen flex flex-col xl:flex-row max-xl:justify-center",
+        imagePosition === "right" && "xl:flex-row-reverse",
+        className
+      ),
+      children
+    }
+  ) });
+}
+function AuthLayoutImage({
+  src,
+  alt,
+  position: _position = "left",
+  className,
+  priority = true
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "hidden xl:block relative w-full xl:w-3/6 h-64 xl:h-screen overflow-hidden",
+        className
+      ),
+      children: /* @__PURE__ */ jsx(
+        "img",
+        {
+          src,
+          alt,
+          className: "absolute inset-0 w-full h-full object-cover object-top",
+          loading: priority ? "eager" : "lazy"
+        }
+      )
+    }
+  );
+}
+function AuthLayoutContent({
+  children,
+  className,
+  maxWidth = "md"
+}) {
+  const maxWidthClasses = {
+    sm: "max-w-sm",
+    md: "max-w-md",
+    lg: "max-w-lg"
+  };
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "w-full lg:w-3/6 flex items-center justify-center p-6 pt-20 sm:pt-0 lg:p-12 bg-background mx-auto",
+        className
+      ),
+      children: /* @__PURE__ */ jsx("div", { className: cn("w-full space-y-8", maxWidthClasses[maxWidth]), children })
+    }
+  );
+}
+function AuthLayoutHeader({
+  children,
+  className,
+  logo,
+  title,
+  description,
+  centered = true
+}) {
+  if (children) {
+    return /* @__PURE__ */ jsx("div", { className: cn("space-y-2", centered && "text-center", className), children });
+  }
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "flex flex-col gap-2",
+        centered && "items-center text-center",
+        className
+      ),
+      children: [
+        logo && /* @__PURE__ */ jsx("div", { className: "mb-2", children: logo }),
+        title && /* @__PURE__ */ jsx("h1", { className: "text-2xl font-bold", children: title }),
+        description && /* @__PURE__ */ jsx("p", { className: "text-balance text-sm text-muted-foreground", children: description })
+      ]
+    }
+  );
+}
+function AuthLayoutBody({ children, className }) {
+  return /* @__PURE__ */ jsx("div", { className: cn("space-y-6", className), children });
+}
+function AuthLayoutFooter({ children, className }) {
+  return /* @__PURE__ */ jsx("div", { className: cn("text-center text-sm text-muted-foreground", className), children });
+}
+function AuthLayoutLink({ children, className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "a",
+    {
+      className: cn(
+        "text-sm text-primary hover:underline cursor-pointer",
+        className
+      ),
+      ...props,
+      children
+    }
+  );
+}
+function AuthLayoutDivider({ text = "ou", className }) {
+  return /* @__PURE__ */ jsxs("div", { className: cn("relative", className), children: [
+    /* @__PURE__ */ jsx("div", { className: "absolute inset-0 flex items-center", children: /* @__PURE__ */ jsx("span", { className: "w-full border-t" }) }),
+    /* @__PURE__ */ jsx("div", { className: "relative flex justify-center text-xs uppercase", children: /* @__PURE__ */ jsx("span", { className: "bg-background px-2 text-muted-foreground", children: text }) })
+  ] });
+}
+AuthLayoutRoot.displayName = "AuthLayout";
+AuthLayoutImage.displayName = "AuthLayout.Image";
+AuthLayoutContent.displayName = "AuthLayout.Content";
+AuthLayoutHeader.displayName = "AuthLayout.Header";
+AuthLayoutBody.displayName = "AuthLayout.Body";
+AuthLayoutFooter.displayName = "AuthLayout.Footer";
+AuthLayoutLink.displayName = "AuthLayout.Link";
+AuthLayoutDivider.displayName = "AuthLayout.Divider";
+var AuthLayout = Object.assign(AuthLayoutRoot, {
+  Image: AuthLayoutImage,
+  Content: AuthLayoutContent,
+  Header: AuthLayoutHeader,
+  Body: AuthLayoutBody,
+  Footer: AuthLayoutFooter,
+  Link: AuthLayoutLink,
+  Divider: AuthLayoutDivider
+});
+var TabsContext = React36.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 });
+}
+function SelectionLayoutSidebar({ children, className }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "lg:w-2/5 bg-gradient-to-br from-primary/90 to-primary p-6 lg:p-12",
+        "flex flex-col justify-between text-white relative overflow-hidden",
+        "min-h-[50vh] lg:min-h-screen",
+        className
+      ),
+      children
+    }
+  );
+}
+function SelectionLayoutLogo({ children, className }) {
+  return /* @__PURE__ */ jsx("div", { className: cn("flex items-center gap-3 mb-8 lg:mb-16", className), children });
+}
+function SelectionLayoutHeadline({
+  title,
+  bullets,
+  className
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: cn("space-y-4 lg:space-y-6 flex-1", className), children: [
+    /* @__PURE__ */ jsx("h1", { className: "text-3xl lg:text-5xl font-bold leading-tight", children: title }),
+    bullets && bullets.length > 0 && /* @__PURE__ */ jsx("div", { className: "space-y-2 text-white/80", children: bullets.map((bullet, index) => /* @__PURE__ */ jsx("p", { className: "text-base lg:text-lg", children: bullet }, index)) })
+  ] });
+}
+function SelectionLayoutStats({ label, value, className }) {
+  return /* @__PURE__ */ jsx("div", { className: cn("bg-white/10 rounded-lg p-4 backdrop-blur-sm", className), children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between text-sm lg:text-base", children: [
+    /* @__PURE__ */ jsx("span", { children: label }),
+    /* @__PURE__ */ jsx("span", { className: "font-bold", children: value })
+  ] }) });
+}
+function SelectionLayoutMain({ children, className }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "lg:w-3/5 bg-background flex flex-col min-h-[50vh] lg:min-h-screen",
+        className
+      ),
+      children
+    }
+  );
+}
+function SelectionLayoutHeader({
+  title,
+  subtitle,
+  action,
+  className
+}) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "flex justify-between items-center p-6 lg:p-8 border-b border-border",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("h2", { className: "text-xl lg:text-2xl font-bold", children: title }),
+          subtitle && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground mt-1", children: subtitle })
+        ] }),
+        action && /* @__PURE__ */ jsx("div", { children: action })
+      ]
+    }
+  );
+}
+function SelectionLayoutSearch({
+  value,
+  onChange,
+  placeholder = "Buscar...",
+  className
+}) {
+  return /* @__PURE__ */ jsx("div", { className: cn("p-6 lg:p-8 pb-4 lg:pb-6", className), children: /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+    /* @__PURE__ */ jsx(Search, { className: "absolute left-3 top-1/2 transform -translate-y-1/2 text-muted-foreground w-4 h-4" }),
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        type: "text",
+        placeholder,
+        value,
+        onChange: (e) => onChange(e.target.value),
+        className: cn(
+          "w-full pl-10 h-11 rounded-md border border-input bg-muted/50",
+          "focus:bg-background focus:outline-none focus:ring-2 focus:ring-ring",
+          "text-sm placeholder:text-muted-foreground"
+        )
+      }
+    )
+  ] }) });
+}
+function SelectionLayoutTabs({
+  children,
+  value,
+  onValueChange,
+  className
+}) {
+  return /* @__PURE__ */ jsx(TabsContext.Provider, { value: { value, onValueChange }, children: /* @__PURE__ */ jsx("div", { className: cn("px-6 lg:px-8", className), children: /* @__PURE__ */ jsx("div", { className: "flex space-x-1 bg-muted p-1 rounded-lg", children }) }) });
+}
+function SelectionLayoutTab({
+  value,
+  label,
+  icon: Icon2,
+  badge,
+  className
+}) {
+  const context = React36.useContext(TabsContext);
+  if (!context) {
+    throw new Error("SelectionLayout.Tab must be used within SelectionLayout.Tabs");
+  }
+  const isActive = context.value === value;
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      onClick: () => context.onValueChange(value),
+      className: cn(
+        "flex-1 flex items-center justify-center gap-2 px-3 py-2 rounded-md text-sm font-medium transition-all",
+        isActive ? "bg-background text-foreground shadow-sm" : "text-muted-foreground hover:text-foreground",
+        className
+      ),
+      children: [
+        Icon2 && /* @__PURE__ */ jsx(Icon2, { className: "w-4 h-4" }),
+        /* @__PURE__ */ jsx("span", { className: "hidden sm:inline", children: label }),
+        badge !== void 0 && /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: cn(
+              "text-xs px-2 py-0.5 rounded-full",
+              isActive ? "bg-primary/10 text-primary" : "bg-muted-foreground/20"
+            ),
+            children: badge
+          }
+        )
+      ]
+    }
+  );
+}
+function SelectionLayoutList({ children, className }) {
+  return /* @__PURE__ */ jsx("div", { className: cn("flex-1 p-6 lg:p-8 pt-6", className), children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "space-y-3 max-h-[50vh] lg:max-h-[55vh] overflow-y-auto pr-2",
+        "scrollbar-thin scrollbar-thumb-muted-foreground/20 scrollbar-track-transparent"
+      ),
+      children
+    }
+  ) });
+}
+function SelectionLayoutCard({
+  children,
+  className,
+  onClick,
+  icon,
+  title,
+  description,
+  badge,
+  favorite,
+  onFavoriteClick
+}) {
+  const isIconComponent = typeof icon === "function" || icon && typeof icon === "object" && "$$typeof" in icon;
+  const IconComponent = isIconComponent ? icon : null;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      onClick,
+      className: cn(
+        "cursor-pointer transition-all duration-200 rounded-lg border-2 bg-card",
+        "hover:shadow-lg hover:border-primary/20 active:scale-[0.98] group",
+        className
+      ),
+      children: /* @__PURE__ */ jsx("div", { className: "p-4 lg:p-5", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 lg:gap-4 flex-1 min-w-0", children: [
+          icon && /* @__PURE__ */ jsx("div", { className: "w-10 h-10 lg:w-12 lg:h-12 bg-primary/10 rounded-lg flex items-center justify-center flex-shrink-0", children: IconComponent ? /* @__PURE__ */ jsx(IconComponent, { className: "w-5 h-5 lg:w-6 lg:h-6 text-primary" }) : icon }),
+          /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx("h3", { className: "font-semibold text-sm lg:text-base truncate", children: title }),
+              favorite && /* @__PURE__ */ jsx(Star, { className: "w-4 h-4 text-yellow-500 fill-current flex-shrink-0" }),
+              badge
+            ] }),
+            description && /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-xs lg:text-sm truncate", children: description }),
+            children
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 flex-shrink-0 ml-2", children: [
+          onFavoriteClick && /* @__PURE__ */ jsx(
+            "button",
+            {
+              onClick: (e) => {
+                e.stopPropagation();
+                onFavoriteClick();
+              },
+              className: "p-2 hover:bg-muted rounded-md transition-colors",
+              children: /* @__PURE__ */ jsx(
+                Star,
+                {
+                  className: cn(
+                    "w-4 h-4",
+                    favorite ? "text-yellow-500 fill-current" : "text-muted-foreground"
+                  )
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ jsx(ArrowRight, { className: "w-5 h-5 text-muted-foreground group-hover:text-foreground transition-colors" })
+        ] })
+      ] }) })
+    }
+  );
+}
+function SelectionLayoutEmpty({
+  icon: Icon2 = Building2,
+  title,
+  description,
+  action,
+  className
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: cn("text-center py-12", className), children: [
+    /* @__PURE__ */ jsx(Icon2, { className: "w-12 h-12 text-muted-foreground/50 mx-auto mb-4" }),
+    /* @__PURE__ */ jsx("h3", { className: "text-lg font-medium mb-2", children: title }),
+    description && /* @__PURE__ */ jsx("p", { className: "text-muted-foreground mb-4", children: description }),
+    action
+  ] });
+}
+SelectionLayoutRoot.displayName = "SelectionLayout";
+SelectionLayoutSidebar.displayName = "SelectionLayout.Sidebar";
+SelectionLayoutLogo.displayName = "SelectionLayout.Logo";
+SelectionLayoutHeadline.displayName = "SelectionLayout.Headline";
+SelectionLayoutStats.displayName = "SelectionLayout.Stats";
+SelectionLayoutMain.displayName = "SelectionLayout.Main";
+SelectionLayoutHeader.displayName = "SelectionLayout.Header";
+SelectionLayoutSearch.displayName = "SelectionLayout.Search";
+SelectionLayoutTabs.displayName = "SelectionLayout.Tabs";
+SelectionLayoutTab.displayName = "SelectionLayout.Tab";
+SelectionLayoutList.displayName = "SelectionLayout.List";
+SelectionLayoutCard.displayName = "SelectionLayout.Card";
+SelectionLayoutEmpty.displayName = "SelectionLayout.Empty";
+var SelectionLayout = Object.assign(SelectionLayoutRoot, {
+  Sidebar: SelectionLayoutSidebar,
+  Logo: SelectionLayoutLogo,
+  Headline: SelectionLayoutHeadline,
+  Stats: SelectionLayoutStats,
+  Main: SelectionLayoutMain,
+  Header: SelectionLayoutHeader,
+  Search: SelectionLayoutSearch,
+  Tabs: SelectionLayoutTabs,
+  Tab: SelectionLayoutTab,
+  List: SelectionLayoutList,
+  Card: SelectionLayoutCard,
+  Empty: SelectionLayoutEmpty
+});
+var DashboardLayoutContext = React36.createContext(null);
+function useDashboardLayout() {
+  const context = React36.useContext(DashboardLayoutContext);
+  if (!context) {
+    throw new Error("useDashboardLayout must be used within DashboardLayout");
+  }
+  return context;
+}
+function useMediaQuery(query) {
+  const [matches, setMatches] = React36.useState(false);
+  React36.useEffect(() => {
+    const media = window.matchMedia(query);
+    if (media.matches !== matches) {
+      setMatches(media.matches);
+    }
+    const listener = () => setMatches(media.matches);
+    media.addEventListener("change", listener);
+    return () => media.removeEventListener("change", listener);
+  }, [matches, query]);
+  return matches;
+}
+function DashboardLayoutRoot({
+  children,
+  className,
+  defaultExpanded = false,
+  defaultPinned = false
+}) {
+  const [sidebarExpanded, setSidebarExpanded] = React36.useState(defaultExpanded);
+  const [sidebarPinned, setSidebarPinned] = React36.useState(defaultPinned);
+  const [mobileMenuOpen, setMobileMenuOpen] = React36.useState(false);
+  const isMobile = useMediaQuery("(max-width: 1024px)");
+  React36.useEffect(() => {
+    if (!isMobile) {
+      setMobileMenuOpen(false);
+    }
+  }, [isMobile]);
+  const value = {
+    sidebarExpanded,
+    setSidebarExpanded,
+    sidebarPinned,
+    setSidebarPinned,
+    isMobile,
+    mobileMenuOpen,
+    setMobileMenuOpen
+  };
+  return /* @__PURE__ */ jsx(DashboardLayoutContext.Provider, { value, children: /* @__PURE__ */ jsx("div", { className: cn("min-h-screen bg-muted/30 flex", className), children }) });
+}
+function DashboardLayoutSidebar({
+  children,
+  className,
+  collapsedWidth = 64,
+  expandedWidth = 256
+}) {
+  const {
+    sidebarExpanded,
+    setSidebarExpanded,
+    sidebarPinned,
+    isMobile,
+    mobileMenuOpen,
+    setMobileMenuOpen
+  } = useDashboardLayout();
+  const handleMouseEnter = () => {
+    if (!sidebarPinned && !isMobile) {
+      setSidebarExpanded(true);
+    }
+  };
+  const handleMouseLeave = () => {
+    if (!sidebarPinned && !isMobile) {
+      setSidebarExpanded(false);
+    }
+  };
+  if (isMobile) {
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      mobileMenuOpen && /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: "fixed inset-0 bg-black/50 z-40 lg:hidden",
+          onClick: () => setMobileMenuOpen(false)
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "aside",
+        {
+          className: cn(
+            "fixed top-0 left-0 h-full bg-card z-50 shadow-xl",
+            "transform transition-transform duration-300 ease-in-out",
+            mobileMenuOpen ? "translate-x-0" : "-translate-x-full",
+            "w-[280px]",
+            className
+          ),
+          children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col h-full", children: [
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                onClick: () => setMobileMenuOpen(false),
+                className: "absolute top-4 right-4 p-2 hover:bg-muted rounded-md",
+                children: /* @__PURE__ */ jsx(X, { className: "w-5 h-5" })
+              }
+            ),
+            children
+          ] })
+        }
+      )
+    ] });
+  }
+  return /* @__PURE__ */ jsx(
+    "aside",
+    {
+      onMouseEnter: handleMouseEnter,
+      onMouseLeave: handleMouseLeave,
+      style: {
+        width: sidebarExpanded ? expandedWidth : collapsedWidth
+      },
+      className: cn(
+        "fixed top-0 left-0 h-screen bg-card z-40",
+        "flex flex-col shadow-[0_0_20px_rgba(0,0,0,0.06)]",
+        "transition-[width] duration-300 ease-in-out",
+        className
+      ),
+      children
+    }
+  );
+}
+function DashboardLayoutSidebarHeader({
+  children,
+  className,
+  logo,
+  collapsedLogo,
+  title
+}) {
+  const { sidebarExpanded, sidebarPinned, setSidebarPinned, isMobile } = useDashboardLayout();
+  if (children) {
+    return /* @__PURE__ */ jsx("div", { className: cn("p-4 border-b border-border", className), children });
+  }
+  return /* @__PURE__ */ jsx("div", { className: cn("p-4 border-b border-border", className), children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 min-w-0", children: [
+      /* @__PURE__ */ jsx("div", { className: "flex-shrink-0", children: sidebarExpanded ? logo : collapsedLogo || logo }),
+      sidebarExpanded && title && /* @__PURE__ */ jsx("span", { className: "font-semibold text-lg truncate", children: title })
+    ] }),
+    sidebarExpanded && !isMobile && /* @__PURE__ */ jsx(
+      "button",
+      {
+        onClick: () => setSidebarPinned(!sidebarPinned),
+        className: "p-1.5 hover:bg-muted rounded-md transition-colors",
+        title: sidebarPinned ? "Unpin sidebar" : "Pin sidebar",
+        children: sidebarPinned ? /* @__PURE__ */ jsx(PinOff, { className: "w-4 h-4 text-muted-foreground" }) : /* @__PURE__ */ jsx(Pin, { className: "w-4 h-4 text-muted-foreground" })
+      }
+    )
+  ] }) });
+}
+function DashboardLayoutSidebarNav({ children, className }) {
+  return /* @__PURE__ */ jsx("nav", { className: cn("flex-1 overflow-y-auto overflow-x-hidden py-2", className), children });
+}
+function DashboardLayoutSidebarNavItem({
+  icon,
+  label,
+  href,
+  onClick,
+  isActive,
+  badge,
+  badgeVariant = "default",
+  className,
+  disabled
+}) {
+  const { sidebarExpanded } = useDashboardLayout();
+  const badgeColors = {
+    default: "bg-muted text-muted-foreground",
+    primary: "bg-primary/10 text-primary",
+    destructive: "bg-destructive/10 text-destructive"
+  };
+  const renderIcon = () => {
+    if (!icon) return null;
+    if (React36.isValidElement(icon)) {
+      return icon;
+    }
+    if (typeof icon === "function" || typeof icon === "object" && "$$typeof" in icon) {
+      const IconComponent = icon;
+      return /* @__PURE__ */ jsx(IconComponent, { className: "w-5 h-5 flex-shrink-0" });
+    }
+    return null;
+  };
+  const content = /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "flex items-center gap-3 px-3 py-2.5 mx-2 rounded-md transition-colors",
+        "hover:bg-muted cursor-pointer",
+        isActive && "bg-primary/10 text-primary hover:bg-primary/15",
+        disabled && "opacity-50 cursor-not-allowed pointer-events-none",
+        className
+      ),
+      onClick: disabled ? void 0 : onClick,
+      children: [
+        renderIcon(),
+        sidebarExpanded && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx("span", { className: "flex-1 truncate text-sm", children: label }),
+          badge !== void 0 && /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: cn(
+                "text-xs px-2 py-0.5 rounded-full",
+                badgeColors[badgeVariant]
+              ),
+              children: badge
+            }
+          )
+        ] }),
+        !sidebarExpanded && badge !== void 0 && /* @__PURE__ */ jsx("span", { className: "absolute top-1 right-1 w-2 h-2 bg-primary rounded-full" })
+      ]
+    }
+  );
+  if (href && !disabled) {
+    return /* @__PURE__ */ jsx("a", { href, className: "block relative", children: content });
+  }
+  return /* @__PURE__ */ jsx("div", { className: "relative", children: content });
+}
+function DashboardLayoutSidebarNavGroup({
+  icon,
+  label,
+  children,
+  defaultOpen = false,
+  isActive,
+  badge,
+  badgeVariant = "default",
+  className
+}) {
+  const { sidebarExpanded } = useDashboardLayout();
+  const [isOpen, setIsOpen] = React36.useState(defaultOpen);
+  const badgeColors = {
+    default: "bg-muted text-muted-foreground",
+    primary: "bg-primary/10 text-primary",
+    destructive: "bg-destructive/10 text-destructive"
+  };
+  const renderIcon = () => {
+    if (!icon) return null;
+    if (React36.isValidElement(icon)) {
+      return icon;
+    }
+    if (typeof icon === "function" || typeof icon === "object" && "$$typeof" in icon) {
+      const IconComponent = icon;
+      return /* @__PURE__ */ jsx(IconComponent, { className: "w-5 h-5 flex-shrink-0" });
+    }
+    return null;
+  };
+  React36.useEffect(() => {
+    if (isActive && sidebarExpanded) {
+      setIsOpen(true);
+    }
+  }, [isActive, sidebarExpanded]);
+  return /* @__PURE__ */ jsxs("div", { className, children: [
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        onClick: () => sidebarExpanded && setIsOpen(!isOpen),
+        className: cn(
+          "flex items-center gap-3 px-3 py-2.5 mx-2 rounded-md transition-colors",
+          "hover:bg-muted cursor-pointer",
+          isActive && "text-primary"
+        ),
+        children: [
+          renderIcon(),
+          sidebarExpanded && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx("span", { className: "flex-1 truncate text-sm", children: label }),
+            badge !== void 0 && /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: cn(
+                  "text-xs px-2 py-0.5 rounded-full",
+                  badgeColors[badgeVariant]
+                ),
+                children: badge
+              }
+            ),
+            isOpen ? /* @__PURE__ */ jsx(ChevronDown, { className: "w-4 h-4 text-muted-foreground" }) : /* @__PURE__ */ jsx(ChevronRight, { className: "w-4 h-4 text-muted-foreground" })
+          ] })
+        ]
+      }
+    ),
+    sidebarExpanded && isOpen && /* @__PURE__ */ jsx("div", { className: "ml-4 mt-1 space-y-0.5", children })
+  ] });
+}
+function DashboardLayoutSidebarSection({
+  title,
+  children,
+  className
+}) {
+  const { sidebarExpanded } = useDashboardLayout();
+  return /* @__PURE__ */ jsxs("div", { className: cn("mb-2", className), children: [
+    title && sidebarExpanded && /* @__PURE__ */ jsx("div", { className: "px-5 py-2", children: /* @__PURE__ */ jsx("span", { className: "text-[10px] font-medium uppercase tracking-wider text-muted-foreground", children: title }) }),
+    children
+  ] });
+}
+function DashboardLayoutSidebarFooter({ children, className }) {
+  return /* @__PURE__ */ jsx("div", { className: cn("p-4 border-t border-border mt-auto", className), children });
+}
+function DashboardLayoutHeader({ children, className }) {
+  const { isMobile, setMobileMenuOpen, sidebarPinned } = useDashboardLayout();
+  const marginLeft = isMobile ? 0 : sidebarPinned ? 256 : 64;
+  return /* @__PURE__ */ jsxs(
+    "header",
+    {
+      style: { marginLeft },
+      className: cn(
+        "h-16 bg-background border-b border-border",
+        "flex items-center px-4 lg:px-6",
+        "sticky top-0 z-30",
+        !isMobile && "transition-[margin-left] duration-300",
+        className
+      ),
+      children: [
+        isMobile && /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick: () => setMobileMenuOpen(true),
+            className: "p-2 hover:bg-muted rounded-md mr-2",
+            children: /* @__PURE__ */ jsx(Menu, { className: "w-5 h-5" })
+          }
+        ),
+        children
+      ]
+    }
+  );
+}
+function DashboardLayoutHeaderTitle({
+  children,
+  className,
+  title,
+  subtitle
+}) {
+  if (children) {
+    return /* @__PURE__ */ jsx("div", { className: cn("flex-1", className), children });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: cn("flex-1 min-w-0", className), children: [
+    title && /* @__PURE__ */ jsx("h1", { className: "font-semibold text-lg truncate", children: title }),
+    subtitle && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground truncate", children: subtitle })
+  ] });
+}
+function DashboardLayoutHeaderActions({ children, className }) {
+  return /* @__PURE__ */ jsx("div", { className: cn("flex items-center gap-2", className), children });
+}
+function DashboardLayoutHeaderUser({
+  name,
+  email,
+  avatar,
+  className,
+  children,
+  onLogout
+}) {
+  const [isOpen, setIsOpen] = React36.useState(false);
+  return /* @__PURE__ */ jsxs("div", { className: cn("relative", className), children: [
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        onClick: () => setIsOpen(!isOpen),
+        className: "flex items-center gap-2 p-1.5 hover:bg-muted rounded-md transition-colors",
+        children: [
+          avatar ? /* @__PURE__ */ jsx(
+            "img",
+            {
+              src: avatar,
+              alt: name,
+              className: "w-8 h-8 rounded-full object-cover"
+            }
+          ) : /* @__PURE__ */ jsx("div", { className: "w-8 h-8 rounded-full bg-primary/10 flex items-center justify-center", children: /* @__PURE__ */ jsx(User, { className: "w-4 h-4 text-primary" }) }),
+          /* @__PURE__ */ jsxs("div", { className: "hidden sm:block text-left", children: [
+            /* @__PURE__ */ jsx("p", { className: "text-sm font-medium truncate max-w-[120px]", children: name }),
+            email && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground truncate max-w-[120px]", children: email })
+          ] }),
+          /* @__PURE__ */ jsx(ChevronDown, { className: "w-4 h-4 text-muted-foreground hidden sm:block" })
+        ]
+      }
+    ),
+    isOpen && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: "fixed inset-0 z-40",
+          onClick: () => setIsOpen(false)
+        }
+      ),
+      /* @__PURE__ */ jsxs("div", { className: "absolute right-0 top-full mt-1 w-56 bg-card border border-border rounded-md shadow-lg z-50", children: [
+        /* @__PURE__ */ jsxs("div", { className: "p-3 border-b border-border", children: [
+          /* @__PURE__ */ jsx("p", { className: "font-medium truncate", children: name }),
+          email && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground truncate", children: email })
+        ] }),
+        children && /* @__PURE__ */ jsx("div", { className: "p-1", children }),
+        onLogout && /* @__PURE__ */ jsx("div", { className: "p-1 border-t border-border", children: /* @__PURE__ */ jsxs(
+          "button",
+          {
+            onClick: () => {
+              setIsOpen(false);
+              onLogout();
+            },
+            className: "flex items-center gap-2 w-full px-3 py-2 text-sm hover:bg-muted rounded-md transition-colors text-destructive",
+            children: [
+              /* @__PURE__ */ jsx(LogOut, { className: "w-4 h-4" }),
+              "Sair"
+            ]
+          }
+        ) })
+      ] })
+    ] })
+  ] });
+}
+function DashboardLayoutContent({ children, className }) {
+  const { isMobile, sidebarPinned } = useDashboardLayout();
+  const marginLeft = isMobile ? 0 : sidebarPinned ? 256 : 64;
+  return /* @__PURE__ */ jsx(
+    "main",
+    {
+      style: { marginLeft },
+      className: cn(
+        "flex-1 flex flex-col min-h-screen",
+        "transition-[margin-left] duration-300",
+        className
+      ),
+      children
+    }
+  );
+}
+function DashboardLayoutBreadcrumbs({
+  items,
+  className,
+  separator
+}) {
+  const defaultSeparator = /* @__PURE__ */ jsx(ChevronRight, { className: "w-4 h-4 text-muted-foreground" });
+  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(React36.Fragment, { children: [
+      item.href && !isLast ? /* @__PURE__ */ jsxs(
+        "a",
+        {
+          href: item.href,
+          className: "flex items-center gap-1 text-muted-foreground hover:text-foreground transition-colors",
+          children: [
+            Icon2 && /* @__PURE__ */ jsx(Icon2, { className: "w-4 h-4" }),
+            /* @__PURE__ */ jsx("span", { children: item.label })
+          ]
+        }
+      ) : /* @__PURE__ */ jsxs(
+        "span",
+        {
+          className: cn(
+            "flex items-center gap-1",
+            isLast ? "text-foreground font-medium" : "text-muted-foreground"
+          ),
+          children: [
+            Icon2 && /* @__PURE__ */ jsx(Icon2, { className: "w-4 h-4" }),
+            /* @__PURE__ */ jsx("span", { children: item.label })
+          ]
+        }
+      ),
+      !isLast && /* @__PURE__ */ jsx("span", { className: "mx-1", children: separator || defaultSeparator })
+    ] }, index);
+  }) });
+}
+function DashboardLayoutMobileNav({ children, className }) {
+  return /* @__PURE__ */ jsx(
+    "nav",
+    {
+      className: cn(
+        "fixed bottom-0 left-0 right-0 h-16 bg-card border-t border-border",
+        "flex items-center justify-around px-2 z-50 lg:hidden",
+        className
+      ),
+      children
+    }
+  );
+}
+function DashboardLayoutMobileNavItem({
+  icon: Icon2,
+  label,
+  href,
+  onClick,
+  isActive,
+  badge
+}) {
+  const content = /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "flex flex-col items-center gap-1 p-2 rounded-md transition-colors relative",
+        "hover:bg-muted",
+        isActive && "text-primary"
+      ),
+      onClick,
+      children: [
+        /* @__PURE__ */ jsx(Icon2, { className: "w-5 h-5" }),
+        /* @__PURE__ */ jsx("span", { className: "text-[10px]", children: label }),
+        badge !== void 0 && /* @__PURE__ */ jsx("span", { className: "absolute -top-1 -right-1 min-w-[18px] h-[18px] flex items-center justify-center text-[10px] font-medium bg-destructive text-destructive-foreground rounded-full px-1", children: badge })
+      ]
+    }
+  );
+  if (href) {
+    return /* @__PURE__ */ jsx("a", { href, children: content });
+  }
+  return content;
+}
+DashboardLayoutRoot.displayName = "DashboardLayout";
+DashboardLayoutSidebar.displayName = "DashboardLayout.Sidebar";
+DashboardLayoutSidebarHeader.displayName = "DashboardLayout.SidebarHeader";
+DashboardLayoutSidebarNav.displayName = "DashboardLayout.SidebarNav";
+DashboardLayoutSidebarNavItem.displayName = "DashboardLayout.SidebarNavItem";
+DashboardLayoutSidebarNavGroup.displayName = "DashboardLayout.SidebarNavGroup";
+DashboardLayoutSidebarSection.displayName = "DashboardLayout.SidebarSection";
+DashboardLayoutSidebarFooter.displayName = "DashboardLayout.SidebarFooter";
+DashboardLayoutHeader.displayName = "DashboardLayout.Header";
+DashboardLayoutHeaderTitle.displayName = "DashboardLayout.HeaderTitle";
+DashboardLayoutHeaderActions.displayName = "DashboardLayout.HeaderActions";
+DashboardLayoutHeaderUser.displayName = "DashboardLayout.HeaderUser";
+DashboardLayoutContent.displayName = "DashboardLayout.Content";
+DashboardLayoutBreadcrumbs.displayName = "DashboardLayout.Breadcrumbs";
+DashboardLayoutMobileNav.displayName = "DashboardLayout.MobileNav";
+DashboardLayoutMobileNavItem.displayName = "DashboardLayout.MobileNavItem";
+var DashboardLayout = Object.assign(DashboardLayoutRoot, {
+  Sidebar: DashboardLayoutSidebar,
+  SidebarHeader: DashboardLayoutSidebarHeader,
+  SidebarNav: DashboardLayoutSidebarNav,
+  SidebarNavItem: DashboardLayoutSidebarNavItem,
+  SidebarNavGroup: DashboardLayoutSidebarNavGroup,
+  SidebarSection: DashboardLayoutSidebarSection,
+  SidebarFooter: DashboardLayoutSidebarFooter,
+  Header: DashboardLayoutHeader,
+  HeaderTitle: DashboardLayoutHeaderTitle,
+  HeaderActions: DashboardLayoutHeaderActions,
+  HeaderUser: DashboardLayoutHeaderUser,
+  Content: DashboardLayoutContent,
+  Breadcrumbs: DashboardLayoutBreadcrumbs,
+  MobileNav: DashboardLayoutMobileNav,
+  MobileNavItem: DashboardLayoutMobileNavItem
+});
+var initialState = {
+  theme: "system",
+  setTheme: () => null
+};
+var ThemeProviderContext = React36.createContext(initialState);
+function ThemeProvider({
+  children,
+  defaultTheme = "system",
+  storageKey = "facter-ds-theme",
+  ...props
+}) {
+  const [theme, setTheme] = React36.useState(
+    () => localStorage.getItem(storageKey) || defaultTheme
+  );
+  const [resolvedTheme, setResolvedTheme] = React36.useState("light");
+  React36.useEffect(() => {
+    const root = window.document.documentElement;
+    root.classList.remove("light", "dark");
+    if (theme === "system") {
+      const systemTheme = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+      root.classList.add(systemTheme);
+      setResolvedTheme(systemTheme);
+      return;
+    }
+    root.classList.add(theme);
+    setResolvedTheme(theme);
+  }, [theme]);
+  const value = React36.useMemo(
+    () => ({
+      theme,
+      setTheme: (theme2) => {
+        localStorage.setItem(storageKey, theme2);
+        setTheme(theme2);
+      }
+    }),
+    [theme, storageKey]
+  );
+  return /* @__PURE__ */ jsx(ThemeProviderContext.Provider, { ...props, value, children: /* @__PURE__ */ jsx("div", { className: resolvedTheme, style: { minHeight: "100vh" }, children }) });
+}
+var useTheme = () => {
+  const context = React36.useContext(ThemeProviderContext);
+  if (context === void 0)
+    throw new Error("useTheme must be used within a ThemeProvider");
+  return context;
+};
 
-export { Badge, Button, GlobalLoaderController, Input, Loader, LoaderProvider, cn, loader, useLoader };
+export { AuthLayout, Badge, Button, Checkbox, DENSITY_CONFIG, DashboardLayout, DataTable, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DialogWrapper, EmptyState, Form, FormCheckbox, FormDescription, FormError, FormFieldProvider, FormFieldWrapper, FormInput, FormLabel, FormProvider, FormRadioGroup, FormSelect, FormSwitch, FormTextarea, GlobalLoaderController, Input, Loader, LoaderProvider, RippleBackground, RippleEffect, RippleWrapper, Select, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectionLayout, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, ThemeProvider, Toaster, cn, loader, toast, useDashboardLayout, useDataTable, useDataTableColumnVisibility, useDataTableDensity, useDataTableEmpty, useDataTableInstance, useDataTableLoading, useDataTableMeta, useDataTablePagination, useDataTableSelection, useDataTableSorting, useDataTableState, useDebounce, useDebouncedCallback, useFormContext, useFormFieldContext, useLoader, useTheme };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map