@team-frieeren/components 1.0.20 → 1.0.22

package/dist/Input.js

@@ -80,18 +80,17 @@ var Input = /*#__PURE__*/forwardRef(function (_a, ref) {
     display = _d === void 0 ? "box" : _d,
     _e = _a.disabled,
     disabled = _e === void 0 ? false : _e,
-    _f = _a.error,
-    error = _f === void 0 ? false : _f,
+    validate = _a.validate,
     onClear = _a.onClear,
     className = _a.className,
     value = _a.value,
     onChange = _a.onChange,
-    _g = _a.placeholder,
-    placeholder = _g === void 0 ? "텍스트를 입력하세요" : _g,
-    rest = __rest(_a, ["type", "accept", "display", "disabled", "error", "onClear", "className", "value", "onChange", "placeholder"]);
-  var _h = useState(false),
-    hasFile = _h[0],
-    setHasFile = _h[1];
+    _f = _a.placeholder,
+    placeholder = _f === void 0 ? "텍스트를 입력하세요" : _f,
+    rest = __rest(_a, ["type", "accept", "display", "disabled", "validate", "onClear", "className", "value", "onChange", "placeholder"]);
+  var _g = useState(false),
+    hasFile = _g[0],
+    setHasFile = _g[1];
   var handleChange = function handleChange(e) {
     if (type === "file") {
       setHasFile(!!(e.target.files && e.target.files.length > 0));
@@ -100,27 +99,45 @@ var Input = /*#__PURE__*/forwardRef(function (_a, ref) {
       onChange(e);
     }
   };
+  var getErrorMessage = function getErrorMessage() {
+    if (validate && value !== undefined) {
+      var validationError = validate(String(value));
+      if (validationError !== null) {
+        return validationError;
+      }
+    }
+    return "";
+  };
+  var errorMessage = getErrorMessage();
+  var hasError = !!errorMessage;
   return jsxs("div", {
-    className: cx("input-wrapper", (_b = {}, _b["input--display-".concat(display)] = display, _b["input--disabled"] = disabled, _b["input--error"] = error, _b), className),
-    children: [jsx("input", _assign({
-      placeholder: placeholder,
-      ref: ref,
-      type: type,
-      disabled: disabled,
-      className: cx("input", {
-        "has-file": hasFile
-      }),
-      "data-frieeren-component": "Input",
-      onChange: handleChange
-    }, rest)), type === "file" && jsx("button", {
-      className: "input--action input--action-link",
-      disabled: disabled,
-      children: jsx(SvgLink, {})
-    }), value && onClear && jsx("button", {
-      onClick: onClear,
-      className: "input--close",
-      disabled: disabled,
-      children: jsx(SvgClose, {})
+    className: cx("input-wrapper", (_b = {}, _b["input--display-".concat(display)] = display, _b["input--disabled"] = disabled, _b["input--error"] = hasError, _b), className),
+    children: [jsxs("div", {
+      className: "input-container",
+      children: [jsx("input", _assign({
+        placeholder: placeholder,
+        ref: ref,
+        type: type,
+        disabled: disabled,
+        className: cx("input", {
+          "has-file": hasFile
+        }),
+        "data-frieeren-component": "Input",
+        onChange: handleChange,
+        value: value
+      }, rest)), type === "file" && jsx("button", {
+        className: "input--action input--action-link",
+        disabled: disabled,
+        children: jsx(SvgLink, {})
+      }), value && onClear && jsx("button", {
+        onClick: onClear,
+        className: "input--close",
+        disabled: disabled,
+        children: jsx(SvgClose, {})
+      })]
+    }), errorMessage && jsx("span", {
+      className: "input--error-message",
+      children: errorMessage
     })]
   });
 });

package/dist/components/Calendar/Month/MonthCalendar.d.ts

@@ -0,0 +1,7 @@
+import "./MonthCalendar.scss";
+import type { MonthCalendarProps } from "./MonthCalendar.type";
+declare const MonthCalendar: {
+    ({ minDate, maxDate, minMonth, maxMonth, initDate, tileSlot, onDateChange, onRangeChange, enableRange, showWeekNumbers, activeTransition, onlyViewMonthDays, weekNumbersCountry }: MonthCalendarProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { MonthCalendar };

package/dist/components/Calendar/Month/MonthCalendar.stories.d.ts

@@ -0,0 +1,40 @@
+import type { StoryObj } from "@storybook/react";
+declare const meta: {
+    title: string;
+    component: {
+        ({ minDate, maxDate, minMonth, maxMonth, initDate, tileSlot, onDateChange, onRangeChange, enableRange, showWeekNumbers, activeTransition, onlyViewMonthDays, weekNumbersCountry }: import("./MonthCalendar.type").MonthCalendarProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {
+        enableRange: {
+            control: "boolean";
+            description: string;
+        };
+        activeTransition: {
+            control: "boolean";
+            description: string;
+        };
+        showWeekNumbers: {
+            control: "boolean";
+            description: string;
+        };
+        weekNumbersCountry: {
+            control: "select";
+            options: string[];
+            description: string;
+        };
+        onlyViewMonthDays: {
+            control: "boolean";
+            description: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithRange: Story;
+export declare const WithEvents: Story;

package/dist/components/Calendar/Month/MonthCalendar.type.d.ts

@@ -0,0 +1,102 @@
+import type { WeekNumbers, HeaderTitle, WeekNumbersCountry, DateRange, BaseDateConditions, BaseCalendarProps, BaseCalendarHeaderProps, BaseCalendarTileProps, BaseCalendarWeekNumbersProps } from "../shared/types";
+type MonthDateConditions = BaseDateConditions & {
+    /** 범위 선택 시작 날짜 여부 */
+    isRangeStart: boolean;
+    /** 범위 선택 종료 날짜 여부 */
+    isRangeEnd: boolean;
+    /** 범위 선택 중간 날짜 여부 */
+    isInRange: boolean;
+    /** 현재 월의 날짜만 표시 모드 여부 */
+    isOnlyViewMonthDays: boolean;
+};
+type MonthDayState = {
+    /** 날짜 객체 */
+    date: Date;
+    /** 해당 날짜의 상태 조건들 (Range 기능 포함) */
+    conditions: MonthDateConditions;
+};
+type TileSlotProps = {
+    /** 날짜 객체 */
+    date?: Date;
+    /** 날짜 조건들 */
+    conditions?: MonthDateConditions;
+    /** 기본 타일 내용 */
+    defaultContent: React.ReactNode;
+};
+type BaseMonthCalendarProps = BaseCalendarProps & {
+    /** 현재 월의 날짜만 표시할지 여부 */
+    onlyViewMonthDays?: boolean;
+    /** 커스텀 타일 렌더링 함수 */
+    tileSlot?: (props: TileSlotProps) => React.ReactNode;
+};
+type RangeMonthCalendarProps = BaseMonthCalendarProps & {
+    /** 범위 선택 모드 활성화 */
+    enableRange?: true;
+    /** 범위 선택 변경 핸들러 */
+    onRangeChange?: (range: DateRange) => void;
+    /** 단일 날짜 선택 핸들러 (범위 모드에서는 사용 불가) */
+    onDateChange?: never;
+};
+type SingleMonthCalendarProps = BaseMonthCalendarProps & {
+    /** 범위 선택 모드 비활성화 */
+    enableRange?: false;
+    /** 범위 선택 변경 핸들러 (단일 모드에서는 사용 불가) */
+    onRangeChange?: never;
+    /** 단일 날짜 선택 핸들러 */
+    onDateChange?: (date: Date) => void;
+    /** 커스텀 타일 렌더링 함수 */
+    tileSlot?: (props: TileSlotProps) => React.ReactNode;
+};
+/**
+ * 월 캘린더 컴포넌트 타입
+ * @description 범위 선택 모드 또는 단일 날짜 선택 모드 중 하나를 선택할 수 있습니다.
+ */
+type MonthCalendarProps = RangeMonthCalendarProps | SingleMonthCalendarProps;
+type MonthCalendarHeaderProps = BaseCalendarHeaderProps;
+type MonthCalendarTileProps = BaseCalendarTileProps & {
+    /** 날짜 조건들 (Range 기능 포함) */
+    conditions?: MonthDateConditions;
+    /** 날짜 객체 (tileSlot에서 사용) */
+    date?: Date;
+    /** 커스텀 타일 렌더링 함수 */
+    tileSlot?: (props: TileSlotProps) => React.ReactNode;
+};
+type MonthCalendarDaysProps = {
+    /** 월 캘린더의 날짜 상태 배열 (주별로 그룹화) */
+    days: MonthDayState[][];
+    /** 날짜 클릭 핸들러 */
+    onDayClick: (date: Date) => void;
+    /** 커스텀 타일 렌더링 함수 */
+    tileSlot?: (props: TileSlotProps) => React.ReactNode;
+};
+type MonthCalendarWeekNumbersProps = BaseCalendarWeekNumbersProps;
+/**
+ * 월 캘린더 훅 타입
+ * @description 월 캘린더 컴포넌트에서 사용하는 훅 타입
+ */
+type UseMonthCalendarProps = {
+    initDate?: Date;
+    onDateChange?: (date: Date) => void;
+    onRangeChange?: (range: DateRange) => void;
+    minDate?: Date;
+    maxDate?: Date;
+    minMonth?: Date;
+    maxMonth?: Date;
+    enableRange: boolean;
+    onlyViewMonthDays: boolean;
+};
+/**
+ * 월 캘린더 날짜 상태 생성 타입
+ * @description 월 캘린더 날짜 상태 생성 타입
+ */
+type CreateMonthDateStateProps = {
+    date: Date;
+    currentMonth: Date;
+    selectedDate: Date;
+    selectedRange: DateRange;
+    enableRange: boolean;
+    minDate?: Date;
+    maxDate?: Date;
+    onlyViewMonthDays: boolean;
+};
+export type { WeekNumbers, HeaderTitle, WeekNumbersCountry, DateRange, MonthDateConditions, MonthDayState, MonthCalendarProps, MonthCalendarHeaderProps, MonthCalendarWeekNumbersProps, MonthCalendarDaysProps, MonthCalendarTileProps, UseMonthCalendarProps, CreateMonthDateStateProps };

package/dist/components/Calendar/Month/index.d.ts

@@ -0,0 +1,2 @@
+export { MonthCalendar } from "./MonthCalendar";
+export type * from "./MonthCalendar.type";

package/dist/components/Calendar/Month/useMonthCalendar.d.ts

@@ -0,0 +1,21 @@
+import { SlideDirection } from "../shared/types";
+import { DateRange, UseMonthCalendarProps, MonthDayState } from "./MonthCalendar.type";
+/**
+ * 월 캘린더 훅
+ * @description 월 캘린더 훅
+ * @param {UseMonthCalendarProps} props
+ */
+declare const useMonthCalendar: (props: UseMonthCalendarProps) => {
+    currentMonth: Date;
+    selectedDate: Date;
+    selectedRange: DateRange;
+    slideDirection: SlideDirection;
+    daysState: MonthDayState[][];
+    transitionKey: string;
+    isDisabledPrevMonth: boolean | undefined;
+    isDisabledNextMonth: boolean | undefined;
+    handleDayClick: (date: Date) => void;
+    handlePrevMonth: () => void;
+    handleNextMonth: () => void;
+};
+export default useMonthCalendar;

package/dist/components/Calendar/Week/WeekCalendar.d.ts

@@ -0,0 +1,7 @@
+import "./WeekCalendar.scss";
+import type { WeekCalendarProps } from "./WeekCalendar.type";
+declare const WeekCalendar: {
+    ({ minDate, maxDate, minMonth, maxMonth, initDate, tileSlot, belowTileSlot, onDateChange, activeTransition, showWeekNumbers, weekNumbersCountry }: WeekCalendarProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { WeekCalendar };

package/dist/components/Calendar/Week/WeekCalendar.stories.d.ts

@@ -0,0 +1,32 @@
+import type { StoryObj } from "@storybook/react";
+declare const meta: {
+    title: string;
+    component: {
+        ({ minDate, maxDate, minMonth, maxMonth, initDate, tileSlot, belowTileSlot, onDateChange, activeTransition, showWeekNumbers, weekNumbersCountry }: import("./WeekCalendar.type").WeekCalendarProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {
+        activeTransition: {
+            control: "boolean";
+            description: string;
+        };
+        showWeekNumbers: {
+            control: "boolean";
+            description: string;
+        };
+        weekNumbersCountry: {
+            control: "select";
+            options: string[];
+            description: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithEvents: Story;
+export declare const WithBelowTileSlot: Story;

package/dist/components/Calendar/Week/WeekCalendar.type.d.ts

@@ -0,0 +1,72 @@
+import type { WeekNumbers, HeaderTitle, WeekNumbersCountry, SlideDirection, BaseDateConditions, BaseDayState, BaseCalendarProps, BaseCalendarHeaderProps, BaseCalendarTileProps, BaseCalendarWeekNumbersProps } from "../shared/types";
+type WeekDateConditions = BaseDateConditions;
+type WeekDayState = BaseDayState;
+type TileSlotProps = {
+    /** 날짜 객체 */
+    date?: Date;
+    /** 날짜 조건들 */
+    conditions?: WeekDateConditions;
+    /** 기본 타일 내용 */
+    defaultContent: React.ReactNode;
+};
+/**
+ * 하단 타일 렌더링 함수 타입
+ * @description 하단 타일 렌더링 함수 타입
+ */
+type BelowTileSlotProps = {
+    /** 날짜 객체 */
+    date?: Date;
+};
+type WeekCalendarProps = BaseCalendarProps & {
+    /** 날짜 선택 변경 핸들러 */
+    onDateChange?: (date: Date) => void;
+    /** 커스텀 타일 렌더링 함수 */
+    tileSlot?: (props: TileSlotProps) => React.ReactNode;
+    /** 하단 타일 렌더링 함수 */
+    belowTileSlot?: (props: BelowTileSlotProps) => React.ReactNode;
+};
+type WeekCalendarHeaderProps = BaseCalendarHeaderProps;
+type WeekCalendarTileProps = BaseCalendarTileProps & {
+    /** 날짜 조건들 */
+    conditions?: WeekDateConditions;
+    /** 날짜 객체 (tileSlot에서 사용) */
+    date?: Date;
+    /** 커스텀 타일 렌더링 함수 */
+    tileSlot?: (props: TileSlotProps) => React.ReactNode;
+    /** 하단 타일 렌더링 함수 */
+    belowTileSlot?: (props: BelowTileSlotProps) => React.ReactNode;
+};
+type WeekCalendarDaysProps = {
+    /** 주 캘린더의 날짜 상태 배열 (주별로 그룹화) */
+    days: WeekDayState[][];
+    /** 날짜 클릭 핸들러 */
+    onDayClick: (date: Date) => void;
+    /** 커스텀 타일 렌더링 함수 */
+    tileSlot?: (props: TileSlotProps) => React.ReactNode;
+    /** 하단 타일 렌더링 함수 */
+    belowTileSlot?: (props: BelowTileSlotProps) => React.ReactNode;
+};
+type WeekCalendarWeekNumbersProps = BaseCalendarWeekNumbersProps;
+/**
+ * 주 캘린더 훅 타입
+ * @description 주 캘린더 컴포넌트에서 사용하는 훅 타입
+ */
+type UseWeekCalendarProps = {
+    initDate?: Date;
+    onDateChange?: (date: Date) => void;
+    minDate?: Date;
+    maxDate?: Date;
+    minMonth?: Date;
+    maxMonth?: Date;
+};
+/**
+ * 주 캘린더 날짜 상태 생성 타입
+ * @description 주 캘린더 날짜 상태 생성 타입
+ */
+type CreateWeekDateStateProps = {
+    date: Date;
+    selectedDate: Date;
+    minDate?: Date;
+    maxDate?: Date;
+};
+export type { WeekNumbers, HeaderTitle, WeekNumbersCountry, SlideDirection, WeekDateConditions, WeekDayState, WeekCalendarProps, WeekCalendarHeaderProps, WeekCalendarWeekNumbersProps, WeekCalendarDaysProps, WeekCalendarTileProps, UseWeekCalendarProps, CreateWeekDateStateProps };

package/dist/components/Calendar/Week/index.d.ts

@@ -0,0 +1,2 @@
+export { WeekCalendar } from "./WeekCalendar";
+export type * from "./WeekCalendar.type";

package/dist/components/Calendar/Week/useWeekCalendar.d.ts

@@ -0,0 +1,20 @@
+import { SlideDirection } from "../shared/types";
+import { UseWeekCalendarProps } from "./WeekCalendar.type";
+/**
+ * 주 캘린더 훅
+ * @description 주 캘린더 훅
+ * @param {UseWeekCalendarProps} props
+ */
+declare const useWeekCalendar: (props: UseWeekCalendarProps) => {
+    currentWeek: Date;
+    selectedDate: Date;
+    slideDirection: SlideDirection;
+    daysState: import("../shared/types").BaseDayState[][];
+    transitionKey: string;
+    isDisabledPrevMonth: boolean | undefined;
+    isDisabledNextMonth: boolean | undefined;
+    handleDayClick: (date: Date) => void;
+    handlePrevMonth: () => void;
+    handleNextMonth: () => void;
+};
+export default useWeekCalendar;

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

@@ -0,0 +1,4 @@
+export { MonthCalendar } from "./Month";
+export type * from "./Month/MonthCalendar.type";
+export { WeekCalendar } from "./Week";
+export type * from "./Week/WeekCalendar.type";

package/dist/components/Calendar/shared/CalendarSlideTransition/CalendarSlideTransition.d.ts

@@ -0,0 +1,3 @@
+import type { CalendarSlideTransitionProps } from "./types";
+import "./CalendarSlideTransition.scss";
+export declare const CalendarSlideTransition: ({ calendarVariant, children, transitionKey, slideDirection, activeTransition }: CalendarSlideTransitionProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Calendar/shared/CalendarSlideTransition/index.d.ts

@@ -0,0 +1,2 @@
+export { CalendarSlideTransition } from "./CalendarSlideTransition";
+export type * from "./types";

package/dist/components/Calendar/shared/CalendarSlideTransition/types.d.ts

@@ -0,0 +1,10 @@
+type CalendarVariants = "month" | "week";
+type SlideDirection = "left" | "right";
+type CalendarSlideTransitionProps = {
+    calendarVariant: CalendarVariants;
+    children: React.ReactElement;
+    transitionKey: string;
+    slideDirection: SlideDirection;
+    activeTransition: boolean;
+};
+export type { CalendarVariants, SlideDirection, CalendarSlideTransitionProps };

package/dist/components/Calendar/shared/constants.d.ts

@@ -0,0 +1,5 @@
+import type { WeekNumbers, HeaderTitle } from "./types";
+declare const MONTH_WEEK_NUMBERS: WeekNumbers;
+declare const WEEK_WEEK_NUMBERS: WeekNumbers;
+declare const HEADER_TITLE: HeaderTitle;
+export { MONTH_WEEK_NUMBERS, WEEK_WEEK_NUMBERS, HEADER_TITLE };

package/dist/components/Calendar/shared/types.d.ts

@@ -0,0 +1,118 @@
+/**
+ * 캘린더 언어 설정 타입
+ * @description 한국어(kr) 또는 영어(en) 지원
+ */
+export type WeekNumbersCountry = "kr" | "en";
+/**
+ * 요일 표시 텍스트 매핑 타입
+ * @description 언어별 요일 배열 (일~토 또는 S~S)
+ */
+export type WeekNumbers = Record<WeekNumbersCountry, string[]>;
+/**
+ * 헤더 제목 포맷 매핑 타입
+ * @description 언어별 날짜 포맷 문자열 (예: "yyyy. MM")
+ */
+export type HeaderTitle = Record<WeekNumbersCountry, string>;
+/**
+ * 슬라이드 전환 방향 타입
+ * @description 캘린더 월/주 전환 시 애니메이션 방향
+ */
+export type SlideDirection = "left" | "right";
+/**
+ * 날짜 범위 선택 타입
+ * @description 시작일과 종료일을 포함하는 범위 (Month Calendar 전용)
+ */
+export type DateRange = {
+    /** 범위 시작 날짜 */
+    start: Date | null;
+    /** 범위 종료 날짜 */
+    end: Date | null;
+};
+/**
+ * 기본 날짜 조건 타입
+ * @description 모든 캘린더에서 공통으로 사용하는 날짜 상태 조건들
+ */
+export type BaseDateConditions = {
+    /** 오늘 날짜 여부 */
+    isToday: boolean;
+    /** 주말 여부 (토, 일) */
+    isWeekend: boolean;
+    /** 비활성화 여부 (minDate/maxDate 범위 외) */
+    isDisabled: boolean;
+    /** 선택된 날짜 여부 */
+    isSelected: boolean;
+    /** 다른 월의 날짜 여부 (Month Calendar에서 사용) */
+    isOtherMonth: boolean;
+};
+/**
+ * 기본 날짜 상태 타입
+ * @description 날짜와 해당 날짜의 조건들을 포함하는 기본 구조
+ */
+export type BaseDayState = {
+    /** 날짜 객체 */
+    date: Date;
+    /** 해당 날짜의 상태 조건들 */
+    conditions: BaseDateConditions;
+};
+/**
+ * 기본 캘린더 Props 타입
+ * @description 모든 캘린더 컴포넌트에서 공통으로 사용하는 기본 속성들
+ */
+export type BaseCalendarProps = {
+    /** 선택 가능한 최소 날짜 */
+    minDate?: Date;
+    /** 선택 가능한 최대 날짜 */
+    maxDate?: Date;
+    /** 탐색 가능한 최소 월 */
+    minMonth?: Date;
+    /** 탐색 가능한 최대 월 */
+    maxMonth?: Date;
+    /** 초기 선택/표시 날짜 */
+    initDate?: Date;
+    /** 슬라이드 전환 애니메이션 활성화 여부 */
+    activeTransition?: boolean;
+    /** 요일 표시 여부 */
+    showWeekNumbers?: boolean;
+    /** 언어 설정 */
+    weekNumbersCountry?: WeekNumbersCountry;
+};
+/**
+ * 기본 캘린더 헤더 Props 타입
+ * @description 캘린더 상단 네비게이션 헤더의 공통 속성들
+ */
+export type BaseCalendarHeaderProps = {
+    /** 현재 표시 중인 날짜 (월/주) */
+    selectedDate: Date;
+    /** 이전 월/주 이동 핸들러 */
+    onPrevMonth: () => void;
+    /** 다음 월/주 이동 핸들러 */
+    onNextMonth: () => void;
+    /** 이전 버튼 비활성화 여부 */
+    disabledPrevMonth?: boolean;
+    /** 다음 버튼 비활성화 여부 */
+    disabledNextMonth?: boolean;
+    /** 언어 설정 */
+    weekNumbersCountry: WeekNumbersCountry;
+};
+/**
+ * 기본 캘린더 타일 Props 타입
+ * @description 개별 날짜 타일 또는 요일 타일의 공통 속성들
+ */
+export type BaseCalendarTileProps = {
+    /** 타일 유형 ("day" | "week-number") */
+    type: "day" | "week-number";
+    /** 날짜 조건들 (day 타입일 때만 사용) */
+    conditions?: BaseDateConditions;
+    /** 클릭 핸들러 */
+    onClick?: () => void;
+    /** 타일 내용 (날짜 숫자 또는 요일 텍스트) */
+    children: React.ReactNode;
+};
+/**
+ * 기본 요일 표시 Props 타입
+ * @description 캘린더 상단 요일 표시 영역의 공통 속성들
+ */
+export type BaseCalendarWeekNumbersProps = {
+    /** 언어 설정 */
+    weekNumbersCountry: WeekNumbersCountry;
+};

package/dist/components/Calendar/shared/utils.d.ts

@@ -0,0 +1,22 @@
+import type { DateRange } from "../shared/types";
+declare const chunk: <T>(array: T[], size: number) => T[][];
+declare const getDate: (date: Date) => number;
+declare const isCurrentMonth: (date: Date, selectedDate: Date) => boolean;
+declare const getFormattedDate: (date: Date) => string;
+declare const currentWeekDays: (date: Date) => Date[];
+declare const currentMonthDays: (date: Date) => Date[];
+declare const isDisabledDay: (date: Date, minDate?: Date, maxDate?: Date) => boolean;
+declare const isBeforeWeek: (date: Date, minDate: Date) => boolean;
+declare const isAfterWeek: (date: Date, maxDate: Date) => boolean;
+declare const isBeforeMonth: (date: Date, minDate: Date) => boolean;
+declare const isAfterMonth: (date: Date, maxDate: Date) => boolean;
+declare const isRangeStart: (date: Date, range: DateRange) => boolean;
+declare const isRangeEnd: (date: Date, range: DateRange) => boolean;
+declare const isInRange: (date: Date, range: DateRange) => boolean;
+declare const isDateInRange: (date: Date, range: DateRange) => {
+    isSelected: boolean;
+    isRangeStart: boolean;
+    isRangeEnd: boolean;
+    isInRange: boolean;
+};
+export { chunk, getDate, isCurrentMonth, currentWeekDays, getFormattedDate, currentMonthDays, isDisabledDay, isBeforeWeek, isAfterWeek, isBeforeMonth, isAfterMonth, isRangeStart, isRangeEnd, isInRange, isDateInRange };

package/dist/components/Input/input.type.d.ts

@@ -4,7 +4,7 @@ export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement>
     type?: InputTypes;
     display?: InputDisplay;
     disabled?: boolean;
-    error?: boolean;
+    validate?: (value: string) => string | null;
     onClear?: () => void;
     className?: string;
 }

package/dist/components/Ripple/Ripple.d.ts

@@ -0,0 +1,3 @@
+import type { RippleProps } from "./Ripple.type";
+export declare const Ripple: ({ color, duration, center, disabled, className, style }: RippleProps) => import("react/jsx-runtime").JSX.Element;
+export default Ripple;

package/dist/components/Ripple/Ripple.stories.d.ts

@@ -0,0 +1,14 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { Ripple } from "./Ripple";
+declare const meta: Meta<typeof Ripple>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const CustomColor: Story;
+export declare const SlowAnimation: Story;
+export declare const CenterRipple: Story;
+export declare const Disabled: Story;
+export declare const CardWithRipple: Story;
+export declare const IconButton: Story;
+export declare const WithButton: Story;
+export declare const MultipleExamples: Story;

package/dist/components/Ripple/Ripple.type.d.ts

@@ -0,0 +1,31 @@
+import React from "react";
+export interface RippleProps {
+    /** 리플 효과 색상 */
+    color?: string;
+    /** 애니메이션 지속 시간 (ms) */
+    duration?: number;
+    /** 중앙에서 시작하는 리플 효과 여부 */
+    center?: boolean;
+    /** 리플 효과 비활성화 여부 */
+    disabled?: boolean;
+    /** 추가 CSS 클래스명 */
+    className?: string;
+    /** 추가 스타일 */
+    style?: React.CSSProperties;
+}
+export interface RippleState {
+    /** 클릭한 X 좌표 */
+    x: number;
+    /** 클릭한 Y 좌표 */
+    y: number;
+    /** 리플 크기 */
+    size: number;
+}
+export interface DebounceRippleProps {
+    /** 리플 효과 배열 개수 */
+    rippleCount: number;
+    /** 리플 효과 지속 시간 */
+    duration: number;
+    /** 리플 효과 정리 함수 */
+    cleanUpFunction: () => void;
+}

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

@@ -0,0 +1 @@
+export { Ripple } from "./Ripple";