@litelens/design-system 1.7.12 → 1.7.16

package/dist/atoms/index.d.ts

@@ -20,7 +20,7 @@ export { toast } from 'sonner';
 import { Switch as Switch$1 } from '@base-ui/react/switch';
 import { Tabs as Tabs$1 } from '@base-ui/react/tabs';
 import { Tooltip as Tooltip$1 } from '@base-ui/react/tooltip';
-export { AppWindowIcon, ArrowLeftRightIcon, ArrowUpCircleIcon, ArrowUpIcon, BellIcon, BoxesIcon, CheckCircle2Icon, CheckIcon, ChevronDownIcon, ChevronRightIcon, ChevronUpIcon, ChevronsLeftIcon, ChevronsRightIcon, CircleCheckIcon, CircleXIcon, ClockIcon, ContainerIcon, CopyIcon, CornerDownLeftIcon, CpuIcon, DatabaseIcon, DownloadIcon, DropletIcon, ExternalLinkIcon, EyeIcon, EyeOffIcon, FileTextIcon, FolderOpenIcon, FolderSyncIcon, FrownIcon, GaugeIcon, HardDriveIcon, HouseIcon, InfoIcon, KeyIcon, LayersIcon, LayoutDashboardIcon, Link2Icon, ListChecksIcon, Loader2Icon, LockIcon, LockOpenIcon, Maximize2Icon, Minimize2Icon, MinusIcon, MoreVerticalIcon, NetworkIcon, OctagonXIcon, PackageIcon, PauseIcon, PencilIcon, PlayIcon, PlugIcon, PlusIcon, RefreshCwIcon, RocketIcon, RotateCcwIcon, RouteIcon, SaveIcon, ScalingIcon, ScrollTextIcon, SearchIcon, ServerIcon, Settings2Icon, SettingsIcon, ShieldAlertIcon, ShieldCheckIcon, ShieldIcon, ShipWheelIcon, SlidersHorizontalIcon, SquareIcon, StarIcon, TerminalIcon, TimerIcon, Trash2Icon, TriangleAlertIcon, UserRoundIcon, WebhookIcon, XCircleIcon, XIcon } from 'lucide-react';
+export { AppWindowIcon, ArrowLeftRightIcon, ArrowUpCircleIcon, ArrowUpIcon, BellIcon, BoxesIcon, CheckCircle2Icon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsLeftIcon, ChevronsRightIcon, CircleCheckIcon, CircleXIcon, ClockIcon, ContainerIcon, CopyIcon, CornerDownLeftIcon, CpuIcon, DatabaseIcon, DownloadIcon, DropletIcon, ExternalLinkIcon, EyeIcon, EyeOffIcon, FileTextIcon, FolderOpenIcon, FolderSyncIcon, FrownIcon, GaugeIcon, HardDriveIcon, HouseIcon, InfoIcon, KeyIcon, LayersIcon, LayoutDashboardIcon, Link2Icon, ListChecksIcon, Loader2Icon, LockIcon, LockOpenIcon, Maximize2Icon, Minimize2Icon, MinusIcon, MoreVerticalIcon, NetworkIcon, OctagonXIcon, PackageIcon, PauseIcon, PencilIcon, PlayIcon, PlugIcon, PlusIcon, RefreshCwIcon, RocketIcon, RotateCcwIcon, RouteIcon, SaveIcon, ScalingIcon, ScrollTextIcon, SearchIcon, ServerIcon, Settings2Icon, SettingsIcon, ShieldAlertIcon, ShieldCheckIcon, ShieldIcon, ShipWheelIcon, SlidersHorizontalIcon, SquareIcon, StarIcon, TerminalIcon, TimerIcon, Trash2Icon, TriangleAlertIcon, UserRoundIcon, WebhookIcon, XCircleIcon, XIcon } from 'lucide-react';
 
 declare const badgeVariants: (props?: ({
     variant?: "default" | "secondary" | "destructive" | "success" | "warning" | "info" | "danger" | "ghost" | null | undefined;

package/dist/atoms/index.js

@@ -1,6 +1,6 @@
-export { Checkbox, Collapsible, CollapsiblePanel, CollapsibleTrigger, ContextMenu, ContextMenuContent, ContextMenuItem, ContextMenuPortal, ContextMenuSeparator, ContextMenuTrigger, Drawer, DrawerContent, DrawerPopup, DrawerPortal, DrawerViewport, Separator, Slider, Switch, Tabs, TabsContent, TabsIndicator, TabsList, TabsTrigger, Textarea, Toaster, textareaVariants } from '../chunk-D45POWLP.js';
-export { Badge, Button, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, buttonVariants, toast } from '../chunk-7LS75KDJ.js';
+export { Checkbox, Collapsible, CollapsiblePanel, CollapsibleTrigger, ContextMenu, ContextMenuContent, ContextMenuItem, ContextMenuPortal, ContextMenuSeparator, ContextMenuTrigger, Drawer, DrawerContent, DrawerPopup, DrawerPortal, DrawerViewport, Separator, Slider, Switch, Tabs, TabsContent, TabsIndicator, TabsList, TabsTrigger, Textarea, Toaster, textareaVariants } from '../chunk-HT3CL5WR.js';
+export { Badge, Button, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, buttonVariants, toast } from '../chunk-NYDY6TL7.js';
 import '../chunk-3ZL7QROP.js';
 import '../chunk-NFJMUQY6.js';
-export { AppWindowIcon, AppleIcon, ArrowLeftRightIcon, ArrowUpCircleIcon, ArrowUpIcon, BellIcon, BoxesIcon, CheckCircle2Icon, CheckIcon, ChevronDownIcon, ChevronRightIcon, ChevronUpIcon, ChevronsLeftIcon, ChevronsRightIcon, CircleCheckIcon, CircleXIcon, ClockIcon, ContainerIcon, CopyIcon, CornerDownLeftIcon, CpuIcon, DatabaseIcon, DownloadIcon, DropletIcon, ExternalLinkIcon, EyeIcon, EyeOffIcon, FileTextIcon, FolderOpenIcon, FolderSyncIcon, FrownIcon, GaugeIcon, GithubIcon, HardDriveIcon, HouseIcon, InfoIcon, Input, KeyIcon, LayersIcon, LayoutDashboardIcon, Link2Icon, LinuxIcon, ListChecksIcon, Loader2Icon, LockIcon, LockOpenIcon, Maximize2Icon, Minimize2Icon, MinusIcon, MoreVerticalIcon, NetworkIcon, OctagonXIcon, PackageIcon, PauseIcon, PencilIcon, PlayIcon, PlugIcon, PlusIcon, RefreshCwIcon, RocketIcon, RotateCcwIcon, RouteIcon, SaveIcon, ScalingIcon, ScrollTextIcon, SearchIcon, ServerIcon, Settings2Icon, SettingsIcon, ShieldAlertIcon, ShieldCheckIcon, ShieldIcon, ShipWheelIcon, SlidersHorizontalIcon, SquareIcon, StarIcon, TerminalIcon, TimerIcon, Trash2Icon, TriangleAlertIcon, UserRoundIcon, WebhookIcon, WindowsIcon, XCircleIcon, XIcon } from '../chunk-SV3XUWM2.js';
+export { AppWindowIcon, AppleIcon, ArrowLeftRightIcon, ArrowUpCircleIcon, ArrowUpIcon, BellIcon, BoxesIcon, CheckCircle2Icon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsLeftIcon, ChevronsRightIcon, CircleCheckIcon, CircleXIcon, ClockIcon, ContainerIcon, CopyIcon, CornerDownLeftIcon, CpuIcon, DatabaseIcon, DownloadIcon, DropletIcon, ExternalLinkIcon, EyeIcon, EyeOffIcon, FileTextIcon, FolderOpenIcon, FolderSyncIcon, FrownIcon, GaugeIcon, GithubIcon, HardDriveIcon, HouseIcon, InfoIcon, Input, KeyIcon, LayersIcon, LayoutDashboardIcon, Link2Icon, LinuxIcon, ListChecksIcon, Loader2Icon, LockIcon, LockOpenIcon, Maximize2Icon, Minimize2Icon, MinusIcon, MoreVerticalIcon, NetworkIcon, OctagonXIcon, PackageIcon, PauseIcon, PencilIcon, PlayIcon, PlugIcon, PlusIcon, RefreshCwIcon, RocketIcon, RotateCcwIcon, RouteIcon, SaveIcon, ScalingIcon, ScrollTextIcon, SearchIcon, ServerIcon, Settings2Icon, SettingsIcon, ShieldAlertIcon, ShieldCheckIcon, ShieldIcon, ShipWheelIcon, SlidersHorizontalIcon, SquareIcon, StarIcon, TerminalIcon, TimerIcon, Trash2Icon, TriangleAlertIcon, UserRoundIcon, WebhookIcon, WindowsIcon, XCircleIcon, XIcon } from '../chunk-D6C5AENV.js';
 import '../chunk-QUNCRUSO.js';

package/dist/{chunk-FUZF3NOG.js → chunk-4Y7KRKM5.js}

@@ -1,5 +1,5 @@
-import { Tooltip, TooltipTrigger, TooltipContent, Button, DropdownMenuItem, TooltipProvider, Sheet, SheetContent, SheetHeader, ScrollArea, Select, SelectTrigger, SelectValue, SelectContent, SelectItem, Dialog, DialogContent, DialogHeader, DialogTitle, DialogFooter, TableRow, TableCell, toast, Badge } from './chunk-7LS75KDJ.js';
-import { CheckIcon, CopyIcon, Loader2Icon, MinusIcon, PlusIcon, Trash2Icon, PencilIcon, RefreshCwIcon, ScalingIcon, XCircleIcon, CheckCircle2Icon, SearchIcon, Input, CircleCheckIcon, CircleXIcon } from './chunk-SV3XUWM2.js';
+import { Tooltip, TooltipTrigger, TooltipContent, Button, DropdownMenuItem, TooltipProvider, Sheet, SheetContent, SheetHeader, ScrollArea, Select, SelectTrigger, SelectValue, SelectContent, SelectItem, Dialog, DialogContent, DialogHeader, DialogTitle, DialogFooter, TableRow, TableCell, toast, Badge } from './chunk-NYDY6TL7.js';
+import { CheckIcon, CopyIcon, Loader2Icon, MinusIcon, PlusIcon, Trash2Icon, PencilIcon, RefreshCwIcon, ScalingIcon, XCircleIcon, CheckCircle2Icon, SearchIcon, Input, ChevronLeftIcon, ChevronRightIcon, CircleCheckIcon, CircleXIcon } from './chunk-D6C5AENV.js';
 import { cn } from './chunk-QUNCRUSO.js';
 import { useRef, useState, useLayoutEffect, Component, useMemo } from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
@@ -609,6 +609,109 @@ var FormModal = ({
     ] })
   }
 );
