@1d1s/design-system 1.4.0 → 1.5.0

package/dist/components/DatePicker/DatePicker.d.ts

@@ -1,5 +1,6 @@
 import { default as React } from 'react';
 import { DateRange } from 'react-day-picker';
+import { Calendar as CalendarView } from '../Calendar';
 interface BasePickerProps {
     className?: string;
     placeholder?: string;
@@ -13,7 +14,18 @@ interface BasePickerProps {
     mobileSheet?: boolean;
     /** 바텀시트 상단 제목 (모바일에서만 표시). 기본값은 placeholder. */
     sheetTitle?: string;
+    /**
+     * 내부 Calendar(react-day-picker)로 그대로 전달되는 옵션.
+     * 비활성 날짜(`disabled` 매처), 선택 가능 범위(`fromDate`/`toDate`),
+     * 초기 표시 월(`defaultMonth`) 등을 지정할 수 있다.
+     * `mode`/`selected`/`onSelect`는 내부에서 제어하므로 무시된다.
+     *
+     * @example calendarProps={{ disabled: { before: new Date() } }}
+     */
+    calendarProps?: CalendarPassthroughProps;
 }
+/** DatePicker가 내부 Calendar로 넘기는 옵션 (제어 prop 제외) */
+export type CalendarPassthroughProps = Omit<React.ComponentProps<typeof CalendarView>, "mode" | "selected" | "onSelect" | "className">;
 export interface DatePickerProps extends BasePickerProps {
     value: Date | undefined;
     onChange(date: Date | undefined): void;
@@ -26,10 +38,10 @@ export interface RangeDatePickerProps extends BasePickerProps {
  * DatePicker
  * 단일 날짜를 선택하는 시안형 Date Picker 컴포넌트.
  */
-export declare function DatePicker({ value, onChange, className, placeholder, disabled, disableClickPropagation, mobileSheet, sheetTitle, }: DatePickerProps): React.ReactElement;
+export declare function DatePicker({ value, onChange, className, placeholder, disabled, disableClickPropagation, mobileSheet, sheetTitle, calendarProps, }: DatePickerProps): React.ReactElement;
 /**
  * RangeDatePicker
  * 시작일/종료일 범위를 선택하는 시안형 Date Range Picker 컴포넌트.
  */
-export declare function RangeDatePicker({ value, onChange, className, placeholder, disabled, disableClickPropagation, mobileSheet, sheetTitle, }: RangeDatePickerProps): React.ReactElement;
+export declare function RangeDatePicker({ value, onChange, className, placeholder, disabled, disableClickPropagation, mobileSheet, sheetTitle, calendarProps, }: RangeDatePickerProps): React.ReactElement;
 export {};

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';