@shoplflow/base 0.31.8 → 0.31.10

package/dist/index.d.cts

@@ -12,6 +12,8 @@ export { arrow, flip, hide, inline, offset, shift, size } from '@floating-ui/rea
 import { Middleware } from '@floating-ui/react-dom';
 import { OffsetOptions } from '@floating-ui/core';
 import { positionValues } from 'react-custom-scrollbars-2';
+import { DatePickerProps, ReactDatePickerCustomHeaderProps } from 'react-datepicker';
+import { Locale } from 'react-datepicker/dist/date_utils';
 
 declare type DomainType = 'SHOPL' | 'HADA';
 
@@ -614,7 +616,7 @@ declare type ButtonComponent = <T extends ElementType = 'button'>(props: ButtonP
     ref?: ComponentPropsWithRef<T>['ref'];
 }) => ReactElement | null;
 
-declare const Button: ButtonComponent;
+declare const Button: React$1.ForwardRefExoticComponent<Omit<ButtonProps<ElementType<any>>, "ref"> & React$1.RefAttributes<unknown>>;
 
 declare const IconButtonSizeVariants: {
     readonly S: "S";
@@ -634,7 +636,7 @@ declare type IconButtonComponent = <T extends ElementType = 'button'>(props: Ico
     ref?: ComponentPropsWithRef<T>['ref'];
 }) => ReactElement | null;
 
