kz-design-system 0.0.16 → 0.0.19

package/dist/index.d.mts

@@ -12,7 +12,7 @@ export { SideMenu, SideMenuFlyoutSide, SideMenuGroupItem, SideMenuGroupItemSubIt
 export { Tooltip, TooltipProps } from './tooltip.mjs';
 export { SubTabOption, SubTabsTrigger, SubTabsTriggerProps, Tabs, TabsContent, TabsContentProps, TabsList, TabsListProps, TabsProps, TabsSize, TabsTrigger, TabsTriggerProps, TabsVariant } from './tabs.mjs';
 export { SortDirection, Table, TableAlign, TableCellChange, TableColumn, TablePaginationState, TableProps, TableSize, TableSortState } from './table.mjs';
-import * as React from 'react';
+export { Pagination, PaginationProps } from './pagination.mjs';
 export { Icon, IconProps, IconSizeKey, iconSize, iconSize as size } from './icon.mjs';
 export { Dropdown, DropdownButton, DropdownButtonItem, DropdownButtonProps, DropdownButtonTrigger, DropdownCheckboxItem, DropdownContent, DropdownItem, DropdownLabel, DropdownRadioGroup, DropdownRadioItem, DropdownSeparator, DropdownSub, DropdownSubContent, DropdownSubTrigger, DropdownTrigger, DropdownTriggerProps } from './dropdown.mjs';
 export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger } from './dialog.mjs';
