@ai-matrx/design-system 0.18.4 → 0.18.5

package/dist/data-table/pagination.js

@@ -81,19 +81,8 @@ var Button = React.forwardRef(
 );
 Button.displayName = "Button";
 
-// src/data-table/icons.tsx
-import { jsx as jsx2, jsxs } from "react/jsx-runtime";
-function Icon({ children, ...props }) {
-  return /* @__PURE__ */ jsx2("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", "aria-hidden": "true", ...props, children });
-}
-var ChevronLeft = (p) => /* @__PURE__ */ jsx2(Icon, { ...p, children: /* @__PURE__ */ jsx2("path", { d: "m15 18-6-6 6-6" }) });
-var ChevronRight = (p) => /* @__PURE__ */ jsx2(Icon, { ...p, children: /* @__PURE__ */ jsx2("path", { d: "m9 18 6-6-6-6" }) });
-var ChevronsLeft = (p) => /* @__PURE__ */ jsx2(Icon, { ...p, children: /* @__PURE__ */ jsx2("path", { d: "m11 18-6-6 6-6m8 12-6-6 6-6" }) });
-var ChevronsRight = (p) => /* @__PURE__ */ jsx2(Icon, { ...p, children: /* @__PURE__ */ jsx2("path", { d: "m5 18 6-6-6-6m8 12 6-6-6-6" }) });
-
-// src/select.tsx
-import * as SelectPrimitive from "@radix-ui/react-select";
-import { cva as cva2 } from "class-variance-authority";
+// src/tooltip.tsx
+import * as TooltipPrimitive from "@radix-ui/react-tooltip";
 import * as React3 from "react";
 
 // src/motion.ts
@@ -121,8 +110,61 @@ var ALL_MOTION_CLASSES = [
   MOTION_SPIN
 ];
 
+// src/portal-container.tsx
+import * as React2 from "react";
+import { jsx as jsx2 } from "react/jsx-runtime";
+var CONTEXT_SLOT = /* @__PURE__ */ Symbol.for("ai-matrx.design-system.portal-container-context");
+var contextRegistry = globalThis;
+var PortalContainerContext = contextRegistry[CONTEXT_SLOT] ??= React2.createContext(void 0);
+function usePortalContainer(explicit) {
+  const injected = React2.useContext(PortalContainerContext);
+  if (explicit !== void 0) {
+    return explicit ?? void 0;
+  }
+  return injected ?? void 0;
+}
+
+// src/tooltip.tsx
+import { jsx as jsx3 } from "react/jsx-runtime";
+var TooltipProvider = TooltipPrimitive.Provider;
+var Tooltip = TooltipPrimitive.Root;
+var TooltipTrigger = TooltipPrimitive.Trigger;
+var TooltipContent = React3.forwardRef(({ className, sideOffset = 4, container, animated = true, ...props }, ref) => {
+  const resolved = usePortalContainer(container);
+  return /* @__PURE__ */ jsx3(TooltipPrimitive.Portal, { container: resolved ?? null, children: /* @__PURE__ */ jsx3(
+    TooltipPrimitive.Content,
+    {
+      ref,
+      "data-slot": "tooltip-content",
+      sideOffset,
+      className: cn(
+        "z-[10001] overflow-hidden rounded-md border border-border bg-popover px-3 py-1.5 text-xs text-popover-foreground shadow-md",
+        animated && MOTION_POPPER,
+        className
+      ),
+      ...props
+    }
+  ) });
+});
+TooltipContent.displayName = TooltipPrimitive.Content.displayName;
+
+// src/data-table/icons.tsx
+import { jsx as jsx4, jsxs } from "react/jsx-runtime";
+function Icon({ children, ...props }) {
+  return /* @__PURE__ */ jsx4("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", "aria-hidden": "true", ...props, children });
+}
+var ChevronLeft = (p) => /* @__PURE__ */ jsx4(Icon, { ...p, children: /* @__PURE__ */ jsx4("path", { d: "m15 18-6-6 6-6" }) });
+var ChevronRight = (p) => /* @__PURE__ */ jsx4(Icon, { ...p, children: /* @__PURE__ */ jsx4("path", { d: "m9 18 6-6-6-6" }) });
+var ChevronsLeft = (p) => /* @__PURE__ */ jsx4(Icon, { ...p, children: /* @__PURE__ */ jsx4("path", { d: "m11 18-6-6 6-6m8 12-6-6 6-6" }) });
+var ChevronsRight = (p) => /* @__PURE__ */ jsx4(Icon, { ...p, children: /* @__PURE__ */ jsx4("path", { d: "m5 18 6-6-6-6m8 12 6-6-6-6" }) });
+
+// src/select.tsx
+import * as SelectPrimitive from "@radix-ui/react-select";
+import { cva as cva2 } from "class-variance-authority";
+import * as React4 from "react";
+
 // src/icons.tsx
