@facter/ds-core 1.1.3 → 1.2.0

package/dist/index.mjs

@@ -1,12 +1,13 @@
-import * as React36 from 'react';
+"use client";
+import * as React48 from 'react';
 import { cva } from 'class-variance-authority';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { ChevronDown, Check, Inbox, ChevronsLeft, ChevronLeft, ChevronRight, ChevronsRight, X, Circle, PinOff, Pin, ArrowDown, ArrowUp, ChevronsUpDown, FileText, FileSpreadsheet, Download, Rows4, Rows3, LayoutList, SlidersHorizontal, Info, AlertTriangle, XCircle, CheckCircle2, Building2, Star, ArrowRight, Search, User, LogOut, Menu, TrendingUp, TrendingDown, Sun, Moon, Bell, MoreHorizontal, Settings } from 'lucide-react';
+import { AnimatePresence, motion } from 'framer-motion';
 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';
@@ -15,6 +16,12 @@ 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';
+import * as AvatarPrimitive from '@radix-ui/react-avatar';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import * as PopoverPrimitive from '@radix-ui/react-popover';
+import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
+import * as SeparatorPrimitive from '@radix-ui/react-separator';
+import { Slot } from '@radix-ui/react-slot';
 
 // src/components/Button/Button.tsx
 function cn(...inputs) {
@@ -46,7 +53,7 @@ var buttonVariants = cva(
     }
   }
 );
-var Button = React36.forwardRef(
+var Button = React48.forwardRef(
   ({ className, variant, size, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       "button",
@@ -59,6 +66,66 @@ var Button = React36.forwardRef(
   }
 );
 Button.displayName = "Button";
+function Card({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "rounded-lg border bg-card text-card-foreground shadow-sm",
+        className
+      ),
+      ...props
+    }
+  );
+}
+Card.displayName = "Card";
+function CardHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn("flex flex-col space-y-1.5 p-6", className),
+      ...props
+    }
+  );
+}
+CardHeader.displayName = "CardHeader";
+function CardTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "h3",
+    {
+      className: cn(
+        "text-2xl font-semibold leading-none tracking-tight",
+        className
+      ),
+      ...props
+    }
+  );
+}
+CardTitle.displayName = "CardTitle";
+function CardDescription({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "p",
+    {
+      className: cn("text-sm text-muted-foreground", className),
+      ...props
+    }
+  );
+}
+CardDescription.displayName = "CardDescription";
+function CardContent({ className, ...props }) {
+  return /* @__PURE__ */ jsx("div", { className: cn("p-6 pt-0", className), ...props });
+}
+CardContent.displayName = "CardContent";
+function CardFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn("flex items-center p-6 pt-0", className),
+      ...props
+    }
+  );
+}
+CardFooter.displayName = "CardFooter";
 var inputVariants = 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",
   {
@@ -79,7 +146,7 @@ var inputVariants = cva(
     }
   }
 );