@@ -35,6 +35,7 @@ export { QrErrorCorrectionLevel, QrPatternStyle, QrRenderer, QrRendererDataProps
 export { Loader, LoaderProps, LoaderSize, LoaderVariant } from './loader.mjs';
 export { CardSkeleton, CardSkeletonLayout, CardSkeletonProps, Skeleton, SkeletonProps, SkeletonVariant, TableSkeleton, TableSkeletonProps, TableSkeletonSize } from './skeleton.mjs';
 export { I as IconName, i as iconRegistry } from './icon-registry-YZFYW-mt.mjs';
+import 'react';
 import 'class-variance-authority/types';
 import 'class-variance-authority';
 import '@radix-ui/react-tabs';
@@ -43,27 +44,6 @@ import 'react/jsx-runtime';
 import '@radix-ui/react-dialog';
 import 'lucide-react';
 
-interface PaginationProps {
-    /** Current active page (1-based). */
-    page: number;
-    /** Total number of items. */
-    total: number;
-    /** Items per page. */
-    pageSize: number;
-    /** Called when user changes page. */
-    onPageChange: (page: number) => void;
-    /** Called when user changes page size. */
-    onPageSizeChange?: (pageSize: number) => void;
-    /** Available page size options for the dropdown. */
-    pageSizeOptions?: number[];
-    /** Show the "X–Y of Z" item range text. @default true */
-    showItemRange?: boolean;
-    /** Additional className on the root element. */
-    className?: string;
-}
-
-declare const Pagination: React.ForwardRefExoticComponent<PaginationProps & React.RefAttributes<HTMLDivElement>>;
-
 declare const tokenToCssVar: Record<TokenKey, `--kz-${string}`>;
 
-export { Pagination, type PaginationProps, TokenKey, tokenToCssVar };
+export { TokenKey, tokenToCssVar };

package/dist/index.d.ts

@@ -12,7 +12,7 @@ export { SideMenu, SideMenuFlyoutSide, SideMenuGroupItem, SideMenuGroupItemSubIt
 export { Tooltip, TooltipProps } from './tooltip.js';
 export { SubTabOption, SubTabsTrigger, SubTabsTriggerProps, Tabs, TabsContent, TabsContentProps, TabsList, TabsListProps, TabsProps, TabsSize, TabsTrigger, TabsTriggerProps, TabsVariant } from './tabs.js';
 export { SortDirection, Table, TableAlign, TableCellChange, TableColumn, TablePaginationState, TableProps, TableSize, TableSortState } from './table.js';
-import * as React from 'react';
+export { Pagination, PaginationProps } from './pagination.js';
 export { Icon, IconProps, IconSizeKey, iconSize, iconSize as size } from './icon.js';
 export { Dropdown, DropdownButton, DropdownButtonItem, DropdownButtonProps, DropdownButtonTrigger, DropdownCheckboxItem, DropdownContent, DropdownItem, DropdownLabel, DropdownRadioGroup, DropdownRadioItem, DropdownSeparator, DropdownSub, DropdownSubContent, DropdownSubTrigger, DropdownTrigger, DropdownTriggerProps } from './dropdown.js';
 export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger } from './dialog.js';
@@ -35,6 +35,7 @@ export { QrErrorCorrectionLevel, QrPatternStyle, QrRenderer, QrRendererDataProps
 export { Loader, LoaderProps, LoaderSize, LoaderVariant } from './loader.js';
 export { CardSkeleton, CardSkeletonLayout, CardSkeletonProps, Skeleton, SkeletonProps, SkeletonVariant, TableSkeleton, TableSkeletonProps, TableSkeletonSize } from './skeleton.js';
 export { I as IconName, i as iconRegistry } from './icon-registry-YZFYW-mt.js';
+import 'react';
 import 'class-variance-authority/types';
 import 'class-variance-authority';
 import '@radix-ui/react-tabs';
@@ -43,27 +44,6 @@ import 'react/jsx-runtime';
 import '@radix-ui/react-dialog';
 import 'lucide-react';
 
-interface PaginationProps {
-    /** Current active page (1-based). */
-    page: number;
-    /** Total number of items. */
-    total: number;
-    /** Items per page. */
-    pageSize: number;
-    /** Called when user changes page. */
-    onPageChange: (page: number) => void;
-    /** Called when user changes page size. */
-    onPageSizeChange?: (pageSize: number) => void;
-    /** Available page size options for the dropdown. */
-    pageSizeOptions?: number[];
-    /** Show the "X–Y of Z" item range text. @default true */
-    showItemRange?: boolean;
-    /** Additional className on the root element. */
-    className?: string;
-}
-
-declare const Pagination: React.ForwardRefExoticComponent<PaginationProps & React.RefAttributes<HTMLDivElement>>;
-
 declare const tokenToCssVar: Record<TokenKey, `--kz-${string}`>;
 
-export { Pagination, type PaginationProps, TokenKey, tokenToCssVar };
+export { TokenKey, tokenToCssVar };

package/dist/index.js

@@ -3071,13 +3071,7 @@ var Pagination = React15.forwardRef(
           className
         ),
         children: [
-          showItemRange && total > 0 && /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "kz-pagination-range text-sm text-[var(--kz-color-text-secondary)]", children: [
-            range.startItem,
-            "\u2013",
-            range.endItem,
-            " of ",
-            total
-          ] }),
+          showItemRange && total > 0 && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "kz-pagination-range text-sm text-[var(--kz-color-text-secondary)]", children: range.totalPages <= 1 ? `${total} items` : `${range.startItem}\u2013${range.endItem} of ${total}` }),
           /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex items-center gap-1", children: [
             /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
               "button",
@@ -3182,6 +3176,7 @@ function TableInner({
   horizontalScroll = false,
   stickyColumns = false,
   stickyHeader = false,
+  maxHeight,
   getRowSticky,
   caption,
   header: headerProp,
@@ -3446,9 +3441,10 @@ function TableInner({
           "div",
           {
             className: cn(
-              "kz-table-scroll overflow-auto",
-              stickyHeader && "max-h-[60vh]"
+              "kz-table-scroll overflow-auto flex-1",
+              stickyHeader && !maxHeight && "max-h-full"
             ),
+            style: maxHeight ? { maxHeight } : void 0,
             children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
               "table",
               {