kz-design-system 0.0.16 → 0.0.17

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/pagination.d.mts

@@ -0,0 +1,24 @@
+import * as React from '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>>;
+
+export { Pagination, type PaginationProps };

package/dist/pagination.d.ts

@@ -0,0 +1,24 @@
+import * as React from '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>>;
+
+export { Pagination, type PaginationProps };