xertica-ui 2.1.2 → 2.1.3

package/dist/{AssistantChart-BAx9VQvb.cjs → AssistantChart-CldVCVDe.cjs}

@@ -11,7 +11,7 @@ const TogglePrimitive = require("@radix-ui/react-toggle");
 const inputOtp = require("input-otp");
 const reactSlot = require("@radix-ui/react-slot");
 const reactHookForm = require("react-hook-form");
-const alertDialog = require("./alert-dialog-yckpaOpy.cjs");
+const alertDialog = require("./alert-dialog-DSKByiKZ.cjs");
 const reactDayPicker = require("react-day-picker");
 const DialogPrimitive = require("@radix-ui/react-dialog");
 const vaul = require("vaul");
@@ -19,12 +19,12 @@ const HoverCardPrimitive = require("@radix-ui/react-hover-card");
 const ContextMenuPrimitive = require("@radix-ui/react-context-menu");
 const MenubarPrimitive = require("@radix-ui/react-menubar");
 const cmdk = require("cmdk");
-const richTextEditor = require("./rich-text-editor-DbV-S7Fi.cjs");
+const richTextEditor = require("./rich-text-editor-mWoaSCE4.cjs");
 const card = require("./card-DJTsYhLL.cjs");
 const CollapsiblePrimitive = require("@radix-ui/react-collapsible");
 const AccordionPrimitive = require("@radix-ui/react-accordion");
 const useEmblaCarousel = require("embla-carousel-react");
-const googleMapsLoader = require("./google-maps-loader-BqsYL48U.cjs");
+const googleMapsLoader = require("./google-maps-loader-Y-QkD-Li.cjs");
 const RechartsPrimitive = require("recharts");
 var _documentCurrentScript = typeof document !== "undefined" ? document.currentScript : null;
 function _interopNamespaceDefault(e) {
@@ -585,6 +585,80 @@ function PaginationEllipsis({
     }
   );
 }
+function usePagination({
+  totalItems,
+  pageSize = 10,
+  initialPage = 1,
+  page: controlledPage,
+  onPageChange,
+  siblingCount = 1
+}) {
+  const [internalPage, setInternalPage] = React.useState(initialPage);
+  const isControlled = controlledPage !== void 0;
+  const currentPage = isControlled ? controlledPage : internalPage;
+  const totalPages = Math.max(1, Math.ceil(totalItems / pageSize));
+  const setPage = React.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 = React.useMemo(() => {
+    const range = (start, end) => Array.from({ length: end - start + 1 }, (_, i) => start + i);
+    const leftSibling = Math.max(currentPage - siblingCount, 1);
+    const rightSibling = Math.min(currentPage + siblingCount, totalPages);
+    const showLeftEllipsis = leftSibling > 2;
+    const showRightEllipsis = rightSibling < totalPages - 1;
+    const result = [];
+    result.push({ type: "page", page: 1 });
+    if (showLeftEllipsis) {
+      result.push({ type: "ellipsis", key: "ellipsis-left" });
+    } else if (leftSibling === 2) {
+      result.push({ type: "page", page: 2 });
+    }
+    for (const p of range(Math.max(leftSibling, 2), Math.min(rightSibling, totalPages - 1))) {
+      result.push({ type: "page", page: p });
+    }
+    if (showRightEllipsis) {
+      result.push({ type: "ellipsis", key: "ellipsis-right" });
+    } else if (rightSibling === totalPages - 1) {
+      result.push({ type: "page", page: totalPages - 1 });
+    }
+    if (totalPages > 1) {
+      result.push({ type: "page", page: totalPages });
+    }
+    return result;
+  }, [currentPage, siblingCount, totalPages]);
+  const goTo = React.useCallback((p) => setPage(p), [setPage]);
+  const next = React.useCallback(() => setPage(currentPage + 1), [currentPage, setPage]);
+  const prev = React.useCallback(() => setPage(currentPage - 1), [currentPage, setPage]);
+  const first = React.useCallback(() => setPage(1), [setPage]);
+  const last = React.useCallback(() => setPage(totalPages), [setPage, totalPages]);
+  return {
+    currentPage,
+    totalPages,
+    startIndex,
+    endIndex,
+    canGoPrev,
+    canGoNext,
+    isFirstPage,
+    isLastPage,
+    items,
+    goTo,
+    next,
+    prev,
+    first,
+    last
+  };
+}
 const toggleVariants = classVarianceAuthority.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",
   {
@@ -2083,33 +2157,39 @@ const TimelineDescription = React__namespace.forwardRef(({ className, ...props }
   }
 ));
 TimelineDescription.displayName = "TimelineDescription";
