xertica-ui 2.2.0 → 2.3.0

package/dist/{AssistantChart-CVko2A1W.js → AssistantChart-CFhDdGyU.js}

@@ -2,7 +2,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import * as AspectRatioPrimitive from "@radix-ui/react-aspect-ratio";
 import { GripVerticalIcon, ChevronDownIcon, MoreHorizontalIcon, ChevronRightIcon, ChevronLeftIcon, MinusIcon, ChevronLeft, ChevronRight, ChevronDown, XIcon, CheckIcon, CircleIcon, SearchIcon, TrendingUp, TrendingDown, Minus, ArrowRight, ArrowLeft, X, Check, Upload, AlertCircle, FileIcon, Star, Search as Search$1 } from "lucide-react";
 import * as React from "react";
-import React__default, { useRef, useEffect } from "react";
+import React__default, { useState, useCallback, useMemo, useRef, useEffect } from "react";
 import { c as cn, b as buttonVariants, B as Button } from "./button-qkz7Icqf.js";
 import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu";
 import { cva } from "class-variance-authority";
@@ -11,7 +11,7 @@ import * as TogglePrimitive from "@radix-ui/react-toggle";
 import { OTPInput, OTPInputContext } from "input-otp";
 import { Slot } from "@radix-ui/react-slot";
 import { FormProvider, Controller, useFormContext, useFormState } from "react-hook-form";
-import { L as Label, M as Map$1 } from "./alert-dialog-iDe5VE5o.js";
+import { L as Label, M as Map$1 } from "./alert-dialog-s-vmNkJ_.js";
 import { getDefaultClassNames, DayPicker } from "react-day-picker";
 import * as DialogPrimitive from "@radix-ui/react-dialog";
 import { Drawer as Drawer$1 } from "vaul";
@@ -19,12 +19,12 @@ import * as HoverCardPrimitive from "@radix-ui/react-hover-card";
 import * as ContextMenuPrimitive from "@radix-ui/react-context-menu";
 import * as MenubarPrimitive from "@radix-ui/react-menubar";
 import { Command as Command$1 } from "cmdk";
-import { k as Dialog, q as DialogHeader, t as DialogTitle, o as DialogDescription, n as DialogContent, c as ChartContainer, g as ChartTooltip, h as ChartTooltipContent } from "./rich-text-editor-BrdC5evx.js";
+import { k as Dialog, q as DialogHeader, t as DialogTitle, o as DialogDescription, n as DialogContent, c as ChartContainer, g as ChartTooltip, h as ChartTooltipContent } from "./rich-text-editor-Bp3zQqMC.js";
 import { C as Card, b as CardContent } from "./card-fi8zAN-I.js";
 import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
 import * as AccordionPrimitive from "@radix-ui/react-accordion";
 import useEmblaCarousel from "embla-carousel-react";