-declare const IconButton: IconButtonComponent;
+declare const IconButton: React$1.ForwardRefExoticComponent<Omit<IconButtonProps<ElementType<any>>, "ref"> & React$1.RefAttributes<unknown>>;
 
 declare const CalloutTypes: {
     readonly INFORMATION: "INFORMATION";
@@ -1259,4 +1261,149 @@ declare const ToggleButton: {
     InnerRadio: React__default.ForwardRefExoticComponent<ToggleButtonInnerRadioProps & React__default.RefAttributes<HTMLInputElement>>;
 };
 
-export { Avatar, AvatarOptionProps, AvatarProps, AvatarSizeVariantType, AvatarSizeVariants, BackDropOptionProps, BackDropProps, BorderRadiusTokens, BoxShadowTokens, Button, ButtonComponent, ButtonOptionProps, ButtonProps, ButtonSizeVariantType, ButtonSizeVariants, ButtonStyleVariantType, ButtonStyleVariants, CHECKBOX_SYMBOL_KEY, Callout, CalloutOptionProps, CalloutProps, CalloutType, CalloutTypes, Checkbox, CheckboxOptionProps, CheckboxProps, CheckboxStyleVariantType, CheckboxStyleVariants, ChipButton, ChipButtonOptionProps, ChipButtonProps, ChipButtonSizeVariantType, ChipButtonSizeVariants, ChipButtonStyleVariantType, ChipButtonStyleVariants, ChipToggle, ChipToggleOptionProps, ChipToggleProps, ChipToggleSizeVariantType, ChipToggleSizeVariants, ChipToggleStyleVariantType, ChipToggleStyleVariants, ColorTokens, DangerouslySetInnerHTML, Dropdown, DropdownButtonProps, DropdownContentProps, DropdownOptionProps, DropdownOptionVariantType, DropdownProps, DropdownSizeVariantType, FontWeightTokens, Icon, IconButton, IconButtonComponent, IconButtonOptionProps, IconButtonProps, IconButtonSizeVariantType, IconButtonSizeVariants, IconButtonStyleVariantType, IconButtonStyleVariants, IconOptionProps, IconProps, IconSizeVariants, IconSizeVariantsType, Input, InputButton, InputButtonOptionProps, InputButtonProps, InputOptionProps, InputProps, List, ListContent2ColumnsProps, ListOptionProps, ListProps, ListText2RowsProps, MODAL_FOOTER_KEY, MODAL_HEADER_KEY, Menu, MenuOptionProps, MenuProps, MenuSizeVariantType, MenuSizeVariants, MinusBoxOptionProps, MinusBoxProps, MinusButton, Modal, ModalBodyOptionProps, ModalBodyProps, ModalContainerOptionProps, ModalContainerProps, ModalContext, ModalFooterOptionProps, ModalFooterProps, ModalFooterType, ModalHandlerContext, ModalHeaderOptionProps, ModalHeaderProps, ModalHeaderType, ModalPortal as ModalProvider, ModalSize, ModalSizeType, ModalStateType, MotionStack, MotionStackComponentType, MotionStackContainer, MotionStackContainerComponentType, Pagination, PaginationOptionProps, PaginationProps, PaginationSizeSelectorProps, Popper, PopperOptionProps, PopperPortal, PopperPortalProps, PopperProps, PopperTrigger, PopperTriggerProps, RADIO_SYMBOL_KEY, Radio, RadioOptionProps, RadioProps, RemoveModalProps, ScrollArea, ScrollAreaOptionProps, ScrollAreaProps, ScrollbarRefType, SelectInputButton, SelectInputButtonOptionProps, SelectInputButtonProps, ShoplflowProvider, ShoplflowProviderProps, SpacingTokens, Stack, StackComponentType, StackContainer, StackContainerComponentType, StackContainerGenericProps, StackContainerOptionProps, StackContainerProps, StackGenericProps, StackOptionProps, StackProps, StyledIcon, StyledStack, StyledStackContainer, Switch, SwitchOptionProps, SwitchProps, TREE_SYMBOL_KEY, TabOptionProps, TabProps, TabSizeVariantType, TabSizeVariants, TabStyleVariantType, TabStyleVariants, TabStyledProps, TabTextStyledProps, Tabs, TabsContext, TabsContextType, TabsOptionProps, TabsProps, Tag, TagOptionProps, TagProps, TagSizeVariantType, TagSizeVariants, TagStyleVariantType, TagStyleVariants, Text, Text2Rows, TextArea, TextAreaOptionProps, TextAreaProps, TextOptionProps, TextProps, ToggleButton, ToggleButtonInnerRadioOptionProps, ToggleButtonInnerRadioProps, ToggleButtonOptionProps, ToggleButtonProps, ToggleButtonSizeVariantType, ToggleButtonSizeVariants, Tooltip, TooltipContentProps, TooltipOptionProps, TooltipProps, Tree, TreeItem, TreeItemOptionProps, TreeItemProps, TreeOptionProps, TreeProps, TypographyTokens, borderRadiusTokens, boxShadowTokens, colorTokens, fontWeightTokens, getDomain, spacingTokens, typographyTokens, useDomain, useHandleModal, useModalValue, useTabs };
+declare const DayDatepickerSizeVariants: {
+    readonly S: "S";
+    readonly M: "M";
+};
+/**
+ * single, multiple, range  union type (캘린더의 형태)
+ */
+declare type DayCalendarType = {
+    type: 'single';
+    handleDayChange: (date: Date | null) => void;
+} | {
+    type: 'multiple';
+    handleMutlipleDaysChange: (date: Date[] | null) => void;
+} | {
+    type: 'range';
+    handleDayRangeChange: (dates: [Date | null, Date | null]) => void;
+};
+declare type DayDatepickerSizeVariantType = $Values<typeof DayDatepickerSizeVariants>;
+declare type DayDatepickerProps = Pick<DatePickerProps, 'highlightDates' | 'startDate' | 'endDate' | 'locale' | 'selectedDates' | 'selected' | 'children' | 'excludeDates' | 'calendarStartDay'> & DayDatepickerOptionProps;
+declare type DayDatepickerOptionProps = {
+    /**
+     * 캘린더 타입
+     */
+    calendarType: DayCalendarType;
+    minDate?: Date;
+    maxDate?: Date;
+    locale?: Locale;
+} & SizeVariantProps<DayDatepickerSizeVariantType>;
+declare type DayDatepickerHeaderCustomProps = ReactDatePickerCustomHeaderProps & {
+    minDate?: Date;
+    maxDate?: Date;
+    locale?: Locale;
+};
+
+declare const DayDatepicker: ({ sizeVar, children, calendarType, ...rest }: DayDatepickerProps) => react_jsx_runtime.JSX.Element;
+
+declare type MonthClickDateInfo = {
+    startDate?: Date;
+    endDate?: Date;
+    selectedMonthRange: number;
+};
+declare type MonthDatepickerProps = {
+    /**
+     * 선택된 시작 날짜
+     */
+    initStartDate?: Date;
+    /**
+     * 선택된 마지막 날짜
+     */
+    initEndDate?: Date;
+    handleMonthClick: (dateInfo: MonthClickDateInfo) => void;
+    /**
+     * 최소 선택 가능 날짜
+     */
+    minDate?: Date;
+    /**
+     * 최대 선택 가능 날짜
+     */
+    maxDate?: Date;
+    /**
+     * 하나의 월만 선택 여부
+     */
+    onlySingleMonth?: boolean;
+};
+declare type MonthDatepickerStyleType = {
+    inRange: boolean;
+    isStart: boolean;
+    isEnd: boolean;
+    disabled: boolean;
+};
+
+declare const MonthDatepicker: ({ handleMonthClick, initStartDate, initEndDate, minDate, maxDate, onlySingleMonth, }: MonthDatepickerProps) => react_jsx_runtime.JSX.Element;
+
+declare type AnnualDatepickerProps = {
+    currentYear?: number;
+    startYear?: number;
+    endYear?: number;
+    handleYearClick: (year: number) => void;
+};
+
+declare const AnnualDatepicker: ({ startYear, endYear, currentYear, handleYearClick, }: AnnualDatepickerProps) => react_jsx_runtime.JSX.Element;
+
+declare type WeekClickDateInfo = {
+    startWeek?: number;
+    startYear?: number;
+    startDate?: Date;
+    endWeek?: number;
+    endYear?: number;
+    endDate?: Date;
+    /**
+     * 선택된 주차 범위 (ex: 4주)
+     */
+    selectedWeeksRange: number;
+};
+declare type WeekDatepickerProps = {
+    /**
+     * 선택된 시작 날짜
+     */
+    initStartDate?: Date;
+    /**
+     * 선택된 마지막 날짜
+     */
+    initEndDate?: Date;
+    /**
+     * @param dateInfo
+     */
+    handleWeekClick: (dateInfo: WeekClickDateInfo) => void;
+    /**
+     * 최소 선택 가능 날짜
+     */
+    minDate?: Date;
+    /**
+     * 최대 선택 가능 날짜
+     */
+    maxDate?: Date;
+    /**
+     * 하나의 주만 선택 여부
+     */
+    onlySingleWeek?: boolean;
+};
+declare type WeekDatepickerStyleType = {
+    inRange: boolean;
+    isStart: boolean;
+    isEnd: boolean;
+    disabled: boolean;
+};
+
+declare const WeekDatepicker: ({ handleWeekClick, initStartDate, initEndDate, minDate, maxDate, onlySingleWeek, }: WeekDatepickerProps) => react_jsx_runtime.JSX.Element;
+
+declare type YearSelectProps = {
+    optionList: Array<{
+        value: number;
+        label: string;
+    }>;
+    className?: string;
+    parentClassName?: string;
+    activeValue?: number;
+    maxHeight?: string;
+    onClose?: () => void;
+    onClick: (item: {
+        value: number;
+        label: string;
+    }) => void;
+};
+
+export { AnnualDatepicker, AnnualDatepickerProps, Avatar, AvatarOptionProps, AvatarProps, AvatarSizeVariantType, AvatarSizeVariants, BackDropOptionProps, BackDropProps, BorderRadiusTokens, BoxShadowTokens, Button, ButtonComponent, ButtonOptionProps, ButtonProps, ButtonSizeVariantType, ButtonSizeVariants, ButtonStyleVariantType, ButtonStyleVariants, CHECKBOX_SYMBOL_KEY, Callout, CalloutOptionProps, CalloutProps, CalloutType, CalloutTypes, Checkbox, CheckboxOptionProps, CheckboxProps, CheckboxStyleVariantType, CheckboxStyleVariants, ChipButton, ChipButtonOptionProps, ChipButtonProps, ChipButtonSizeVariantType, ChipButtonSizeVariants, ChipButtonStyleVariantType, ChipButtonStyleVariants, ChipToggle, ChipToggleOptionProps, ChipToggleProps, ChipToggleSizeVariantType, ChipToggleSizeVariants, ChipToggleStyleVariantType, ChipToggleStyleVariants, ColorTokens, DangerouslySetInnerHTML, DayCalendarType, DayDatepicker, DayDatepickerHeaderCustomProps, DayDatepickerOptionProps, DayDatepickerProps, DayDatepickerSizeVariantType, DayDatepickerSizeVariants, Dropdown, DropdownButtonProps, DropdownContentProps, DropdownOptionProps, DropdownOptionVariantType, DropdownProps, DropdownSizeVariantType, FontWeightTokens, Icon, IconButton, IconButtonComponent, IconButtonOptionProps, IconButtonProps, IconButtonSizeVariantType, IconButtonSizeVariants, IconButtonStyleVariantType, IconButtonStyleVariants, IconOptionProps, IconProps, IconSizeVariants, IconSizeVariantsType, Input, InputButton, InputButtonOptionProps, InputButtonProps, InputOptionProps, InputProps, List, ListContent2ColumnsProps, ListOptionProps, ListProps, ListText2RowsProps, MODAL_FOOTER_KEY, MODAL_HEADER_KEY, Menu, MenuOptionProps, MenuProps, MenuSizeVariantType, MenuSizeVariants, MinusBoxOptionProps, MinusBoxProps, MinusButton, Modal, ModalBodyOptionProps, ModalBodyProps, ModalContainerOptionProps, ModalContainerProps, ModalContext, ModalFooterOptionProps, ModalFooterProps, ModalFooterType, ModalHandlerContext, ModalHeaderOptionProps, ModalHeaderProps, ModalHeaderType, ModalPortal as ModalProvider, ModalSize, ModalSizeType, ModalStateType, MonthClickDateInfo, MonthDatepicker, MonthDatepickerProps, MonthDatepickerStyleType, MotionStack, MotionStackComponentType, MotionStackContainer, MotionStackContainerComponentType, Pagination, PaginationOptionProps, PaginationProps, PaginationSizeSelectorProps, Popper, PopperOptionProps, PopperPortal, PopperPortalProps, PopperProps, PopperTrigger, PopperTriggerProps, RADIO_SYMBOL_KEY, Radio, RadioOptionProps, RadioProps, RemoveModalProps, ScrollArea, ScrollAreaOptionProps, ScrollAreaProps, ScrollbarRefType, SelectInputButton, SelectInputButtonOptionProps, SelectInputButtonProps, ShoplflowProvider, ShoplflowProviderProps, SpacingTokens, Stack, StackComponentType, StackContainer, StackContainerComponentType, StackContainerGenericProps, StackContainerOptionProps, StackContainerProps, StackGenericProps, StackOptionProps, StackProps, StyledIcon, StyledStack, StyledStackContainer, Switch, SwitchOptionProps, SwitchProps, TREE_SYMBOL_KEY, TabOptionProps, TabProps, TabSizeVariantType, TabSizeVariants, TabStyleVariantType, TabStyleVariants, TabStyledProps, TabTextStyledProps, Tabs, TabsContext, TabsContextType, TabsOptionProps, TabsProps, Tag, TagOptionProps, TagProps, TagSizeVariantType, TagSizeVariants, TagStyleVariantType, TagStyleVariants, Text, Text2Rows, TextArea, TextAreaOptionProps, TextAreaProps, TextOptionProps, TextProps, ToggleButton, ToggleButtonInnerRadioOptionProps, ToggleButtonInnerRadioProps, ToggleButtonOptionProps, ToggleButtonProps, ToggleButtonSizeVariantType, ToggleButtonSizeVariants, Tooltip, TooltipContentProps, TooltipOptionProps, TooltipProps, Tree, TreeItem, TreeItemOptionProps, TreeItemProps, TreeOptionProps, TreeProps, TypographyTokens, WeekClickDateInfo, WeekDatepicker, WeekDatepickerProps, WeekDatepickerStyleType, YearSelectProps, borderRadiusTokens, boxShadowTokens, colorTokens, fontWeightTokens, getDomain, spacingTokens, typographyTokens, useDomain, useHandleModal, useModalValue, useTabs };

package/dist/index.d.ts

@@ -12,6 +12,8 @@ export { arrow, flip, hide, inline, offset, shift, size } from '@floating-ui/rea
 import { Middleware } from '@floating-ui/react-dom';
 import { OffsetOptions } from '@floating-ui/core';
 import { positionValues } from 'react-custom-scrollbars-2';
+import { DatePickerProps, ReactDatePickerCustomHeaderProps } from 'react-datepicker';
+import { Locale } from 'react-datepicker/dist/date_utils';
 
 declare type DomainType = 'SHOPL' | 'HADA';
 
@@ -614,7 +616,7 @@ declare type ButtonComponent = <T extends ElementType = 'button'>(props: ButtonP
     ref?: ComponentPropsWithRef<T>['ref'];
 }) => ReactElement | null;
 