-const TreeView = React__namespace.forwardRef(
-  ({ className, data, onNodeClick, onNodeSelect, defaultExpanded = [], selectedNodeId, ...props }, ref) => {
-    const [expanded, setExpanded] = React__namespace.useState(new Set(defaultExpanded));
-    const [internalSelectedId, setInternalSelectedId] = React__namespace.useState(void 0);
-    const nodeRefs = React__namespace.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] = 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 getNodeRef = React.useCallback(
+    (nodeId) => (el) => {
+      if (el) nodeRefs.current.set(nodeId, el);
+      else nodeRefs.current.delete(nodeId);
+    },
+    []
+  );
+  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);
+      }
     };
-    const getVisibleNodes = React__namespace.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 = React.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;
@@ -2119,13 +2199,28 @@ const TreeView = React__namespace.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 = React.useCallback((nodeId) => {
+    setExpanded((prev) => {
+      const next = new Set(prev);
+      next.has(nodeId) ? next.delete(nodeId) : next.add(nodeId);
+      return next;
+    });
+  }, []);
+  const handleSelect = React.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 = React.useCallback(
+    (e, node) => {
       var _a, _b;
       const visibleNodes = getVisibleNodes();
       const idx = visibleNodes.findIndex((n) => n.id === node.id);
@@ -2186,7 +2281,30 @@ const TreeView = React__namespace.forwardRef(
           break;
         }
       }
-    };
+    },
+    [data, expanded, findParent, getVisibleNodes, handleSelect, toggleExpand]
+  );
+  return {
+    expanded,
+    effectiveSelectedId,
+    nodeRefs,
+    getNodeRef,
+    toggleExpand,
+    handleSelect,
+    handleKeyDown,
+    getVisibleNodes
+  };
+}
+const TreeView = React__namespace.forwardRef(
+  ({ className, data, onNodeClick, onNodeSelect, defaultExpanded = [], selectedNodeId, ...props }, ref) => {
+    const {
+      expanded,
+      effectiveSelectedId,
+      getNodeRef,
+      toggleExpand,
+      handleSelect,
+      handleKeyDown
+    } = useTreeView({ data, defaultExpanded, selectedNodeId, onNodeClick, onNodeSelect });
     return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: button.cn("w-full", className), role: "tree", ...props, children: data.map((node) => /* @__PURE__ */ jsxRuntime.jsx(
       TreeNodeComponent,
       {
@@ -2197,7 +2315,7 @@ const TreeView = React__namespace.forwardRef(
         onToggle: toggleExpand,
         onSelect: handleSelect,
         onKeyDown: handleKeyDown,
-        nodeRefs
+        getNodeRef
       },
       node.id
     )) });
@@ -2212,7 +2330,7 @@ const TreeNodeComponent = ({
   onToggle,
   onSelect,
   onKeyDown,
-  nodeRefs
+  getNodeRef
 }) => {
   var _a;
   const hasChildren = !!((_a = node.children) == null ? void 0 : _a.length);
@@ -2222,15 +2340,11 @@ 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__ */ jsxRuntime.jsxs("div", { role: "none", children: [
     /* @__PURE__ */ jsxRuntime.jsxs(
       "button",
       {
-        ref: setRef,
+        ref: getNodeRef(node.id),
         role: "treeitem",
         "aria-expanded": hasChildren ? isExpanded : void 0,
         "aria-selected": isSelected,
@@ -2260,7 +2374,7 @@ const TreeNodeComponent = ({
         onToggle,
         onSelect,
         onKeyDown,
-        nodeRefs
+        getNodeRef
       },
       child.id
     )) })
@@ -2533,9 +2647,9 @@ function CarouselNext({
   );
 }
 const StepperContext = React__namespace.createContext(void 0);
-const useStepper = () => {
+const useStepperContext = () => {
   const context = React__namespace.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__namespace.forwardRef(
@@ -2557,7 +2671,7 @@ const Stepper = React__namespace.forwardRef(
 Stepper.displayName = "Stepper";
 const Step = React__namespace.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;
@@ -2601,24 +2715,68 @@ const Step = React__namespace.forwardRef(
   }
 );
 Step.displayName = "Step";
-const FileUpload = React__namespace.forwardRef(
-  ({
-    className,
-    onFilesChange,
-    maxFiles = 1,
-    maxSize = 5 * 1024 * 1024,
-    // 5MB default
-    showPreview = true,
-    onError,
-    accept,
-    disabled,
-    ...props
-  }, ref) => {
-    const [files, setFiles] = React__namespace.useState([]);
-    const [dragActive, setDragActive] = React__namespace.useState(false);
-    const [errorMessage, setErrorMessage] = React__namespace.useState(null);
-    const inputRef = React__namespace.useRef(null);
-    const handleFiles = (newFiles) => {
+function useStepper({
+  totalSteps,
+  initialStep = 1,
+  step: controlledStep,
+  onStepChange,
+  onBeforeNext
+}) {
+  const [internalStep, setInternalStep] = React.useState(initialStep);
+  const isControlled = controlledStep !== void 0;
+  const currentStep = isControlled ? controlledStep : internalStep;
+  const setStep = React.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 = React.useCallback(async () => {
+    if (!canGoNext) return;
+    if (onBeforeNext) {
+      const allowed = await onBeforeNext(currentStep);
+      if (!allowed) return;
+    }
+    setStep(currentStep + 1);
+  }, [canGoNext, currentStep, onBeforeNext, setStep]);
+  const prev = React.useCallback(() => {
+    if (!canGoPrev) return;
+    setStep(currentStep - 1);
+  }, [canGoPrev, currentStep, setStep]);
+  const goTo = React.useCallback((s) => setStep(s), [setStep]);
+  const reset = React.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] = React.useState([]);
+  const [dragActive, setDragActive] = React.useState(false);
+  const [errorMessage, setErrorMessage] = React.useState(null);
+  const inputRef = React.useRef(null);
+  const handleFiles = React.useCallback(
+    (newFiles) => {
       if (!newFiles) return;
       setErrorMessage(null);
       const filesArray = Array.from(newFiles);
@@ -2626,52 +2784,107 @@ const FileUpload = React__namespace.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 = React.useCallback((e) => {
+    e.preventDefault();
+    e.stopPropagation();
+    if (e.type === "dragenter" || e.type === "dragover") {
+      setDragActive(true);
+    } else if (e.type === "dragleave") {
+      setDragActive(false);
+    }
+  }, []);
+  const handleDrop = React.useCallback(
+    (e) => {
       e.preventDefault();
       e.stopPropagation();
       setDragActive(false);
       if (disabled) return;
       handleFiles(e.dataTransfer.files);
-    };
-    const handleChange = (e) => {
+    },
+    [disabled, handleFiles]
+  );
+  const handleChange = React.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 = React.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 = React.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__namespace.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__ */ jsxRuntime.jsxs("div", { ref, className: button.cn("w-full", className), children: [
       /* @__PURE__ */ jsxRuntime.jsxs(
         "div",
@@ -2949,7 +3162,7 @@ const Search = React__namespace.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.forwardRef(
   ({ apiKey, ...props }, ref) => {
     const { isLoaded, loadError, load } = googleMapsLoader.useGoogleMapsLoader();
@@ -3126,7 +3339,7 @@ RouteMapContent.displayName = "RouteMapContent";
 const RouteMap = React.forwardRef(
   (props, ref) => {
     const { isLoaded, loadError } = googleMapsLoader.useGoogleMapsLoader();
-    const effectiveApiKey = props.apiKey || typeof { url: typeof document === "undefined" ? require("url").pathToFileURL(__filename).href : _documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === "SCRIPT" && _documentCurrentScript.src || new URL("AssistantChart-BAx9VQvb.cjs", document.baseURI).href } !== "undefined" && __vite_import_meta_env__ && void 0 || "";
+    const effectiveApiKey = props.apiKey || typeof { url: typeof document === "undefined" ? require("url").pathToFileURL(__filename).href : _documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === "SCRIPT" && _documentCurrentScript.src || new URL("AssistantChart-CldVCVDe.cjs", document.baseURI).href } !== "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__ */ jsxRuntime.jsx(RouteMapContent, { ref, ...props, apiKey: effectiveApiKey });
@@ -3370,5 +3583,9 @@ exports.ToggleGroupItem = ToggleGroupItem;
 exports.TreeView = TreeView;
 exports.navigationMenuTriggerStyle = navigationMenuTriggerStyle;
 exports.toggleVariants = toggleVariants;
+exports.useFileUpload = useFileUpload;
 exports.useFormField = useFormField;
+exports.usePagination = usePagination;
 exports.useStepper = useStepper;
+exports.useStepperContext = useStepperContext;
+exports.useTreeView = useTreeView;