-var Input = React36.forwardRef(
+var Input = React48.forwardRef(
   ({
     className,
     variant,
@@ -93,13 +160,13 @@ var Input = React36.forwardRef(
     labelClassName,
     ...props
   }, ref) => {
-    const inputRef = React36.useRef(null);
-    const [showPassword, setShowPassword] = React36.useState(false);
-    React36.useImperativeHandle(ref, () => inputRef.current, []);
-    const focusInput = React36.useCallback(() => {
+    const inputRef = React48.useRef(null);
+    const [showPassword, setShowPassword] = React48.useState(false);
+    React48.useImperativeHandle(ref, () => inputRef.current, []);
+    const focusInput = React48.useCallback(() => {
       inputRef.current?.focus();
     }, []);
-    const togglePasswordVisibility = React36.useCallback(() => {
+    const togglePasswordVisibility = React48.useCallback(() => {
       setShowPassword((prev) => !prev);
     }, []);
     const inputType = type === "password" ? showPassword ? "text" : "password" : type;
@@ -208,13 +275,13 @@ var badgeVariants = cva(
   {
     variants: {
       variant: {
-        default: "border-transparent bg-primary text-primary-foreground hover:bg-primary/80",
+        default: "border-transparent bg-primary/15 text-primary hover:bg-primary/25",
         secondary: "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
-        success: "border-transparent bg-green-500 text-white hover:bg-green-600",
-        warning: "border-transparent bg-yellow-500 text-white hover:bg-yellow-600",
-        error: "border-transparent bg-red-500 text-white hover:bg-red-600",
-        info: "border-transparent bg-blue-500 text-white hover:bg-blue-600",
-        outline: "border-gray-300 text-foreground hover:bg-gray-100"
+        success: "border-transparent bg-green-500/15 text-green-600 dark:text-green-400 hover:bg-green-500/25",
+        warning: "border-transparent bg-yellow-500/15 text-yellow-600 dark:text-yellow-400 hover:bg-yellow-500/25",
+        error: "border-transparent bg-red-500/15 text-red-600 dark:text-red-400 hover:bg-red-500/25",
+        info: "border-transparent bg-blue-500/15 text-blue-600 dark:text-blue-400 hover:bg-blue-500/25",
+        outline: "border-border text-foreground hover:bg-muted"
       },
       size: {
         default: "px-2.5 py-0.5 text-xs",
@@ -232,6 +299,239 @@ function Badge({ className, variant, size, ...props }) {
   return /* @__PURE__ */ jsx("div", { className: cn(badgeVariants({ variant, size }), className), ...props });
 }
 Badge.displayName = "Badge";
+var colorClasses = {
+  "chart-1": "text-chart-1",
+  "chart-2": "text-chart-2",
+  "chart-3": "text-chart-3",
+  "chart-4": "text-chart-4",
+  "chart-5": "text-chart-5"
+};
+function generateSmoothPath(points) {
+  if (points.length < 2) return "";
+  if (points.length === 2) {
+    return `M ${points[0].x} ${points[0].y} L ${points[1].x} ${points[1].y}`;
+  }
+  let path = `M ${points[0].x.toFixed(2)} ${points[0].y.toFixed(2)}`;
+  for (let i = 0; i < points.length - 1; i++) {
+    const p0 = points[Math.max(0, i - 1)];
+    const p1 = points[i];
+    const p2 = points[i + 1];
+    const p3 = points[Math.min(points.length - 1, i + 2)];
+    const tension = 0.3;
+    const cp1x = p1.x + (p2.x - p0.x) * tension;
+    const cp1y = p1.y + (p2.y - p0.y) * tension;
+    const cp2x = p2.x - (p3.x - p1.x) * tension;
+    const cp2y = p2.y - (p3.y - p1.y) * tension;
+    path += ` C ${cp1x.toFixed(2)} ${cp1y.toFixed(2)}, ${cp2x.toFixed(2)} ${cp2y.toFixed(2)}, ${p2.x.toFixed(2)} ${p2.y.toFixed(2)}`;
+  }
+  return path;
+}
+function Sparkline({
+  data,
+  color = "chart-1",
+  animate = true,
+  className,
+  show = true
+}) {
+  const gradientId = React48.useId();
+  const { linePath, areaPath } = React48.useMemo(() => {
+    if (data.length < 2) {
+      return { linePath: "", areaPath: "" };
+    }
+    const max = Math.max(...data);
+    const min = Math.min(...data);
+    const range = max - min || 1;
+    const points = data.map((value, index) => ({
+      x: index / (data.length - 1) * 100,
+      y: 100 - (value - min) / range * 70 - 15
+      // 15% padding top, 15% bottom
+    }));
+    const line = generateSmoothPath(points);
+    const area = `${line} L 100 100 L 0 100 Z`;
+    return { linePath: line, areaPath: area };
+  }, [data]);
+  if (!show || data.length < 2) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      viewBox: "0 0 100 100",
+      preserveAspectRatio: "none",
+      className: cn("w-full h-16", colorClasses[color], className),
+      children: [
+        /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs("linearGradient", { id: gradientId, x1: "0", y1: "0", x2: "0", y2: "1", children: [
+          /* @__PURE__ */ jsx("stop", { offset: "0%", stopColor: "currentColor", stopOpacity: "0.3" }),
+          /* @__PURE__ */ jsx("stop", { offset: "100%", stopColor: "currentColor", stopOpacity: "0" })
+        ] }) }),
+        /* @__PURE__ */ jsx(
+          motion.path,
+          {
+            d: areaPath,
+            fill: `url(#${gradientId})`,
+            initial: animate ? { opacity: 0 } : void 0,
+            animate: { opacity: 1 },
+            transition: { duration: 0.5, delay: 0.3 }
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          motion.path,
+          {
+            d: linePath,
+            fill: "none",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            vectorEffect: "non-scaling-stroke",
+            initial: animate ? { pathLength: 0 } : void 0,
+            animate: { pathLength: 1 },
+            transition: { duration: 0.8, ease: "easeOut" }
+          }
+        )
+      ]
+    }
+  );
+}
+Sparkline.displayName = "BigNumberCard.Sparkline";
+var rootVariants = cva(
+  "relative overflow-hidden rounded-xl border border-border bg-card shadow-sm min-h-[140px]",
+  {
+    variants: {
+      size: {
+        default: "p-5 pb-14",
+        sm: "p-4 pb-12",
+        lg: "p-6 pb-16"
+      }
+    },
+    defaultVariants: {
+      size: "default"
+    }
+  }
+);
+function BigNumberCardRoot({ children, className, size }) {
+  return /* @__PURE__ */ jsx("div", { className: cn(rootVariants({ size }), className), children });
+}
+BigNumberCardRoot.displayName = "BigNumberCard.Root";
+function BigNumberCardHeader({ children, className }) {
+  return /* @__PURE__ */ jsx("div", { className: cn("flex items-center justify-between", className), children });
+}
+BigNumberCardHeader.displayName = "BigNumberCard.Header";
+function BigNumberCardTitle({ children, className }) {
+  return /* @__PURE__ */ jsx("span", { className: cn("text-sm font-medium text-muted-foreground", className), children });
+}
+BigNumberCardTitle.displayName = "BigNumberCard.Title";
+function BigNumberCardLink({ children, href, onClick, className }) {
+  const handleClick = (e) => {
+    if (onClick) {
+      e.preventDefault();
+      onClick();
+    }
+  };
+  return /* @__PURE__ */ jsx(
+    "a",
+    {
+      href: href ?? "#",
+      onClick: handleClick,
+      className: cn(
+        "text-xs font-medium text-primary hover:text-primary/80 hover:underline transition-colors",
+        className
+      ),
+      children
+    }
+  );
+}
+BigNumberCardLink.displayName = "BigNumberCard.Link";
+function BigNumberCardContent({ children, className }) {
+  return /* @__PURE__ */ jsx("div", { className: cn("mt-3 space-y-1", className), children });
+}
+BigNumberCardContent.displayName = "BigNumberCard.Content";
+function BigNumberCardValue({ children, prefix, suffix, className }) {
+  return /* @__PURE__ */ jsxs("div", { className: cn("mt-3 text-3xl font-bold tracking-tight text-foreground", className), children: [
+    prefix && /* @__PURE__ */ jsx("span", { className: "text-2xl", children: prefix }),
+    children,
+    suffix && /* @__PURE__ */ jsx("span", { className: "text-2xl ml-0.5", children: suffix })
+  ] });
+}
+BigNumberCardValue.displayName = "BigNumberCard.Value";
+function BigNumberCardTrend({ value, direction, children, className, show = true }) {
+  if (!show) {
+    return null;
+  }
+  const isUp = direction === "up";
+  const Icon2 = isUp ? TrendingUp : TrendingDown;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "mt-2 flex items-center gap-1.5 text-sm",
+        isUp ? "text-emerald-600 dark:text-emerald-400" : "text-red-600 dark:text-red-400",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsx(Icon2, { className: "h-4 w-4 flex-shrink-0" }),
+        /* @__PURE__ */ jsxs("span", { className: "font-semibold", children: [
+          isUp ? "+" : "",
+          value.toFixed(1),
+          "%"
+        ] }),
+        children && /* @__PURE__ */ jsx("span", { className: "text-muted-foreground font-normal", children })
+      ]
+    }
+  );
+}
+BigNumberCardTrend.displayName = "BigNumberCard.Trend";
+function BigNumberCardDescription({ children, className, show = true }) {
+  if (!show) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx("p", { className: cn("mt-1 text-xs text-muted-foreground", className), children });
+}
+BigNumberCardDescription.displayName = "BigNumberCard.Description";
+function BigNumberCardSparklineWrapper(props) {
+  const { show = true, ...rest } = props;
+  if (!show) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx("div", { className: "absolute bottom-0 left-0 right-0 h-16 opacity-80", children: /* @__PURE__ */ jsx(Sparkline, { ...rest, show }) });
+}
+BigNumberCardSparklineWrapper.displayName = "BigNumberCard.Sparkline";
+var BigNumberCard = {
+  Root: BigNumberCardRoot,
+  Header: BigNumberCardHeader,
+  Title: BigNumberCardTitle,
+  Link: BigNumberCardLink,
+  Content: BigNumberCardContent,
+  Value: BigNumberCardValue,
+  Trend: BigNumberCardTrend,
+  Description: BigNumberCardDescription,
+  Sparkline: BigNumberCardSparklineWrapper
+};
+function Skeleton({
+  className,
+  variant = "default",
+  animation = "pulse",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "bg-muted",
+        {
+          "rounded-md": variant === "default",
+          "rounded-full": variant === "circular",
+          "rounded h-4": variant === "text",
+          "animate-pulse": animation === "pulse",
+          "animate-shimmer": animation === "wave"
+        },
+        className
+      ),
+      ...props
+    }
+  );
+}
+Skeleton.displayName = "Skeleton";
 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",
   {
@@ -252,7 +552,7 @@ var selectVariants = cva(
     }
   }
 );
-var Select = React36.forwardRef(
+var Select = React48.forwardRef(
   ({
     className,
     variant,
@@ -321,7 +621,7 @@ var Select = React36.forwardRef(
   }
 );
 Select.displayName = "Select";
-var SelectItem = React36.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+var SelectItem = React48.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
   SelectPrimitive.Item,
   {
     ref,
@@ -340,7 +640,7 @@ var SelectItem = React36.forwardRef(({ className, children, ...props }, ref) =>
 ));
 SelectItem.displayName = "SelectItem";
 var SelectGroup = SelectPrimitive.Group;
-var SelectLabel = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SelectLabel = React48.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SelectPrimitive.Label,
   {
     ref,
@@ -349,7 +649,7 @@ var SelectLabel = React36.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 SelectLabel.displayName = "SelectLabel";
-var SelectSeparator = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SelectSeparator = React48.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SelectPrimitive.Separator,
   {
     ref,
@@ -359,7 +659,7 @@ var SelectSeparator = React36.forwardRef(({ className, ...props }, ref) => /* @_
 ));
 SelectSeparator.displayName = "SelectSeparator";
 var Tabs = TabsPrimitive.Root;
-var TabsList = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TabsList = React48.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   TabsPrimitive.List,
   {
     ref,
@@ -371,7 +671,7 @@ var TabsList = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 TabsList.displayName = TabsPrimitive.List.displayName;
-var TabsTrigger = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TabsTrigger = React48.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   TabsPrimitive.Trigger,
   {
     ref,
@@ -383,7 +683,7 @@ var TabsTrigger = React36.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
-var TabsContent = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TabsContent = React48.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   TabsPrimitive.Content,
   {
     ref,
@@ -492,7 +792,7 @@ function BarsLoader() {
     i
   )) });
 }
-var Loader = React36.forwardRef(
+var Loader = React48.forwardRef(
   ({
     variant = "default",
     message,
@@ -542,21 +842,21 @@ var Loader = React36.forwardRef(
   }
 );
 Loader.displayName = "Loader";
-var LoaderContext = React36.createContext(
+var LoaderContext = React48.createContext(
   void 0
 );
 function LoaderProvider({ children }) {
-  const [isLoading, setIsLoading] = React36.useState(false);
-  const [loaderOptions, setLoaderOptions] = React36.useState({});
-  const show = React36.useCallback((options = {}) => {
+  const [isLoading, setIsLoading] = React48.useState(false);
+  const [loaderOptions, setLoaderOptions] = React48.useState({});
+  const show = React48.useCallback((options = {}) => {
     setLoaderOptions(options);
     setIsLoading(true);
   }, []);
-  const hide = React36.useCallback(() => {
+  const hide = React48.useCallback(() => {
     setIsLoading(false);
     setTimeout(() => setLoaderOptions({}), 300);
   }, []);
-  const value = React36.useMemo(
+  const value = React48.useMemo(
     () => ({ show, hide, isLoading }),
     [show, hide, isLoading]
   );
@@ -575,7 +875,7 @@ function LoaderProvider({ children }) {
   ] });
 }
 function useLoader() {
-  const context = React36.useContext(LoaderContext);
+  const context = React48.useContext(LoaderContext);
   if (context === void 0) {
     throw new Error("useLoader must be used within a LoaderProvider");
   }
@@ -607,7 +907,7 @@ var loader = {
 };
 function GlobalLoaderController() {
   const loaderController = useLoader();
-  React36.useEffect(() => {
+  React48.useEffect(() => {
     setGlobalLoader(loaderController);
     return () => {
       setGlobalLoader(null);
@@ -693,7 +993,7 @@ var iconAnimation = {
   whileHover: { scale: 1.1 },
   whileTap: { scale: 0.9 }
 };
-var EmptyStateContent = React36.memo(
+var EmptyStateContent = React48.memo(
   ({
     message = "Nenhum item encontrado",
     description,
@@ -705,7 +1005,7 @@ var EmptyStateContent = React36.memo(
     layout = "vertical",
     className
   }) => {
-    const handleAction = React36.useCallback(() => {
+    const handleAction = React48.useCallback(() => {
       if (onAction) {
         onAction();
       }
@@ -735,7 +1035,7 @@ var EmptyStateContent = React36.memo(
   }
 );
 EmptyStateContent.displayName = "EmptyStateContent";
-var AnimatedEmptyState = React36.memo((props) => {
+var AnimatedEmptyState = React48.memo((props) => {
   const {
     message = "Nenhum item encontrado",
     description,
@@ -747,7 +1047,7 @@ var AnimatedEmptyState = React36.memo((props) => {
     layout = "vertical",
     className
   } = props;
-  const handleAction = React36.useCallback(() => {
+  const handleAction = React48.useCallback(() => {
     if (onAction) {
       onAction();
     }
@@ -790,7 +1090,7 @@ var AnimatedEmptyState = React36.memo((props) => {
   );
 });
 AnimatedEmptyState.displayName = "AnimatedEmptyState";
-var EmptyState = React36.memo(
+var EmptyState = React48.memo(
   ({ animated = true, ...props }) => {
     if (!animated) {
       return /* @__PURE__ */ jsx(EmptyStateContent, { ...props });
@@ -804,13 +1104,13 @@ function useDataTableInternal({
   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({
+  const [rowSelection, setRowSelection] = React48.useState({});
+  const [columnVisibility, setColumnVisibility] = React48.useState({});
+  const [columnFilters, setColumnFilters] = React48.useState([]);
+  const [sorting, setSorting] = React48.useState([]);
+  const [globalFilter, setGlobalFilter] = React48.useState("");
+  const [density, setDensity] = React48.useState("default");
+  const [pagination, setPagination] = React48.useState({
     pageIndex: 0,
     pageSize: 10
   });
@@ -844,7 +1144,7 @@ function useDataTableInternal({
     getPaginationRowModel: getPaginationRowModel(),
     getSortedRowModel: getSortedRowModel()
   });
-  const meta = React36.useMemo(
+  const meta = React48.useMemo(
     () => ({
       isLoading: false,
       // Loading é controlado externamente via DataTable.Loading
@@ -862,11 +1162,11 @@ function useDataTableInternal({
     setDensity
   };
 }
-var DataTableInstanceContext = React36.createContext(null);
+var DataTableInstanceContext = React48.createContext(null);
 DataTableInstanceContext.displayName = "DataTableInstanceContext";
-var DataTableMetaContext = React36.createContext(null);
+var DataTableMetaContext = React48.createContext(null);
 DataTableMetaContext.displayName = "DataTableMetaContext";
-var DataTableDensityContext = React36.createContext(null);
+var DataTableDensityContext = React48.createContext(null);
 DataTableDensityContext.displayName = "DataTableDensityContext";
 function DataTableProvider({
   children,
@@ -875,11 +1175,11 @@ function DataTableProvider({
   density,
   setDensity
 }) {
-  const metaValue = React36.useMemo(
+  const metaValue = React48.useMemo(
     () => meta,
     [meta.isLoading, meta.isEmpty, meta.selectedRowCount, meta.totalRows, meta.density]
   );
-  const densityValue = React36.useMemo(
+  const densityValue = React48.useMemo(
     () => ({ density, setDensity }),
     [density, setDensity]
   );
@@ -887,7 +1187,7 @@ function DataTableProvider({
   return /* @__PURE__ */ jsx(DataTableInstanceContext.Provider, { value: tableValue, children: /* @__PURE__ */ jsx(DataTableMetaContext.Provider, { value: metaValue, children: /* @__PURE__ */ jsx(DataTableDensityContext.Provider, { value: densityValue, children }) }) });
 }
 function useDataTable() {
-  const context = React36.useContext(DataTableInstanceContext);
+  const context = React48.useContext(DataTableInstanceContext);
   if (!context) {
     throw new Error(
       "useDataTable must be used within <DataTable>. Make sure your component is wrapped with DataTable."
@@ -896,7 +1196,7 @@ function useDataTable() {
   return context;
 }
 function useDataTableMeta() {
-  const context = React36.useContext(DataTableMetaContext);
+  const context = React48.useContext(DataTableMetaContext);
   if (!context) {
     throw new Error(
       "useDataTableMeta must be used within <DataTable>. Make sure your component is wrapped with DataTable."
@@ -914,12 +1214,12 @@ function useDataTableEmpty() {
 }
 function useDataTableSelection() {
   const table = useDataTable();
-  return React36.useMemo(() => {
+  return React48.useMemo(() => {
     return table.getSelectedRowModel().rows.map((row) => row.original);
   }, [table.getSelectedRowModel().rows]);
 }
 function useDataTableDensity() {
-  const context = React36.useContext(DataTableDensityContext);
+  const context = React48.useContext(DataTableDensityContext);
   if (!context) {
     throw new Error(
       "useDataTableDensity must be used within <DataTable>. Make sure your component is wrapped with DataTable."
@@ -930,7 +1230,7 @@ function useDataTableDensity() {
 function useDataTablePagination() {
   const table = useDataTable();
   const { pageIndex, pageSize } = table.getState().pagination;
-  return React36.useMemo(() => {
+  return React48.useMemo(() => {
     const pageCount = table.getPageCount();
     return {
       pageIndex,
@@ -950,7 +1250,7 @@ function useDataTablePagination() {
 function useDataTableSorting() {
   const table = useDataTable();
   const sorting = table.getState().sorting;
-  return React36.useMemo(() => ({
+  return React48.useMemo(() => ({
     sorting,
     setSorting: table.setSorting,
     clearSorting: () => table.resetSorting(),
@@ -963,7 +1263,7 @@ function useDataTableSorting() {
 function useDataTableColumnVisibility() {
   const table = useDataTable();
   const columnVisibility = table.getState().columnVisibility;
-  return React36.useMemo(() => ({
+  return React48.useMemo(() => ({
     columnVisibility,
     setColumnVisibility: table.setColumnVisibility,
     toggleColumn: (columnId) => {
@@ -1025,7 +1325,7 @@ var DENSITY_CONFIG = {
     padding: "py-3 px-4"
   }
 };
-var Table = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsx(
+var Table = React48.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsx(
   "table",
   {
     ref,
@@ -1034,9 +1334,9 @@ var Table = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
   }
 ) }));
 Table.displayName = "Table";
-var TableHeader = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
+var TableHeader = React48.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(
+var TableBody = React48.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "tbody",
   {
     ref,
@@ -1045,7 +1345,7 @@ var TableBody = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 TableBody.displayName = "TableBody";
-var TableFooter = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TableFooter = React48.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "tfoot",
   {
     ref,
@@ -1057,8 +1357,8 @@ var TableFooter = React36.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 TableFooter.displayName = "TableFooter";
-var TableRow = React36.memo(
-  React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TableRow = React48.memo(
+  React48.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     "tr",
     {
       ref,
@@ -1071,7 +1371,7 @@ var TableRow = React36.memo(
   ))
 );
 TableRow.displayName = "TableRow";
-var TableHead = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TableHead = React48.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "th",
   {
     ref,
@@ -1083,8 +1383,8 @@ var TableHead = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 TableHead.displayName = "TableHead";
-var TableCell = React36.memo(
-  React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TableCell = React48.memo(
+  React48.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     "td",
     {
       ref,
@@ -1094,7 +1394,7 @@ var TableCell = React36.memo(
   ))
 );
 TableCell.displayName = "TableCell";
-var TableCaption = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TableCaption = React48.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "caption",
   {
     ref,
@@ -1103,7 +1403,7 @@ var TableCaption = React36.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 TableCaption.displayName = "TableCaption";
-var DataTableContent = React36.memo(function DataTableContent2({
+var DataTableContent = React48.memo(function DataTableContent2({
   stickyHeader = false,
   stripedRows = false,
   highlightOnHover = true,
@@ -1149,15 +1449,15 @@ var DataTableContent = React36.memo(function DataTableContent2({
   ] }) });
 });
 DataTableContent.displayName = "DataTable.Content";
-var DataTableToolbar = React36.memo(function DataTableToolbar2({
+var DataTableToolbar = React48.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 [debouncedValue, setDebouncedValue] = React48.useState(value);
+  React48.useEffect(() => {
     const handler = setTimeout(() => {
       setDebouncedValue(value);
     }, delay);
@@ -1168,12 +1468,12 @@ function useDebounce(value, delay = 300) {
   return debouncedValue;
 }
 function useDebouncedCallback(callback, delay = 300) {
-  const callbackRef = React36.useRef(callback);
-  const timeoutRef = React36.useRef();
-  React36.useEffect(() => {
+  const callbackRef = React48.useRef(callback);
+  const timeoutRef = React48.useRef(null);
+  React48.useEffect(() => {
     callbackRef.current = callback;
   }, [callback]);
-  return React36.useCallback(
+  return React48.useCallback(
     (...args) => {
       if (timeoutRef.current) {
         clearTimeout(timeoutRef.current);
@@ -1185,7 +1485,7 @@ function useDebouncedCallback(callback, delay = 300) {
     [delay]
   );
 }
-var DataTableSearch = React36.memo(function DataTableSearch2({
+var DataTableSearch = React48.memo(function DataTableSearch2({
   column,
   placeholder = "Buscar...",
   debounce = 300,
@@ -1194,17 +1494,17 @@ var DataTableSearch = React36.memo(function DataTableSearch2({
 }) {
   const table = useDataTableInstance();
   const columnInstance = table.getColumn(column);
-  const [value, setValue] = React36.useState(
+  const [value, setValue] = React48.useState(
     columnInstance?.getFilterValue() ?? ""
   );
   const debouncedValue = useDebounce(value, debounce);
-  React36.useEffect(() => {
+  React48.useEffect(() => {
     columnInstance?.setFilterValue(debouncedValue);
     if (onSearch) {
       onSearch(debouncedValue);
     }
   }, [debouncedValue, columnInstance, onSearch]);
-  React36.useEffect(() => {
+  React48.useEffect(() => {
     const filterValue = columnInstance?.getFilterValue() ?? "";
     if (filterValue !== value) {
       setValue(filterValue);
@@ -1220,15 +1520,15 @@ var DataTableSearch = React36.memo(function DataTableSearch2({
     }
   );
 });
-var DataTableFilters = React36.memo(function DataTableFilters2({
+var DataTableFilters = React48.memo(function DataTableFilters2({
   onChange,
   className,
   children
 }) {
   const table = useDataTableInstance();
   const filters = table.getState().columnFilters;
-  const filtersRef = React36.useRef(filters);
-  React36.useEffect(() => {
+  const filtersRef = React48.useRef(filters);
+  React48.useEffect(() => {
     if (onChange && JSON.stringify(filters) !== JSON.stringify(filtersRef.current)) {
       filtersRef.current = filters;
       onChange(filters);
@@ -1236,7 +1536,7 @@ var DataTableFilters = React36.memo(function DataTableFilters2({
   }, [filters, onChange]);
   return /* @__PURE__ */ jsx("div", { className: cn("flex gap-2", className), children });
 });
-var DataTableFilter = React36.memo(function DataTableFilter2({
+var DataTableFilter = React48.memo(function DataTableFilter2({
   column: columnId,
   title,
   options,
@@ -1246,7 +1546,7 @@ var DataTableFilter = React36.memo(function DataTableFilter2({
   const column = table.getColumn(columnId);
   const filterValue = column?.getFilterValue() ?? [];
   const currentValue = filterValue.length > 0 ? filterValue[0] : "all";
-  const handleValueChange = React36.useCallback(
+  const handleValueChange = React48.useCallback(
     (value) => {
       if (value === "all") {
         column?.setFilterValue(void 0);
@@ -1271,7 +1571,7 @@ var DataTableFilter = React36.memo(function DataTableFilter2({
     }
   );
 });
-var DataTablePagination = React36.memo(function DataTablePagination2({
+var DataTablePagination = React48.memo(function DataTablePagination2({
   mode = "client",
   pageCount: externalPageCount,
   pageSizes = [10, 20, 30, 50],
@@ -1298,7 +1598,7 @@ var DataTablePagination = React36.memo(function DataTablePagination2({
   const pageCount = mode === "server" && externalPageCount !== void 0 ? externalPageCount : internalPageCount;
   const canGoPrevious = pageIndex > 0;
   const canGoNext = pageIndex < pageCount - 1;
-  const handlePageSizeChange = React36.useCallback(
+  const handlePageSizeChange = React48.useCallback(
     (value) => {
       setPageSize(Number(value));
     },
@@ -1397,7 +1697,7 @@ var DataTablePagination = React36.memo(function DataTablePagination2({
   );
 });
 DataTablePagination.displayName = "DataTable.Pagination";
-var DataTableEmptyState = React36.memo(function DataTableEmptyState2({
+var DataTableEmptyState = React48.memo(function DataTableEmptyState2({
   message = "Nenhum resultado encontrado.",
   description,
   icon,
@@ -1521,8 +1821,8 @@ var iconSizeMap = {
   md: "h-4 w-4",
   lg: "h-5 w-5"
 };
-var Checkbox = React36.memo(
-  React36.forwardRef(({ className, variant, size = "md", ...props }, ref) => {
+var Checkbox = React48.memo(
+  React48.forwardRef(({ className, variant, size = "md", ...props }, ref) => {
     const iconSize = iconSizeMap[size || "md"];
     return /* @__PURE__ */ jsx(
       CheckboxPrimitive.Root,
@@ -1546,9 +1846,9 @@ function DataTableColumnVisibility({
   className
 }) {
   const table = useDataTable();
-  const [open, setOpen] = React36.useState(false);
-  const dropdownRef = React36.useRef(null);
-  React36.useEffect(() => {
+  const [open, setOpen] = React48.useState(false);
+  const dropdownRef = React48.useRef(null);
+  React48.useEffect(() => {
     function handleClickOutside(event) {
       if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
         setOpen(false);
@@ -1627,9 +1927,9 @@ function DataTableDensityToggle({
   className
 }) {
   const { density, setDensity } = useDataTableDensity();
-  const [open, setOpen] = React36.useState(false);
-  const dropdownRef = React36.useRef(null);
-  React36.useEffect(() => {
+  const [open, setOpen] = React48.useState(false);
+  const dropdownRef = React48.useRef(null);
+  React48.useEffect(() => {
     function handleClickOutside(event) {
       if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
         setOpen(false);
@@ -1808,9 +2108,9 @@ function DataTableExport({
   className
 }) {
   const table = useDataTable();
-  const [open, setOpen] = React36.useState(false);
-  const dropdownRef = React36.useRef(null);
-  React36.useEffect(() => {
+  const [open, setOpen] = React48.useState(false);
+  const dropdownRef = React48.useRef(null);
+  React48.useEffect(() => {
     function handleClickOutside(event) {
       if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
         setOpen(false);
@@ -1821,7 +2121,7 @@ function DataTableExport({
       return () => document.removeEventListener("mousedown", handleClickOutside);
     }
   }, [open]);
-  const handleExport = React36.useCallback((format) => {
+  const handleExport = React48.useCallback((format) => {
     const visibleColumns = table.getVisibleLeafColumns();
     const rows = table.getFilteredRowModel().rows;
     const headers = [];
@@ -1924,7 +2224,7 @@ function DataTableTabs({
   onValueChange,
   className
 }) {
-  const [internalValue, setInternalValue] = React36.useState(defaultValue ?? tabs[0]?.value);
+  const [internalValue, setInternalValue] = React48.useState(defaultValue ?? tabs[0]?.value);
   const activeValue = value ?? internalValue;
   const handleTabClick = (tabValue) => {
     if (value === void 0) {
@@ -2011,8 +2311,8 @@ 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(
+var DialogOverlay = React48.memo(
+  React48.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     DialogPrimitive.Overlay,
     {
       ref,
@@ -2059,8 +2359,8 @@ var dialogContentVariants = cva(
     }
   }
 );
-var DialogContent = React36.memo(
-  React36.forwardRef(({ className, children, showCloseButton = true, size, ...props }, ref) => /* @__PURE__ */ jsxs(DialogPortal, { children: [
+var DialogContent = React48.memo(
+  React48.forwardRef(({ className, children, showCloseButton = true, size, ...props }, ref) => /* @__PURE__ */ jsxs(DialogPortal, { children: [
     /* @__PURE__ */ jsx(DialogOverlay, {}),
     /* @__PURE__ */ jsxs(
       DialogPrimitive.Content,
@@ -2080,7 +2380,7 @@ var DialogContent = React36.memo(
   ] }))
 );
 DialogContent.displayName = DialogPrimitive.Content.displayName;
-var DialogHeader = React36.memo(
+var DialogHeader = React48.memo(
   ({ className, ...props }) => /* @__PURE__ */ jsx(
     "div",
     {
@@ -2093,7 +2393,7 @@ var DialogHeader = React36.memo(
   )
 );
 DialogHeader.displayName = "DialogHeader";
-var DialogFooter = React36.memo(
+var DialogFooter = React48.memo(
   ({ className, ...props }) => /* @__PURE__ */ jsx(
     "div",
     {
@@ -2106,8 +2406,8 @@ var DialogFooter = React36.memo(
   )
 );
 DialogFooter.displayName = "DialogFooter";
-var DialogTitle = React36.memo(
-  React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var DialogTitle = React48.memo(
+  React48.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     DialogPrimitive.Title,
     {
       ref,
@@ -2120,8 +2420,8 @@ var DialogTitle = React36.memo(
   ))
 );
 DialogTitle.displayName = DialogPrimitive.Title.displayName;
-var DialogDescription = React36.memo(
-  React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var DialogDescription = React48.memo(
+  React48.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     DialogPrimitive.Description,
     {
       ref,
@@ -2131,7 +2431,7 @@ var DialogDescription = React36.memo(
   ))
 );
 DialogDescription.displayName = DialogPrimitive.Description.displayName;
-var DialogBody = React36.memo(
+var DialogBody = React48.memo(
   ({ className, ...props }) => /* @__PURE__ */ jsx("div", { className: cn("flex-1 overflow-y-auto py-2", className), ...props })
 );
 DialogBody.displayName = "DialogBody";
@@ -2162,7 +2462,7 @@ var COLOR_MAP = {
   accent: "border-accent",
   muted: "border-muted"
 };
-var RippleRing = React36.memo(({ size, color, opacity }) => {
+var RippleRing = React48.memo(({ size, color, opacity }) => {
   const borderColorClass = COLOR_MAP[color] || COLOR_MAP.primary;
   return /* @__PURE__ */ jsx(
     "div",
@@ -2181,7 +2481,7 @@ var RippleRing = React36.memo(({ size, color, opacity }) => {
   );
 });
 RippleRing.displayName = "RippleRing";
-var RippleEffect = React36.memo(
+var RippleEffect = React48.memo(
   ({
     size = "md",
     color = "primary",
@@ -2193,7 +2493,7 @@ var RippleEffect = React36.memo(
     const { base, increment } = SIZE_CONFIG[size];
     const opacities = INTENSITY_CONFIG[intensity];
     const positionClasses = POSITION_CONFIG[position];
-    const rippleRings = React36.useMemo(
+    const rippleRings = React48.useMemo(
       () => Array.from({ length: rings }).map((_, index) => {
         const ringSize = base + increment * (rings - index - 1);
         const opacity = opacities[index] || opacities[opacities.length - 1];
@@ -2223,7 +2523,7 @@ var RippleEffect = React36.memo(
   }
 );
 RippleEffect.displayName = "RippleEffect";
-var RippleWrapper = React36.memo(
+var RippleWrapper = React48.memo(
   ({ children, rippleProps, className }) => {
     return /* @__PURE__ */ jsxs("div", { className: cn("relative", className), children: [
       rippleProps && /* @__PURE__ */ jsx(RippleEffect, { ...rippleProps }),
@@ -2232,7 +2532,7 @@ var RippleWrapper = React36.memo(
   }
 );
 RippleWrapper.displayName = "RippleWrapper";
-var RippleBackground = React36.memo(
+var RippleBackground = React48.memo(
   ({ containerClassName, ...rippleProps }) => {
     return /* @__PURE__ */ jsx(
       "div",
@@ -2298,7 +2598,7 @@ var statusIndicatorVariants = cva(
     }
   }
 );
-var DialogWrapper = React36.memo(
+var DialogWrapper = React48.memo(
   ({
     children,
     className,
@@ -2311,7 +2611,7 @@ var DialogWrapper = React36.memo(
     rippleProps,
     ...props
   }) => {
-    const defaultRippleProps = React36.useMemo(
+    const defaultRippleProps = React48.useMemo(
       () => ({
         size: size === "sm" ? "md" : size === "lg" ? "xl" : "lg",
         color: variant === "secondary" ? "secondary" : variant === "accent" ? "accent" : "primary",
@@ -2321,7 +2621,7 @@ var DialogWrapper = React36.memo(
       }),
       [size, variant, rippleProps]
     );
-    const backgroundRippleProps = React36.useMemo(
+    const backgroundRippleProps = React48.useMemo(
       () => ({
         position: "top-right",
         size: "xl",
@@ -2424,7 +2724,7 @@ var Toaster = ({ ...props }) => {
     }
   );
 };
-var CustomToast = React36.memo(
+var CustomToast = React48.memo(
   ({ title, description, variant = "default", action, onClose }) => {
     const variantStyles = toastVariants[variant];
     return /* @__PURE__ */ jsxs(
@@ -2560,8 +2860,8 @@ var thumbVariants = cva(
     }
   }
 );
-var Switch = React36.memo(
-  React36.forwardRef(({ className, variant, size = "md", ...props }, ref) => /* @__PURE__ */ jsx(
+var Switch = React48.memo(
+  React48.forwardRef(({ className, variant, size = "md", ...props }, ref) => /* @__PURE__ */ jsx(
     SwitchPrimitives.Root,
     {
       className: cn(switchVariants({ variant, size, className })),
@@ -2592,8 +2892,8 @@ var textareaVariants = cva(
     }
   }
 );
-var Textarea = React36.memo(
-  React36.forwardRef(
+var Textarea = React48.memo(
+  React48.forwardRef(
     ({
       className,
       variant,
@@ -2608,12 +2908,12 @@ var Textarea = React36.memo(
       onChange,
       ...props
     }, ref) => {
-      const textareaRef = React36.useRef(null);
-      React36.useImperativeHandle(ref, () => textareaRef.current, []);
-      const focusTextarea = React36.useCallback(() => {
+      const textareaRef = React48.useRef(null);
+      React48.useImperativeHandle(ref, () => textareaRef.current, []);
+      const focusTextarea = React48.useCallback(() => {
         textareaRef.current?.focus();
       }, []);
-      const handleChange = React36.useCallback(
+      const handleChange = React48.useCallback(
         (e) => {
           if (autoResize && textareaRef.current) {
             textareaRef.current.style.height = "auto";
@@ -2623,7 +2923,7 @@ var Textarea = React36.memo(
         },
         [autoResize, onChange]
       );
-      React36.useEffect(() => {
+      React48.useEffect(() => {
         if (autoResize && textareaRef.current) {
           textareaRef.current.style.height = "auto";
           textareaRef.current.style.height = `${textareaRef.current.scrollHeight}px`;
@@ -2674,9 +2974,9 @@ var Textarea = React36.memo(
   )
 );
 Textarea.displayName = "Textarea";
-var FormContext = React36.createContext(null);
+var FormContext = React48.createContext(null);
 function useFormContext() {
-  const context = React36.useContext(FormContext);
+  const context = React48.useContext(FormContext);
   if (!context) {
     throw new Error("useFormContext must be used within a Form provider");
   }
@@ -2686,27 +2986,27 @@ function FormProvider({
   form,
   children
 }) {
-  const value = React36.useMemo(() => ({ form }), [form]);
+  const value = React48.useMemo(() => ({ form }), [form]);
   return /* @__PURE__ */ jsx(FormContext.Provider, { value, children });
 }
-var FormFieldContext = React36.createContext(null);
+var FormFieldContext = React48.createContext(null);
 function useFormFieldContext() {
-  const context = React36.useContext(FormFieldContext);
+  const context = React48.useContext(FormFieldContext);
   if (!context) {
     throw new Error("useFormFieldContext must be used within a Form.Field");
   }
   return context;
 }
 function useFormFieldContextOptional() {
-  return React36.useContext(FormFieldContext);
+  return React48.useContext(FormFieldContext);
 }
 function FormFieldProvider({ name, children }) {
   const form = useFormContext();
-  const id = React36.useId();
+  const id = React48.useId();
   const fieldState = form.getFieldState(name, form.formState);
   const error = fieldState.error?.message;
   const isRequired = false;
-  const value = React36.useMemo(
+  const value = React48.useMemo(
     () => ({
       name,
       id,
@@ -2814,7 +3114,7 @@ function FormInput({
   const form = useFormContext();
   const fieldState = form.getFieldState(name, form.formState);
   const error = fieldState.error?.message;
-  const getInputType = React36.useCallback(() => {
+  const getInputType = React48.useCallback(() => {
     if (["money", "percent", "phone", "cpf", "cnpj", "cep"].includes(mask || "")) {
       return "tel";
     }
@@ -3010,7 +3310,7 @@ function FormCheckbox({
   const form = useFormContext();
   const fieldState = form.getFieldState(name, form.formState);
   const error = fieldState.error?.message;
-  const id = React36.useId();
+  const id = React48.useId();
   return /* @__PURE__ */ jsx(FormFieldProvider, { name, children: /* @__PURE__ */ jsx(
     Controller,
     {
@@ -3065,7 +3365,7 @@ function FormSwitch({
   const form = useFormContext();
   const fieldState = form.getFieldState(name, form.formState);
   const error = fieldState.error?.message;
-  const id = React36.useId();
+  const id = React48.useId();
   return /* @__PURE__ */ jsx(FormFieldProvider, { name, children: /* @__PURE__ */ jsx(
     Controller,
     {
@@ -3203,7 +3503,7 @@ function FormRadioGroup({
   ) });
 }
 FormRadioGroup.displayName = "Form.RadioGroup";
-var FormLabel = React36.forwardRef(
+var FormLabel = React48.forwardRef(
   ({ className, required, children, ...props }, ref) => {
     const fieldContext = useFormFieldContextOptional();
     return /* @__PURE__ */ jsxs(
@@ -3226,7 +3526,7 @@ var FormLabel = React36.forwardRef(
   }
 );
 FormLabel.displayName = "Form.Label";
-var FormDescription = React36.forwardRef(({ className, ...props }, ref) => {
+var FormDescription = React48.forwardRef(({ className, ...props }, ref) => {
   const fieldContext = useFormFieldContextOptional();
   if (fieldContext?.error) {
     return null;
@@ -3241,7 +3541,7 @@ var FormDescription = React36.forwardRef(({ className, ...props }, ref) => {
   );
 });
 FormDescription.displayName = "Form.Description";
-var FormError = React36.forwardRef(
+var FormError = React48.forwardRef(
   ({ className, message, children, ...props }, ref) => {
     const fieldContext = useFormFieldContextOptional();
     const errorMessage = message ?? fieldContext?.error;
@@ -3260,7 +3560,7 @@ var FormError = React36.forwardRef(
   }
 );
 FormError.displayName = "Form.Error";
-var FormFieldWrapper = React36.forwardRef(({ className, label, description, required, error, children, ...props }, ref) => {
+var FormFieldWrapper = React48.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,
@@ -3303,14 +3603,192 @@ var Form = Object.assign(FormRoot, {
   FieldWrapper: FormFieldWrapper,
   Field: FormFieldProvider
 });
-var AuthLayoutContext = React36.createContext({
+var Avatar = React48.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  AvatarPrimitive.Root,
+  {
+    ref,
+    className: cn(
+      "relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full",
+      className
+    ),
+    ...props
+  }
+));
+Avatar.displayName = AvatarPrimitive.Root.displayName;
+var AvatarImage = React48.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  AvatarPrimitive.Image,
+  {
+    ref,
+    className: cn("aspect-square h-full w-full", className),
+    ...props
+  }
+));
+AvatarImage.displayName = AvatarPrimitive.Image.displayName;
+var AvatarFallback = React48.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  AvatarPrimitive.Fallback,
+  {
+    ref,
+    className: cn(
+      "flex h-full w-full items-center justify-center rounded-full bg-primary/10 text-primary font-semibold",
+      className
+    ),
+    ...props
+  }
+));
+AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;
+var DropdownMenu = DropdownMenuPrimitive.Root;
+var DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
+var DropdownMenuGroup = DropdownMenuPrimitive.Group;
+var DropdownMenuPortal = DropdownMenuPrimitive.Portal;
+var DropdownMenuSub = DropdownMenuPrimitive.Sub;
+var DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
+var DropdownMenuSubTrigger = React48.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+  DropdownMenuPrimitive.SubTrigger,
+  {
+    ref,
+    className: cn(
+      "flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent",
+      inset && "pl-8",
+      className
+    ),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ jsx(ChevronRight, { className: "ml-auto h-4 w-4" })
+    ]
+  }
+));
+DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
+var DropdownMenuSubContent = React48.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  DropdownMenuPrimitive.SubContent,
+  {
+    ref,
+    className: cn(
+      "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg 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",
+      className
+    ),
+    ...props
+  }
+));
+DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
+var DropdownMenuContent = React48.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+  DropdownMenuPrimitive.Content,
+  {
+    ref,
+    sideOffset,
+    className: cn(
+      "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 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",
+      className
+    ),
+    ...props
+  }
+) }));
+DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
+var DropdownMenuItem = React48.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
+  DropdownMenuPrimitive.Item,
+  {
+    ref,
+    className: cn(
+      "relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      inset && "pl-8",
+      className
+    ),
+    ...props
+  }
+));
+DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
+var DropdownMenuCheckboxItem = React48.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs(
+  DropdownMenuPrimitive.CheckboxItem,
+  {
+    ref,
+    className: cn(
+      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      className
+    ),
+    checked,
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Check, { className: "h-4 w-4" }) }) }),
+      children
+    ]
+  }
+));
+DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
+var DropdownMenuRadioItem = React48.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+  DropdownMenuPrimitive.RadioItem,
+  {
+    ref,
+    className: cn(
+      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors 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(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Circle, { className: "h-2 w-2 fill-current" }) }) }),
+      children
+    ]
+  }
+));
+DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
+var DropdownMenuLabel = React48.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
+  DropdownMenuPrimitive.Label,
+  {
+    ref,
+    className: cn(
+      "px-2 py-1.5 text-sm font-semibold",
+      inset && "pl-8",
+      className
+    ),
+    ...props
+  }
+));
+DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
+var DropdownMenuSeparator = React48.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  DropdownMenuPrimitive.Separator,
+  {
+    ref,
+    className: cn("-mx-1 my-1 h-px bg-muted", className),
+    ...props
+  }
+));
+DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;
+var DropdownMenuShortcut = ({
+  className,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: cn("ml-auto text-xs tracking-widest opacity-60", className),
+      ...props
+    }
+  );
+};
+DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
+var Popover = PopoverPrimitive.Root;
+var PopoverTrigger = PopoverPrimitive.Trigger;
+var PopoverContent = React48.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+  PopoverPrimitive.Content,
+  {
+    ref,
+    align,
+    sideOffset,
+    className: cn(
+      "z-50 w-auto rounded-md border bg-popover p-4 text-popover-foreground shadow-lg outline-none 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",
+      className
+    ),
+    ...props
+  }
+) }));
+PopoverContent.displayName = PopoverPrimitive.Content.displayName;
+var AuthLayoutContext = React48.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) {
+  const [imagePosition, setImagePosition] = React48.useState("left");
+  React48.useEffect(() => {
+    React48.Children.forEach(children, (child) => {
+      if (React48.isValidElement(child) && child.type === AuthLayoutImage) {
         setImagePosition(child.props.position || "left");
       }
     });
@@ -3332,31 +3810,89 @@ function AuthLayoutImage({
   alt,
   position: _position = "left",
   className,
-  priority = true
+  priority = true,
+  showPattern = false
 }) {
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxs(
     "div",
     {
       className: cn(
-        "hidden xl:block relative w-full xl:w-3/6 h-64 xl:h-screen overflow-hidden",
+        "hidden xl:block relative w-full xl:w-3/6 h-64 xl:h-screen overflow-hidden bg-muted",
         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"
+      children: [
+        src ? /* @__PURE__ */ jsx(
+          "img",
+          {
+            src,
+            alt,
+            className: "absolute inset-0 w-full h-full object-cover object-top",
+            loading: priority ? "eager" : "lazy"
+          }
+        ) : null,
+        showPattern && /* @__PURE__ */ jsxs("div", { className: "absolute inset-0 flex items-center justify-center", children: [
+          /* @__PURE__ */ jsxs(
+            "svg",
+            {
+              className: "absolute inset-0 w-full h-full opacity-10",
+              xmlns: "http://www.w3.org/2000/svg",
+              children: [
+                /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx(
+                  "pattern",
+                  {
+                    id: "auth-grid",
+                    width: "40",
+                    height: "40",
+                    patternUnits: "userSpaceOnUse",
+                    children: /* @__PURE__ */ jsx(
+                      "path",
+                      {
+                        d: "M 40 0 L 0 0 0 40",
+                        fill: "none",
+                        stroke: "currentColor",
+                        strokeWidth: "0.5"
+                      }
+                    )
+                  }
+                ) }),
+                /* @__PURE__ */ jsx("rect", { width: "100%", height: "100%", fill: "url(#auth-grid)" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs("div", { className: "relative z-10", children: [
+            /* @__PURE__ */ jsx("div", { className: "w-64 h-64 rounded-full border border-muted-foreground/20" }),
+            /* @__PURE__ */ jsx("div", { className: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-24 h-24 rounded-full border border-muted-foreground/30 flex items-center justify-center", children: /* @__PURE__ */ jsx(
+              "svg",
+              {
+                className: "w-10 h-10 text-muted-foreground/40",
+                fill: "none",
+                stroke: "currentColor",
+                viewBox: "0 0 24 24",
+                children: /* @__PURE__ */ jsx(
+                  "path",
+                  {
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round",
+                    strokeWidth: 1,
+                    d: "M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z"
+                  }
+                )
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { className: "absolute top-1/2 left-full ml-4 w-32 h-px bg-gradient-to-r from-muted-foreground/20 to-transparent" }),
+            /* @__PURE__ */ jsx("div", { className: "absolute top-1/2 right-full mr-4 w-32 h-px bg-gradient-to-l from-muted-foreground/20 to-transparent" }),
+            /* @__PURE__ */ jsx("div", { className: "absolute top-full left-1/2 -translate-x-1/2 mt-4 w-px h-32 bg-gradient-to-b from-muted-foreground/20 to-transparent" }),
+            /* @__PURE__ */ jsx("div", { className: "absolute bottom-full left-1/2 -translate-x-1/2 mb-4 w-px h-32 bg-gradient-to-t from-muted-foreground/20 to-transparent" })
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+function AuthLayoutContent({
+  children,
+  className,
+  maxWidth = "md"
 }) {
   const maxWidthClasses = {
     sm: "max-w-sm",
@@ -3367,7 +3903,7 @@ function AuthLayoutContent({
     "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",
+        "relative w-full lg:w-3/6 flex items-center justify-center p-6 lg:p-12 bg-background",
         className
       ),
       children: /* @__PURE__ */ jsx("div", { className: cn("w-full space-y-8", maxWidthClasses[maxWidth]), children })
@@ -3380,8 +3916,15 @@ function AuthLayoutHeader({
   logo,
   title,
   description,
-  centered = true
+  centered = true,
+  position = "top-right"
 }) {
+  if (position === "top-left" && logo) {
+    return /* @__PURE__ */ jsx("div", { className: cn("absolute top-6 left-6 lg:top-8 lg:left-8", className), children: logo });
+  }
+  if (position === "top-right" && logo) {
+    return /* @__PURE__ */ jsx("div", { className: cn("absolute top-6 right-6 lg:top-8 lg:right-8", className), children: logo });
+  }
   if (children) {
     return /* @__PURE__ */ jsx("div", { className: cn("space-y-2", centered && "text-center", className), children });
   }
@@ -3443,7 +3986,7 @@ var AuthLayout = Object.assign(AuthLayoutRoot, {
   Link: AuthLayoutLink,
   Divider: AuthLayoutDivider
 });
-var TabsContext = React36.createContext(null);
+var TabsContext = React48.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 });
 }
@@ -3554,7 +4097,7 @@ function SelectionLayoutTab({
   badge,
   className
 }) {
-  const context = React36.useContext(TabsContext);
+  const context = React48.useContext(TabsContext);
   if (!context) {
     throw new Error("SelectionLayout.Tab must be used within SelectionLayout.Tabs");
   }
@@ -3699,17 +4242,17 @@ var SelectionLayout = Object.assign(SelectionLayoutRoot, {
   Card: SelectionLayoutCard,
   Empty: SelectionLayoutEmpty
 });
-var DashboardLayoutContext = React36.createContext(null);
+var DashboardLayoutContext = React48.createContext(null);
 function useDashboardLayout() {
-  const context = React36.useContext(DashboardLayoutContext);
+  const context = React48.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 [matches, setMatches] = React48.useState(false);
+  React48.useEffect(() => {
     const media = window.matchMedia(query);
     if (media.matches !== matches) {
       setMatches(media.matches);
@@ -3726,11 +4269,11 @@ function DashboardLayoutRoot({
   defaultExpanded = false,
   defaultPinned = false
 }) {
-  const [sidebarExpanded, setSidebarExpanded] = React36.useState(defaultExpanded);
-  const [sidebarPinned, setSidebarPinned] = React36.useState(defaultPinned);
-  const [mobileMenuOpen, setMobileMenuOpen] = React36.useState(false);
+  const [sidebarExpanded, setSidebarExpanded] = React48.useState(defaultExpanded || defaultPinned);
+  const [sidebarPinned, setSidebarPinned] = React48.useState(defaultPinned);
+  const [mobileMenuOpen, setMobileMenuOpen] = React48.useState(false);
   const isMobile = useMediaQuery("(max-width: 1024px)");
-  React36.useEffect(() => {
+  React48.useEffect(() => {
     if (!isMobile) {
       setMobileMenuOpen(false);
     }
@@ -3869,9 +4412,9 @@ function DashboardLayoutSidebarNavItem({
     primary: "bg-primary/10 text-primary",
     destructive: "bg-destructive/10 text-destructive"
   };
-  const renderIcon = () => {
+  const renderIcon4 = () => {
     if (!icon) return null;
-    if (React36.isValidElement(icon)) {
+    if (React48.isValidElement(icon)) {
       return icon;
     }
     if (typeof icon === "function" || typeof icon === "object" && "$$typeof" in icon) {
@@ -3892,7 +4435,7 @@ function DashboardLayoutSidebarNavItem({
       ),
       onClick: disabled ? void 0 : onClick,
       children: [
-        renderIcon(),
+        renderIcon4(),
         sidebarExpanded && /* @__PURE__ */ jsxs(Fragment, { children: [
           /* @__PURE__ */ jsx("span", { className: "flex-1 truncate text-sm", children: label }),
           badge !== void 0 && /* @__PURE__ */ jsx(
@@ -3926,15 +4469,15 @@ function DashboardLayoutSidebarNavGroup({
   className
 }) {
   const { sidebarExpanded } = useDashboardLayout();
-  const [isOpen, setIsOpen] = React36.useState(defaultOpen);
+  const [isOpen, setIsOpen] = React48.useState(defaultOpen);
   const badgeColors = {
     default: "bg-muted text-muted-foreground",
     primary: "bg-primary/10 text-primary",
     destructive: "bg-destructive/10 text-destructive"
   };
-  const renderIcon = () => {
+  const renderIcon4 = () => {
     if (!icon) return null;
-    if (React36.isValidElement(icon)) {
+    if (React48.isValidElement(icon)) {
       return icon;
     }
     if (typeof icon === "function" || typeof icon === "object" && "$$typeof" in icon) {
@@ -3943,7 +4486,7 @@ function DashboardLayoutSidebarNavGroup({
     }
     return null;
   };
-  React36.useEffect(() => {
+  React48.useEffect(() => {
     if (isActive && sidebarExpanded) {
       setIsOpen(true);
     }
@@ -3959,7 +4502,7 @@ function DashboardLayoutSidebarNavGroup({
           isActive && "text-primary"
         ),
         children: [
-          renderIcon(),
+          renderIcon4(),
           sidebarExpanded && /* @__PURE__ */ jsxs(Fragment, { children: [
             /* @__PURE__ */ jsx("span", { className: "flex-1 truncate text-sm", children: label }),
             badge !== void 0 && /* @__PURE__ */ jsx(
@@ -4047,7 +4590,7 @@ function DashboardLayoutHeaderUser({
   children,
   onLogout
 }) {
-  const [isOpen, setIsOpen] = React36.useState(false);
+  const [isOpen, setIsOpen] = React48.useState(false);
   return /* @__PURE__ */ jsxs("div", { className: cn("relative", className), children: [
     /* @__PURE__ */ jsxs(
       "button",
@@ -4128,7 +4671,7 @@ function DashboardLayoutBreadcrumbs({
   return /* @__PURE__ */ jsx("nav", { className: cn("flex items-center gap-1 text-sm", className), children: items.map((item, index) => {
     const Icon2 = item.icon;
     const isLast = index === items.length - 1;
-    return /* @__PURE__ */ jsxs(React36.Fragment, { children: [
+    return /* @__PURE__ */ jsxs(React48.Fragment, { children: [
       item.href && !isLast ? /* @__PURE__ */ jsxs(
         "a",
         {
@@ -4231,52 +4774,1683 @@ var DashboardLayout = Object.assign(DashboardLayoutRoot, {
   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
+var SidebarContext = React48.createContext(null);
+function useSidebar() {
+  const context = React48.useContext(SidebarContext);
+  if (!context) {
+    throw new Error("useSidebar must be used within a Sidebar component");
+  }
+  return context;
+}
+function useSidebarOptional() {
+  return React48.useContext(SidebarContext);
+}
+function SidebarProvider({ children, value }) {
+  return /* @__PURE__ */ jsx(SidebarContext.Provider, { value, children });
+}
+function useMediaQuery2(query) {
+  const [matches, setMatches] = React48.useState(false);
+  React48.useEffect(() => {
+    if (typeof window === "undefined") return;
+    const mediaQuery = window.matchMedia(query);
+    setMatches(mediaQuery.matches);
+    const handler = (event) => {
+      setMatches(event.matches);
+    };
+    mediaQuery.addEventListener("change", handler);
+    return () => mediaQuery.removeEventListener("change", handler);
+  }, [query]);
+  return matches;
+}
+var SidebarHeader = React48.memo(function SidebarHeader2({
+  logo,
+  collapsedLogo,
+  title,
+  showPinButton = true,
+  className
 }) {
-  const [theme, setTheme] = React36.useState(
-    () => localStorage.getItem(storageKey) || defaultTheme
+  const { expanded, pinned, setPinned } = useSidebar();
+  const handleTogglePin = React48.useCallback(() => {
+    setPinned(!pinned);
+  }, [pinned, setPinned]);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "flex items-center justify-between h-[60px] border-b border-border bg-primary px-3",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 overflow-hidden", children: [
+          /* @__PURE__ */ jsx(AnimatePresence, { mode: "wait", children: !expanded && collapsedLogo && /* @__PURE__ */ jsx(
+            motion.div,
+            {
+              initial: { opacity: 0, scale: 0.8 },
+              animate: { opacity: 1, scale: 1 },
+              exit: { opacity: 0, scale: 0.8 },
+              transition: { duration: 0.15 },
+              className: "flex items-center justify-center",
+              children: collapsedLogo
+            },
+            "collapsed-logo"
+          ) }),
+          /* @__PURE__ */ jsx(AnimatePresence, { children: expanded && /* @__PURE__ */ jsxs(
+            motion.div,
+            {
+              initial: { opacity: 0, x: -10 },
+              animate: { opacity: 1, x: 0 },
+              exit: { opacity: 0, x: -10 },
+              transition: { duration: 0.2 },
+              className: "flex items-center gap-2",
+              children: [
+                logo && /* @__PURE__ */ jsx("div", { className: "flex-shrink-0", children: logo }),
+                title && /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold text-primary-foreground whitespace-nowrap", children: title })
+              ]
+            }
+          ) }),
+          expanded && !logo && collapsedLogo && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+            collapsedLogo,
+            title && /* @__PURE__ */ jsx(
+              motion.span,
+              {
+                initial: { opacity: 0, x: -10 },
+                animate: { opacity: 1, x: 0 },
+                exit: { opacity: 0, x: -10 },
+                transition: { duration: 0.2 },
+                className: "text-sm font-semibold text-primary-foreground whitespace-nowrap",
+                children: title
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx(AnimatePresence, { children: showPinButton && expanded && /* @__PURE__ */ jsx(
+          motion.button,
+          {
+            initial: { opacity: 0, scale: 0.8 },
+            animate: { opacity: 1, scale: 1 },
+            exit: { opacity: 0, scale: 0.8 },
+            transition: { duration: 0.15 },
+            onClick: handleTogglePin,
+            className: cn(
+              "flex h-6 w-6 items-center justify-center rounded-md transition-colors",
+              "hover:bg-primary-foreground/10"
+              // pinned ? '' : 'text-primary-foreground/60'
+            ),
+            title: pinned ? "Unpin sidebar" : "Pin sidebar",
+            children: pinned ? /* @__PURE__ */ jsx(PinOff, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ jsx(Pin, { className: "h-3.5 w-3.5" })
+          }
+        ) })
+      ]
+    }
   );
-  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;
+});
+SidebarHeader.displayName = "Sidebar.Header";
+var SidebarNav = React48.memo(function SidebarNav2({
+  children,
+  className
+}) {
+  return /* @__PURE__ */ jsx(
+    "nav",
+    {
+      className: cn(
+        "flex-1 overflow-y-auto overflow-x-hidden py-1 custom-scrollbar",
+        className
+      ),
+      children: /* @__PURE__ */ jsx("div", { className: "space-y-0.5 px-2", children })
     }
-    root.classList.add(theme);
-    setResolvedTheme(theme);
-  }, [theme]);
-  const value = React36.useMemo(
-    () => ({
-      theme,
-      setTheme: (theme2) => {
-        localStorage.setItem(storageKey, theme2);
-        setTheme(theme2);
+  );
+});
+SidebarNav.displayName = "Sidebar.Nav";
+var SidebarSection = React48.memo(function SidebarSection2({
+  title,
+  children,
+  className
+}) {
+  const { expanded } = useSidebar();
+  return /* @__PURE__ */ jsxs("div", { className: cn("space-y-0.5", className), children: [
+    /* @__PURE__ */ jsx(AnimatePresence, { children: title && expanded && /* @__PURE__ */ jsx(
+      motion.div,
+      {
+        initial: { opacity: 0, height: 0 },
+        animate: { opacity: 1, height: "auto" },
+        exit: { opacity: 0, height: 0 },
+        transition: { duration: 0.2 },
+        className: "mb-1 px-2 py-1",
+        children: /* @__PURE__ */ jsx("p", { className: "text-[10px] font-medium uppercase tracking-wider text-muted-foreground", children: title })
       }
-    }),
-    [theme, storageKey]
+    ) }),
+    children
+  ] });
+});
+SidebarSection.displayName = "Sidebar.Section";
+function renderIcon(icon, className) {
+  if (!icon) return null;
+  if (React48.isValidElement(icon)) {
+    return React48.cloneElement(icon, { className });
+  }
+  if (typeof icon === "function" || typeof icon === "object" && icon !== null && "$$typeof" in icon) {
+    const IconComponent = icon;
+    return /* @__PURE__ */ jsx(IconComponent, { className });
+  }
+  return null;
+}
+var badgeVariantStyles = {
+  default: "bg-primary/10 text-primary",
+  notification: "bg-destructive/20 text-destructive",
+  success: "bg-green-100 text-green-600",
+  warning: "bg-amber-100 text-amber-600"
+};
+var SidebarNavItem = React48.memo(function SidebarNavItem2({
+  icon,
+  label,
+  href,
+  onClick,
+  isActive = false,
+  badge,
+  badgeVariant = "default",
+  disabled = false,
+  className
+}) {
+  const { expanded } = useSidebar();
+  const handleClick = React48.useCallback(() => {
+    if (disabled) return;
+    if (onClick) {
+      onClick();
+    } else if (href && typeof window !== "undefined") {
+      window.location.href = href;
+    }
+  }, [disabled, onClick, href]);
+  const iconSize = expanded ? "h-3.5 w-3.5" : "h-4 w-4";
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      onClick: handleClick,
+      disabled,
+      className: cn(
+        "group relative flex w-full items-center rounded-md px-2 py-1.5 transition-all duration-200",
+        isActive ? "bg-primary/10 text-primary" : "hover:bg-primary/5 hover:text-primary",
+        disabled && "opacity-50 cursor-not-allowed",
+        className
+      ),
+      children: [
+        isActive && /* @__PURE__ */ jsx(
+          motion.div,
+          {
+            layoutId: "sidebarActiveIndicator",
+            className: "absolute left-0 top-0 bottom-0 w-0.5 rounded-r-full bg-primary",
+            transition: { type: "spring", stiffness: 300, damping: 30 }
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: cn(
+              "flex h-6 w-6 items-center justify-center rounded-md transition-all duration-200",
+              isActive ? "text-primary bg-primary/10 group-hover:bg-primary/20" : "text-muted-foreground group-hover:text-foreground"
+            ),
+            children: renderIcon(icon, iconSize)
+          }
+        ),
+        /* @__PURE__ */ jsx(AnimatePresence, { children: expanded && /* @__PURE__ */ jsx(
+          motion.span,
+          {
+            initial: { opacity: 0, x: -10 },
+            animate: { opacity: 1, x: 0 },
+            exit: { opacity: 0, x: -10 },
+            transition: { duration: 0.2 },
+            className: "ml-2 flex-1 text-left text-xs font-medium truncate",
+            children: label
+          }
+        ) }),
+        /* @__PURE__ */ jsx(AnimatePresence, { children: badge !== void 0 && expanded && /* @__PURE__ */ jsx(
+          motion.div,
+          {
+            initial: { opacity: 0, scale: 0.8 },
+            animate: { opacity: 1, scale: 1 },
+            exit: { opacity: 0, scale: 0.8 },
+            transition: { duration: 0.2 },
+            className: cn(
+              "ml-1 flex h-4 min-w-[16px] items-center justify-center rounded-full px-1 text-[10px] font-medium",
+              badgeVariantStyles[badgeVariant]
+            ),
+            children: badge
+          }
+        ) }),
+        badge !== void 0 && !expanded && /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: cn(
+              "absolute top-1 right-1 h-2 w-2 rounded-full",
+              badgeVariant === "notification" && "bg-destructive",
+              badgeVariant === "success" && "bg-green-500",
+              badgeVariant === "warning" && "bg-amber-500",
+              badgeVariant === "default" && "bg-primary"
+            )
+          }
+        )
+      ]
+    }
   );
-  return /* @__PURE__ */ jsx(ThemeProviderContext.Provider, { ...props, value, children: /* @__PURE__ */ jsx("div", { className: resolvedTheme, style: { minHeight: "100vh" }, children }) });
+});
+SidebarNavItem.displayName = "Sidebar.NavItem";
+function renderIcon2(icon, className) {
+  if (!icon) return null;
+  if (React48.isValidElement(icon)) {
+    return React48.cloneElement(icon, { className });
+  }
+  if (typeof icon === "function" || typeof icon === "object" && icon !== null && "$$typeof" in icon) {
+    const IconComponent = icon;
+    return /* @__PURE__ */ jsx(IconComponent, { className });
+  }
+  return null;
 }
-var useTheme = () => {
-  const context = React36.useContext(ThemeProviderContext);
-  if (context === void 0)
-    throw new Error("useTheme must be used within a ThemeProvider");
-  return context;
+var badgeVariantStyles2 = {
+  default: "bg-primary/10 text-primary",
+  notification: "bg-destructive/20 text-destructive",
+  success: "bg-green-100 text-green-600",
+  warning: "bg-amber-100 text-amber-600"
+};
+var SidebarNavGroup = React48.memo(function SidebarNavGroup2({
+  icon,
+  label,
+  children,
+  id,
+  defaultOpen = false,
+  isActive = false,
+  badge,
+  badgeVariant = "default",
+  className
+}) {
+  const { expanded, activeSection, setActiveSection } = useSidebar();
+  const [isOpen, setIsOpen] = React48.useState(defaultOpen);
+  const groupId = id || label.toLowerCase().replace(/\s+/g, "-");
+  const isExpanded = expanded && (activeSection === groupId || isOpen);
+  const handleClick = React48.useCallback(() => {
+    if (activeSection === groupId) {
+      setActiveSection(null);
+      setIsOpen(false);
+    } else {
+      setActiveSection(groupId);
+      setIsOpen(true);
+    }
+  }, [activeSection, groupId, setActiveSection]);
+  React48.useEffect(() => {
+    if (expanded && isActive && !isOpen) {
+      setIsOpen(true);
+      setActiveSection(groupId);
+    }
+  }, [expanded, isActive, isOpen, setActiveSection, groupId]);
+  const iconSize = expanded ? "h-3.5 w-3.5" : "h-4 w-4";
+  return /* @__PURE__ */ jsxs("div", { className: cn("relative", className), children: [
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        onClick: handleClick,
+        className: cn(
+          "group relative flex w-full items-center rounded-md px-2 py-1.5 transition-all duration-200",
+          isActive ? "bg-primary/10 text-primary" : "hover:bg-primary/5 hover:text-primary"
+        ),
+        children: [
+          isActive && /* @__PURE__ */ jsx(
+            motion.div,
+            {
+              layoutId: "sidebarGroupActiveIndicator",
+              className: "absolute left-0 top-0 bottom-0 w-0.5 rounded-r-full bg-primary",
+              transition: { type: "spring", stiffness: 300, damping: 30 }
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: cn(
+                "flex h-6 w-6 items-center justify-center rounded-md transition-all duration-200",
+                isActive ? "text-primary bg-primary/10 group-hover:bg-primary/20" : "text-muted-foreground group-hover:text-foreground"
+              ),
+              children: renderIcon2(icon, iconSize)
+            }
+          ),
+          /* @__PURE__ */ jsx(AnimatePresence, { children: expanded && /* @__PURE__ */ jsx(
+            motion.span,
+            {
+              initial: { opacity: 0, x: -10 },
+              animate: { opacity: 1, x: 0 },
+              exit: { opacity: 0, x: -10 },
+              transition: { duration: 0.2 },
+              className: "ml-2 flex-1 text-left text-xs font-medium truncate",
+              children: label
+            }
+          ) }),
+          /* @__PURE__ */ jsx(AnimatePresence, { children: badge !== void 0 && expanded && /* @__PURE__ */ jsx(
+            motion.div,
+            {
+              initial: { opacity: 0, scale: 0.8 },
+              animate: { opacity: 1, scale: 1 },
+              exit: { opacity: 0, scale: 0.8 },
+              transition: { duration: 0.2 },
+              className: cn(
+                "ml-1 flex h-4 min-w-[16px] items-center justify-center rounded-full px-1 text-[10px] font-medium",
+                badgeVariantStyles2[badgeVariant]
+              ),
+              children: badge
+            }
+          ) }),
+          expanded && /* @__PURE__ */ jsx(
+            motion.div,
+            {
+              animate: { rotate: isExpanded ? 90 : 0 },
+              transition: { duration: 0.2 },
+              className: "ml-1",
+              children: /* @__PURE__ */ jsx(ChevronRight, { className: "h-3 w-3 text-muted-foreground" })
+            }
+          ),
+          badge !== void 0 && !expanded && /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: cn(
+                "absolute top-1 right-1 h-2 w-2 rounded-full",
+                badgeVariant === "notification" && "bg-destructive",
+                badgeVariant === "success" && "bg-green-500",
+                badgeVariant === "warning" && "bg-amber-500",
+                badgeVariant === "default" && "bg-primary"
+              )
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(AnimatePresence, { children: isExpanded && /* @__PURE__ */ jsx(
+      motion.div,
+      {
+        initial: { height: 0, opacity: 0 },
+        animate: { height: "auto", opacity: 1 },
+        exit: { height: 0, opacity: 0 },
+        transition: { duration: 0.2, ease: "easeInOut" },
+        className: "overflow-hidden",
+        children: /* @__PURE__ */ jsx("div", { className: "mt-0.5 space-y-0.5 pl-4 pr-2", children })
+      }
+    ) })
+  ] });
+});
+SidebarNavGroup.displayName = "Sidebar.NavGroup";
+function isLucideIcon(icon) {
+  return typeof icon === "function";
+}
+function getInitials(name) {
+  return name.split(" ").map((part) => part.charAt(0)).slice(0, 2).join("").toUpperCase();
+}
+var SidebarFooter = React48.memo(function SidebarFooter2({
+  user,
+  menuItems,
+  children,
+  className
+}) {
+  const { expanded } = useSidebar();
+  const [menuOpen, setMenuOpen] = React48.useState(false);
+  const handleToggleMenu = React48.useCallback(() => {
+    setMenuOpen((prev) => !prev);
+  }, []);
+  React48.useEffect(() => {
+    if (!menuOpen) return;
+    const handleClickOutside = (event) => {
+      const target = event.target;
+      if (!target.closest("[data-sidebar-footer]")) {
+        setMenuOpen(false);
+      }
+    };
+    document.addEventListener("click", handleClickOutside);
+    return () => document.removeEventListener("click", handleClickOutside);
+  }, [menuOpen]);
+  if (children) {
+    return /* @__PURE__ */ jsx("div", { className: cn("border-t border-border p-2", className), children });
+  }
+  if (!user) return null;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-sidebar-footer": true,
+      className: cn("group cursor-pointer border-t border-border p-2", className),
+      children: /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+        /* @__PURE__ */ jsxs(
+          "button",
+          {
+            onClick: handleToggleMenu,
+            className: cn(
+              "flex w-full items-center gap-2 rounded-md p-1.5 transition-all",
+              "hover:bg-muted",
+              menuOpen && "bg-muted"
+            ),
+            children: [
+              /* @__PURE__ */ jsx("div", { className: "relative flex-shrink-0", children: user.avatar ? /* @__PURE__ */ jsx(
+                "img",
+                {
+                  src: user.avatar,
+                  alt: user.name,
+                  className: "h-8 w-8 rounded-full object-cover"
+                }
+              ) : /* @__PURE__ */ jsx("div", { className: "flex h-8 w-8 items-center justify-center rounded-full bg-primary/10 text-xs font-medium text-primary", children: getInitials(user.name) }) }),
+              /* @__PURE__ */ jsx(AnimatePresence, { children: expanded && /* @__PURE__ */ jsxs(
+                motion.div,
+                {
+                  initial: { opacity: 0, x: -10 },
+                  animate: { opacity: 1, x: 0 },
+                  exit: { opacity: 0, x: -10 },
+                  transition: { duration: 0.2 },
+                  className: "flex flex-1 items-center justify-between",
+                  children: [
+                    /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-start", children: [
+                      /* @__PURE__ */ jsx("span", { className: "text-xs font-medium truncate max-w-[120px]", children: user.name }),
+                      user.email && /* @__PURE__ */ jsx("span", { className: "text-[10px] text-muted-foreground truncate max-w-[120px]", children: user.email })
+                    ] }),
+                    /* @__PURE__ */ jsx(
+                      ChevronDown,
+                      {
+                        className: cn(
+                          "h-3 w-3 text-muted-foreground transition-transform",
+                          menuOpen && "rotate-180"
+                        )
+                      }
+                    )
+                  ]
+                }
+              ) })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(AnimatePresence, { children: menuOpen && expanded && menuItems && menuItems.length > 0 && /* @__PURE__ */ jsx(
+          motion.div,
+          {
+            initial: { opacity: 0, y: -10 },
+            animate: { opacity: 1, y: 0 },
+            exit: { opacity: 0, y: -10 },
+            transition: { duration: 0.15 },
+            className: "absolute bottom-full left-0 right-0 mb-1 overflow-hidden rounded-md border border-border bg-card shadow-lg",
+            children: /* @__PURE__ */ jsx("div", { className: "py-1", children: menuItems.map((item, index) => {
+              const IconComponent = item.icon && isLucideIcon(item.icon) ? item.icon : null;
+              const isDestructive = item.variant === "destructive";
+              return /* @__PURE__ */ jsxs(React48.Fragment, { children: [
+                isDestructive && index > 0 && /* @__PURE__ */ jsx("div", { className: "my-1 border-t border-border" }),
+                /* @__PURE__ */ jsxs(
+                  "button",
+                  {
+                    onClick: () => {
+                      item.onClick();
+                      setMenuOpen(false);
+                    },
+                    className: cn(
+                      "flex w-full items-center gap-2 px-3 py-1.5 text-xs transition-colors",
+                      isDestructive ? "text-destructive hover:bg-destructive/10" : "text-foreground hover:bg-muted"
+                    ),
+                    children: [
+                      IconComponent && /* @__PURE__ */ jsx(IconComponent, { className: "h-3 w-3" }),
+                      /* @__PURE__ */ jsx("span", { children: item.label })
+                    ]
+                  }
+                )
+              ] }, item.label);
+            }) })
+          }
+        ) })
+      ] })
+    }
+  );
+});
+SidebarFooter.displayName = "Sidebar.Footer";
+var COLLAPSED_WIDTH = 60;
+var EXPANDED_WIDTH = 250;
+function SidebarRoot({
+  children,
+  defaultExpanded = false,
+  defaultPinned = false,
+  collapsedWidth = COLLAPSED_WIDTH,
+  expandedWidth = EXPANDED_WIDTH
+}) {
+  const [expanded, setExpanded] = React48.useState(defaultExpanded || defaultPinned);
+  const [pinned, setPinned] = React48.useState(defaultPinned);
+  const [activeSection, setActiveSection] = React48.useState(null);
+  const isMobile = useMediaQuery2("(max-width: 768px)");
+  const handleSetPinned = React48.useCallback((value) => {
+    setPinned(value);
+    if (value) {
+      setExpanded(true);
+    }
+  }, []);
+  const contextValue = React48.useMemo(
+    () => ({
+      expanded,
+      setExpanded,
+      pinned,
+      setPinned: handleSetPinned,
+      activeSection,
+      setActiveSection,
+      isMobile,
+      collapsedWidth,
+      expandedWidth
+    }),
+    [expanded, pinned, handleSetPinned, activeSection, isMobile, collapsedWidth, expandedWidth]
+  );
+  return /* @__PURE__ */ jsx(SidebarProvider, { value: contextValue, children });
+}
+SidebarRoot.displayName = "SidebarRoot";
+function SidebarAside({ children, className }) {
+  const { expanded, pinned, setExpanded, isMobile, collapsedWidth, expandedWidth } = useSidebar();
+  const sidebarRef = React48.useRef(null);
+  const handleMouseEnter = React48.useCallback(() => {
+    if (!pinned && !isMobile) {
+      setExpanded(true);
+    }
+  }, [pinned, isMobile, setExpanded]);
+  const handleMouseLeave = React48.useCallback(() => {
+    if (!pinned && !isMobile) {
+      setExpanded(false);
+    }
+  }, [pinned, isMobile, setExpanded]);
+  if (isMobile) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(
+    motion.aside,
+    {
+      ref: sidebarRef,
+      onMouseEnter: handleMouseEnter,
+      onMouseLeave: handleMouseLeave,
+      initial: { width: collapsedWidth },
+      animate: { width: expanded ? expandedWidth : collapsedWidth },
+      transition: {
+        type: "spring",
+        stiffness: 300,
+        damping: 30,
+        mass: 1
+      },
+      className: cn(
+        "relative flex h-screen flex-col bg-card",
+        "shadow-[0_0_20px_rgba(0,0,0,0.06)]",
+        "fixed top-0 left-0 z-50",
+        className
+      ),
+      children
+    }
+  );
+}
+SidebarAside.displayName = "SidebarAside";
+function SidebarContent({ children, className }) {
+  const sidebar = useSidebarOptional();
+  if (!sidebar) {
+    return /* @__PURE__ */ jsx("div", { className, children });
+  }
+  const { expanded, pinned, isMobile, collapsedWidth, expandedWidth } = sidebar;
+  if (isMobile) {
+    return /* @__PURE__ */ jsx("div", { className, children });
+  }
+  const marginLeft = pinned && expanded ? expandedWidth : collapsedWidth;
+  return /* @__PURE__ */ jsx(
+    motion.div,
+    {
+      initial: { marginLeft: collapsedWidth },
+      animate: { marginLeft },
+      transition: {
+        type: "spring",
+        stiffness: 300,
+        damping: 30,
+        mass: 1
+      },
+      className: cn("min-h-screen flex flex-col", className),
+      children
+    }
+  );
+}
+SidebarContent.displayName = "SidebarContent";
+function LegacySidebar({
+  children,
+  defaultExpanded = false,
+  defaultPinned = false,
+  collapsedWidth = COLLAPSED_WIDTH,
+  expandedWidth = EXPANDED_WIDTH,
+  className
+}) {
+  const [expanded, setExpanded] = React48.useState(defaultExpanded || defaultPinned);
+  const [pinned, setPinned] = React48.useState(defaultPinned);
+  const [activeSection, setActiveSection] = React48.useState(null);
+  const isMobile = useMediaQuery2("(max-width: 768px)");
+  const sidebarRef = React48.useRef(null);
+  const handleMouseEnter = React48.useCallback(() => {
+    if (!pinned && !isMobile) {
+      setExpanded(true);
+    }
+  }, [pinned, isMobile]);
+  const handleMouseLeave = React48.useCallback(() => {
+    if (!pinned && !isMobile) {
+      setExpanded(false);
+    }
+  }, [pinned, isMobile]);
+  const handleSetPinned = React48.useCallback((value) => {
+    setPinned(value);
+    if (value) {
+      setExpanded(true);
+    }
+  }, []);
+  const contextValue = React48.useMemo(
+    () => ({
+      expanded,
+      setExpanded,
+      pinned,
+      setPinned: handleSetPinned,
+      activeSection,
+      setActiveSection,
+      isMobile,
+      collapsedWidth,
+      expandedWidth
+    }),
+    [expanded, pinned, handleSetPinned, activeSection, isMobile, collapsedWidth, expandedWidth]
+  );
+  if (isMobile) {
+    return /* @__PURE__ */ jsx(SidebarProvider, { value: contextValue, children });
+  }
+  return /* @__PURE__ */ jsx(SidebarProvider, { value: contextValue, children: /* @__PURE__ */ jsx(
+    motion.aside,
+    {
+      ref: sidebarRef,
+      onMouseEnter: handleMouseEnter,
+      onMouseLeave: handleMouseLeave,
+      initial: { width: collapsedWidth },
+      animate: { width: expanded ? expandedWidth : collapsedWidth },
+      transition: {
+        type: "spring",
+        stiffness: 300,
+        damping: 30,
+        mass: 1
+      },
+      className: cn(
+        "relative flex h-screen flex-col bg-card",
+        "shadow-[0_0_20px_rgba(0,0,0,0.06)]",
+        "fixed top-0 left-0 z-50",
+        className
+      ),
+      children
+    }
+  ) });
+}
+LegacySidebar.displayName = "Sidebar";
+var Sidebar = Object.assign(LegacySidebar, {
+  // Layout components
+  Root: SidebarRoot,
+  Aside: SidebarAside,
+  Content: SidebarContent,
+  // Sidebar content components
+  Header: SidebarHeader,
+  Nav: SidebarNav,
+  Section: SidebarSection,
+  NavItem: SidebarNavItem,
+  NavGroup: SidebarNavGroup,
+  Footer: SidebarFooter
+});
+function renderIcon3(icon, className) {
+  if (!icon) return null;
+  if (React48.isValidElement(icon)) {
+    return React48.cloneElement(icon, { className });
+  }
+  if (typeof icon === "function" || typeof icon === "object" && icon !== null && "$$typeof" in icon) {
+    const IconComponent = icon;
+    return /* @__PURE__ */ jsx(IconComponent, { className });
+  }
+  return null;
+}
+var MobileNavItem = React48.memo(function MobileNavItem2({
+  icon,
+  label,
+  isActive = false,
+  onClick
+}) {
+  return /* @__PURE__ */ jsxs("button", { onClick, className: "group flex flex-col items-center", children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: cn(
+          "flex items-center justify-center rounded-full p-1.5 transition-colors",
+          isActive ? "text-primary" : "text-muted-foreground group-hover:text-foreground"
+        ),
+        children: renderIcon3(icon, "h-5 w-5")
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: cn(
+          "mt-0.5 text-[10px] font-medium",
+          isActive ? "text-primary" : "text-muted-foreground group-hover:text-foreground"
+        ),
+        children: label
+      }
+    ),
+    isActive && /* @__PURE__ */ jsx(
+      motion.div,
+      {
+        layoutId: "mobileNavActiveIndicator",
+        className: "mt-1 h-1 w-8 rounded-full bg-primary",
+        transition: { type: "spring", stiffness: 500, damping: 30 }
+      }
+    )
+  ] });
+});
+MobileNavItem.displayName = "MobileNavItem";
+var MobileNav = React48.memo(function MobileNav2({
+  items,
+  fabAction,
+  className
+}) {
+  const leftItems = fabAction ? items.slice(0, Math.ceil(items.length / 2)) : items;
+  const rightItems = fabAction ? items.slice(Math.ceil(items.length / 2)) : [];
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "fixed bottom-0 left-0 right-0 z-50 bg-card px-2 pb-2 pt-1.5 md:hidden",
+        "border-t border-border",
+        className
+      ),
+      children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-around", children: [
+        leftItems.map((item, index) => /* @__PURE__ */ jsx(
+          MobileNavItem,
+          {
+            icon: item.icon,
+            label: item.label,
+            isActive: item.isActive,
+            onClick: () => {
+              if (item.onClick) {
+                item.onClick();
+              } else if (item.href && typeof window !== "undefined") {
+                window.location.href = item.href;
+              }
+            }
+          },
+          `left-${index}-${item.label}`
+        )),
+        fabAction && /* @__PURE__ */ jsxs("div", { className: "relative -mt-5", children: [
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              onClick: fabAction.onClick,
+              className: cn(
+                "flex h-14 w-14 items-center justify-center rounded-full bg-primary text-primary-foreground shadow-lg",
+                "transition-transform hover:bg-primary/90 active:scale-95"
+              ),
+              "aria-label": fabAction.label,
+              children: fabAction.icon
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { className: "mt-1 block text-center text-[10px] font-medium text-muted-foreground", children: fabAction.label })
+        ] }),
+        rightItems.map((item, index) => /* @__PURE__ */ jsx(
+          MobileNavItem,
+          {
+            icon: item.icon,
+            label: item.label,
+            isActive: item.isActive,
+            onClick: () => {
+              if (item.onClick) {
+                item.onClick();
+              } else if (item.href && typeof window !== "undefined") {
+                window.location.href = item.href;
+              }
+            }
+          },
+          `right-${index}-${item.label}`
+        ))
+      ] })
+    }
+  );
+});
+MobileNav.displayName = "MobileNav";
+var Navbar = React48.memo(function Navbar2({
+  children,
+  className,
+  style
+}) {
+  return /* @__PURE__ */ jsx(
+    "nav",
+    {
+      className: cn(
+        "fixed top-0 right-0 bg-card border-b/50 h-16 z-40 w-full shadow-sm",
+        className
+      ),
+      style,
+      children: /* @__PURE__ */ jsx("div", { className: "h-full px-4 sm:px-6 lg:pr-8 lg:pl-20", children: /* @__PURE__ */ jsx("div", { className: "flex justify-between items-center h-full", children }) })
+    }
+  );
+});
+Navbar.displayName = "Navbar";
+function ThemeToggle({ className }) {
+  const [isDark, setIsDark] = React48.useState(false);
+  React48.useEffect(() => {
+    const isDarkMode = document.documentElement.classList.contains("dark");
+    setIsDark(isDarkMode);
+  }, []);
+  const toggleTheme = () => {
+    setIsDark(!isDark);
+    if (isDark) {
+      document.documentElement.classList.remove("dark");
+      document.documentElement.style.colorScheme = "light";
+    } else {
+      document.documentElement.classList.add("dark");
+      document.documentElement.style.colorScheme = "dark";
+    }
+  };
+  return /* @__PURE__ */ jsxs(
+    Button,
+    {
+      variant: "ghost",
+      size: "icon",
+      onClick: toggleTheme,
+      "aria-label": "Alternar tema",
+      className,
+      children: [
+        isDark ? /* @__PURE__ */ jsx(Sun, { className: "h-[1.2rem] w-[1.2rem] text-muted-foreground transition-all" }) : /* @__PURE__ */ jsx(Moon, { className: "h-[1.2rem] w-[1.2rem] text-muted-foreground transition-all" }),
+        /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Alternar tema" })
+      ]
+    }
+  );
+}
+ThemeToggle.displayName = "ThemeToggle";
+function NavbarNotification({
+  notifications = [],
+  onMarkAllAsRead,
+  onViewAll
+}) {
+  const hasNotifications = notifications.length > 0;
+  return /* @__PURE__ */ jsxs(Popover, { children: [
+    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(Button, { variant: "ghost", size: "icon", className: "rounded-full relative", children: [
+      /* @__PURE__ */ jsx(Bell, { className: "h-5 w-5 text-muted-foreground" }),
+      hasNotifications && /* @__PURE__ */ jsx("span", { className: "absolute top-0 right-0 h-2 w-2 rounded-full bg-red-500" }),
+      /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Abrir notifica\xE7\xF5es" })
+    ] }) }),
+    /* @__PURE__ */ jsx(PopoverContent, { className: "w-[400px] p-0", align: "end", children: /* @__PURE__ */ jsxs(Card, { className: "border-0 shadow-none", children: [
+      /* @__PURE__ */ jsxs(CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [
+        /* @__PURE__ */ jsx(CardTitle, { className: "text-xl font-bold", children: "Notifica\xE7\xF5es" }),
+        onMarkAllAsRead && /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "link",
+            className: "text-primary hover:text-primary/80",
+            onClick: onMarkAllAsRead,
+            children: "Marcar todas como lidas"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx(CardContent, { className: "px-0", children: notifications.length === 0 ? /* @__PURE__ */ jsx("div", { className: "py-8 text-center text-muted-foreground", children: "Nenhuma notifica\xE7\xE3o" }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("div", { className: "bg-background/30 px-6 py-2 text-sm font-medium text-gray-500", children: "Hoje" }),
+        /* @__PURE__ */ jsx("div", { className: "space-y-4 px-6 py-3", children: notifications.map((notification) => /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: `flex items-start space-x-4 ${notification.isHighlighted ? "rounded-lg bg-primary/5 p-3" : ""}`,
+            children: [
+              notification.icon && /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: `mt-1 rounded-full p-2 ${notification.isHighlighted ? "bg-primary/25" : "bg-gray-500/20"}`,
+                  children: notification.icon
+                }
+              ),
+              /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
+                /* @__PURE__ */ jsx("p", { className: "text-sm font-medium", children: notification.title }),
+                /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-500", children: notification.description }),
+                /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs text-gray-400", children: notification.time })
+              ] })
+            ]
+          },
+          notification.id
+        )) })
+      ] }) }),
+      onViewAll && /* @__PURE__ */ jsx(CardFooter, { className: "justify-center", children: /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "link",
+          className: "text-primary hover:text-primary/80",
+          onClick: onViewAll,
+          children: "Ver todas notifica\xE7\xF5es"
+        }
+      ) })
+    ] }) })
+  ] });
+}
+NavbarNotification.displayName = "NavbarNotification";
+var ScrollArea = React48.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+  ScrollAreaPrimitive.Root,
+  {
+    ref,
+    className: cn("relative overflow-hidden", className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx(ScrollAreaPrimitive.Viewport, { className: "h-full w-full rounded-[inherit]", children }),
+      /* @__PURE__ */ jsx(ScrollBar, {}),
+      /* @__PURE__ */ jsx(ScrollAreaPrimitive.Corner, {})
+    ]
+  }
+));
+ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
+var ScrollBar = React48.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx(
+  ScrollAreaPrimitive.ScrollAreaScrollbar,
+  {
+    ref,
+    orientation,
+    className: cn(
+      "flex touch-none select-none transition-colors",
+      orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent p-[1px]",
+      orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent p-[1px]",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ jsx(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
+  }
+));
+ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
+var Separator3 = React48.forwardRef(
+  ({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsx(
+    SeparatorPrimitive.Root,
+    {
+      ref,
+      decorative,
+      orientation,
+      className: cn(
+        "shrink-0 bg-border",
+        orientation === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]",
+        className
+      ),
+      ...props
+    }
+  )
+);
+Separator3.displayName = SeparatorPrimitive.Root.displayName;
+function getInitials2(name) {
+  return name.slice(0, 2).toUpperCase();
+}
+function defaultFormatCnpj(cnpj) {
+  return cnpj.replace(/\D/g, "").replace(/^(\d{2})(\d)/, "$1.$2").replace(/^(\d{2})\.(\d{3})(\d)/, "$1.$2.$3").replace(/\.(\d{3})(\d)/, ".$1/$2").replace(/(\d{4})(\d)/, "$1-$2").slice(0, 18);
+}
+function NavbarCompanyProfile({
+  companies,
+  activeCompanyId,
+  onCompanySelect,
+  isLoading = false,
+  formatCnpj = defaultFormatCnpj
+}) {
+  const currentCompany = companies.find(
+    (company) => company.id === activeCompanyId
+  );
+  if (!currentCompany) {
+    return isLoading ? /* @__PURE__ */ jsx(Loader, { variant: "dots" }) : null;
+  }
+  const handleCompanyClick = (companyId) => {
+    if (onCompanySelect) {
+      onCompanySelect(companyId);
+    }
+  };
+  return /* @__PURE__ */ jsx("div", { className: "relative", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-3 bg-primary/5 text-primary px-2 py-1 rounded-md", children: [
+    /* @__PURE__ */ jsx(Avatar, { className: "h-10 w-10 bg-primary/20", children: /* @__PURE__ */ jsx(AvatarFallback, { className: "font-semibold", children: getInitials2(currentCompany.name) }) }),
+    /* @__PURE__ */ jsxs("div", { className: "hidden sm:flex sm:flex-col sm:flex-grow", children: [
+      /* @__PURE__ */ jsx("h3", { className: "font-semibold text-sm", children: currentCompany.name }),
+      currentCompany.cnpj && /* @__PURE__ */ jsx("p", { className: "text-xs text-primary/70", children: formatCnpj(currentCompany.cnpj) })
+    ] }),
+    /* @__PURE__ */ jsxs(Popover, { children: [
+      /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+        Button,
+        {
+          variant: "ghost",
+          size: "sm",
+          className: "h-8 px-2 text-primary hover:bg-primary/20",
+          children: [
+            /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Abrir menu de empresas" }),
+            /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 w-4" })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ jsxs(PopoverContent, { className: "w-80 p-0", align: "end", children: [
+        /* @__PURE__ */ jsxs("div", { className: "bg-primary/5 p-4 rounded-t-lg", children: [
+          /* @__PURE__ */ jsx("h4", { className: "font-semibold text-sm mb-1", children: "Empresas Vinculadas" }),
+          /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "Selecione para mudar de empresa" })
+        ] }),
+        /* @__PURE__ */ jsx(ScrollArea, { className: "h-64", children: /* @__PURE__ */ jsxs("div", { className: "p-4", children: [
+          isLoading && /* @__PURE__ */ jsx("div", { className: "flex justify-center py-4", children: /* @__PURE__ */ jsx(Loader, { variant: "spinner" }) }),
+          !isLoading && companies.length === 0 && /* @__PURE__ */ jsx("p", { className: "text-center text-muted-foreground", children: "Nenhuma empresa encontrada." }),
+          companies.map((company, index) => /* @__PURE__ */ jsxs(React48.Fragment, { children: [
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: "ghost",
+                className: "w-full justify-start text-sm mb-1 hover:bg-primary/10",
+                onClick: () => handleCompanyClick(company.id),
+                children: /* @__PURE__ */ jsxs("div", { className: "flex items-center w-full", children: [
+                  /* @__PURE__ */ jsx(Avatar, { className: "h-8 w-8 mr-3", children: /* @__PURE__ */ jsx(AvatarFallback, { className: "bg-primary/20 text-primary text-xs", children: getInitials2(company.name) }) }),
+                  /* @__PURE__ */ jsxs("div", { className: "flex-grow text-left", children: [
+                    /* @__PURE__ */ jsx("div", { className: "font-medium", children: company.name }),
+                    company.cnpj && /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground", children: formatCnpj(company.cnpj) })
+                  ] }),
+                  company.id === activeCompanyId && /* @__PURE__ */ jsx(CheckCircle2, { className: "h-4 w-4 text-primary ml-2" })
+                ] })
+              }
+            ),
+            index < companies.length - 1 && /* @__PURE__ */ jsx(Separator3, { className: "my-2" })
+          ] }, company.id))
+        ] }) })
+      ] })
+    ] })
+  ] }) });
+}
+NavbarCompanyProfile.displayName = "NavbarCompanyProfile";
+function getInitials3(name) {
+  return name.split(" ").map((part) => part[0]).join("").toUpperCase().slice(0, 2);
+}
+var defaultMenuItems = [
+  { icon: /* @__PURE__ */ jsx(User, { className: "h-4 w-4" }), label: "Ver Perfil" },
+  { icon: /* @__PURE__ */ jsx(Settings, { className: "h-4 w-4" }), label: "Configura\xE7\xF5es" },
+  { icon: /* @__PURE__ */ jsx(Bell, { className: "h-4 w-4" }), label: "Atualiza\xE7\xF5es" },
+  { icon: /* @__PURE__ */ jsx(LogOut, { className: "h-4 w-4" }), label: "Sair", variant: "destructive" }
+];
+function NavbarUserMenu({
+  name,
+  email,
+  avatarUrl,
+  isCollapsed = false,
+  menuItems = defaultMenuItems,
+  children
+}) {
+  return /* @__PURE__ */ jsxs(Popover, { children: [
+    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(Button, { variant: "ghost", className: "w-full justify-start p-2", children: [
+      /* @__PURE__ */ jsxs(Avatar, { className: "h-8 w-8", children: [
+        avatarUrl && /* @__PURE__ */ jsx(AvatarImage, { src: avatarUrl, alt: name }),
+        /* @__PURE__ */ jsx(AvatarFallback, { children: getInitials3(name) })
+      ] }),
+      !isCollapsed && /* @__PURE__ */ jsxs("div", { className: "ml-2 text-left", children: [
+        /* @__PURE__ */ jsx("p", { className: "text-sm font-medium", children: name }),
+        email && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: email })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsx(PopoverContent, { className: "w-56 p-2", align: "end", children: children ? children : /* @__PURE__ */ jsx("div", { className: "space-y-1", children: menuItems.map((item, index) => {
+      const content = /* @__PURE__ */ jsxs(
+        Button,
+        {
+          variant: "ghost",
+          className: `w-full justify-start text-sm ${item.variant === "destructive" ? "text-red-500" : ""}`,
+          onClick: item.onClick,
+          children: [
+            item.icon && /* @__PURE__ */ jsx("span", { className: "mr-2", children: item.icon }),
+            item.label
+          ]
+        },
+        index
+      );
+      if (item.href) {
+        return /* @__PURE__ */ jsx(
+          "a",
+          {
+            href: item.href,
+            className: "flex flex-col items-center text-center",
+            children: content
+          },
+          index
+        );
+      }
+      return content;
+    }) }) })
+  ] });
+}
+NavbarUserMenu.displayName = "NavbarUserMenu";
+var Breadcrumb = React48.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx("nav", { ref, "aria-label": "breadcrumb", ...props }));
+Breadcrumb.displayName = "Breadcrumb";
+var BreadcrumbList = React48.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "ol",
+  {
+    ref,
+    className: cn(
+      "flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground sm:gap-2.5",
+      className
+    ),
+    ...props
+  }
+));
+BreadcrumbList.displayName = "BreadcrumbList";
+var BreadcrumbItem = React48.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "li",
+  {
+    ref,
+    className: cn("inline-flex items-center gap-1.5", className),
+    ...props
+  }
+));
+BreadcrumbItem.displayName = "BreadcrumbItem";
+var BreadcrumbLink = React48.forwardRef(({ asChild, className, ...props }, ref) => {
+  const Comp = asChild ? Slot : "a";
+  return /* @__PURE__ */ jsx(
+    Comp,
+    {
+      ref,
+      className: cn("transition-colors hover:text-foreground", className),
+      ...props
+    }
+  );
+});
+BreadcrumbLink.displayName = "BreadcrumbLink";
+var BreadcrumbPage = React48.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "span",
+  {
+    ref,
+    role: "link",
+    "aria-disabled": "true",
+    "aria-current": "page",
+    className: cn("font-semibold text-primary", className),
+    ...props
+  }
+));
+BreadcrumbPage.displayName = "BreadcrumbPage";
+var BreadcrumbSeparator = ({
+  children,
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  "li",
+  {
+    role: "presentation",
+    "aria-hidden": "true",
+    className: cn("[&>svg]:size-3.5", className),
+    ...props,
+    children: children ?? /* @__PURE__ */ jsx(ChevronRight, {})
+  }
+);
+BreadcrumbSeparator.displayName = "BreadcrumbSeparator";
+var BreadcrumbEllipsis = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxs(
+  "span",
+  {
+    role: "presentation",
+    "aria-hidden": "true",
+    className: cn("flex h-9 w-9 items-center justify-center", className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx(MoreHorizontal, { className: "h-4 w-4" }),
+      /* @__PURE__ */ jsx("span", { className: "sr-only", children: "More" })
+    ]
+  }
+);
+BreadcrumbEllipsis.displayName = "BreadcrumbEllipsis";
+function SectionHeaderRoot({
+  children,
+  className,
+  gradient = true,
+  bordered = true,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "px-6 py-4",
+        gradient && "bg-gradient-to-r from-primary/5 to-transparent",
+        bordered && "border-b border-border/50",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx("div", { className: "flex items-center justify-between gap-4", children: /* @__PURE__ */ jsx("div", { className: "flex items-center gap-3 min-w-0 flex-1", children }) })
+    }
+  );
+}
+SectionHeaderRoot.displayName = "SectionHeader";
+function SectionHeaderIcon({ icon: Icon2, className }) {
+  return /* @__PURE__ */ jsx("div", { className: cn("p-2.5 rounded-xl bg-primary/10 shrink-0", className), children: /* @__PURE__ */ jsx(Icon2, { className: "h-5 w-5 text-primary" }) });
+}
+SectionHeaderIcon.displayName = "SectionHeader.Icon";
+function SectionHeaderContent({ children, className, ...props }) {
+  return /* @__PURE__ */ jsx("div", { className: cn("min-w-0 flex-1", className), ...props, children });
+}
+SectionHeaderContent.displayName = "SectionHeader.Content";
+function SectionHeaderTitle({ children, className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "h3",
+    {
+      className: cn("font-semibold text-foreground truncate", className),
+      ...props,
+      children
+    }
+  );
+}
+SectionHeaderTitle.displayName = "SectionHeader.Title";
+function SectionHeaderSubtitle({ children, className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "p",
+    {
+      className: cn("text-sm text-muted-foreground truncate", className),
+      ...props,
+      children
+    }
+  );
+}
+SectionHeaderSubtitle.displayName = "SectionHeader.Subtitle";
+function SectionHeaderActions({ children, className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn("flex items-center gap-2 shrink-0 ml-auto", className),
+      ...props,
+      children
+    }
+  );
+}
+SectionHeaderActions.displayName = "SectionHeader.Actions";
+function SectionHeaderBadge({
+  children,
+  className,
+  variant = "muted",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: cn(
+        "text-xs px-2 py-1 rounded-full shrink-0",
+        variant === "muted" && "bg-muted text-muted-foreground",
+        variant === "default" && "bg-primary/10 text-primary",
+        className
+      ),
+      ...props,
+      children
+    }
+  );
+}
+SectionHeaderBadge.displayName = "SectionHeader.Badge";
+var SectionHeader = Object.assign(SectionHeaderRoot, {
+  Icon: SectionHeaderIcon,
+  Content: SectionHeaderContent,
+  Title: SectionHeaderTitle,
+  Subtitle: SectionHeaderSubtitle,
+  Actions: SectionHeaderActions,
+  Badge: SectionHeaderBadge
+});
+var KanbanContext = React48.createContext(null);
+function useKanban() {
+  const context = React48.useContext(KanbanContext);
+  if (!context) {
+    throw new Error("useKanban must be used within a Kanban.Board component");
+  }
+  return context;
+}
+function useKanbanOptional() {
+  return React48.useContext(KanbanContext);
+}
+function KanbanProvider({ children, value }) {
+  return /* @__PURE__ */ jsx(KanbanContext.Provider, { value, children });
+}
+function KanbanBoard({
+  children,
+  onDragEnd,
+  onDragStart,
+  className
+}) {
+  const [isDragging, setIsDragging] = React48.useState(false);
+  const [draggedItemId, setDraggedItemId] = React48.useState(null);
+  const [sourceColumnId, setSourceColumnId] = React48.useState(null);
+  const [hoveredColumnId, setHoveredColumnId] = React48.useState(null);
+  const dropValidatorsRef = React48.useRef(/* @__PURE__ */ new Map());
+  const registerDropValidator = React48.useCallback((columnId, validator) => {
+    dropValidatorsRef.current.set(columnId, validator);
+  }, []);
+  const unregisterDropValidator = React48.useCallback((columnId) => {
+    dropValidatorsRef.current.delete(columnId);
+  }, []);
+  const canDropInColumn = React48.useCallback((columnId) => {
+    if (!draggedItemId || !sourceColumnId) return false;
+    if (columnId === sourceColumnId) return false;
+    const validator = dropValidatorsRef.current.get(columnId);
+    if (validator) {
+      return validator(draggedItemId, sourceColumnId);
+    }
+    return true;
+  }, [draggedItemId, sourceColumnId]);
+  const handleDragStart = React48.useCallback((itemId, colId) => {
+    setIsDragging(true);
+    setDraggedItemId(itemId);
+    setSourceColumnId(colId);
+    onDragStart?.(itemId, colId);
+  }, [onDragStart]);
+  const handleDrop = React48.useCallback((destinationColumnId) => {
+    if (draggedItemId && sourceColumnId && destinationColumnId !== sourceColumnId) {
+      if (canDropInColumn(destinationColumnId)) {
+        const result = {
+          itemId: draggedItemId,
+          sourceColumnId,
+          destinationColumnId
+        };
+        onDragEnd?.(result);
+      }
+    }
+    setIsDragging(false);
+    setDraggedItemId(null);
+    setSourceColumnId(null);
+    setHoveredColumnId(null);
+  }, [draggedItemId, sourceColumnId, canDropInColumn, onDragEnd]);
+  const handleDragEnd = React48.useCallback(() => {
+    setIsDragging(false);
+    setDraggedItemId(null);
+    setSourceColumnId(null);
+    setHoveredColumnId(null);
+  }, []);
+  const contextValue = React48.useMemo(() => ({
+    isDragging,
+    draggedItemId,
+    sourceColumnId,
+    hoveredColumnId,
+    setHoveredColumnId,
+    canDropInColumn,
+    registerDropValidator,
+    unregisterDropValidator
+  }), [isDragging, draggedItemId, sourceColumnId, hoveredColumnId, canDropInColumn, registerDropValidator, unregisterDropValidator]);
+  return /* @__PURE__ */ jsx(KanbanProvider, { value: contextValue, children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "flex gap-4 overflow-x-auto pb-4",
+        className
+      ),
+      onDragEnd: handleDragEnd,
+      "data-kanban-board": true,
+      "data-onstart": handleDragStart.toString(),
+      "data-ondrop": handleDrop.toString(),
+      children: /* @__PURE__ */ jsx(KanbanBoardInternalContext.Provider, { value: { handleDragStart, handleDrop }, children })
+    }
+  ) });
+}
+var KanbanBoardInternalContext = React48.createContext(null);
+function useKanbanBoard() {
+  const context = React48.useContext(KanbanBoardInternalContext);
+  if (!context) {
+    throw new Error("useKanbanBoard must be used within a Kanban.Board component");
+  }
+  return context;
+}
+KanbanBoard.displayName = "KanbanBoard";
+function KanbanColumn({
+  id,
+  title,
+  count,
+  children,
+  className,
+  headerClassName,
+  emptyMessage = "Nenhum item",
+  footer,
+  canDrop
+}) {
+  const { isDragging, sourceColumnId, hoveredColumnId, setHoveredColumnId, canDropInColumn, registerDropValidator, unregisterDropValidator } = useKanban();
+  const { handleDrop } = useKanbanBoard();
+  React48.useEffect(() => {
+    if (canDrop) {
+      registerDropValidator(id, canDrop);
+      return () => unregisterDropValidator(id);
+    }
+  }, [id, canDrop, registerDropValidator, unregisterDropValidator]);
+  const isValidDropTarget = isDragging && sourceColumnId !== id && canDropInColumn(id);
+  const isInvalidDropTarget = isDragging && sourceColumnId !== id && !canDropInColumn(id);
+  const isHovered = hoveredColumnId === id;
+  const handleDragOver = React48.useCallback((e) => {
+    e.preventDefault();
+    if (isValidDropTarget) {
+      e.dataTransfer.dropEffect = "move";
+      setHoveredColumnId(id);
+    } else {
+      e.dataTransfer.dropEffect = "none";
+    }
+  }, [isValidDropTarget, setHoveredColumnId, id]);
+  const handleDragLeave = React48.useCallback((e) => {
+    if (e.currentTarget === e.target || !e.currentTarget.contains(e.relatedTarget)) {
+      setHoveredColumnId(null);
+    }
+  }, [setHoveredColumnId]);
+  const handleDropEvent = React48.useCallback((e) => {
+    e.preventDefault();
+    if (isValidDropTarget) {
+      handleDrop(id);
+    }
+  }, [isValidDropTarget, handleDrop, id]);
+  const childCount = React48.Children.count(children);
+  const displayCount = count ?? childCount;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "flex flex-col min-w-[300px] max-w-[340px] rounded-2xl",
+        "bg-muted/20 dark:bg-muted/10",
+        "transition-all duration-200",
+        isValidDropTarget && "ring-2 ring-primary/40 bg-primary/5",
+        isInvalidDropTarget && "opacity-40",
+        isHovered && isValidDropTarget && "ring-primary/60 bg-primary/10 scale-[1.01]",
+        className
+      ),
+      onDragOver: handleDragOver,
+      onDragLeave: handleDragLeave,
+      onDrop: handleDropEvent,
+      "data-kanban-column": id,
+      children: [
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: cn(
+              "flex items-center gap-2 px-4 py-3",
+              headerClassName
+            ),
+            children: [
+              /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "\u21BB" }),
+              /* @__PURE__ */ jsx("h3", { className: "text-sm font-medium text-foreground flex-1", children: title }),
+              /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: displayCount }),
+              /* @__PURE__ */ jsx("button", { className: "p-1 rounded-md hover:bg-muted/50 text-muted-foreground transition-colors", children: /* @__PURE__ */ jsx("span", { className: "text-sm", children: "\u22EF" }) }),
+              /* @__PURE__ */ jsx("button", { className: "p-1 rounded-md hover:bg-muted/50 text-muted-foreground transition-colors", children: /* @__PURE__ */ jsx("span", { className: "text-sm", children: "+" }) })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: cn(
+              "flex-1 px-2 pb-2 space-y-3 min-h-[200px] max-h-[calc(100vh-200px)] overflow-y-auto",
+              isHovered && isValidDropTarget && "bg-primary/5"
+            ),
+            children: childCount === 0 ? /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center h-32 text-sm text-muted-foreground/60", children: emptyMessage }) : children
+          }
+        ),
+        footer && /* @__PURE__ */ jsx("div", { className: "px-2 pb-3", children: footer })
+      ]
+    }
+  );
+}
+KanbanColumn.displayName = "KanbanColumn";
+function KanbanCard({
+  id,
+  columnId,
+  children,
+  className,
+  disabled = false
+}) {
+  const { draggedItemId } = useKanban();
+  const { handleDragStart } = useKanbanBoard();
+  const isThisCardDragging = draggedItemId === id;
+  const handleDragStartEvent = React48.useCallback((e) => {
+    if (disabled) {
+      e.preventDefault();
+      return;
+    }
+    e.dataTransfer.effectAllowed = "move";
+    e.dataTransfer.setData("text/plain", id);
+    setTimeout(() => {
+      handleDragStart(id, columnId);
+    }, 0);
+  }, [id, columnId, handleDragStart, disabled]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      draggable: !disabled,
+      onDragStart: handleDragStartEvent,
+      className: cn(
+        "group relative rounded-2xl border border-border/60 bg-card p-4",
+        "shadow-[0_2px_8px_-2px_rgba(0,0,0,0.08),0_4px_16px_-4px_rgba(0,0,0,0.04)]",
+        "transition-all duration-200",
+        !disabled && "cursor-grab hover:shadow-[0_4px_16px_-4px_rgba(0,0,0,0.12),0_8px_24px_-8px_rgba(0,0,0,0.08)] hover:border-border",
+        !disabled && "active:cursor-grabbing active:scale-[0.98]",
+        isThisCardDragging && "opacity-50 scale-[0.96] shadow-xl border-primary ring-2 ring-primary/20",
+        disabled && "cursor-not-allowed opacity-60",
+        className
+      ),
+      "data-kanban-card": id,
+      "data-column": columnId,
+      children
+    }
+  );
+}
+KanbanCard.displayName = "KanbanCard";
+
+// src/components/Kanban/Kanban.tsx
+var Kanban = {
+  Board: KanbanBoard,
+  Column: KanbanColumn,
+  Card: KanbanCard
+};
+function Logo({
+  width = 100,
+  color = "currentColor",
+  className = "text-primary"
+}) {
+  const originalWidth = 207;
+  const originalHeight = 304;
+  let calculatedHeight = originalHeight;
+  if (typeof width === "number") {
+    calculatedHeight = Math.round(width * (originalHeight / originalWidth));
+  } else if (typeof width === "string" && width.endsWith("%")) {
+    calculatedHeight = "auto";
+  } else if (typeof width === "string") {
+    const numWidth = parseFloat(width);
+    if (!isNaN(numWidth)) {
+      calculatedHeight = `${Math.round(
+        numWidth * (originalHeight / originalWidth)
+      )}${width.match(/[a-zA-Z%]+$/)?.[0] || ""}`;
+    } else {
+      calculatedHeight = originalHeight;
+    }
+  }
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      width,
+      height: calculatedHeight,
+      viewBox: "0 0 207 304",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className: cn(className),
+      style: color !== "currentColor" ? { fill: color } : void 0,
+      "aria-label": "Facter Logo",
+      role: "img",
+      children: [
+        /* @__PURE__ */ jsx(
+          "mask",
+          {
+            id: "facter-logo-mask",
+            maskUnits: "userSpaceOnUse",
+            x: "0",
+            y: "0",
+            width: "207",
+            height: "304",
+            children: /* @__PURE__ */ jsx("path", { d: "M0 0.15625H206.26V304H0V0.15625Z", fill: "white" })
+          }
+        ),
+        /* @__PURE__ */ jsx("g", { mask: "url(#facter-logo-mask)", children: /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M25.8384 196.911L15.4739 183.729C-10.7189 150.411 0.44781 101.422 38.4895 82.7344L206.266 0.307297V34.2396C206.266 60.1875 191.448 83.8698 168.12 95.2396L56.578 149.594C48.4634 153.547 41.3489 159.344 35.9791 166.609C30.5936 173.901 25.9582 183.906 26.3176 196.526C29.9947 193.609 34.0624 191.026 38.4843 188.854L206.26 106.432V140.359C206.26 166.313 191.437 189.995 168.109 201.365L56.578 255.708C48.4634 259.667 41.3489 265.464 35.9791 272.724C30.4426 280.224 25.6978 290.578 26.3593 303.693L15.4739 289.854C-7.54698 260.568 -1.72407 219.193 25.8384 196.911ZM134.818 266.526L206.208 303.724L206.187 210.802L134.953 246.661C126.828 250.755 126.755 262.323 134.818 266.526Z",
+            fill: color === "currentColor" ? "currentColor" : color
+          }
+        ) })
+      ]
+    }
+  );
+}
+var initialState = {
+  theme: "system",
+  setTheme: () => null
+};
+var ThemeProviderContext = React48.createContext(initialState);
+function ThemeProvider({
+  children,
+  defaultTheme = "system",
+  storageKey = "facter-ds-theme",
+  ...props
+}) {
+  const [theme, setTheme] = React48.useState(
+    () => localStorage.getItem(storageKey) || defaultTheme
+  );
+  const [resolvedTheme, setResolvedTheme] = React48.useState("light");
+  React48.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 = React48.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 = React48.useContext(ThemeProviderContext);
+  if (context === void 0)
+    throw new Error("useTheme must be used within a ThemeProvider");
+  return context;
+};
+
+// src/themes/index.ts
+var FACTER_THEMES = {
+  default: "default",
+  truck: "truck",
+  vagas: "vagas",
+  techcare: "techcare"
+};
+var THEME_INFO = {
+  default: {
+    name: "Default",
+    primaryColor: "#18181B",
+    primaryHsl: "240 5.9% 10%",
+    ringHsl: "240 5.9% 10%",
+    description: "Tema neutro padr\xE3o"
+  },
+  truck: {
+    name: "Facter Truck",
+    primaryColor: "#3B5BDB",
+    primaryHsl: "233 65% 55%",
+    ringHsl: "233 65% 55%",
+    description: "Sistema de gest\xE3o de frotas"
+  },
+  vagas: {
+    name: "Facter Vagas",
+    primaryColor: "#8B5CF6",
+    primaryHsl: "262 83% 58%",
+    ringHsl: "262 83% 58%",
+    description: "Plataforma de vagas de emprego"
+  },
+  techcare: {
+    name: "Facter TechCare",
+    primaryColor: "#16A34A",
+    primaryHsl: "142 76% 36%",
+    ringHsl: "142 76% 36%",
+    description: "Sistema de assist\xEAncia t\xE9cnica"
+  }
 };
 
-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 };
+export { AuthLayout, Avatar, AvatarFallback, AvatarImage, Badge, BigNumberCard, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, DENSITY_CONFIG, DashboardLayout, DataTable, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DialogWrapper, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, FACTER_THEMES, Form, FormCheckbox, FormDescription, FormError, FormFieldProvider, FormFieldWrapper, FormInput, FormLabel, FormProvider, FormRadioGroup, FormSelect, FormSwitch, FormTextarea, GlobalLoaderController, Input, Kanban, Loader, LoaderProvider, Logo, MobileNav, MobileNavItem, Navbar, NavbarCompanyProfile, NavbarNotification, NavbarUserMenu, Popover, PopoverContent, PopoverTrigger, RippleBackground, RippleEffect, RippleWrapper, ScrollArea, ScrollBar, SectionHeader, SectionHeaderActions, SectionHeaderBadge, SectionHeaderContent, SectionHeaderIcon, SectionHeaderRoot, SectionHeaderSubtitle, SectionHeaderTitle, Select, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectionLayout, Separator3 as Separator, Sidebar, Skeleton, Sparkline, Switch, THEME_INFO, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, ThemeProvider, ThemeToggle, Toaster, cn, loader, toast, useDashboardLayout, useDataTable, useDataTableColumnVisibility, useDataTableDensity, useDataTableEmpty, useDataTableInstance, useDataTableLoading, useDataTableMeta, useDataTablePagination, useDataTableSelection, useDataTableSorting, useDataTableState, useDebounce, useDebouncedCallback, useFormContext, useFormFieldContext, useKanban, useKanbanOptional, useLoader, useMediaQuery2 as useMediaQuery, useSidebar, useSidebarOptional, useTheme };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map