-import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx5, jsxs as jsxs2 } from "react/jsx-runtime";
 function radixProps(props) {
   return {
     xmlns: "http://www.w3.org/2000/svg",
@@ -135,7 +177,7 @@ function radixProps(props) {
   };
 }
 function CheckIcon(props) {
-  return /* @__PURE__ */ jsx3("svg", { ...radixProps(props), children: /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ jsx5("svg", { ...radixProps(props), children: /* @__PURE__ */ jsx5(
     "path",
     {
       d: "M11.4669 3.72684C11.7558 3.91574 11.8369 4.30308 11.648 4.59198L7.39799 11.092C7.29783 11.2452 7.13556 11.3467 6.95402 11.3699C6.77247 11.3931 6.58989 11.3355 6.45446 11.2124L3.70446 8.71241C3.44905 8.48022 3.43023 8.08494 3.66242 7.82953C3.89461 7.57412 4.28989 7.55529 4.5453 7.78749L6.75292 9.79441L10.6018 3.90792C10.7907 3.61902 11.178 3.53795 11.4669 3.72684Z",
@@ -146,7 +188,7 @@ function CheckIcon(props) {
   ) });
 }
 function RadixChevronDownIcon(props) {
-  return /* @__PURE__ */ jsx3("svg", { ...radixProps(props), children: /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ jsx5("svg", { ...radixProps(props), children: /* @__PURE__ */ jsx5(
     "path",
     {
       d: "M3.13523 6.15803C3.3241 5.95657 3.64052 5.94637 3.84197 6.13523L7.5 9.56464L11.158 6.13523C11.3595 5.94637 11.6759 5.95657 11.8648 6.15803C12.0536 6.35949 12.0434 6.67591 11.842 6.86477L7.84197 10.6148C7.64964 10.7951 7.35036 10.7951 7.15803 10.6148L3.15803 6.86477C2.95657 6.67591 2.94637 6.35949 3.13523 6.15803Z",
@@ -157,7 +199,7 @@ function RadixChevronDownIcon(props) {
   ) });
 }
 function RadixChevronUpIcon(props) {
-  return /* @__PURE__ */ jsx3("svg", { ...radixProps(props), children: /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ jsx5("svg", { ...radixProps(props), children: /* @__PURE__ */ jsx5(
     "path",
     {
       d: "M3.13523 8.84197C3.3241 9.04343 3.64052 9.05363 3.84197 8.86477L7.5 5.43536L11.158 8.86477C11.3595 9.05363 11.6759 9.04343 11.8648 8.84197C12.0536 8.64051 12.0434 8.32409 11.842 8.13523L7.84197 4.38523C7.64964 4.20492 7.35036 4.20492 7.15803 4.38523L3.15803 8.13523C2.95657 8.32409 2.94637 8.64051 3.13523 8.84197Z",
@@ -168,22 +210,8 @@ function RadixChevronUpIcon(props) {
   ) });
 }
 
-// src/portal-container.tsx
-import * as React2 from "react";
-import { jsx as jsx4 } from "react/jsx-runtime";
-var CONTEXT_SLOT = /* @__PURE__ */ Symbol.for("ai-matrx.design-system.portal-container-context");
-var contextRegistry = globalThis;
-var PortalContainerContext = contextRegistry[CONTEXT_SLOT] ??= React2.createContext(void 0);
-function usePortalContainer(explicit) {
-  const injected = React2.useContext(PortalContainerContext);
-  if (explicit !== void 0) {
-    return explicit ?? void 0;
-  }
-  return injected ?? void 0;
-}
-
 // src/select.tsx
-import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx6, jsxs as jsxs3 } from "react/jsx-runtime";
 var Select = SelectPrimitive.Root;
 var SelectValue = SelectPrimitive.Value;
 var selectTriggerVariants = cva2(
@@ -201,7 +229,7 @@ var selectTriggerVariants = cva2(
     }
   }
 );
-var SelectTrigger = React3.forwardRef(({ className, children, hideArrow = false, size, ...props }, ref) => /* @__PURE__ */ jsxs3(
+var SelectTrigger = React4.forwardRef(({ className, children, hideArrow = false, size, ...props }, ref) => /* @__PURE__ */ jsxs3(
   SelectPrimitive.Trigger,
   {
     ref,
@@ -209,12 +237,12 @@ var SelectTrigger = React3.forwardRef(({ className, children, hideArrow = false,
     ...props,
     children: [
       children,
-      !hideArrow && /* @__PURE__ */ jsx5(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx5(RadixChevronDownIcon, { className: "h-4 w-4 shrink-0 opacity-50" }) })
+      !hideArrow && /* @__PURE__ */ jsx6(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx6(RadixChevronDownIcon, { className: "h-4 w-4 shrink-0 opacity-50" }) })
     ]
   }
 ));
 SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
-var SelectScrollUpButton = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx5(
+var SelectScrollUpButton = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx6(
   SelectPrimitive.ScrollUpButton,
   {
     ref,
@@ -223,11 +251,11 @@ var SelectScrollUpButton = React3.forwardRef(({ className, ...props }, ref) => /
       className
     ),
     ...props,
-    children: /* @__PURE__ */ jsx5(RadixChevronUpIcon, {})
+    children: /* @__PURE__ */ jsx6(RadixChevronUpIcon, {})
   }
 ));
 SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
-var SelectScrollDownButton = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx5(
+var SelectScrollDownButton = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx6(
   SelectPrimitive.ScrollDownButton,
   {
     ref,
@@ -236,11 +264,11 @@ var SelectScrollDownButton = React3.forwardRef(({ className, ...props }, ref) =>
       className
     ),
     ...props,
-    children: /* @__PURE__ */ jsx5(RadixChevronDownIcon, {})
+    children: /* @__PURE__ */ jsx6(RadixChevronDownIcon, {})
   }
 ));
 SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
-var SelectContent = React3.forwardRef(
+var SelectContent = React4.forwardRef(
   ({
     className,
     children,
@@ -250,7 +278,7 @@ var SelectContent = React3.forwardRef(
     ...props
   }, ref) => {
     const portalContainer = usePortalContainer(container);
-    return /* @__PURE__ */ jsx5(SelectPrimitive.Portal, { container: portalContainer, children: /* @__PURE__ */ jsxs3(
+    return /* @__PURE__ */ jsx6(SelectPrimitive.Portal, { container: portalContainer, children: /* @__PURE__ */ jsxs3(
       SelectPrimitive.Content,
       {
         ref,
@@ -268,8 +296,8 @@ var SelectContent = React3.forwardRef(
         position,
         ...props,
         children: [
-          /* @__PURE__ */ jsx5(SelectScrollUpButton, {}),
-          /* @__PURE__ */ jsx5(
+          /* @__PURE__ */ jsx6(SelectScrollUpButton, {}),
+          /* @__PURE__ */ jsx6(
             SelectPrimitive.Viewport,
             {
               className: cn(
@@ -279,14 +307,14 @@ var SelectContent = React3.forwardRef(
               children
             }
           ),
-          /* @__PURE__ */ jsx5(SelectScrollDownButton, {})
+          /* @__PURE__ */ jsx6(SelectScrollDownButton, {})
         ]
       }
     ) });
   }
 );
 SelectContent.displayName = SelectPrimitive.Content.displayName;
-var SelectLabel = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx5(
+var SelectLabel = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx6(
   SelectPrimitive.Label,
   {
     ref,
@@ -295,7 +323,7 @@ var SelectLabel = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 SelectLabel.displayName = SelectPrimitive.Label.displayName;
-var SelectItem = React3.forwardRef(({ className, children, description, ...props }, ref) => /* @__PURE__ */ jsxs3(
+var SelectItem = React4.forwardRef(({ className, children, description, ...props }, ref) => /* @__PURE__ */ jsxs3(
   SelectPrimitive.Item,
   {
     ref,
@@ -306,14 +334,14 @@ var SelectItem = React3.forwardRef(({ className, children, description, ...props
     ),
     ...props,
     children: [
-      /* @__PURE__ */ jsx5("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx5(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx5(CheckIcon, { className: "h-4 w-4" }) }) }),
-      /* @__PURE__ */ jsx5(SelectPrimitive.ItemText, { children }),
-      description ? /* @__PURE__ */ jsx5("span", { className: "block text-xs leading-snug text-muted-foreground", children: description }) : null
+      /* @__PURE__ */ jsx6("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx6(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx6(CheckIcon, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ jsx6(SelectPrimitive.ItemText, { children }),
+      description ? /* @__PURE__ */ jsx6("span", { className: "block text-xs leading-snug text-muted-foreground", children: description }) : null
     ]
   }
 ));
 SelectItem.displayName = SelectPrimitive.Item.displayName;
-var SelectSeparator = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx5(
+var SelectSeparator = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx6(
   SelectPrimitive.Separator,
   {
     ref,
@@ -324,7 +352,37 @@ var SelectSeparator = React3.forwardRef(({ className, ...props }, ref) => /* @__
 SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
 
 // src/data-table/pagination.tsx
-import { Fragment, jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
+function PageNavigationControl({
+  label,
+  disabledHint,
+  visibilityClassName = "inline-flex",
+  disabled,
+  className,
+  ...props
+}) {
+  const button = /* @__PURE__ */ jsx7(
+    Button,
+    {
+      ...props,
+      disabled,
+      "aria-label": label,
+      className: cn(visibilityClassName, className)
+    }
+  );
+  return /* @__PURE__ */ jsxs4(Tooltip, { children: [
+    /* @__PURE__ */ jsx7(TooltipTrigger, { asChild: true, children: disabled ? /* @__PURE__ */ jsx7(
+      "span",
+      {
+        className: cn(visibilityClassName, "rounded-md outline-none focus-visible:ring-2 focus-visible:ring-ring"),
+        tabIndex: 0,
+        "aria-label": `${label} \u2014 ${disabledHint.toLowerCase()}`,
+        children: button
+      }
+    ) : button }),
+    /* @__PURE__ */ jsx7(TooltipContent, { children: disabled ? disabledHint : label })
+  ] });
+}
 function GenericTablePagination({
   totalItems,
   itemsPerPage,
@@ -383,8 +441,8 @@ function GenericTablePagination({
     className,
     containerClassName
   );
-  return /* @__PURE__ */ jsxs4("div", { "data-matrx-table-footer": true, className: containerClass, children: [
-    showItemsPerPageSelect && /* @__PURE__ */ jsx6(
+  return /* @__PURE__ */ jsx7(TooltipProvider, { children: /* @__PURE__ */ jsxs4("div", { "data-matrx-table-footer": true, className: containerClass, children: [
+    showItemsPerPageSelect && /* @__PURE__ */ jsx7(
       "div",
       {
         className: cn(
@@ -398,7 +456,7 @@ function GenericTablePagination({
             value: itemsPerPage.toString(),
             onValueChange: (value) => onItemsPerPageChange(parseInt(value)),
             children: [
-              /* @__PURE__ */ jsx6(
+              /* @__PURE__ */ jsx7(
                 SelectTrigger,
                 {
                   "aria-label": "Rows per page",
@@ -406,19 +464,19 @@ function GenericTablePagination({
                     "focus:ring-0",
                     compact ? "relative isolate h-11 w-14 border-0 bg-transparent px-2 text-xs before:absolute before:inset-x-1 before:inset-y-1.5 before:z-0 before:rounded-md before:border before:border-border before:bg-card before:content-[''] hover:before:bg-accent [&>*]:relative [&>*]:z-10 lg:h-7 lg:min-h-7 lg:w-16 lg:border lg:border-input lg:bg-background lg:px-2 lg:before:hidden" : "h-8 w-[3.75rem] text-xs sm:w-36 sm:text-sm"
                   ),
-                  children: /* @__PURE__ */ jsx6(SelectValue, { placeholder: itemsPerPage.toString() })
+                  children: /* @__PURE__ */ jsx7(SelectValue, { placeholder: itemsPerPage.toString() })
                 }
               ),
               /* @__PURE__ */ jsxs4(SelectContent, { children: [
-                availablePageSizes.map((size) => /* @__PURE__ */ jsx6(SelectItem, { value: size.toString(), children: size }, size)),
-                showAllOption ? /* @__PURE__ */ jsx6(SelectItem, { value: allValue.toString(), children: allOptionLabel }) : null
+                availablePageSizes.map((size) => /* @__PURE__ */ jsx7(SelectItem, { value: size.toString(), children: size }, size)),
+                showAllOption ? /* @__PURE__ */ jsx7(SelectItem, { value: allValue.toString(), children: allOptionLabel }) : null
               ] })
             ]
           }
         )
       }
     ),
-    /* @__PURE__ */ jsx6(
+    /* @__PURE__ */ jsx7(
       "div",
       {
         className: cn("flex min-w-0 justify-center", infoContainerClassName),
@@ -430,7 +488,7 @@ function GenericTablePagination({
             " / ",
             totalItems
           ] }),
-          /* @__PURE__ */ jsx6(
+          /* @__PURE__ */ jsx7(
             "span",
             {
               className: `hidden whitespace-nowrap ${compact ? "text-xs" : "text-sm"} text-muted-foreground sm:inline`,
@@ -449,40 +507,40 @@ function GenericTablePagination({
           controlsContainerClassName
         ),
         children: [
-          /* @__PURE__ */ jsx6(
-            Button,
+          /* @__PURE__ */ jsx7(
+            PageNavigationControl,
             {
               variant: "outline",
               size: buttonSize,
-              "aria-label": "First page",
-              title: "First page",
+              visibilityClassName: "hidden sm:inline-flex",
+              label: "First page",
+              disabledHint: "Already on the first page",
               onClick: () => onPageChange(1),
               disabled: isFirstPageDisabled,
               className: cn(
-                "hidden sm:inline-flex",
                 compact ? compactButtonClass : "h-8 w-8 p-0",
                 navButtonClassName
               ),
-              children: /* @__PURE__ */ jsx6(ChevronsLeft, { className: compact ? "h-3.5 w-3.5" : "h-4 w-4" })
+              children: /* @__PURE__ */ jsx7(ChevronsLeft, { className: compact ? "h-3.5 w-3.5" : "h-4 w-4" })
             }
           ),
-          /* @__PURE__ */ jsx6(
-            Button,
+          /* @__PURE__ */ jsx7(
+            PageNavigationControl,
             {
               variant: "outline",
               size: buttonSize,
-              "aria-label": "Previous page",
-              title: "Previous page",
+              label: "Previous page",
+              disabledHint: "Already on the first page",
               onClick: () => onPageChange(currentPage - 1),
               disabled: isFirstPageDisabled,
               className: cn(
                 compact ? compactButtonClass : "h-8 w-8 p-0",
                 navButtonClassName
               ),
-              children: /* @__PURE__ */ jsx6(ChevronLeft, { className: compact ? "h-3.5 w-3.5" : "h-4 w-4" })
+              children: /* @__PURE__ */ jsx7(ChevronLeft, { className: compact ? "h-3.5 w-3.5" : "h-4 w-4" })
             }
           ),
-          getPageNumbers(3).map((page) => /* @__PURE__ */ jsx6(
+          getPageNumbers(3).map((page) => /* @__PURE__ */ jsx7(
             Button,
             {
               variant: currentPage === page ? "default" : "outline",
@@ -497,11 +555,11 @@ function GenericTablePagination({
                 compact && page === currentPage && compactActiveButtonClass,
                 page === currentPage ? pageActiveButtonClassName : pageButtonClassName
               ),
-              children: /* @__PURE__ */ jsx6("span", { className: "relative z-10", children: page })
+              children: /* @__PURE__ */ jsx7("span", { className: "relative z-10", children: page })
             },
             `mobile-${page}`
           )),
-          getPageNumbers().map((page) => /* @__PURE__ */ jsx6(
+          getPageNumbers().map((page) => /* @__PURE__ */ jsx7(
             Button,
             {
               variant: currentPage === page ? "default" : "outline",
@@ -515,47 +573,47 @@ function GenericTablePagination({
                 compact && page === currentPage && compactActiveButtonClass,
                 currentPage === page ? pageActiveButtonClassName : pageButtonClassName
               ),
-              children: /* @__PURE__ */ jsx6("span", { className: "relative z-10", children: page })
+              children: /* @__PURE__ */ jsx7("span", { className: "relative z-10", children: page })
             },
             `desktop-${page}`
           )),
-          /* @__PURE__ */ jsx6(
-            Button,
+          /* @__PURE__ */ jsx7(
+            PageNavigationControl,
             {
               variant: "outline",
               size: buttonSize,
-              "aria-label": "Next page",
-              title: "Next page",
+              label: "Next page",
+              disabledHint: "Already on the last page",
               onClick: () => onPageChange(currentPage + 1),
               disabled: isLastPageDisabled,
               className: cn(
                 compact ? compactButtonClass : "h-8 w-8 p-0",
                 navButtonClassName
               ),
-              children: /* @__PURE__ */ jsx6(ChevronRight, { className: compact ? "h-3.5 w-3.5" : "h-4 w-4" })
+              children: /* @__PURE__ */ jsx7(ChevronRight, { className: compact ? "h-3.5 w-3.5" : "h-4 w-4" })
             }
           ),
-          /* @__PURE__ */ jsx6(
-            Button,
+          /* @__PURE__ */ jsx7(
+            PageNavigationControl,
             {
               variant: "outline",
               size: buttonSize,
-              "aria-label": "Last page",
-              title: "Last page",
+              visibilityClassName: "hidden sm:inline-flex",
+              label: "Last page",
+              disabledHint: "Already on the last page",
               onClick: () => onPageChange(totalPages),
               disabled: isLastPageDisabled,
               className: cn(
-                "hidden sm:inline-flex",
                 compact ? compactButtonClass : "h-8 w-8 p-0",
                 navButtonClassName
               ),
-              children: /* @__PURE__ */ jsx6(ChevronsRight, { className: compact ? "h-3.5 w-3.5" : "h-4 w-4" })
+              children: /* @__PURE__ */ jsx7(ChevronsRight, { className: compact ? "h-3.5 w-3.5" : "h-4 w-4" })
             }
           )
         ]
       }
     )
-  ] });
+  ] }) });
 }
 export {
   GenericTablePagination as default