@1d1s/design-system 1.4.1 → 1.5.0

package/dist/components/Pagination/Pagination.d.ts

@@ -0,0 +1,28 @@
+import { VariantProps } from 'class-variance-authority';
+import * as React from "react";
+declare const itemVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+    active?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface PaginationProps extends Omit<React.HTMLAttributes<HTMLElement>, "onChange">, VariantProps<typeof itemVariants> {
+    /** 전체 페이지 수 */
+    count: number;
+    /** 현재 페이지 (1-indexed, controlled) */
+    page?: number;
+    /** 초기 페이지 (1-indexed, uncontrolled) */
+    defaultPage?: number;
+    onPageChange?(page: number): void;
+    /** 현재 페이지 양옆에 노출할 형제 페이지 수 (기본 1) */
+    siblingCount?: number;
+}
+/**
+ * Pagination
+ * 페이지 번호 + 이전/다음 화살표. 페이지 수가 많으면 "…"로 축약한다.
+ *
+ * @example
+ * ```tsx
+ * <Pagination count={20} defaultPage={1} onPageChange={(p) => fetchPage(p)} />
+ * ```
+ */
+export declare function Pagination({ count, page, defaultPage, onPageChange, siblingCount, size, className, ...props }: PaginationProps): React.ReactElement;
+export {};

package/dist/components/Pagination/index.d.ts

@@ -0,0 +1 @@
+export * from './Pagination';

package/dist/components/index.d.ts

@@ -25,6 +25,7 @@ export type { IconName, IconProps } from './Icons/Icon';
 export * from './ImagePicker';
 export * from './ImagePlaceholder';
 export * from './PageWatermark';
+export * from './Pagination';
 export * from './ProgressBar';
 export * from './Radio';
 export * from './ScheduleCalendar';