@mvn-ui/react 0.1.2 → 0.1.3

package/dist/index.d.mts

@@ -309,8 +309,14 @@ interface RadioGroupProps extends Omit<React$1.ComponentPropsWithoutRef<typeof R
 declare const RadioGroup: React$1.ForwardRefExoticComponent<RadioGroupProps & React$1.RefAttributes<HTMLDivElement>>;
 declare const RadioGroupItem: React$1.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupItemProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
 
-type SwitchProps = React$1.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root>;
-declare const Switch: React$1.ForwardRefExoticComponent<Omit<SwitchPrimitives.SwitchProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+type SwitchProps = React$1.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root> & {
+    offNode?: React$1.ReactNode;
+    onNode?: React$1.ReactNode;
+};
+declare const Switch: React$1.ForwardRefExoticComponent<Omit<SwitchPrimitives.SwitchProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & {
+    offNode?: React$1.ReactNode;
+    onNode?: React$1.ReactNode;
+} & React$1.RefAttributes<HTMLButtonElement>>;
 
 declare const toggleVariants: (props?: ({
     variant?: "default" | "outline" | "solid" | null | undefined;
@@ -988,7 +994,11 @@ declare const DialogTrigger: React$1.ForwardRefExoticComponent<DialogPrimitive.D
 declare const DialogPortal: React$1.FC<DialogPrimitive.DialogPortalProps>;
 declare const DialogClose: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React$1.RefAttributes<HTMLButtonElement>>;
 declare const DialogOverlay: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-declare const DialogContent: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const DialogContent: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
+    showClose?: boolean;
+    closeClassName?: string;
+    customClose?: React$1.ReactNode;
+} & React$1.RefAttributes<HTMLDivElement>>;
 declare const DialogHeader: {
     ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
     displayName: string;
@@ -1073,8 +1083,8 @@ declare const TooltipContent: React$1.ForwardRefExoticComponent<Omit<TooltipPrim
 interface SimpleTooltipProps {
     children: React$1.ReactNode;
     content: React$1.ReactNode;
-    side?: "top" | "right" | "bottom" | "left";
-    align?: "start" | "center" | "end";
+    side?: 'top' | 'right' | 'bottom' | 'left';
+    align?: 'start' | 'center' | 'end';
     delayDuration?: number;
     className?: string;
 }
@@ -1646,7 +1656,7 @@ declare const ResizableHandle: ({ withHandle, className, ...props }: React$1.Com
 }) => react_jsx_runtime.JSX.Element;
 
 interface ScrollAreaProps extends React$1.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root> {
-    orientation?: "vertical" | "horizontal" | "both";
+    orientation?: 'vertical' | 'horizontal' | 'both';
     scrollbarClassName?: string;
     thumbClassName?: string;
 }

package/dist/index.d.ts

@@ -309,8 +309,14 @@ interface RadioGroupProps extends Omit<React$1.ComponentPropsWithoutRef<typeof R
 declare const RadioGroup: React$1.ForwardRefExoticComponent<RadioGroupProps & React$1.RefAttributes<HTMLDivElement>>;
 declare const RadioGroupItem: React$1.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupItemProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
 
-type SwitchProps = React$1.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root>;
-declare const Switch: React$1.ForwardRefExoticComponent<Omit<SwitchPrimitives.SwitchProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+type SwitchProps = React$1.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root> & {
+    offNode?: React$1.ReactNode;
+    onNode?: React$1.ReactNode;
+};
+declare const Switch: React$1.ForwardRefExoticComponent<Omit<SwitchPrimitives.SwitchProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & {
+    offNode?: React$1.ReactNode;
+    onNode?: React$1.ReactNode;
+} & React$1.RefAttributes<HTMLButtonElement>>;
 
 declare const toggleVariants: (props?: ({
     variant?: "default" | "outline" | "solid" | null | undefined;
@@ -988,7 +994,11 @@ declare const DialogTrigger: React$1.ForwardRefExoticComponent<DialogPrimitive.D
 declare const DialogPortal: React$1.FC<DialogPrimitive.DialogPortalProps>;
 declare const DialogClose: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React$1.RefAttributes<HTMLButtonElement>>;
 declare const DialogOverlay: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-declare const DialogContent: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const DialogContent: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
+    showClose?: boolean;
+    closeClassName?: string;
+    customClose?: React$1.ReactNode;
+} & React$1.RefAttributes<HTMLDivElement>>;
 declare const DialogHeader: {
     ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
     displayName: string;
@@ -1073,8 +1083,8 @@ declare const TooltipContent: React$1.ForwardRefExoticComponent<Omit<TooltipPrim
 interface SimpleTooltipProps {
     children: React$1.ReactNode;
     content: React$1.ReactNode;
-    side?: "top" | "right" | "bottom" | "left";
-    align?: "start" | "center" | "end";
+    side?: 'top' | 'right' | 'bottom' | 'left';
+    align?: 'start' | 'center' | 'end';
     delayDuration?: number;
     className?: string;
 }
@@ -1646,7 +1656,7 @@ declare const ResizableHandle: ({ withHandle, className, ...props }: React$1.Com
 }) => react_jsx_runtime.JSX.Element;
 
 interface ScrollAreaProps extends React$1.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root> {
-    orientation?: "vertical" | "horizontal" | "both";
+    orientation?: 'vertical' | 'horizontal' | 'both';
     scrollbarClassName?: string;
     thumbClassName?: string;
 }

package/dist/index.js

@@ -489,10 +489,10 @@ function ButtonGroup({
       "data-orientation": orientation,
       className: cn(
         "inline-flex",
+        className,
         isVertical ? "flex-col" : "flex-row",
         // Join children and normalize border radius so the group looks contiguous
-        isVertical ? "[&>*]:rounded-none [&>*]:-mt-px [&>:first-child]:mt-0 [&>:first-child]:rounded-t-md [&>:last-child]:rounded-b-md" : "[&>*]:rounded-none [&>*]:-ml-px [&>:first-child]:ml-0 [&>:first-child]:rounded-l-md [&>:last-child]:rounded-r-md",
-        className
+        isVertical ? "[&>*]:rounded-none [&>*]:-mt-px [&>:first-child]:mt-0 [&>:first-child]:rounded-t-md [&>:last-child]:rounded-b-md" : "[&>*]:rounded-none [&>*]:-ml-px [&>:first-child]:ml-0 [&>:first-child]:rounded-l-md [&>:last-child]:rounded-r-md"
       ),
       ...props
     }
@@ -603,8 +603,8 @@ var Input = React49__namespace.forwardRef(
           children: label
         }
       ),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
-        leftIcon && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground pointer-events-none [&_svg]:size-4", children: leftIcon }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex items-center", children: [
+        leftIcon && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute left-3 text-muted-foreground pointer-events-none flex items-center justify-center [&_svg]:size-4", children: leftIcon }),
         /* @__PURE__ */ jsxRuntime.jsx(
           "input",
           {
@@ -629,7 +629,7 @@ var Input = React49__namespace.forwardRef(
             ...props
           }
         ),
-        (showClearButton || showPasswordToggle || rightIcon) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "absolute right-3 top-1/2 -translate-y-1/2 flex items-center gap-1", children: [
+        (showClearButton || showPasswordToggle || rightIcon) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "absolute right-3 flex items-center gap-1", children: [
           showClearButton && /* @__PURE__ */ jsxRuntime.jsx(
             "button",
             {
@@ -650,7 +650,7 @@ var Input = React49__namespace.forwardRef(
               children: showPassword ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.EyeOffIcon, { className: "h-4 w-4" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.EyeIcon, { className: "h-4 w-4" })
             }
           ),
-          rightIcon && !showPasswordToggle && !showClearButton && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-muted-foreground [&_svg]:size-4", children: rightIcon })
+          rightIcon && !showPasswordToggle && !showClearButton && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-muted-foreground flex items-center justify-center [&_svg]:size-4", children: rightIcon })
         ] })
       ] }),
       error && /* @__PURE__ */ jsxRuntime.jsx(
@@ -1146,7 +1146,7 @@ RadioGroupItem.displayName = RadioGroupPrimitive__namespace.Item.displayName;
 
 // src/components/ui/switch/index.tsx
 init_utils();
-var Switch = React49__namespace.forwardRef(({ className, ...props }, ref) => {
+var Switch = React49__namespace.forwardRef(({ className, offNode, onNode, ...props }, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
     SwitchPrimitives__namespace.Root,
     {
@@ -1159,13 +1159,17 @@ var Switch = React49__namespace.forwardRef(({ className, ...props }, ref) => {
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsxRuntime.jsx(
+      children: /* @__PURE__ */ jsxRuntime.jsxs(
         SwitchPrimitives__namespace.Thumb,
         {
           className: cn(
-            "pointer-events-none block h-5 w-5 rounded-full bg-background shadow-lg ring-0 transition-transform",
+            "group pointer-events-none relative flex items-center justify-center h-5 w-5 rounded-full bg-background shadow-lg ring-0 transition-transform",
             "data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0"
-          )
+          ),
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute opacity-0 group-data-[state=checked]:opacity-100 transition-all duration-200", children: onNode }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute opacity-100 group-data-[state=checked]:opacity-0 transition-all duration-200", children: offNode })
+          ]
         }
       )
     }
@@ -2971,27 +2975,45 @@ var DialogOverlay = React49__namespace.forwardRef(({ className, ...props }, ref)
   }
 ));
 DialogOverlay.displayName = DialogPrimitive__namespace.Overlay.displayName;
-var DialogContent = React49__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(DialogPortal, { children: [
-  /* @__PURE__ */ jsxRuntime.jsx(DialogOverlay, {}),
-  /* @__PURE__ */ jsxRuntime.jsxs(
-    DialogPrimitive__namespace.Content,
-    {
-      ref,
-      className: cn(
-        "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border border-mvn-gray-200 bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] rounded-lg",
-        className
-      ),
-      ...props,
-      children: [
-        children,
-        /* @__PURE__ */ jsxRuntime.jsxs(DialogPrimitive__namespace.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none disabled:pointer-events-none data-[state=open]:bg-mvn-gray-100", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.XIcon, { className: "h-4 w-4" }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "\uB2EB\uAE30" })
-        ] })
-      ]
-    }
-  )
-] }));
+var DialogContent = React49__namespace.forwardRef(
+  ({
+    className,
+    children,
+    showClose = true,
+    closeClassName,
+    customClose,
+    ...props
+  }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(DialogPortal, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(DialogOverlay, {}),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      DialogPrimitive__namespace.Content,
+      {
+        ref,
+        className: cn(
+          "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border border-mvn-gray-200 bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] rounded-lg",
+          className
+        ),
+        ...props,
+        children: [
+          children,
+          showClose && (customClose ? customClose : /* @__PURE__ */ jsxRuntime.jsxs(
+            DialogPrimitive__namespace.Close,
+            {
+              className: cn(
+                "absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none disabled:pointer-events-none data-[state=open]:bg-mvn-gray-100",
+                closeClassName
+              ),
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "h-5 w-5" }),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Close" })
+              ]
+            }
+          ))
+        ]
+      }
+    )
+  ] })
+);
 DialogContent.displayName = DialogPrimitive__namespace.Content.displayName;
 var DialogHeader = ({
   className,
@@ -2999,10 +3021,7 @@ var DialogHeader = ({
 }) => /* @__PURE__ */ jsxRuntime.jsx(
   "div",
   {
-    className: cn(
-      "flex flex-col space-y-1.5 text-left",
-      className
-    ),
+    className: cn("flex flex-col space-y-1.5 text-left", className),
     ...props
   }
 );
@@ -3362,7 +3381,9 @@ var TooltipContent = React49__namespace.forwardRef(({ className, sideOffset = 4,
     ref,
     sideOffset,
     className: cn(
-      "z-50 overflow-hidden rounded-md bg-mvn-gray-900 px-3 py-1.5 text-xs text-white animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-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",
+      "z-50 overflow-hidden rounded-md bg-mvn-gray-900 px-3 py-1.5 text-xs text-primary-50 dark:bg-primary-50 dark:text-mvn-gray-900 animate-in fade-in-0 zoom-in-95",
+      "data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-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
@@ -4375,7 +4396,7 @@ var TabsList = React49__namespace.forwardRef(({ className, ...props }, ref) => /
     ref,
     className: cn(
       "flex items-stretch gap-0 text-muted-foreground",
-      "data-[orientation=horizontal]:w-full data-[orientation=horizontal]:border-b data-[orientation=vertical]:border-border",
+      "data-[orientation=horizontal]:w-full",
       "data-[orientation=vertical]:w-56 data-[orientation=vertical]:border-r data-[orientation=vertical]:border-border",
       "data-[orientation=vertical]:flex-col data-[orientation=vertical]:shrink-0",
       className
@@ -4392,9 +4413,9 @@ var TabsTrigger = React49__namespace.forwardRef(({ className, ...props }, ref) =
       "inline-flex min-w-0 items-center justify-center whitespace-nowrap text-sm font-medium",
       "transition-all duration-150 text-muted-foreground hover:text-primary",
       "ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
-      "data-[orientation=horizontal]:flex-1 data-[orientation=horizontal]:px-4 data-[orientation=horizontal]:py-3 data-[orientation=horizontal]:border-b-2 data-[orientation=horizontal]:border-border",
+      "data-[orientation=horizontal]:px-4 data-[orientation=horizontal]:py-3 data-[orientation=horizontal]:border-b-2 data-[orientation=horizontal]:border-transparent",
       "data-[orientation=vertical]:w-full data-[orientation=vertical]:justify-start data-[orientation=vertical]:px-3 data-[orientation=vertical]:py-2 data-[orientation=vertical]:border-l-2 data-[orientation=vertical]:border-border",
-      "data-[state=active]:text-primary data-[state=active]:font-semibold data-[state=active]:bg-muted/60 data-[state=active]:border-primary",
+      "data-[state=active]:text-primary data-[state=active]:font-semibold data-[state=active]:border-primary",
       "disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed",
       className
     ),
@@ -4703,6 +4724,7 @@ var ScrollArea = React49__namespace.forwardRef(
     orientation = "vertical",
     scrollbarClassName,
     thumbClassName,
+    type = "auto",
     ...props
   }, ref) => {
     const showVertical = orientation === "vertical" || orientation === "both";
@@ -4711,12 +4733,38 @@ var ScrollArea = React49__namespace.forwardRef(
       ScrollAreaPrimitive__namespace.Root,
       {
         ref,
+        type,
         className: cn("relative overflow-hidden", className),
         ...props,
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx(ScrollAreaPrimitive__namespace.Viewport, { className: "h-full w-full rounded-[inherit]", children }),
-          showVertical && /* @__PURE__ */ jsxRuntime.jsx(ScrollBar, { orientation: "vertical", className: scrollbarClassName, thumbClassName }),
-          showHorizontal && /* @__PURE__ */ jsxRuntime.jsx(ScrollBar, { orientation: "horizontal", className: scrollbarClassName, thumbClassName }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            ScrollAreaPrimitive__namespace.Viewport,
+            {
+              className: cn(
+                "h-full w-full rounded-[inherit]",
+                // Fix overflow based on orientation to prevent unwanted scrolling
+                orientation === "vertical" && "!overflow-x-hidden",
+                orientation === "horizontal" && "!overflow-y-hidden"
+              ),
+              children
+            }
+          ),
+          showVertical && /* @__PURE__ */ jsxRuntime.jsx(
+            ScrollBar,
+            {
+              orientation: "vertical",
+              className: scrollbarClassName,
+              thumbClassName
+            }
+          ),
+          showHorizontal && /* @__PURE__ */ jsxRuntime.jsx(
+            ScrollBar,
+            {
+              orientation: "horizontal",
+              className: scrollbarClassName,
+              thumbClassName
+            }
+          ),
           /* @__PURE__ */ jsxRuntime.jsx(ScrollAreaPrimitive__namespace.Corner, {})
         ]
       }
@@ -4740,7 +4788,7 @@ var ScrollBar = React49__namespace.forwardRef(({ className, orientation = "verti
       ScrollAreaPrimitive__namespace.ScrollAreaThumb,
       {
         className: cn(
-          "relative flex-1 rounded-full bg-line-normal hover:bg-line-strong transition-colors",
+          "relative flex-1 rounded-full bg-muted-foreground/50 hover:bg-muted-foreground transition-colors",
           thumbClassName
         )
       }
@@ -5386,20 +5434,14 @@ var tableVariants = classVarianceAuthority.cva("w-full caption-bottom text-sm",
     size: "default"
   }
 });
-var Table = React49__namespace.forwardRef(({ className, variant, size, wrapperClassName, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  "div",
+var Table = React49__namespace.forwardRef(({ className, variant, size, wrapperClassName, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("relative w-full overflow-auto", wrapperClassName), children: /* @__PURE__ */ jsxRuntime.jsx(
+  "table",
   {
-    className: cn("relative w-full overflow-auto", wrapperClassName),
-    children: /* @__PURE__ */ jsxRuntime.jsx(
-      "table",
-      {
-        ref,
-        className: cn(tableVariants({ variant, size, className })),
-        ...props
-      }
-    )
+    ref,
+    className: cn(tableVariants({ variant, size, className })),
+    ...props
   }
-));
+) }));
 Table.displayName = "Table";
 var TableHeader = React49__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
 TableHeader.displayName = "TableHeader";
@@ -6458,6 +6500,8 @@ function useTableVirtualization({
     });
     return arr;
   }, [rows, expandable]);
+  const virtualRowPointersRef = React49.useRef(virtualRowPointers);
+  virtualRowPointersRef.current = virtualRowPointers;
   const cacheBackingRef = React49.useRef(
     /* @__PURE__ */ new Map()
   );
@@ -6491,6 +6535,12 @@ function useTableVirtualization({
     null
   );
   const measurementIdleRef = React49.useRef(null);
+  const prefixSumCacheRef = React49.useRef({
+    count: 0,
+    itemSizes: [],
+    offsets: [],
+    totalSize: 0
+  });
   const cleanupRaf = React49.useCallback(() => {
     if (debounceTimeoutRef.current != null) {
       clearTimeout(debounceTimeoutRef.current);
@@ -6515,10 +6565,16 @@ function useTableVirtualization({
       measurementIdleRef.current = null;
     }
     measurementQueueRef.current.clear();
+    prefixSumCacheRef.current = {
+      count: 0,
+      itemSizes: [],
+      offsets: [],
+      totalSize: 0
+    };
   }, []);
   const estimateSize = React49.useCallback(
     (index) => {
-      const item = virtualRowPointers[index];
+      const item = virtualRowPointersRef.current[index];
       if (!item) return baseRowEstimateSize;
       const key = item.key;
       if (item.kind === "expanded" && !rows[item.rowIndex]?.getIsExpanded()) {
@@ -6531,21 +6587,23 @@ function useTableVirtualization({
       if (cached != null) return cached;
       return item.kind === "expanded" ? expandContentEstimateSize : baseRowEstimateSize;
     },
-    [virtualRowPointers, baseRowEstimateSize, expandContentEstimateSize]
+    [baseRowEstimateSize, expandContentEstimateSize]
   );
   const recomputeVirtualWindow = React49.useCallback(() => {
     if (!shouldVirtualize) {
       setVirtualWindow(EMPTY_WINDOW);
       return;
     }
+    const pointers = virtualRowPointersRef.current;
     const nextWindow = computeVirtualizedRows({
-      count: virtualRowPointers.length,
+      count: pointers.length,
       getScrollElement: () => tableContainerRef.current,
       estimateSize,
       overScan,
       cache: cacheRef.current,
       heightCacheByKey: heightCacheByKeyRef.current,
-      getItemKey: (index) => virtualRowPointers[index]?.key ?? ""
+      getItemKey: (index) => pointers[index]?.key ?? "",
+      prefixSumCache: prefixSumCacheRef.current
     });
     setVirtualWindow(nextWindow);
   }, [estimateSize, overScan]);
@@ -6578,7 +6636,7 @@ function useTableVirtualization({
         const { startIndex, endIndex } = virtualWindowRef.current;
         if (index < startIndex || index > endIndex) return;
       }
-      const item = virtualRowPointers[index];
+      const item = virtualRowPointersRef.current[index];
       if (!item) return;
       if (!Number.isFinite(height)) return;
       const size = normalizeVirtualSize(height);
@@ -6632,7 +6690,7 @@ function useTableVirtualization({
         const { startIndex, endIndex } = virtualWindowRef.current;
         if (index < startIndex || index > endIndex) return;
       }
-      const item = virtualRowPointers[index];
+      const item = virtualRowPointersRef.current[index];
       const key = item?.key;
       if (key != null && heightCacheByKeyRef.current.has(key) || heightCacheByIndexRef.current.has(index)) {
         return;
@@ -6652,7 +6710,7 @@ function useTableVirtualization({
       return;
     }
     cacheRef.current.forEach((index, _, key) => {
-      if (index >= virtualRowPointers.length) {
+      if (index >= virtualRowPointersRef.current.length) {
         cacheRef.current.remove(index);
         heightCacheByIndexRef.current.delete(index);
         if (key != null) heightCacheByKeyRef.current.delete(key);
@@ -6742,7 +6800,8 @@ var computeVirtualizedRows = (config) => {
     cache,
     getItemKey,
     getHorizontalScrollElement,
-    heightCacheByKey
+    heightCacheByKey,
+    prefixSumCache
   } = config;
   if (count <= 0) return EMPTY_WINDOW;
   const scrollElement = getScrollElement() ?? null;
@@ -6756,24 +6815,60 @@ var computeVirtualizedRows = (config) => {
     Math.max(rawHorizontalScrollOffset, 0),
     horizontalTotalSize - horizontalViewportSize
   ) : Math.max(rawHorizontalScrollOffset, 0);
-  const itemSizes = new Array(count);
-  const offsets = new Array(count);
-  let totalSize = 0;
-  for (let index = 0; index < count; index++) {
-    offsets[index] = totalSize;
-    const key = getItemKey(index);
-    let size = cache.get(index);
-    if (size == null && key != null) {
-      size = heightCacheByKey.get(key);
-    }
-    if (size == null) {
-      const estimate = estimateSize(index);
-      size = normalizeVirtualSize(estimate);
-    } else {
-      size = normalizeVirtualSize(size);
+  let itemSizes;
+  let offsets;
+  let totalSize;
+  const cachedCount = prefixSumCache?.count ?? 0;
+  if (prefixSumCache && cachedCount > 0 && count >= cachedCount) {
+    itemSizes = prefixSumCache.itemSizes.slice(0, cachedCount);
+    offsets = prefixSumCache.offsets.slice(0, cachedCount);
+    totalSize = prefixSumCache.totalSize;
+    if (count > cachedCount) {
+      itemSizes.length = count;
+      offsets.length = count;
+      for (let index = cachedCount; index < count; index++) {
+        offsets[index] = totalSize;
+        const key = getItemKey(index);
+        let size = cache.get(index);
+        if (size == null && key != null) {
+          size = heightCacheByKey.get(key);
+        }
+        if (size == null) {
+          const estimate = estimateSize(index);
+          size = normalizeVirtualSize(estimate);
+        } else {
+          size = normalizeVirtualSize(size);
+        }
+        itemSizes[index] = size;
+        totalSize += size;
+      }
+    }
+  } else {
+    itemSizes = new Array(count);
+    offsets = new Array(count);
+    totalSize = 0;
+    for (let index = 0; index < count; index++) {
+      offsets[index] = totalSize;
+      const key = getItemKey(index);
+      let size = cache.get(index);
+      if (size == null && key != null) {
+        size = heightCacheByKey.get(key);
+      }
+      if (size == null) {
+        const estimate = estimateSize(index);
+        size = normalizeVirtualSize(estimate);
+      } else {
+        size = normalizeVirtualSize(size);
+      }
+      itemSizes[index] = size;
+      totalSize += size;
     }
-    itemSizes[index] = size;
-    totalSize += size;
+  }
+  if (prefixSumCache) {
+    prefixSumCache.count = count;
+    prefixSumCache.itemSizes = itemSizes;
+    prefixSumCache.offsets = offsets;
+    prefixSumCache.totalSize = totalSize;
   }
   const viewportActive = clientHeight > 0;
   const scrollOffset = viewportActive ? Math.min(scrollTop, Math.max(totalSize - clientHeight, 0)) : 0;
@@ -6781,19 +6876,28 @@ var computeVirtualizedRows = (config) => {
   let visibleStartIndex = 0;
   let visibleEndIndex = 0;
   if (viewportActive && totalSize > 0) {
-    for (let index = 0; index < count; index++) {
-      if (offsets[index] + itemSizes[index] > scrollOffset) {
-        visibleStartIndex = index;
-        break;
+    let low = 0;
+    let high = count - 1;
+    while (low < high) {
+      const mid = Math.floor((low + high) / 2);
+      if (offsets[mid] + itemSizes[mid] > scrollOffset) {
+        high = mid;
+      } else {
+        low = mid + 1;
       }
     }
-    for (let index = visibleStartIndex; index < count; index++) {
-      if (offsets[index] >= viewportLimit) {
-        visibleEndIndex = Math.max(visibleStartIndex, index - 1);
-        break;
+    visibleStartIndex = low;
+    low = visibleStartIndex;
+    high = count - 1;
+    while (low < high) {
+      const mid = Math.ceil((low + high) / 2);
+      if (offsets[mid] >= viewportLimit) {
+        high = mid - 1;
+      } else {
+        low = mid;
       }
-      visibleEndIndex = index;
     }
+    visibleEndIndex = Math.max(visibleStartIndex, low);
   }
   const overScanCount = Math.max(0, Math.ceil(overScan));
   const startIndex = Math.max(0, visibleStartIndex - overScanCount);
@@ -6855,7 +6959,7 @@ function SimpleTable({
   getRowExpandable,
   onExpandedChange,
   onLazyScrollLoad,
-  scrollLoadThreshold = 5,
+  scrollLoadThreshold = 42,
   numberOfPageButtons = 5,
   onClickExport,
   baseRowEstimateSize = 42,
@@ -6940,6 +7044,10 @@ function SimpleTable({
     if (typeof maxRecords === "number" && data.length >= maxRecords) return;
     void handleLazyLoad();
   }, [recordPerChunk, data.length, handleLazyLoad, chunkCount, maxRecords]);
+  const onLoadChunkRef = React49.useRef(onLoadChunk);
+  React49.useEffect(() => {
+    onLoadChunkRef.current = onLoadChunk;
+  }, [onLoadChunk]);
   const rows = React49.useMemo(
     () => table.getRowModel().rows,
     [paginationState, sorting, columnFilters]
@@ -6981,7 +7089,7 @@ function SimpleTable({
         rafRef.current = null;
         const { scrollTop, scrollHeight, clientHeight } = container;
         if (scrollHeight - (scrollTop + clientHeight) <= scrollLoadThreshold && scrollTop !== 0 && scrollHeight > clientHeight) {
-          onLoadChunk();
+          onLoadChunkRef.current();
         }
       });
     };
@@ -6994,7 +7102,7 @@ function SimpleTable({
         rafRef.current = null;
       }
     };
-  }, [scrollLoadThreshold, onLoadChunk]);
+  }, [scrollLoadThreshold, virtualizationActive]);
   React49.useEffect(() => {
     if (virtualizationActive) return;
     if (table.getState().pagination.pageIndex === 0) {
@@ -7003,23 +7111,10 @@ function SimpleTable({
   }, [virtualizationActive]);
   React49.useEffect(() => {
     if (!virtualItems.length || !virtualizationActive) return;
-    const scheduleCheck = () => {
-      if (rafRef.current != null) return;
-      rafRef.current = requestAnimationFrame(() => {
-        rafRef.current = null;
-        if (paddingBottom <= scrollLoadThreshold) {
-          onLoadChunk();
-        }
-      });
-    };
-    scheduleCheck();
-    return () => {
-      if (rafRef.current != null) {
-        cancelAnimationFrame(rafRef.current);
-        rafRef.current = null;
-      }
-    };
-  }, [paddingBottom]);
+    if (paddingBottom <= scrollLoadThreshold) {
+      onLoadChunkRef.current();
+    }
+  }, [paddingBottom, scrollLoadThreshold, virtualizationActive]);
   const columnCount = table.getAllLeafColumns().length;
   React49.useEffect(() => {
     if (!selectable || !onSelectionChange) return;
@@ -10374,8 +10469,9 @@ function SimpleCarousel({
       }
     ),
     showDots && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center space-x-2 mt-4", children: Array.from({ length: count }).map((_, index) => /* @__PURE__ */ jsxRuntime.jsx(
-      "button",
+      Button,
       {
+        variant: "ghost",
         className: cn(
           "h-2 w-2 rounded-full transition-colors",
           current === index + 1 ? "bg-primary" : "bg-primary/20 hover:bg-primary/40"