-import { u as useGoogleMapsLoader } from "./google-maps-loader-t2IlYBzw.js";
+import { u as useGoogleMapsLoader } from "./google-maps-loader-CTYySAun.js";
 import { BarChart, CartesianGrid, XAxis, Bar } from "recharts";
 function AspectRatio({
   ...props
@@ -483,20 +483,26 @@ function PaginationItem({ ...props }) {
 function PaginationLink({
   className,
   isActive,
+  disabled,
   size = "icon",
+  href,
   ...props
 }) {
   return /* @__PURE__ */ jsx(
     "a",
     {
       "aria-current": isActive ? "page" : void 0,
+      "aria-disabled": disabled || void 0,
+      tabIndex: disabled ? -1 : void 0,
       "data-slot": "pagination-link",
       "data-active": isActive,
+      href: disabled ? void 0 : href ?? "#",
       className: cn(
         buttonVariants({
           variant: isActive ? "outline" : "ghost",
           size
         }),
+        disabled && "pointer-events-none opacity-50",
         className
       ),
       ...props
@@ -505,6 +511,7 @@ function PaginationLink({
 }
 function PaginationPrevious({
   className,
+  disabled,
   ...props
 }) {
   return /* @__PURE__ */ jsxs(
@@ -512,6 +519,7 @@ function PaginationPrevious({
     {
       "aria-label": "Go to previous page",
       size: "default",
+      disabled,
       className: cn("gap-1 px-2.5 sm:pl-2.5", className),
       ...props,
       children: [
@@ -523,6 +531,7 @@ function PaginationPrevious({
 }
 function PaginationNext({
   className,
+  disabled,
   ...props
 }) {
   return /* @__PURE__ */ jsxs(
@@ -530,6 +539,7 @@ function PaginationNext({
     {
       "aria-label": "Go to next page",
       size: "default",
+      disabled,
       className: cn("gap-1 px-2.5 sm:pr-2.5", className),
       ...props,
       children: [
@@ -557,6 +567,71 @@ function PaginationEllipsis({
     }
   );
 }
+function usePagination({
+  totalItems,
+  pageSize = 10,
+  initialPage = 1,
+  page: controlledPage,
+  onPageChange,
+  siblingCount = 1
+}) {
+  const [internalPage, setInternalPage] = useState(initialPage);
+  const isControlled = controlledPage !== void 0;
+  const currentPage = isControlled ? controlledPage : internalPage;
+  const totalPages = Math.max(1, Math.ceil(totalItems / pageSize));
+  const setPage = useCallback(
+    (p) => {
+      const clamped = Math.min(Math.max(1, p), totalPages);
+      if (!isControlled) setInternalPage(clamped);
+      onPageChange == null ? void 0 : onPageChange(clamped);
+    },
+    [isControlled, onPageChange, totalPages]
+  );
+  const startIndex = (currentPage - 1) * pageSize;
+  const endIndex = Math.min(startIndex + pageSize, totalItems);
+  const canGoPrev = currentPage > 1;
+  const canGoNext = currentPage < totalPages;
+  const isFirstPage = currentPage === 1;
+  const isLastPage = currentPage === totalPages;
+  const items = useMemo(() => {
+    const pageSet = /* @__PURE__ */ new Set();
+    pageSet.add(1);
+    if (totalPages > 1) pageSet.add(totalPages);
+    for (let p = Math.max(2, currentPage - siblingCount); p <= Math.min(totalPages - 1, currentPage + siblingCount); p++) {
+      pageSet.add(p);
+    }
+    const sorted = Array.from(pageSet).sort((a, b) => a - b);
+    const result = [];
+    for (let i = 0; i < sorted.length; i++) {
+      result.push({ type: "page", page: sorted[i] });
+      if (i < sorted.length - 1 && sorted[i + 1] - sorted[i] > 1) {
+        result.push({ type: "ellipsis", key: `ellipsis-${sorted[i]}` });
+      }
+    }
+    return result;
+  }, [currentPage, siblingCount, totalPages]);
+  const goTo = useCallback((p) => setPage(p), [setPage]);
+  const next = useCallback(() => setPage(currentPage + 1), [currentPage, setPage]);
+  const prev = useCallback(() => setPage(currentPage - 1), [currentPage, setPage]);
+  const first = useCallback(() => setPage(1), [setPage]);
+  const last = useCallback(() => setPage(totalPages), [setPage, totalPages]);
+  return {
+    currentPage,
+    totalPages,
+    startIndex,
+    endIndex,
+    canGoPrev,
+    canGoNext,
+    isFirstPage,
+    isLastPage,
+    items,
+    goTo,
+    next,
+    prev,
+    first,
+    last
+  };
+}
 const toggleVariants = cva(
   "inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium hover:bg-muted hover:text-muted-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] outline-none transition-[color,box-shadow] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive whitespace-nowrap",
   {
@@ -2055,33 +2130,39 @@ const TimelineDescription = React.forwardRef(({ className, ...props }, ref) => /
   }
 ));
 TimelineDescription.displayName = "TimelineDescription";
-const TreeView = React.forwardRef(
-  ({ className, data, onNodeClick, onNodeSelect, defaultExpanded = [], selectedNodeId, ...props }, ref) => {
-    const [expanded, setExpanded] = React.useState(new Set(defaultExpanded));
-    const [internalSelectedId, setInternalSelectedId] = React.useState(void 0);
-    const nodeRefs = React.useRef(/* @__PURE__ */ new Map());
-    const isControlled = selectedNodeId !== void 0;
-    const effectiveSelectedId = isControlled ? selectedNodeId : internalSelectedId;
-    const toggleExpand = (nodeId) => {
-      setExpanded((prev) => {
-        const next = new Set(prev);
-        next.has(nodeId) ? next.delete(nodeId) : next.add(nodeId);
-        return next;
-      });
+function useTreeView({
+  data,
+  defaultExpanded = [],
+  selectedNodeId,
+  onNodeClick,
+  onNodeSelect
+}) {
+  const [expanded, setExpanded] = useState(new Set(defaultExpanded));
+  const [internalSelectedId, setInternalSelectedId] = useState(void 0);
+  const nodeRefs = useRef(/* @__PURE__ */ new Map());
+  const isControlled = selectedNodeId !== void 0;
+  const effectiveSelectedId = isControlled ? selectedNodeId : internalSelectedId;
+  const getNodeRef = useCallback(
+    (nodeId) => (el) => {
+      if (el) nodeRefs.current.set(nodeId, el);
+      else nodeRefs.current.delete(nodeId);
+    },
+    []
+  );
+  const getVisibleNodes = useCallback(() => {
+    const result = [];
+    const traverse = (nodes) => {
+      var _a;
+      for (const node of nodes) {
+        result.push(node);
+        if (((_a = node.children) == null ? void 0 : _a.length) && expanded.has(node.id)) traverse(node.children);
+      }
     };
-    const getVisibleNodes = React.useCallback(() => {
-      const result = [];
-      const traverse = (nodes) => {
-        var _a;
-        for (const node of nodes) {
-          result.push(node);
-          if (((_a = node.children) == null ? void 0 : _a.length) && expanded.has(node.id)) traverse(node.children);
-        }
-      };
-      traverse(data);
-      return result;
-    }, [data, expanded]);
-    const findParent = (nodes, targetId) => {
+    traverse(data);
+    return result;
+  }, [data, expanded]);
+  const findParent = useCallback(
+    (nodes, targetId) => {
       var _a;
       for (const n of nodes) {
         if ((_a = n.children) == null ? void 0 : _a.some((c) => c.id === targetId)) return n;
@@ -2091,13 +2172,28 @@ const TreeView = React.forwardRef(
         }
       }
       return null;
-    };
-    const handleSelect = (node) => {
+    },
+    // findParent is a pure recursive function over `data` — no reactive deps needed
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    []
+  );
+  const toggleExpand = useCallback((nodeId) => {
+    setExpanded((prev) => {
+      const next = new Set(prev);
+      next.has(nodeId) ? next.delete(nodeId) : next.add(nodeId);
+      return next;
+    });
+  }, []);
+  const handleSelect = useCallback(
+    (node) => {
       if (!isControlled) setInternalSelectedId(node.id);
       onNodeSelect == null ? void 0 : onNodeSelect(node);
       onNodeClick == null ? void 0 : onNodeClick(node);
-    };
-    const handleKeyDown = (e, node) => {
+    },
+    [isControlled, onNodeClick, onNodeSelect]
+  );
+  const handleKeyDown = useCallback(
+    (e, node) => {
       var _a, _b;
       const visibleNodes = getVisibleNodes();
       const idx = visibleNodes.findIndex((n) => n.id === node.id);
@@ -2150,26 +2246,60 @@ const TreeView = React.forwardRef(
           if (last) focusNode(last.id);
           break;
         }
-        case "Enter":
         case " ": {
+          e.preventDefault();
+          if (hasChildren) {
+            toggleExpand(node.id);
+          } else {
+            handleSelect(node);
+          }
+          break;
+        }
+        case "Enter": {
           e.preventDefault();
           if (hasChildren) toggleExpand(node.id);
           handleSelect(node);
           break;
         }
       }
-    };
-    return /* @__PURE__ */ jsx("div", { ref, className: cn("w-full", className), role: "tree", ...props, children: data.map((node) => /* @__PURE__ */ jsx(
+    },
+    [data, expanded, findParent, getVisibleNodes, handleSelect, toggleExpand]
+  );
+  return {
+    expanded,
+    effectiveSelectedId,
+    nodeRefs,
+    getNodeRef,
+    toggleExpand,
+    handleSelect,
+    handleKeyDown,
+    getVisibleNodes
+  };
+}
+const TreeView = React.forwardRef(
+  ({ className, data, onNodeClick, onNodeSelect, defaultExpanded = [], selectedNodeId, ariaLabel, ...props }, ref) => {
+    var _a;
+    const {
+      expanded,
+      effectiveSelectedId,
+      getNodeRef,
+      toggleExpand,
+      handleSelect,
+      handleKeyDown
+    } = useTreeView({ data, defaultExpanded, selectedNodeId, onNodeClick, onNodeSelect });
+    const focusableId = effectiveSelectedId ?? ((_a = data[0]) == null ? void 0 : _a.id);
+    return /* @__PURE__ */ jsx("div", { ref, className: cn("w-full", className), role: "tree", "aria-label": ariaLabel ?? "Navegação em árvore", ...props, children: data.map((node) => /* @__PURE__ */ jsx(
       TreeNodeComponent,
       {
         node,
         level: 0,
         expanded,
         selectedId: effectiveSelectedId,
+        focusableId,
         onToggle: toggleExpand,
         onSelect: handleSelect,
         onKeyDown: handleKeyDown,
-        nodeRefs
+        getNodeRef
       },
       node.id
     )) });
@@ -2181,10 +2311,11 @@ const TreeNodeComponent = ({
   level,
   expanded,
   selectedId,
+  focusableId,
   onToggle,
   onSelect,
   onKeyDown,
-  nodeRefs
+  getNodeRef
 }) => {
   var _a;
   const hasChildren = !!((_a = node.children) == null ? void 0 : _a.length);
@@ -2194,19 +2325,15 @@ const TreeNodeComponent = ({
     if (hasChildren) onToggle(node.id);
     onSelect(node);
   };
-  const setRef = (el) => {
-    if (el) nodeRefs.current.set(node.id, el);
-    else nodeRefs.current.delete(node.id);
-  };
   return /* @__PURE__ */ jsxs("div", { role: "none", children: [
     /* @__PURE__ */ jsxs(
       "button",
       {
-        ref: setRef,
+        ref: getNodeRef(node.id),
         role: "treeitem",
         "aria-expanded": hasChildren ? isExpanded : void 0,
         "aria-selected": isSelected,
-        tabIndex: isSelected ? 0 : -1,
+        tabIndex: node.id === focusableId ? 0 : -1,
         onClick: handleClick,
         onKeyDown: (e) => onKeyDown(e, node),
         className: cn(
@@ -2229,10 +2356,11 @@ const TreeNodeComponent = ({
         level: level + 1,
         expanded,
         selectedId,
+        focusableId,
         onToggle,
         onSelect,
         onKeyDown,
-        nodeRefs
+        getNodeRef
       },
       child.id
     )) })
@@ -2505,9 +2633,9 @@ function CarouselNext({
   );
 }
 const StepperContext = React.createContext(void 0);
-const useStepper = () => {
+const useStepperContext = () => {
   const context = React.useContext(StepperContext);
-  if (!context) throw new Error("useStepper must be used within a Stepper");
+  if (!context) throw new Error("useStepperContext must be used within a Stepper");
   return context;
 };
 const Stepper = React.forwardRef(
@@ -2519,9 +2647,17 @@ const Stepper = React.forwardRef(
         ref,
         className: cn("w-full", className),
         ...props,
-        children: /* @__PURE__ */ jsx("div", { className: cn(
-          orientation === "horizontal" ? "flex items-start justify-between" : "flex flex-col gap-0"
-        ), children })
+        children: /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: cn(
+              orientation === "horizontal" ? "flex items-start justify-between" : "flex flex-col gap-0"
+            ),
+            role: "list",
+            "aria-label": `Progresso: etapa ${currentStep} de ${totalSteps}`,
+            children
+          }
+        )
       }
     ) });
   }
@@ -2529,7 +2665,7 @@ const Stepper = React.forwardRef(
 Stepper.displayName = "Stepper";
 const Step = React.forwardRef(
   ({ step, label, description, error = false, className, ...props }, ref) => {
-    const { currentStep, totalSteps, orientation } = useStepper();
+    const { currentStep, totalSteps, orientation } = useStepperContext();
     const isActive = step === currentStep;
     const isCompleted = step < currentStep && !error;
     const isFirst = step === 1;
@@ -2543,54 +2679,120 @@ const Step = React.forwardRef(
     );
     const connectorClasses = (filled) => cn("transition-colors", filled ? "bg-primary" : "bg-muted");
     if (orientation === "vertical") {
-      return /* @__PURE__ */ jsxs("div", { ref, className: cn("flex gap-4", className), ...props, children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center", children: [
-          /* @__PURE__ */ jsx("div", { className: circleClasses, children: error ? /* @__PURE__ */ jsx(X, { className: "h-5 w-5" }) : isCompleted ? /* @__PURE__ */ jsx(Check, { className: "h-5 w-5" }) : /* @__PURE__ */ jsx("span", { children: step }) }),
-          !isLast && /* @__PURE__ */ jsx("div", { className: cn("w-0.5 flex-1 min-h-[2rem] mt-1", connectorClasses(step < currentStep)) })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: cn("pb-6", isLast && "pb-0"), children: [
-          /* @__PURE__ */ jsx("div", { className: cn("transition-colors", isActive || error ? "text-foreground" : "text-muted-foreground"), children: label }),
-          description && /* @__PURE__ */ jsx("div", { className: "mt-1 text-xs text-muted-foreground", children: description })
-        ] })
-      ] });
-    }
-    return /* @__PURE__ */ jsxs("div", { ref, className: cn("flex flex-1 flex-col items-center", className), ...props, children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex w-full items-start", children: [
-        step > 1 && /* @__PURE__ */ jsx("div", { className: cn("h-0.5 flex-1 mt-[18px]", connectorClasses(step <= currentStep)) }),
-        /* @__PURE__ */ jsx("div", { className: circleClasses, children: error ? /* @__PURE__ */ jsx(X, { className: "h-5 w-5" }) : isCompleted ? /* @__PURE__ */ jsx(Check, { className: "h-5 w-5" }) : /* @__PURE__ */ jsx("span", { children: step }) }),
-        step < totalSteps && /* @__PURE__ */ jsx("div", { className: cn("h-0.5 flex-1 mt-[18px]", connectorClasses(step < currentStep)) })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: cn(
-        "mt-2 px-1",
-        isFirst && "text-left self-start",
-        isLast && "text-right self-end",
-        !isFirst && !isLast && "text-center w-full"
-      ), children: [
-        /* @__PURE__ */ jsx("div", { className: cn("transition-colors", isActive || error ? "text-foreground" : "text-muted-foreground"), children: label }),
-        description && /* @__PURE__ */ jsx("div", { className: "mt-1 text-xs text-muted-foreground", children: description })
-      ] })
-    ] });
+      return /* @__PURE__ */ jsxs(
+        "div",
+        {
+          ref,
+          className: cn("flex gap-4", className),
+          role: "listitem",
+          "aria-current": isActive ? "step" : void 0,
+          "aria-label": `Etapa ${step}: ${label}${isCompleted ? ", concluída" : isActive ? ", atual" : ""}`,
+          ...props,
+          children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center", children: [
+              /* @__PURE__ */ jsx("div", { className: circleClasses, children: error ? /* @__PURE__ */ jsx(X, { className: "h-5 w-5" }) : isCompleted ? /* @__PURE__ */ jsx(Check, { className: "h-5 w-5" }) : /* @__PURE__ */ jsx("span", { children: step }) }),
+              !isLast && /* @__PURE__ */ jsx("div", { className: cn("w-0.5 flex-1 min-h-[2rem] mt-1", connectorClasses(step < currentStep)) })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: cn("pb-6", isLast && "pb-0"), children: [
+              /* @__PURE__ */ jsx("div", { className: cn("transition-colors", isActive || error ? "text-foreground" : "text-muted-foreground"), children: label }),
+              description && /* @__PURE__ */ jsx("div", { className: "mt-1 text-xs text-muted-foreground", children: description })
+            ] })
+          ]
+        }
+      );
+    }
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        className: cn("flex flex-1 flex-col items-center", className),
+        role: "listitem",
+        "aria-current": isActive ? "step" : void 0,
+        "aria-label": `Etapa ${step}: ${label}${isCompleted ? ", concluída" : isActive ? ", atual" : ""}`,
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex w-full items-start", children: [
+            step > 1 && /* @__PURE__ */ jsx("div", { className: cn("h-0.5 flex-1 mt-[18px]", connectorClasses(step <= currentStep)) }),
+            /* @__PURE__ */ jsx("div", { className: circleClasses, children: error ? /* @__PURE__ */ jsx(X, { className: "h-5 w-5" }) : isCompleted ? /* @__PURE__ */ jsx(Check, { className: "h-5 w-5" }) : /* @__PURE__ */ jsx("span", { children: step }) }),
+            step < totalSteps && /* @__PURE__ */ jsx("div", { className: cn("h-0.5 flex-1 mt-[18px]", connectorClasses(step < currentStep)) })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: cn(
+            "mt-2 px-1",
+            isFirst && "text-left self-start",
+            isLast && "text-right self-end",
+            !isFirst && !isLast && "text-center w-full"
+          ), children: [
+            /* @__PURE__ */ jsx("div", { className: cn("transition-colors", isActive || error ? "text-foreground" : "text-muted-foreground"), children: label }),
+            description && /* @__PURE__ */ jsx("div", { className: "mt-1 text-xs text-muted-foreground", children: description })
+          ] })
+        ]
+      }
+    );
   }
 );
 Step.displayName = "Step";
-const FileUpload = React.forwardRef(
-  ({
-    className,
-    onFilesChange,
-    maxFiles = 1,
-    maxSize = 5 * 1024 * 1024,
-    // 5MB default
-    showPreview = true,
-    onError,
-    accept,
-    disabled,
-    ...props
-  }, ref) => {
-    const [files, setFiles] = React.useState([]);
-    const [dragActive, setDragActive] = React.useState(false);
-    const [errorMessage, setErrorMessage] = React.useState(null);
-    const inputRef = React.useRef(null);
-    const handleFiles = (newFiles) => {
+function useStepper({
+  totalSteps,
+  initialStep = 1,
+  step: controlledStep,
+  onStepChange,
+  onBeforeNext
+}) {
+  const [internalStep, setInternalStep] = useState(() => Math.min(Math.max(1, initialStep), totalSteps));
+  const isControlled = controlledStep !== void 0;
+  const currentStep = isControlled ? controlledStep : internalStep;
+  const setStep = useCallback(
+    (s) => {
+      const clamped = Math.min(Math.max(1, s), totalSteps);
+      if (!isControlled) setInternalStep(clamped);
+      onStepChange == null ? void 0 : onStepChange(clamped);
+    },
+    [isControlled, onStepChange, totalSteps]
+  );
+  const isFirstStep = currentStep === 1;
+  const isLastStep = currentStep === totalSteps;
+  const canGoPrev = currentStep > 1;
+  const canGoNext = currentStep < totalSteps;
+  const next = useCallback(async () => {
+    if (!canGoNext) return;
+    if (onBeforeNext) {
+      const allowed = await onBeforeNext(currentStep);
+      if (!allowed) return;
+    }
+    setStep(currentStep + 1);
+  }, [canGoNext, currentStep, onBeforeNext, setStep]);
+  const prev = useCallback(() => {
+    if (!canGoPrev) return;
+    setStep(currentStep - 1);
+  }, [canGoPrev, currentStep, setStep]);
+  const goTo = useCallback((s) => setStep(s), [setStep]);
+  const reset = useCallback(() => setStep(1), [setStep]);
+  return {
+    currentStep,
+    totalSteps,
+    isFirstStep,
+    isLastStep,
+    canGoPrev,
+    canGoNext,
+    next,
+    prev,
+    goTo,
+    reset
+  };
+}
+function useFileUpload({
+  maxFiles = 1,
+  maxSize = 5 * 1024 * 1024,
+  onFilesChange,
+  onError,
+  disabled = false
+} = {}) {
+  const [files, setFiles] = useState([]);
+  const [dragActive, setDragActive] = useState(false);
+  const [errorMessage, setErrorMessage] = useState(null);
+  const inputRef = useRef(null);
+  const handleFiles = useCallback(
+    (newFiles) => {
       if (!newFiles) return;
       setErrorMessage(null);
       const filesArray = Array.from(newFiles);
@@ -2598,52 +2800,107 @@ const FileUpload = React.forwardRef(
       const validFiles = filesArray.filter((f) => f.size <= maxSize);
       if (oversized.length > 0) {
         const limitMB = (maxSize / 1024 / 1024).toFixed(0);
-        setErrorMessage(`${oversized.length} file(s) exceed the ${limitMB}MB limit and were not added.`);
+        setErrorMessage(
+          `${oversized.length} file(s) exceed the ${limitMB}MB limit and were not added.`
+        );
         onError == null ? void 0 : onError(oversized, "size");
       }
       const merged = maxFiles === 1 ? validFiles.slice(0, 1) : [...files, ...validFiles].slice(0, maxFiles);
       const countRejected = maxFiles === 1 ? validFiles.slice(1) : [...files, ...validFiles].slice(maxFiles);
       if (countRejected.length > 0) {
-        setErrorMessage(`Only ${maxFiles} file(s) allowed. ${countRejected.length} file(s) were not added.`);
+        setErrorMessage(
+          `Only ${maxFiles} file(s) allowed. ${countRejected.length} file(s) were not added.`
+        );
         onError == null ? void 0 : onError(countRejected, "count");
       }
       setFiles(merged);
       onFilesChange == null ? void 0 : onFilesChange(merged);
-    };
-    const handleDrag = (e) => {
-      e.preventDefault();
-      e.stopPropagation();
-      if (e.type === "dragenter" || e.type === "dragover") {
-        setDragActive(true);
-      } else if (e.type === "dragleave") {
-        setDragActive(false);
-      }
-    };
-    const handleDrop = (e) => {
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [files, maxFiles, maxSize, onError, onFilesChange]
+  );
+  const handleDrag = useCallback((e) => {
+    e.preventDefault();
+    e.stopPropagation();
+    if (e.type === "dragenter" || e.type === "dragover") {
+      setDragActive(true);
+    } else if (e.type === "dragleave") {
+      setDragActive(false);
+    }
+  }, []);
+  const handleDrop = useCallback(
+    (e) => {
       e.preventDefault();
       e.stopPropagation();
       setDragActive(false);
       if (disabled) return;
       handleFiles(e.dataTransfer.files);
-    };
-    const handleChange = (e) => {
+    },
+    [disabled, handleFiles]
+  );
+  const handleChange = useCallback(
+    (e) => {
       e.preventDefault();
       if (disabled) return;
       handleFiles(e.target.files);
-    };
-    const removeFile = (index) => {
-      const updatedFiles = files.filter((_, i) => i !== index);
-      setFiles(updatedFiles);
-      onFilesChange == null ? void 0 : onFilesChange(updatedFiles);
-      if (updatedFiles.length === 0) setErrorMessage(null);
-    };
-    const openFileDialog = () => {
-      var _a;
-      if (!disabled) {
-        setErrorMessage(null);
-        (_a = inputRef.current) == null ? void 0 : _a.click();
-      }
-    };
+    },
+    [disabled, handleFiles]
+  );
+  const removeFile = useCallback(
+    (index) => {
+      setFiles((prev) => {
+        const updated = prev.filter((_, i) => i !== index);
+        onFilesChange == null ? void 0 : onFilesChange(updated);
+        if (updated.length === 0) setErrorMessage(null);
+        return updated;
+      });
+    },
+    [onFilesChange]
+  );
+  const openFileDialog = useCallback(() => {
+    var _a;
+    if (!disabled) {
+      setErrorMessage(null);
+      (_a = inputRef.current) == null ? void 0 : _a.click();
+    }
+  }, [disabled]);
+  return {
+    files,
+    dragActive,
+    errorMessage,
+    inputRef,
+    handleFiles,
+    handleDrag,
+    handleDrop,
+    handleChange,
+    removeFile,
+    openFileDialog
+  };
+}
+const FileUpload = React.forwardRef(
+  ({
+    className,
+    onFilesChange,
+    maxFiles = 1,
+    maxSize = 5 * 1024 * 1024,
+    // 5MB default
+    showPreview = true,
+    onError,
+    accept,
+    disabled,
+    ...props
+  }, ref) => {
+    const {
+      files,
+      dragActive,
+      errorMessage,
+      inputRef,
+      handleDrag,
+      handleDrop,
+      handleChange,
+      removeFile,
+      openFileDialog
+    } = useFileUpload({ maxFiles, maxSize, onFilesChange, onError, disabled });
     return /* @__PURE__ */ jsxs("div", { ref, className: cn("w-full", className), children: [
       /* @__PURE__ */ jsxs(
         "div",
@@ -2921,7 +3178,7 @@ const Search = React.forwardRef(
   }
 );
 Search.displayName = "Search";
-const __vite_import_meta_env__ = { "BASE_URL": "/", "DEV": false, "MODE": "production", "PROD": true, "SSR": false };
+const __vite_import_meta_env__ = { "BASE_URL": "/", "DEV": false, "MODE": "production", "PROD": true, "SSR": false, "VITE_GEMINI_API_KEY": "AIzaSyBnoWKe4LjQzlIklON_dVXMXNUl2gvfH6U", "VITE_GOOGLE_MAPS_API_KEY": "AIzaSyCj19NndSgZOb8057q24UbJtSsfVJiyVdo" };
 const RouteMapContent = React__default.forwardRef(
   ({ apiKey, ...props }, ref) => {
     const { isLoaded, loadError, load } = useGoogleMapsLoader();
@@ -3098,7 +3355,7 @@ RouteMapContent.displayName = "RouteMapContent";
 const RouteMap = React__default.forwardRef(
   (props, ref) => {
     const { isLoaded, loadError } = useGoogleMapsLoader();
-    const effectiveApiKey = props.apiKey || typeof import.meta !== "undefined" && __vite_import_meta_env__ && void 0 || "";
+    const effectiveApiKey = props.apiKey || typeof import.meta !== "undefined" && __vite_import_meta_env__ && "AIzaSyCj19NndSgZOb8057q24UbJtSsfVJiyVdo" || "";
     const isValidKey = effectiveApiKey && effectiveApiKey !== "YOUR_GOOGLE_MAPS_API_KEY_HERE" && effectiveApiKey.startsWith("AIza");
     if (isLoaded || isValidKey || loadError) {
       return /* @__PURE__ */ jsx(RouteMapContent, { ref, ...props, apiKey: effectiveApiKey });
@@ -3319,8 +3576,12 @@ export {
   TreeView as ba,
   navigationMenuTriggerStyle as bb,
   toggleVariants as bc,
-  useFormField as bd,
-  useStepper as be,
+  useFileUpload as bd,
+  useFormField as be,
+  usePagination as bf,
+  useStepper as bg,
+  useStepperContext as bh,
+  useTreeView as bi,
   AccordionTrigger as c,
   AspectRatio as d,
   AssistantChart as e,