-declare const Button: ButtonComponent;
+declare const Button: React$1.ForwardRefExoticComponent<Omit<ButtonProps<ElementType<any>>, "ref"> & React$1.RefAttributes<unknown>>;
 
 declare const IconButtonSizeVariants: {
     readonly S: "S";
@@ -634,7 +636,7 @@ declare type IconButtonComponent = <T extends ElementType = 'button'>(props: Ico
     ref?: ComponentPropsWithRef<T>['ref'];
 }) => ReactElement | null;
 
-declare const IconButton: IconButtonComponent;
+declare const IconButton: React$1.ForwardRefExoticComponent<Omit<IconButtonProps<ElementType<any>>, "ref"> & React$1.RefAttributes<unknown>>;
 
 declare const CalloutTypes: {
     readonly INFORMATION: "INFORMATION";
@@ -1259,4 +1261,149 @@ declare const ToggleButton: {
     InnerRadio: React__default.ForwardRefExoticComponent<ToggleButtonInnerRadioProps & React__default.RefAttributes<HTMLInputElement>>;
 };
 
-export { Avatar, AvatarOptionProps, AvatarProps, AvatarSizeVariantType, AvatarSizeVariants, BackDropOptionProps, BackDropProps, BorderRadiusTokens, BoxShadowTokens, Button, ButtonComponent, ButtonOptionProps, ButtonProps, ButtonSizeVariantType, ButtonSizeVariants, ButtonStyleVariantType, ButtonStyleVariants, CHECKBOX_SYMBOL_KEY, Callout, CalloutOptionProps, CalloutProps, CalloutType, CalloutTypes, Checkbox, CheckboxOptionProps, CheckboxProps, CheckboxStyleVariantType, CheckboxStyleVariants, ChipButton, ChipButtonOptionProps, ChipButtonProps, ChipButtonSizeVariantType, ChipButtonSizeVariants, ChipButtonStyleVariantType, ChipButtonStyleVariants, ChipToggle, ChipToggleOptionProps, ChipToggleProps, ChipToggleSizeVariantType, ChipToggleSizeVariants, ChipToggleStyleVariantType, ChipToggleStyleVariants, ColorTokens, DangerouslySetInnerHTML, Dropdown, DropdownButtonProps, DropdownContentProps, DropdownOptionProps, DropdownOptionVariantType, DropdownProps, DropdownSizeVariantType, FontWeightTokens, Icon, IconButton, IconButtonComponent, IconButtonOptionProps, IconButtonProps, IconButtonSizeVariantType, IconButtonSizeVariants, IconButtonStyleVariantType, IconButtonStyleVariants, IconOptionProps, IconProps, IconSizeVariants, IconSizeVariantsType, Input, InputButton, InputButtonOptionProps, InputButtonProps, InputOptionProps, InputProps, List, ListContent2ColumnsProps, ListOptionProps, ListProps, ListText2RowsProps, MODAL_FOOTER_KEY, MODAL_HEADER_KEY, Menu, MenuOptionProps, MenuProps, MenuSizeVariantType, MenuSizeVariants, MinusBoxOptionProps, MinusBoxProps, MinusButton, Modal, ModalBodyOptionProps, ModalBodyProps, ModalContainerOptionProps, ModalContainerProps, ModalContext, ModalFooterOptionProps, ModalFooterProps, ModalFooterType, ModalHandlerContext, ModalHeaderOptionProps, ModalHeaderProps, ModalHeaderType, ModalPortal as ModalProvider, ModalSize, ModalSizeType, ModalStateType, MotionStack, MotionStackComponentType, MotionStackContainer, MotionStackContainerComponentType, Pagination, PaginationOptionProps, PaginationProps, PaginationSizeSelectorProps, Popper, PopperOptionProps, PopperPortal, PopperPortalProps, PopperProps, PopperTrigger, PopperTriggerProps, RADIO_SYMBOL_KEY, Radio, RadioOptionProps, RadioProps, RemoveModalProps, ScrollArea, ScrollAreaOptionProps, ScrollAreaProps, ScrollbarRefType, SelectInputButton, SelectInputButtonOptionProps, SelectInputButtonProps, ShoplflowProvider, ShoplflowProviderProps, SpacingTokens, Stack, StackComponentType, StackContainer, StackContainerComponentType, StackContainerGenericProps, StackContainerOptionProps, StackContainerProps, StackGenericProps, StackOptionProps, StackProps, StyledIcon, StyledStack, StyledStackContainer, Switch, SwitchOptionProps, SwitchProps, TREE_SYMBOL_KEY, TabOptionProps, TabProps, TabSizeVariantType, TabSizeVariants, TabStyleVariantType, TabStyleVariants, TabStyledProps, TabTextStyledProps, Tabs, TabsContext, TabsContextType, TabsOptionProps, TabsProps, Tag, TagOptionProps, TagProps, TagSizeVariantType, TagSizeVariants, TagStyleVariantType, TagStyleVariants, Text, Text2Rows, TextArea, TextAreaOptionProps, TextAreaProps, TextOptionProps, TextProps, ToggleButton, ToggleButtonInnerRadioOptionProps, ToggleButtonInnerRadioProps, ToggleButtonOptionProps, ToggleButtonProps, ToggleButtonSizeVariantType, ToggleButtonSizeVariants, Tooltip, TooltipContentProps, TooltipOptionProps, TooltipProps, Tree, TreeItem, TreeItemOptionProps, TreeItemProps, TreeOptionProps, TreeProps, TypographyTokens, borderRadiusTokens, boxShadowTokens, colorTokens, fontWeightTokens, getDomain, spacingTokens, typographyTokens, useDomain, useHandleModal, useModalValue, useTabs };
+declare const DayDatepickerSizeVariants: {
+    readonly S: "S";
+    readonly M: "M";
+};
+/**
+ * single, multiple, range  union type (캘린더의 형태)
+ */
+declare type DayCalendarType = {
+    type: 'single';
+    handleDayChange: (date: Date | null) => void;
+} | {
+    type: 'multiple';
+    handleMutlipleDaysChange: (date: Date[] | null) => void;
+} | {
+    type: 'range';
+    handleDayRangeChange: (dates: [Date | null, Date | null]) => void;
+};
+declare type DayDatepickerSizeVariantType = $Values<typeof DayDatepickerSizeVariants>;
+declare type DayDatepickerProps = Pick<DatePickerProps, 'highlightDates' | 'startDate' | 'endDate' | 'locale' | 'selectedDates' | 'selected' | 'children' | 'excludeDates' | 'calendarStartDay'> & DayDatepickerOptionProps;
+declare type DayDatepickerOptionProps = {
+    /**
+     * 캘린더 타입
+     */
+    calendarType: DayCalendarType;
+    minDate?: Date;
+    maxDate?: Date;
+    locale?: Locale;
+} & SizeVariantProps<DayDatepickerSizeVariantType>;
+declare type DayDatepickerHeaderCustomProps = ReactDatePickerCustomHeaderProps & {
+    minDate?: Date;
+    maxDate?: Date;
+    locale?: Locale;
+};
+
+declare const DayDatepicker: ({ sizeVar, children, calendarType, ...rest }: DayDatepickerProps) => react_jsx_runtime.JSX.Element;
+
+declare type MonthClickDateInfo = {
+    startDate?: Date;
+    endDate?: Date;
+    selectedMonthRange: number;
+};
+declare type MonthDatepickerProps = {
+    /**
+     * 선택된 시작 날짜
+     */
+    initStartDate?: Date;
+    /**
+     * 선택된 마지막 날짜
+     */
+    initEndDate?: Date;
+    handleMonthClick: (dateInfo: MonthClickDateInfo) => void;
+    /**
+     * 최소 선택 가능 날짜
+     */
+    minDate?: Date;
+    /**
+     * 최대 선택 가능 날짜
+     */
+    maxDate?: Date;
+    /**
+     * 하나의 월만 선택 여부
+     */
+    onlySingleMonth?: boolean;
+};
+declare type MonthDatepickerStyleType = {
+    inRange: boolean;
+    isStart: boolean;
+    isEnd: boolean;
+    disabled: boolean;
+};
+
+declare const MonthDatepicker: ({ handleMonthClick, initStartDate, initEndDate, minDate, maxDate, onlySingleMonth, }: MonthDatepickerProps) => react_jsx_runtime.JSX.Element;
+
+declare type AnnualDatepickerProps = {
+    currentYear?: number;
+    startYear?: number;
+    endYear?: number;
+    handleYearClick: (year: number) => void;
+};
+
+declare const AnnualDatepicker: ({ startYear, endYear, currentYear, handleYearClick, }: AnnualDatepickerProps) => react_jsx_runtime.JSX.Element;
+
+declare type WeekClickDateInfo = {
+    startWeek?: number;
+    startYear?: number;
+    startDate?: Date;
+    endWeek?: number;
+    endYear?: number;
+    endDate?: Date;
+    /**
+     * 선택된 주차 범위 (ex: 4주)
+     */
+    selectedWeeksRange: number;
+};
+declare type WeekDatepickerProps = {
+    /**
+     * 선택된 시작 날짜
+     */
+    initStartDate?: Date;
+    /**
+     * 선택된 마지막 날짜
+     */
+    initEndDate?: Date;
+    /**
+     * @param dateInfo
+     */
+    handleWeekClick: (dateInfo: WeekClickDateInfo) => void;
+    /**
+     * 최소 선택 가능 날짜
+     */
+    minDate?: Date;
+    /**
+     * 최대 선택 가능 날짜
+     */
+    maxDate?: Date;
+    /**
+     * 하나의 주만 선택 여부
+     */
+    onlySingleWeek?: boolean;
+};
+declare type WeekDatepickerStyleType = {
+    inRange: boolean;
+    isStart: boolean;
+    isEnd: boolean;
+    disabled: boolean;
+};
+
+declare const WeekDatepicker: ({ handleWeekClick, initStartDate, initEndDate, minDate, maxDate, onlySingleWeek, }: WeekDatepickerProps) => react_jsx_runtime.JSX.Element;
+
+declare type YearSelectProps = {
+    optionList: Array<{
+        value: number;
+        label: string;
+    }>;
+    className?: string;
+    parentClassName?: string;
+    activeValue?: number;
+    maxHeight?: string;
+    onClose?: () => void;
+    onClick: (item: {
+        value: number;
+        label: string;
+    }) => void;
+};
+
+export { AnnualDatepicker, AnnualDatepickerProps, Avatar, AvatarOptionProps, AvatarProps, AvatarSizeVariantType, AvatarSizeVariants, BackDropOptionProps, BackDropProps, BorderRadiusTokens, BoxShadowTokens, Button, ButtonComponent, ButtonOptionProps, ButtonProps, ButtonSizeVariantType, ButtonSizeVariants, ButtonStyleVariantType, ButtonStyleVariants, CHECKBOX_SYMBOL_KEY, Callout, CalloutOptionProps, CalloutProps, CalloutType, CalloutTypes, Checkbox, CheckboxOptionProps, CheckboxProps, CheckboxStyleVariantType, CheckboxStyleVariants, ChipButton, ChipButtonOptionProps, ChipButtonProps, ChipButtonSizeVariantType, ChipButtonSizeVariants, ChipButtonStyleVariantType, ChipButtonStyleVariants, ChipToggle, ChipToggleOptionProps, ChipToggleProps, ChipToggleSizeVariantType, ChipToggleSizeVariants, ChipToggleStyleVariantType, ChipToggleStyleVariants, ColorTokens, DangerouslySetInnerHTML, DayCalendarType, DayDatepicker, DayDatepickerHeaderCustomProps, DayDatepickerOptionProps, DayDatepickerProps, DayDatepickerSizeVariantType, DayDatepickerSizeVariants, Dropdown, DropdownButtonProps, DropdownContentProps, DropdownOptionProps, DropdownOptionVariantType, DropdownProps, DropdownSizeVariantType, FontWeightTokens, Icon, IconButton, IconButtonComponent, IconButtonOptionProps, IconButtonProps, IconButtonSizeVariantType, IconButtonSizeVariants, IconButtonStyleVariantType, IconButtonStyleVariants, IconOptionProps, IconProps, IconSizeVariants, IconSizeVariantsType, Input, InputButton, InputButtonOptionProps, InputButtonProps, InputOptionProps, InputProps, List, ListContent2ColumnsProps, ListOptionProps, ListProps, ListText2RowsProps, MODAL_FOOTER_KEY, MODAL_HEADER_KEY, Menu, MenuOptionProps, MenuProps, MenuSizeVariantType, MenuSizeVariants, MinusBoxOptionProps, MinusBoxProps, MinusButton, Modal, ModalBodyOptionProps, ModalBodyProps, ModalContainerOptionProps, ModalContainerProps, ModalContext, ModalFooterOptionProps, ModalFooterProps, ModalFooterType, ModalHandlerContext, ModalHeaderOptionProps, ModalHeaderProps, ModalHeaderType, ModalPortal as ModalProvider, ModalSize, ModalSizeType, ModalStateType, MonthClickDateInfo, MonthDatepicker, MonthDatepickerProps, MonthDatepickerStyleType, MotionStack, MotionStackComponentType, MotionStackContainer, MotionStackContainerComponentType, Pagination, PaginationOptionProps, PaginationProps, PaginationSizeSelectorProps, Popper, PopperOptionProps, PopperPortal, PopperPortalProps, PopperProps, PopperTrigger, PopperTriggerProps, RADIO_SYMBOL_KEY, Radio, RadioOptionProps, RadioProps, RemoveModalProps, ScrollArea, ScrollAreaOptionProps, ScrollAreaProps, ScrollbarRefType, SelectInputButton, SelectInputButtonOptionProps, SelectInputButtonProps, ShoplflowProvider, ShoplflowProviderProps, SpacingTokens, Stack, StackComponentType, StackContainer, StackContainerComponentType, StackContainerGenericProps, StackContainerOptionProps, StackContainerProps, StackGenericProps, StackOptionProps, StackProps, StyledIcon, StyledStack, StyledStackContainer, Switch, SwitchOptionProps, SwitchProps, TREE_SYMBOL_KEY, TabOptionProps, TabProps, TabSizeVariantType, TabSizeVariants, TabStyleVariantType, TabStyleVariants, TabStyledProps, TabTextStyledProps, Tabs, TabsContext, TabsContextType, TabsOptionProps, TabsProps, Tag, TagOptionProps, TagProps, TagSizeVariantType, TagSizeVariants, TagStyleVariantType, TagStyleVariants, Text, Text2Rows, TextArea, TextAreaOptionProps, TextAreaProps, TextOptionProps, TextProps, ToggleButton, ToggleButtonInnerRadioOptionProps, ToggleButtonInnerRadioProps, ToggleButtonOptionProps, ToggleButtonProps, ToggleButtonSizeVariantType, ToggleButtonSizeVariants, Tooltip, TooltipContentProps, TooltipOptionProps, TooltipProps, Tree, TreeItem, TreeItemOptionProps, TreeItemProps, TreeOptionProps, TreeProps, TypographyTokens, WeekClickDateInfo, WeekDatepicker, WeekDatepickerProps, WeekDatepickerStyleType, YearSelectProps, borderRadiusTokens, boxShadowTokens, colorTokens, fontWeightTokens, getDomain, spacingTokens, typographyTokens, useDomain, useHandleModal, useModalValue, useTabs };