+var PAGINATION_SIBLING_COUNT = 1;
+function getPageNumbers(currentPage, pageCount) {
+  const totalVisible = PAGINATION_SIBLING_COUNT * 2 + 5;
+  if (pageCount <= totalVisible) {
+    return Array.from({ length: pageCount }, (_, i) => i + 1);
+  }
+  const leftSibling = Math.max(currentPage - PAGINATION_SIBLING_COUNT, 1);
+  const rightSibling = Math.min(currentPage + PAGINATION_SIBLING_COUNT, pageCount);
+  const showLeftEllipsis = leftSibling > 2;
+  const showRightEllipsis = rightSibling < pageCount - 1;
+  const pages = [1];
+  if (showLeftEllipsis) pages.push("ellipsis");
+  for (let p = Math.max(leftSibling, 2); p <= Math.min(rightSibling, pageCount - 1); p++) {
+    pages.push(p);
+  }
+  if (showRightEllipsis) pages.push("ellipsis");
+  pages.push(pageCount);
+  return pages;
+}
+var TablePagination = ({
+  page,
+  pageCount,
+  pageSize,
+  pageSizeOptions,
+  totalItems,
+  onPageChange,
+  onPageSizeChange
+}) => {
+  const pageNumbers = getPageNumbers(page, pageCount);
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-xs text-muted-foreground", children: [
+      /* @__PURE__ */ jsx("span", { children: "Rows per page" }),
+      /* @__PURE__ */ jsxs(
+        Select,
+        {
+          value: String(pageSize),
+          onValueChange: (value) => {
+            if (!value) return;
+            onPageSizeChange(Number(value));
+          },
+          children: [
+            /* @__PURE__ */ jsx(SelectTrigger, { size: "sm", className: "w-16", children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+            /* @__PURE__ */ jsx(SelectContent, { children: pageSizeOptions.map((size) => /* @__PURE__ */ jsx(SelectItem, { value: String(size), children: size }, size)) })
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ jsxs("span", { className: "text-xs text-muted-foreground", children: [
+        (page - 1) * pageSize + 1,
+        "\u2013",
+        Math.min(page * pageSize, totalItems),
+        " of ",
+        totalItems
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "outline",
+            size: "icon",
+            "aria-label": "Previous page",
+            disabled: page <= 1,
+            onClick: () => onPageChange(Math.max(1, page - 1)),
+            children: /* @__PURE__ */ jsx(ChevronLeftIcon, { className: "size-4" })
+          }
+        ),
+        pageNumbers.map(
+          (p, idx) => p === "ellipsis" ? /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: "px-1 text-xs text-muted-foreground select-none",
+              children: "\u2026"
+            },
+            `ellipsis-${idx}`
+          ) : /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: p === page ? "default" : "outline",
+              size: "icon",
+              "aria-label": `Page ${p}`,
+              "aria-current": p === page ? "page" : void 0,
+              onClick: () => onPageChange(p),
+              children: p
+            },
+            p
+          )
+        ),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "outline",
+            size: "icon",
+            "aria-label": "Next page",
+            disabled: page >= pageCount,
+            onClick: () => onPageChange(Math.min(pageCount, page + 1)),
+            children: /* @__PURE__ */ jsx(ChevronRightIcon, { className: "size-4" })
+          }
+        )
+      ] })
+    ] })
+  ] });
+};
 var EMPTY_COLUMN_WIDTHS = [];
 var TableSkeletonRow = ({
   columns,
@@ -777,4 +880,4 @@ function renderErrorToast(props) {
   );
 }
 
-export { AnnotationBadge, ButtonGroup, ConfirmationModal, Divider, DonutChart, EmptyState, ErrorBoundary, ErrorToast, FormModal, LineIcon, LoadingSpinner, Markdown, ResourceBulkDeletionButton, ResourceCell, ResourceCreationButton, ResourceDeletionButton, ResourceDetailDrawer, ResourceDetailDrawerBody, ResourceDetailDrawerHeader, ResourceDetailEmptyBody, ResourceLink, ResourceModificationButton, ResourceRestartButton, ResourceScaleButton, SearchInput, SuccessToast, TOAST_STYLE, TableSkeletonLoader, TableSkeletonRow, TimezoneSelect, TruncatedText, renderErrorToast, renderSuccessToast };
+export { AnnotationBadge, ButtonGroup, ConfirmationModal, Divider, DonutChart, EmptyState, ErrorBoundary, ErrorToast, FormModal, LineIcon, LoadingSpinner, Markdown, ResourceBulkDeletionButton, ResourceCell, ResourceCreationButton, ResourceDeletionButton, ResourceDetailDrawer, ResourceDetailDrawerBody, ResourceDetailDrawerHeader, ResourceDetailEmptyBody, ResourceLink, ResourceModificationButton, ResourceRestartButton, ResourceScaleButton, SearchInput, SuccessToast, TOAST_STYLE, TablePagination, TableSkeletonLoader, TableSkeletonRow, TimezoneSelect, TruncatedText, renderErrorToast, renderSuccessToast };

package/dist/{chunk-SV3XUWM2.js → chunk-D6C5AENV.js}

@@ -1,5 +1,5 @@
 import { cn } from './chunk-QUNCRUSO.js';
-export { AppWindowIcon, ArrowLeftRightIcon, ArrowUpCircleIcon, ArrowUpIcon, BellIcon, BoxesIcon, CheckCircle2Icon, CheckIcon, ChevronDownIcon, ChevronRightIcon, ChevronUpIcon, ChevronsLeftIcon, ChevronsRightIcon, CircleCheckIcon, CircleXIcon, ClockIcon, ContainerIcon, CopyIcon, CornerDownLeftIcon, CpuIcon, DatabaseIcon, DownloadIcon, DropletIcon, ExternalLinkIcon, EyeIcon, EyeOffIcon, FileTextIcon, FolderOpenIcon, FolderSyncIcon, FrownIcon, GaugeIcon, HardDriveIcon, HouseIcon, InfoIcon, KeyIcon, LayersIcon, LayoutDashboardIcon, Link2Icon, ListChecksIcon, Loader2Icon, LockIcon, LockOpenIcon, Maximize2Icon, Minimize2Icon, MinusIcon, MoreVerticalIcon, NetworkIcon, OctagonXIcon, PackageIcon, PauseIcon, PencilIcon, PlayIcon, PlugIcon, PlusIcon, RefreshCwIcon, RocketIcon, RotateCcwIcon, RouteIcon, SaveIcon, ScalingIcon, ScrollTextIcon, SearchIcon, ServerIcon, Settings2Icon, SettingsIcon, ShieldAlertIcon, ShieldCheckIcon, ShieldIcon, ShipWheelIcon, SlidersHorizontalIcon, SquareIcon, StarIcon, TerminalIcon, TimerIcon, Trash2Icon, TriangleAlertIcon, UserRoundIcon, WebhookIcon, XCircleIcon, XIcon } from 'lucide-react';
+export { AppWindowIcon, ArrowLeftRightIcon, ArrowUpCircleIcon, ArrowUpIcon, BellIcon, BoxesIcon, CheckCircle2Icon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsLeftIcon, ChevronsRightIcon, CircleCheckIcon, CircleXIcon, ClockIcon, ContainerIcon, CopyIcon, CornerDownLeftIcon, CpuIcon, DatabaseIcon, DownloadIcon, DropletIcon, ExternalLinkIcon, EyeIcon, EyeOffIcon, FileTextIcon, FolderOpenIcon, FolderSyncIcon, FrownIcon, GaugeIcon, HardDriveIcon, HouseIcon, InfoIcon, KeyIcon, LayersIcon, LayoutDashboardIcon, Link2Icon, ListChecksIcon, Loader2Icon, LockIcon, LockOpenIcon, Maximize2Icon, Minimize2Icon, MinusIcon, MoreVerticalIcon, NetworkIcon, OctagonXIcon, PackageIcon, PauseIcon, PencilIcon, PlayIcon, PlugIcon, PlusIcon, RefreshCwIcon, RocketIcon, RotateCcwIcon, RouteIcon, SaveIcon, ScalingIcon, ScrollTextIcon, SearchIcon, ServerIcon, Settings2Icon, SettingsIcon, ShieldAlertIcon, ShieldCheckIcon, ShieldIcon, ShipWheelIcon, SlidersHorizontalIcon, SquareIcon, StarIcon, TerminalIcon, TimerIcon, Trash2Icon, TriangleAlertIcon, UserRoundIcon, WebhookIcon, XCircleIcon, XIcon } from 'lucide-react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { Input as Input$1 } from '@base-ui/react/input';
 import { cva } from 'class-variance-authority';

package/dist/{chunk-D45POWLP.js → chunk-HT3CL5WR.js}

@@ -1,7 +1,7 @@
-import { Button } from './chunk-7LS75KDJ.js';
+import { Button } from './chunk-NYDY6TL7.js';
 import { useCopyToClipboard } from './chunk-3ZL7QROP.js';
 import { SplitAndHighlightText } from './chunk-NFJMUQY6.js';
-import { CheckIcon, Loader2Icon, OctagonXIcon, TriangleAlertIcon, InfoIcon, CircleCheckIcon, CopyIcon } from './chunk-SV3XUWM2.js';
+import { CheckIcon, Loader2Icon, OctagonXIcon, TriangleAlertIcon, InfoIcon, CircleCheckIcon, CopyIcon } from './chunk-D6C5AENV.js';
 import { cn } from './chunk-QUNCRUSO.js';
 import { Checkbox as Checkbox$1 } from '@base-ui/react/checkbox';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';

package/dist/{chunk-7LS75KDJ.js → chunk-NYDY6TL7.js}

@@ -1,4 +1,4 @@
-import { XIcon, ChevronRightIcon, CheckIcon, ChevronDownIcon, ChevronUpIcon } from './chunk-SV3XUWM2.js';
+import { XIcon, ChevronRightIcon, CheckIcon, ChevronDownIcon, ChevronUpIcon } from './chunk-D6C5AENV.js';
 import { cn } from './chunk-QUNCRUSO.js';
 import { mergeProps } from '@base-ui/react/merge-props';
 import { useRender } from '@base-ui/react/use-render';

package/dist/{chunk-6JU5D3YE.js → chunk-ZBOHHH44.js}

@@ -1,4 +1,4 @@
-import { SearchIcon, Input } from './chunk-SV3XUWM2.js';
+import { SearchIcon, Input } from './chunk-D6C5AENV.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useState, useRef } from 'react';
 

package/dist/components/index.d.ts

@@ -198,6 +198,17 @@ interface FormModalProps {
 }
 declare const FormModal: FC<FormModalProps>;
 
+interface TablePaginationProps {
+    page: number;
+    pageCount: number;
+    pageSize: number;
+    pageSizeOptions: readonly number[];
+    totalItems: number;
+    onPageChange: (page: number) => void;
+    onPageSizeChange: (pageSize: number) => void;
+}
+declare const TablePagination: FC<TablePaginationProps>;
+
 interface TableSkeletonLoaderProps {
     rows?: number;
     columns: number;
@@ -252,4 +263,4 @@ declare function renderErrorToast(props: ErrorToastProps): void;
 
 declare const TOAST_STYLE: CSSProperties;
 
-export { AnnotationBadge, ButtonGroup, type ButtonGroupProps, ConfirmationModal, Divider, DonutChart, EmptyState, type EmptyStateProps, ErrorBoundary, ErrorToast, type ErrorToastProps, FormModal, LineIcon, LoadingSpinner, type LoadingSpinnerProps, Markdown, ResourceBulkDeletionButton, ResourceCell, ResourceCreationButton, ResourceDeletionButton, ResourceDetailDrawer, ResourceDetailDrawerBody, ResourceDetailDrawerHeader, type ResourceDetailDrawerProps, ResourceDetailEmptyBody, type ResourceDetailEmptyBodyProps, ResourceLink, ResourceModificationButton, ResourceRestartButton, ResourceScaleButton, SearchInput, SuccessToast, type SuccessToastProps, TOAST_STYLE, TableSkeletonLoader, type TableSkeletonLoaderProps, TableSkeletonRow, type TableSkeletonRowProps, TimezoneSelect, TruncatedText, renderErrorToast, renderSuccessToast };
+export { AnnotationBadge, ButtonGroup, type ButtonGroupProps, ConfirmationModal, Divider, DonutChart, EmptyState, type EmptyStateProps, ErrorBoundary, ErrorToast, type ErrorToastProps, FormModal, LineIcon, LoadingSpinner, type LoadingSpinnerProps, Markdown, ResourceBulkDeletionButton, ResourceCell, ResourceCreationButton, ResourceDeletionButton, ResourceDetailDrawer, ResourceDetailDrawerBody, ResourceDetailDrawerHeader, type ResourceDetailDrawerProps, ResourceDetailEmptyBody, type ResourceDetailEmptyBodyProps, ResourceLink, ResourceModificationButton, ResourceRestartButton, ResourceScaleButton, SearchInput, SuccessToast, type SuccessToastProps, TOAST_STYLE, TablePagination, type TablePaginationProps, TableSkeletonLoader, type TableSkeletonLoaderProps, TableSkeletonRow, type TableSkeletonRowProps, TimezoneSelect, TruncatedText, renderErrorToast, renderSuccessToast };

package/dist/components/index.js

@@ -1,4 +1,4 @@
-export { AnnotationBadge, ButtonGroup, ConfirmationModal, Divider, DonutChart, EmptyState, ErrorBoundary, ErrorToast, FormModal, LineIcon, LoadingSpinner, Markdown, ResourceBulkDeletionButton, ResourceCell, ResourceCreationButton, ResourceDeletionButton, ResourceDetailDrawer, ResourceDetailDrawerBody, ResourceDetailDrawerHeader, ResourceDetailEmptyBody, ResourceLink, ResourceModificationButton, ResourceRestartButton, ResourceScaleButton, SearchInput, SuccessToast, TOAST_STYLE, TableSkeletonLoader, TableSkeletonRow, TimezoneSelect, TruncatedText, renderErrorToast, renderSuccessToast } from '../chunk-FUZF3NOG.js';
-import '../chunk-7LS75KDJ.js';
-import '../chunk-SV3XUWM2.js';
+export { AnnotationBadge, ButtonGroup, ConfirmationModal, Divider, DonutChart, EmptyState, ErrorBoundary, ErrorToast, FormModal, LineIcon, LoadingSpinner, Markdown, ResourceBulkDeletionButton, ResourceCell, ResourceCreationButton, ResourceDeletionButton, ResourceDetailDrawer, ResourceDetailDrawerBody, ResourceDetailDrawerHeader, ResourceDetailEmptyBody, ResourceLink, ResourceModificationButton, ResourceRestartButton, ResourceScaleButton, SearchInput, SuccessToast, TOAST_STYLE, TablePagination, TableSkeletonLoader, TableSkeletonRow, TimezoneSelect, TruncatedText, renderErrorToast, renderSuccessToast } from '../chunk-4Y7KRKM5.js';
+import '../chunk-NYDY6TL7.js';
+import '../chunk-D6C5AENV.js';
 import '../chunk-QUNCRUSO.js';

package/dist/index.d.ts

@@ -1,10 +1,10 @@
 export { AppleIcon, Badge, Button, Checkbox, Collapsible, CollapsiblePanel, CollapsibleTrigger, ContextMenu, ContextMenuContent, ContextMenuItem, ContextMenuPortal, ContextMenuSeparator, ContextMenuTrigger, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerContent, DrawerPopup, DrawerPortal, DrawerViewport, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, GithubIcon, Input, LinuxIcon, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Slider, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsIndicator, TabsList, TabsTrigger, Textarea, TextareaProps, Toaster, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, WindowsIcon, buttonVariants, textareaVariants } from './atoms/index.js';
 export { toast } from 'sonner';
-export { AnnotationBadge, ButtonGroup, ButtonGroupProps, ConfirmationModal, Divider, DonutChart, EmptyState, EmptyStateProps, ErrorBoundary, ErrorToast, ErrorToastProps, FormModal, LineIcon, LoadingSpinner, LoadingSpinnerProps, Markdown, ResourceBulkDeletionButton, ResourceCell, ResourceCreationButton, ResourceDeletionButton, ResourceDetailDrawer, ResourceDetailDrawerBody, ResourceDetailDrawerHeader, ResourceDetailDrawerProps, ResourceDetailEmptyBody, ResourceDetailEmptyBodyProps, ResourceLink, ResourceModificationButton, ResourceRestartButton, ResourceScaleButton, SearchInput, SuccessToast, SuccessToastProps, TOAST_STYLE, TableSkeletonLoader, TableSkeletonLoaderProps, TableSkeletonRow, TableSkeletonRowProps, TimezoneSelect, TruncatedText, renderErrorToast, renderSuccessToast } from './components/index.js';
+export { AnnotationBadge, ButtonGroup, ButtonGroupProps, ConfirmationModal, Divider, DonutChart, EmptyState, EmptyStateProps, ErrorBoundary, ErrorToast, ErrorToastProps, FormModal, LineIcon, LoadingSpinner, LoadingSpinnerProps, Markdown, ResourceBulkDeletionButton, ResourceCell, ResourceCreationButton, ResourceDeletionButton, ResourceDetailDrawer, ResourceDetailDrawerBody, ResourceDetailDrawerHeader, ResourceDetailDrawerProps, ResourceDetailEmptyBody, ResourceDetailEmptyBodyProps, ResourceLink, ResourceModificationButton, ResourceRestartButton, ResourceScaleButton, SearchInput, SuccessToast, SuccessToastProps, TOAST_STYLE, TablePagination, TablePaginationProps, TableSkeletonLoader, TableSkeletonLoaderProps, TableSkeletonRow, TableSkeletonRowProps, TimezoneSelect, TruncatedText, renderErrorToast, renderSuccessToast } from './components/index.js';
 export { BREAKPOINTS, Breakpoint, useBreakpoint, useCopyToClipboard, useMediaQuery } from './hooks/index.js';
 export { clamp, cn, formatRelativeTime, formatTs } from './utils/index.js';
 export { FullTextSearchInput, SplitAndHighlightText, UseFullTextSearchCustomOptions, UseFullTextSearchOptions, UseFullTextSearchReturn, UseFullTextSearchWithHandlersReturn, useFullTextSearch } from './libs/index.js';
-export { AppWindowIcon, ArrowLeftRightIcon, ArrowUpCircleIcon, ArrowUpIcon, BellIcon, BoxesIcon, CheckCircle2Icon, CheckIcon, ChevronDownIcon, ChevronRightIcon, ChevronUpIcon, ChevronsLeftIcon, ChevronsRightIcon, CircleCheckIcon, CircleXIcon, ClockIcon, ContainerIcon, CopyIcon, CornerDownLeftIcon, CpuIcon, DatabaseIcon, DownloadIcon, DropletIcon, ExternalLinkIcon, EyeIcon, EyeOffIcon, FileTextIcon, FolderOpenIcon, FolderSyncIcon, FrownIcon, GaugeIcon, HardDriveIcon, HouseIcon, InfoIcon, KeyIcon, LayersIcon, LayoutDashboardIcon, Link2Icon, ListChecksIcon, Loader2Icon, LockIcon, LockOpenIcon, Maximize2Icon, Minimize2Icon, MinusIcon, MoreVerticalIcon, NetworkIcon, OctagonXIcon, PackageIcon, PauseIcon, PencilIcon, PlayIcon, PlugIcon, PlusIcon, RefreshCwIcon, RocketIcon, RotateCcwIcon, RouteIcon, SaveIcon, ScalingIcon, ScrollTextIcon, SearchIcon, ServerIcon, Settings2Icon, SettingsIcon, ShieldAlertIcon, ShieldCheckIcon, ShieldIcon, ShipWheelIcon, SlidersHorizontalIcon, SquareIcon, StarIcon, TerminalIcon, TimerIcon, Trash2Icon, TriangleAlertIcon, UserRoundIcon, WebhookIcon, XCircleIcon, XIcon } from 'lucide-react';
+export { AppWindowIcon, ArrowLeftRightIcon, ArrowUpCircleIcon, ArrowUpIcon, BellIcon, BoxesIcon, CheckCircle2Icon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsLeftIcon, ChevronsRightIcon, CircleCheckIcon, CircleXIcon, ClockIcon, ContainerIcon, CopyIcon, CornerDownLeftIcon, CpuIcon, DatabaseIcon, DownloadIcon, DropletIcon, ExternalLinkIcon, EyeIcon, EyeOffIcon, FileTextIcon, FolderOpenIcon, FolderSyncIcon, FrownIcon, GaugeIcon, HardDriveIcon, HouseIcon, InfoIcon, KeyIcon, LayersIcon, LayoutDashboardIcon, Link2Icon, ListChecksIcon, Loader2Icon, LockIcon, LockOpenIcon, Maximize2Icon, Minimize2Icon, MinusIcon, MoreVerticalIcon, NetworkIcon, OctagonXIcon, PackageIcon, PauseIcon, PencilIcon, PlayIcon, PlugIcon, PlusIcon, RefreshCwIcon, RocketIcon, RotateCcwIcon, RouteIcon, SaveIcon, ScalingIcon, ScrollTextIcon, SearchIcon, ServerIcon, Settings2Icon, SettingsIcon, ShieldAlertIcon, ShieldCheckIcon, ShieldIcon, ShipWheelIcon, SlidersHorizontalIcon, SquareIcon, StarIcon, TerminalIcon, TimerIcon, Trash2Icon, TriangleAlertIcon, UserRoundIcon, WebhookIcon, XCircleIcon, XIcon } from 'lucide-react';
 export { VariantProps } from 'class-variance-authority';
 import 'react';
 import 'class-variance-authority/types';

package/dist/index.js

@@ -1,10 +1,10 @@
-export { Checkbox, Collapsible, CollapsiblePanel, CollapsibleTrigger, ContextMenu, ContextMenuContent, ContextMenuItem, ContextMenuPortal, ContextMenuSeparator, ContextMenuTrigger, Drawer, DrawerContent, DrawerPopup, DrawerPortal, DrawerViewport, Separator, Slider, Switch, Tabs, TabsContent, TabsIndicator, TabsList, TabsTrigger, Textarea, Toaster, textareaVariants } from './chunk-D45POWLP.js';
-export { AnnotationBadge, ButtonGroup, ConfirmationModal, Divider, DonutChart, EmptyState, ErrorBoundary, ErrorToast, FormModal, LineIcon, LoadingSpinner, Markdown, ResourceBulkDeletionButton, ResourceCell, ResourceCreationButton, ResourceDeletionButton, ResourceDetailDrawer, ResourceDetailDrawerBody, ResourceDetailDrawerHeader, ResourceDetailEmptyBody, ResourceLink, ResourceModificationButton, ResourceRestartButton, ResourceScaleButton, SearchInput, SuccessToast, TOAST_STYLE, TableSkeletonLoader, TableSkeletonRow, TimezoneSelect, TruncatedText, renderErrorToast, renderSuccessToast } from './chunk-FUZF3NOG.js';
-export { Badge, Button, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, buttonVariants, toast } from './chunk-7LS75KDJ.js';
+export { Checkbox, Collapsible, CollapsiblePanel, CollapsibleTrigger, ContextMenu, ContextMenuContent, ContextMenuItem, ContextMenuPortal, ContextMenuSeparator, ContextMenuTrigger, Drawer, DrawerContent, DrawerPopup, DrawerPortal, DrawerViewport, Separator, Slider, Switch, Tabs, TabsContent, TabsIndicator, TabsList, TabsTrigger, Textarea, Toaster, textareaVariants } from './chunk-HT3CL5WR.js';
+export { AnnotationBadge, ButtonGroup, ConfirmationModal, Divider, DonutChart, EmptyState, ErrorBoundary, ErrorToast, FormModal, LineIcon, LoadingSpinner, Markdown, ResourceBulkDeletionButton, ResourceCell, ResourceCreationButton, ResourceDeletionButton, ResourceDetailDrawer, ResourceDetailDrawerBody, ResourceDetailDrawerHeader, ResourceDetailEmptyBody, ResourceLink, ResourceModificationButton, ResourceRestartButton, ResourceScaleButton, SearchInput, SuccessToast, TOAST_STYLE, TablePagination, TableSkeletonLoader, TableSkeletonRow, TimezoneSelect, TruncatedText, renderErrorToast, renderSuccessToast } from './chunk-4Y7KRKM5.js';
+export { Badge, Button, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, buttonVariants, toast } from './chunk-NYDY6TL7.js';
 export { BREAKPOINTS, useBreakpoint, useMediaQuery } from './chunk-XLB44BWQ.js';
 export { useCopyToClipboard } from './chunk-3ZL7QROP.js';
 export { formatRelativeTime, formatTs } from './chunk-CPX26L4M.js';
-export { FullTextSearchInput, useFullTextSearch } from './chunk-6JU5D3YE.js';
+export { FullTextSearchInput, useFullTextSearch } from './chunk-ZBOHHH44.js';
 export { SplitAndHighlightText } from './chunk-NFJMUQY6.js';
-export { AppWindowIcon, AppleIcon, ArrowLeftRightIcon, ArrowUpCircleIcon, ArrowUpIcon, BellIcon, BoxesIcon, CheckCircle2Icon, CheckIcon, ChevronDownIcon, ChevronRightIcon, ChevronUpIcon, ChevronsLeftIcon, ChevronsRightIcon, CircleCheckIcon, CircleXIcon, ClockIcon, ContainerIcon, CopyIcon, CornerDownLeftIcon, CpuIcon, DatabaseIcon, DownloadIcon, DropletIcon, ExternalLinkIcon, EyeIcon, EyeOffIcon, FileTextIcon, FolderOpenIcon, FolderSyncIcon, FrownIcon, GaugeIcon, GithubIcon, HardDriveIcon, HouseIcon, InfoIcon, Input, KeyIcon, LayersIcon, LayoutDashboardIcon, Link2Icon, LinuxIcon, ListChecksIcon, Loader2Icon, LockIcon, LockOpenIcon, Maximize2Icon, Minimize2Icon, MinusIcon, MoreVerticalIcon, NetworkIcon, OctagonXIcon, PackageIcon, PauseIcon, PencilIcon, PlayIcon, PlugIcon, PlusIcon, RefreshCwIcon, RocketIcon, RotateCcwIcon, RouteIcon, SaveIcon, ScalingIcon, ScrollTextIcon, SearchIcon, ServerIcon, Settings2Icon, SettingsIcon, ShieldAlertIcon, ShieldCheckIcon, ShieldIcon, ShipWheelIcon, SlidersHorizontalIcon, SquareIcon, StarIcon, TerminalIcon, TimerIcon, Trash2Icon, TriangleAlertIcon, UserRoundIcon, WebhookIcon, WindowsIcon, XCircleIcon, XIcon } from './chunk-SV3XUWM2.js';
+export { AppWindowIcon, AppleIcon, ArrowLeftRightIcon, ArrowUpCircleIcon, ArrowUpIcon, BellIcon, BoxesIcon, CheckCircle2Icon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsLeftIcon, ChevronsRightIcon, CircleCheckIcon, CircleXIcon, ClockIcon, ContainerIcon, CopyIcon, CornerDownLeftIcon, CpuIcon, DatabaseIcon, DownloadIcon, DropletIcon, ExternalLinkIcon, EyeIcon, EyeOffIcon, FileTextIcon, FolderOpenIcon, FolderSyncIcon, FrownIcon, GaugeIcon, GithubIcon, HardDriveIcon, HouseIcon, InfoIcon, Input, KeyIcon, LayersIcon, LayoutDashboardIcon, Link2Icon, LinuxIcon, ListChecksIcon, Loader2Icon, LockIcon, LockOpenIcon, Maximize2Icon, Minimize2Icon, MinusIcon, MoreVerticalIcon, NetworkIcon, OctagonXIcon, PackageIcon, PauseIcon, PencilIcon, PlayIcon, PlugIcon, PlusIcon, RefreshCwIcon, RocketIcon, RotateCcwIcon, RouteIcon, SaveIcon, ScalingIcon, ScrollTextIcon, SearchIcon, ServerIcon, Settings2Icon, SettingsIcon, ShieldAlertIcon, ShieldCheckIcon, ShieldIcon, ShipWheelIcon, SlidersHorizontalIcon, SquareIcon, StarIcon, TerminalIcon, TimerIcon, Trash2Icon, TriangleAlertIcon, UserRoundIcon, WebhookIcon, WindowsIcon, XCircleIcon, XIcon } from './chunk-D6C5AENV.js';
 export { clamp, cn } from './chunk-QUNCRUSO.js';

package/dist/libs/index.js

@@ -1,4 +1,4 @@
-export { FullTextSearchInput, useFullTextSearch } from '../chunk-6JU5D3YE.js';
+export { FullTextSearchInput, useFullTextSearch } from '../chunk-ZBOHHH44.js';
 export { SplitAndHighlightText } from '../chunk-NFJMUQY6.js';
-import '../chunk-SV3XUWM2.js';
+import '../chunk-D6C5AENV.js';
 import '../chunk-QUNCRUSO.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@litelens/design-system",
-  "version": "1.7.12",
+  "version": "1.7.16",
   "description": "Design system components, utilities, and hooks for litelens",
   "private": false,
   "repository": {
@@ -46,16 +46,16 @@
     "./dist/styles.js"
   ],
   "dependencies": {
-    "@base-ui/react": "^1.7.0",
+    "@base-ui/react": "^1.8.0",
     "@fontsource-variable/inter": "^5.3.0",
     "@fontsource-variable/space-grotesk": "^5.3.0",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
-    "lucide-react": "^1.37.0",
+    "lucide-react": "^1.42.0",
     "next-themes": "^0.4.6",
     "react-markdown": "^10.1.0",
     "remark-gfm": "^4.0.1",
-    "shadcn": "^4.19.0",
+    "shadcn": "^4.21.0",
     "sonner": "^2.0.8",
     "tailwind-merge": "^3.6.0",
     "tw-animate-css": "^1.4.0"
@@ -68,9 +68,9 @@
   "devDependencies": {
     "@testing-library/jest-dom": "^6.10.0",
     "@testing-library/react": "^16.3.3",
-    "@types/node": "^26.4.0",
+    "@types/node": "^26.5.0",
     "@types/react": "^19.2.18",
-    "@types/react-dom": "^19.2.5",
+    "@types/react-dom": "^19.2.7",
     "@vitejs/plugin-react": "^6.1.1",
     "@vitest/coverage-v8": "^4.1.11",
     "cross-env": "^10.1.0",