@croquiscom/pds 8.14.0 → 8.15.0

package/dist/components/date-picker/DateRangePicker.stories.d.ts

@@ -1,22 +1,22 @@
-/// <reference types="react" />
-import { ComponentStory, ComponentMeta } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react';
 import { DateRangePicker } from './DateRangePicker';
-declare const _default: ComponentMeta<({ width, error, disabled, className, size, showDatePreset, showRadioGroupDatePreset, showTodayButton, showTimePicker, disabledNowButton, dates, maxDate, minDate, maxRange, numberOfMonths: numberOfMonthsProps, showRemoveButton, autoCloseable, opened: openProp, customDatePreset, displayMode, timePickerProps, onOpen, onClose, onChange, }: import("./DateRangePicker").DateRangePickerProps) => JSX.Element>;
-export default _default;
-export declare const Base: any;
-export declare const Disabled: ComponentStory<typeof DateRangePicker>;
-export declare const Error: any;
-export declare const ErrorValidation: ComponentStory<typeof DateRangePicker>;
-export declare const Size: ComponentStory<typeof DateRangePicker>;
-export declare const ShowRemoveButton: any;
-export declare const NumberOfMonths: any;
-export declare const MinDate: any;
-export declare const MaxDate: any;
-export declare const MaxRange: any;
-export declare const WithDatePreset: any;
-export declare const WithRadioGroupDatePreset: any;
-export declare const WithAllDatePreset: any;
-export declare const BottomSheetPicker: any;
-export declare const UnusedAutoCloseable: any;
-export declare const ShowTimePicker: any;
-export declare const BottomSheetPickerWithTimePicker: any;
+declare const meta: Meta<typeof DateRangePicker>;
+export default meta;
+type Story = StoryObj<typeof DateRangePicker>;
+export declare const Base: Story;
+export declare const Disabled: Story;
+export declare const Error: Story;
+export declare const ErrorValidation: Story;
+export declare const Size: Story;
+export declare const ShowRemoveButton: Story;
+export declare const NumberOfMonths: Story;
+export declare const MinDate: Story;
+export declare const MaxDate: Story;
+export declare const MaxRange: Story;
+export declare const WithDatePreset: Story;
+export declare const WithRadioGroupDatePreset: Story;
+export declare const WithAllDatePreset: Story;
+export declare const BottomSheetPicker: Story;
+export declare const UnusedAutoCloseable: Story;
+export declare const ShowTimePicker: Story;
+export declare const BottomSheetPickerWithTimePicker: Story;

package/dist/components/date-picker/DateRangePreset.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import React from 'react';
 import { DatePreset, DatePresetItem } from './DateRangePicker';
 export interface DateRangePresetProps {
     selected?: DatePresetItem['id'];
     items: DatePreset;
     onChange?: ({ label, range, id }: DatePresetItem) => void;
 }
-export declare const DataRangePreset: ({ selected, items, onChange }: DateRangePresetProps) => JSX.Element;
+export declare const DataRangePreset: ({ selected, items, onChange }: DateRangePresetProps) => React.JSX.Element;

package/dist/components/date-picker/DateUnitPicker.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { DatePickerBaseProps } from './DatePicker';
 import { Dates } from './DateRangePicker';
 export interface DateUnitPickerProps extends Omit<DatePickerBaseProps, 'disabled'> {
@@ -24,4 +24,4 @@ export interface DateUnitPickerProps extends Omit<DatePickerBaseProps, 'disabled
      */
     weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
 }
-export declare const DateUnitPicker: ({ width, error, unit, dates, disabled, className, size, maxDate, minDate, showRemoveButton, autoCloseable, opened: openProp, displayMode, weekStartsOn, onOpen, onClose, onChange, }: DateUnitPickerProps) => JSX.Element;
+export declare const DateUnitPicker: ({ width, error, unit, dates, disabled, className, size, maxDate, minDate, showRemoveButton, autoCloseable, opened: openProp, displayMode, weekStartsOn, onOpen, onClose, onChange, }: DateUnitPickerProps) => React.JSX.Element;

package/dist/components/date-picker/DateUnitPicker.stories.d.ts

@@ -1,13 +1,13 @@
-/// <reference types="react" />
-import { ComponentStory, ComponentMeta } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react';
 import { DateUnitPicker } from './DateUnitPicker';
-declare const _default: ComponentMeta<({ width, error, unit, dates, disabled, className, size, maxDate, minDate, showRemoveButton, autoCloseable, opened: openProp, displayMode, weekStartsOn, onOpen, onClose, onChange, }: import("./DateUnitPicker").DateUnitPickerProps) => JSX.Element>;
-export default _default;
-export declare const Base: any;
-export declare const Disabled: ComponentStory<typeof DateUnitPicker>;
-export declare const Error: any;
-export declare const Size: ComponentStory<typeof DateUnitPicker>;
-export declare const ShowRemoveButton: any;
-export declare const MinDate: any;
-export declare const MaxDate: any;
-export declare const BottomSheetPicker: any;
+declare const meta: Meta<typeof DateUnitPicker>;
+export default meta;
+type Story = StoryObj<typeof DateUnitPicker>;
+export declare const Base: Story;
+export declare const Disabled: Story;
+export declare const Error: Story;
+export declare const Size: Story;
+export declare const ShowRemoveButton: Story;
+export declare const MinDate: Story;
+export declare const MaxDate: Story;
+export declare const BottomSheetPicker: Story;

package/dist/components/date-picker/DayPickerOverlay.d.ts

@@ -16,5 +16,5 @@ export interface DayPickerOverlayProps {
     onCloseOutsidePress?: () => void;
     setOpened: Dispatch<SetStateAction<boolean>>;
 }
-export declare const DayPickerOverlay: ({ children, className, content, zIndex, opened: openProp, disabled, onClose, onOpen, onCloseOutsidePress, setOpened, }: DayPickerOverlayProps) => JSX.Element;
+export declare const DayPickerOverlay: ({ children, className, content, zIndex, opened: openProp, disabled, onClose, onOpen, onCloseOutsidePress, setOpened, }: DayPickerOverlayProps) => React.JSX.Element;
 export {};

package/dist/components/date-picker/YearMonthCalendar.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { Locale } from 'date-fns';
 export type DisplayMode = 'popover' | 'bottomSheet';
 export type CalendarType = 'day' | 'month' | 'year' | 'year_range';
@@ -17,4 +17,4 @@ export interface YearMonthCalendarProps {
     onChange?: (value: Date | null) => void;
     onClose?: () => void;
 }
-export declare const YearMonthCalendar: ({ className, type, locale, disabledDates, displayMode, currentDate, selectedRange, onChange, onClose, }: YearMonthCalendarProps) => JSX.Element;
+export declare const YearMonthCalendar: ({ className, type, locale, disabledDates, displayMode, currentDate, selectedRange, onChange, onClose, }: YearMonthCalendarProps) => React.JSX.Element;

package/dist/components/date-picker/YearMonthCaption.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 export type DisplayMode = 'popover' | 'bottomSheet';
 export interface YearMonthCaptionProps {
     className?: string;
@@ -11,4 +11,4 @@ export interface YearMonthCaptionProps {
     onPreview?: () => void;
     onNext?: () => void;
 }
-export declare const YearMonthCaption: ({ className, displayMode, label, disabledLabel, disabledPreview, disabledNext, onClickLabel, onPreview, onNext, }: YearMonthCaptionProps) => JSX.Element;
+export declare const YearMonthCaption: ({ className, displayMode, label, disabledLabel, disabledPreview, disabledNext, onClickLabel, onPreview, onNext, }: YearMonthCaptionProps) => React.JSX.Element;

package/dist/components/divider/Divider.d.ts

@@ -30,5 +30,5 @@ export interface DividerProps {
 }
 export declare const Divider: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
-    as?: import("react").ElementType<any>;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements>;
 } & DividerProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHRElement>, HTMLHRElement>, {}>;

package/dist/components/divider/Divider.stories.d.ts

@@ -1,11 +1,9 @@
-import React from 'react';
-import { ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType<any>;
-} & import("./Divider").DividerProps, React.DetailedHTMLProps<React.HTMLAttributes<HTMLHRElement>, HTMLHRElement>, {}>>;
-export default _default;
-export declare const Base: any;
-export declare const HorizontalSpacing: any;
-export declare const Vertical: any;
-export declare const VerticalSpacing: any;
+import type { Meta, StoryObj } from '@storybook/react';
+import { Divider } from './Divider';
+declare const meta: Meta<typeof Divider>;
+export default meta;
+type Story = StoryObj<typeof Divider>;
+export declare const Base: Story;
+export declare const HorizontalSpacing: Story;
+export declare const Vertical: Story;
+export declare const VerticalSpacing: Story;

package/dist/components/drawer/Drawer.stories.d.ts

@@ -1,12 +1,10 @@
-import React from 'react';
-import { ComponentStory, ComponentMeta } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react';
 import { Drawer } from './Drawer';
-declare const _default: ComponentMeta<React.ForwardRefExoticComponent<import("./Drawer").DrawerProps & {
-    children?: React.ReactNode;
-} & React.RefAttributes<HTMLDivElement>>>;
-export default _default;
-export declare const Base: any;
-export declare const Width: any;
-export declare const NoUsePortal: any;
-export declare const Direction: any;
-export declare const DrawerWithNavigation: ComponentStory<typeof Drawer>;
+declare const meta: Meta<typeof Drawer>;
+export default meta;
+type Story = StoryObj<typeof Drawer>;
+export declare const Base: Story;
+export declare const Width: Story;
+export declare const NoUsePortal: Story;
+export declare const Direction: Story;
+export declare const DrawerWithNavigation: Story;

package/dist/components/dropdown/Dropdown.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import React, { ReactNode } from 'react';
 import { DropdownLabelProps } from './DropdownLabel';
 import { CSSValueWithLength } from '../../styles';
 import { InputSize } from '../input/types';
@@ -43,4 +43,4 @@ export interface DropdownProps<OptionValue> {
     onChange?: (value: OptionValue) => void;
     renderLabel?: (selectedOption: DropdownOption<OptionValue>) => ReactNode;
 }
-export declare const Dropdown: <OptionValue extends string | number>({ className, width, maxHeight, zIndex, size: sizeProp, disabled, optionsMatchRefWidth, options, placeholder, status, value: valueProp, autoPlacement: autoPlacementProps, unstableFocusVisible, keyExtractor, onChange, renderLabel, }: DropdownProps<OptionValue> & AriaFocusProps) => JSX.Element;
+export declare const Dropdown: <OptionValue extends string | number>({ className, width, maxHeight, zIndex, size: sizeProp, disabled, optionsMatchRefWidth, options, placeholder, status, value: valueProp, autoPlacement: autoPlacementProps, unstableFocusVisible, keyExtractor, onChange, renderLabel, }: DropdownProps<OptionValue> & AriaFocusProps) => React.JSX.Element;

package/dist/components/dropdown/Dropdown.stories.d.ts

@@ -1,16 +1,16 @@
-/// <reference types="react" />
-import { ComponentStory, ComponentMeta } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react';
 import { Dropdown } from './Dropdown';
-declare const _default: ComponentMeta<(<OptionValue extends string | number>({ className, width, maxHeight, zIndex, size: sizeProp, disabled, optionsMatchRefWidth, options, placeholder, status, value: valueProp, autoPlacement: autoPlacementProps, unstableFocusVisible, keyExtractor, onChange, renderLabel, }: import("./Dropdown").DropdownProps<OptionValue> & import("../../types/common").AriaFocusProps) => JSX.Element)>;
-export default _default;
-export declare const Base: any;
-export declare const Error: any;
-export declare const Flip: ComponentStory<typeof Dropdown>;
-export declare const WithFormHelperText: ComponentStory<typeof Dropdown>;
-export declare const Size: ComponentStory<typeof Dropdown>;
-export declare const Disabled: any;
-export declare const DisabledOptionItem: any;
-export declare const CustomMaxHeight: any;
-export declare const WithIcon: ComponentStory<typeof Dropdown>;
-export declare const Controlled: ComponentStory<typeof Dropdown>;
-export declare const CustomLabel: ComponentStory<typeof Dropdown>;
+declare const meta: Meta<typeof Dropdown>;
+export default meta;
+type Story = StoryObj<typeof Dropdown>;
+export declare const Base: Story;
+export declare const Error: Story;
+export declare const Flip: Story;
+export declare const WithFormHelperText: Story;
+export declare const Size: Story;
+export declare const Disabled: Story;
+export declare const DisabledOptionItem: Story;
+export declare const CustomMaxHeight: Story;
+export declare const WithIcon: Story;
+export declare const Controlled: Story;
+export declare const CustomLabel: Story;

package/dist/components/dropdown/DropdownArrowButton.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from 'react';
 import { DropdownLabelProps } from './DropdownLabel';
-export declare const DropdownArrowButton: ({ expanded, disabled, selected, onClick }: DropdownLabelProps) => JSX.Element;
+export declare const DropdownArrowButton: ({ expanded, disabled, selected, onClick }: DropdownLabelProps) => React.JSX.Element;

package/dist/components/dropdown/DropdownInput.d.ts

@@ -34,4 +34,4 @@ export interface DropdownInputProps<OptionValue> extends Omit<DropdownProps<Opti
     keyExtractor?: (item: DropdownInputOption<OptionValue>, index: number) => string | number;
     optionFilter?: (inputValue: string, item: DropdownInputOption<OptionValue>, index: number) => boolean;
 }
-export declare const DropdownInput: <OptionValue extends string | number>({ className, width, zIndex, disabled, options, placeholder, status, value, size: sizeProp, unstableFocusVisible, allowCustomValue, keyExtractor, optionFilter, autoPlacement: autoPlacementProps, startElement, endElement, onSearch, onChange, }: DropdownInputProps<OptionValue> & AriaFocusProps) => JSX.Element;
+export declare const DropdownInput: <OptionValue extends string | number>({ className, width, zIndex, disabled, options, placeholder, status, value, size: sizeProp, unstableFocusVisible, allowCustomValue, keyExtractor, optionFilter, autoPlacement: autoPlacementProps, startElement, endElement, onSearch, onChange, }: DropdownInputProps<OptionValue> & AriaFocusProps) => React.JSX.Element;

package/dist/components/dropdown/DropdownInput.stories.d.ts

@@ -1,16 +1,16 @@
-/// <reference types="react" />
-import { ComponentStory, ComponentMeta } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react';
 import { DropdownInput } from './DropdownInput';
-declare const _default: ComponentMeta<(<OptionValue extends string | number>({ className, width, zIndex, disabled, options, placeholder, status, value, size: sizeProp, unstableFocusVisible, allowCustomValue, keyExtractor, optionFilter, autoPlacement: autoPlacementProps, startElement, endElement, onSearch, onChange, }: import("./DropdownInput").DropdownInputProps<OptionValue> & import("../../types/common").AriaFocusProps) => JSX.Element)>;
-export default _default;
-export declare const Base: any;
-export declare const Error: any;
-export declare const Flip: ComponentStory<typeof DropdownInput>;
-export declare const WithFormHelperText: ComponentStory<typeof DropdownInput>;
-export declare const WithOptionFilter: ComponentStory<typeof DropdownInput>;
-export declare const Size: ComponentStory<typeof DropdownInput>;
-export declare const Disabled: any;
-export declare const Controlled: ComponentStory<typeof DropdownInput>;
-export declare const TestComposition: ComponentStory<typeof DropdownInput>;
-export declare const AllowCustomValue: ComponentStory<typeof DropdownInput>;
-export declare const Search: ComponentStory<typeof DropdownInput>;
+declare const meta: Meta<typeof DropdownInput>;
+export default meta;
+type Story = StoryObj<typeof DropdownInput>;
+export declare const Base: Story;
+export declare const Error: Story;
+export declare const Flip: Story;
+export declare const WithFormHelperText: Story;
+export declare const WithOptionFilter: Story;
+export declare const Size: Story;
+export declare const Disabled: Story;
+export declare const Controlled: Story;
+export declare const TestComposition: Story;
+export declare const AllowCustomValue: Story;
+export declare const Search: Story;

package/dist/components/file-upload/FileUpload.d.ts

@@ -55,4 +55,4 @@ export interface FileUploadProps {
      */
     onClickFileRemove?: (file: UploadFile, index: number) => void;
 }
-export declare const FileUpload: ({ className, accept, label, disabled, multiple, maxCount, showRemoveButton, fileList, onChange, onClick, onClickFile, onLimitMaxCount, onClickFileRemove, }: FileUploadProps) => JSX.Element;
+export declare const FileUpload: ({ className, accept, label, disabled, multiple, maxCount, showRemoveButton, fileList, onChange, onClick, onClickFile, onLimitMaxCount, onClickFileRemove, }: FileUploadProps) => React.JSX.Element;

package/dist/components/file-upload/FileUpload.stories.d.ts

@@ -1,13 +1,13 @@
-/// <reference types="react" />
-import { ComponentStory, ComponentMeta } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react';
 import { FileUpload } from './FileUpload';
-declare const _default: ComponentMeta<({ className, accept, label, disabled, multiple, maxCount, showRemoveButton, fileList, onChange, onClick, onClickFile, onLimitMaxCount, onClickFileRemove, }: import("./FileUpload").FileUploadProps) => JSX.Element>;
-export default _default;
-export declare const Base: any;
-export declare const MaxCount: any;
-export declare const DisabledHideRemoveButton: any;
-export declare const OnlyJpgFileExtension: any;
-export declare const ClickUploadButton: any;
-export declare const FileStatus: ComponentStory<typeof FileUpload>;
-export declare const Disabled: ComponentStory<typeof FileUpload>;
-export declare const MultipleFileUpload: ComponentStory<typeof FileUpload>;
+declare const meta: Meta<typeof FileUpload>;
+export default meta;
+type Story = StoryObj<typeof FileUpload>;
+export declare const Base: Story;
+export declare const MaxCount: Story;
+export declare const DisabledHideRemoveButton: Story;
+export declare const OnlyJpgFileExtension: Story;
+export declare const ClickUploadButton: Story;
+export declare const FileStatus: Story;
+export declare const Disabled: Story;
+export declare const MultipleFileUpload: Story;

package/dist/components/file-upload/FileUploadButton.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode, InputHTMLAttributes } from 'react';
+import React, { ReactNode, InputHTMLAttributes } from 'react';
 export interface FileUploadButtonProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'multiple'> {
     /** @default '파일 업로드' */
     label: ReactNode;
@@ -6,4 +6,4 @@ export interface FileUploadButtonProps extends Omit<InputHTMLAttributes<HTMLInpu
     multiple?: boolean;
     onFileUpload?: (file: File | File[]) => void;
 }
-export declare const FileUploadButton: ({ accept, label, disabled, className, multiple, onFileUpload, ...props }: FileUploadButtonProps) => JSX.Element;
+export declare const FileUploadButton: ({ accept, label, disabled, className, multiple, onFileUpload, ...props }: FileUploadButtonProps) => React.JSX.Element;

package/dist/components/file-upload/FileUploadButton.stories.d.ts

@@ -1,7 +1,8 @@
-/// <reference types="react" />
-import { ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<({ accept, label, disabled, className, multiple, onFileUpload, ...props }: import("./FileUploadButton").FileUploadButtonProps) => JSX.Element>;
-export default _default;
-export declare const Base: any;
-export declare const Disabled: any;
-export declare const Multiple: any;
+import type { Meta, StoryObj } from '@storybook/react';
+import { FileUploadButton } from './FileUploadButton';
+declare const meta: Meta<typeof FileUploadButton>;
+export default meta;
+type Story = StoryObj<typeof FileUploadButton>;
+export declare const Base: Story;
+export declare const Disabled: Story;
+export declare const Multiple: Story;

package/dist/components/form/FormField.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode, PropsWithChildren } from 'react';
+import React, { ReactNode, PropsWithChildren } from 'react';
 import { HelpTextProps } from '../text';
 import { VerticalAlignment } from '../stack';
 import { CSSValueWithLength } from '../../styles';
@@ -35,5 +35,5 @@ export interface FormFieldProps {
      */
     position?: FormFieldPosition;
 }
-export declare const FormField: ({ className, label, rightAddon, required, helper, labelWidth, alignment, position, children, }: PropsWithChildren<FormFieldProps>) => JSX.Element;
+export declare const FormField: ({ className, label, rightAddon, required, helper, labelWidth, alignment, position, children, }: PropsWithChildren<FormFieldProps>) => React.JSX.Element;
 export {};

package/dist/components/form/FormField.stories.d.ts

@@ -1,12 +1,12 @@
-import React from 'react';
-import { ComponentStory, ComponentMeta } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react';
 import { FormField } from './FormField';
-declare const _default: ComponentMeta<({ className, label, rightAddon, required, helper, labelWidth, alignment, position, children, }: React.PropsWithChildren<import("./FormField").FormFieldProps>) => JSX.Element>;
-export default _default;
-export declare const Base: any;
-export declare const LabelWidth: any;
-export declare const WithRadioGroup: ComponentStory<typeof FormField>;
-export declare const WithCheckboxGroup: ComponentStory<typeof FormField>;
-export declare const WithHelpPopover: any;
-export declare const TopAlign: any;
-export declare const TopPosition: any;
+declare const meta: Meta<typeof FormField>;
+export default meta;
+type Story = StoryObj<typeof FormField>;
+export declare const Base: Story;
+export declare const LabelWidth: Story;
+export declare const WithRadioGroup: Story;
+export declare const WithCheckboxGroup: Story;
+export declare const WithHelpPopover: Story;
+export declare const TopAlign: Story;
+export declare const TopPosition: Story;

package/dist/components/form/FormHelperText.stories.d.ts

@@ -1,8 +1,9 @@
-import React from 'react';
-import { ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<React.FC<import("./FormHelperText").FormHelperTextProps & (React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> | React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement> | React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>)>>;
-export default _default;
-export declare const Base: any;
-export declare const Success: any;
-export declare const Error: any;
-export declare const WithButton: () => JSX.Element;
+import type { Meta, StoryObj } from '@storybook/react';
+import { FormHelperText } from './FormHelperText';
+declare const meta: Meta<typeof FormHelperText>;
+export default meta;
+type Story = StoryObj<typeof FormHelperText>;
+export declare const Base: Story;
+export declare const Success: Story;
+export declare const Error: Story;
+export declare const WithButton: Story;

package/dist/components/form/FormLabel.stories.d.ts

@@ -1,9 +1,10 @@
-import React from 'react';
-import { ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<React.ForwardRefExoticComponent<import("./FormLabel").FormLabelProps & React.RefAttributes<HTMLLabelElement>>>;
-export default _default;
-export declare const Base: any;
-export declare const Required: any;
-export declare const Width: any;
-export declare const Help: any;
-export declare const HelpWithRequired: any;
+import type { Meta, StoryObj } from '@storybook/react';
+import { FormLabelProps } from './FormLabel';
+declare const meta: Meta<FormLabelProps>;
+export default meta;
+type Story = StoryObj<FormLabelProps>;
+export declare const Base: Story;
+export declare const Required: Story;
+export declare const Width: Story;
+export declare const Help: Story;
+export declare const HelpWithRequired: Story;

package/dist/components/icons/Icon.stories.d.ts

@@ -1,33 +1,7 @@
-declare const _default: {
-    title: string;
-    argTypes: {
-        size: {
-            control: {
-                type: string;
-            };
-        };
-        color: {
-            control: {
-                type: string;
-            };
-            table: {
-                defaultValue: {
-                    summary: string;
-                };
-            };
-        };
-        secondaryColor: {
-            control: {
-                type: string;
-            };
-            table: {
-                defaultValue: {
-                    summary: string;
-                };
-            };
-        };
-    };
-};
-export default _default;
-export declare const Base: any;
-export declare const WithSizeAndColor: any;
+import type { Meta, StoryObj } from '@storybook/react';
+import * as Icon from './generated';
+declare const meta: Meta<Icon.IconProps>;
+export default meta;
+type Story = StoryObj<Icon.IconProps>;
+export declare const Base: Story;
+export declare const WithSizeAndColor: Story;

package/dist/components/icons/generated/ColoredMegaphone.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { IconProps } from '.';
+declare const SvgColoredMegaphone: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
+export default SvgColoredMegaphone;

package/dist/components/icons/generated/ColoredRocket.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { IconProps } from '.';
+declare const SvgColoredRocket: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
+export default SvgColoredRocket;

package/dist/components/icons/generated/index.d.ts

@@ -118,6 +118,7 @@ export { default as IconColoredHeart } from './ColoredHeart';
 export { default as IconColoredHomeSet } from './ColoredHomeSet';
 export { default as IconColoredKeyword } from './ColoredKeyword';
 export { default as IconColoredMedal } from './ColoredMedal';
+export { default as IconColoredMegaphone } from './ColoredMegaphone';
 export { default as IconColoredMoneyBag } from './ColoredMoneyBag';
 export { default as IconColoredMoneyFly } from './ColoredMoneyFly';
 export { default as IconColoredPenalty } from './ColoredPenalty';
@@ -126,6 +127,7 @@ export { default as IconColoredPulse } from './ColoredPulse';
 export { default as IconColoredRanking } from './ColoredRanking';
 export { default as IconColoredReturn } from './ColoredReturn';
 export { default as IconColoredRobot } from './ColoredRobot';
+export { default as IconColoredRocket } from './ColoredRocket';
 export { default as IconColoredShoppingBag } from './ColoredShoppingBag';
 export { default as IconColoredSiren } from './ColoredSiren';
 export { default as IconColoredStar } from './ColoredStar';

package/dist/components/images/Image.stories.d.ts

@@ -1,13 +1,7 @@
-declare const _default: {
-    title: string;
-    argTypes: {
-        size: {
-            control: {
-                type: string;
-            };
-        };
-    };
-};
-export default _default;
-export declare const Base: any;
-export declare const WithSize: any;
+import type { Meta, StoryObj } from '@storybook/react';
+import * as Images from './generated';
+declare const meta: Meta<Images.ImageProps>;
+export default meta;
+type Story = StoryObj<Images.ImageProps>;
+export declare const Base: Story;
+export declare const WithSize: Story;

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

@@ -1,20 +1,21 @@
-import React from 'react';
-import { ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "width" | "size"> & import("./InputBase").InputBaseType & import("../../types/common").AriaFocusProps & import("./InputAffix").InputAffixProps & React.RefAttributes<HTMLInputElement>>>;
-export default _default;
-export declare const Base: any;
-export declare const Error: any;
-export declare const Success: any;
-export declare const Size: () => JSX.Element;
-export declare const Disabled: any;
-export declare const EnteredDisabled: any;
-export declare const RightAlignment: any;
-export declare const MaxLength: any;
-export declare const Addon: any;
-export declare const Width: any;
-export declare const AddonWithWidth: any;
-export declare const AddonWithFormHelperText: () => JSX.Element[];
-export declare const MaxLengthWithCombined: () => JSX.Element;
-export declare const Password: () => JSX.Element;
-export declare const Search: any;
-export declare const WithButton: () => JSX.Element;
+import type { Meta, StoryObj } from '@storybook/react';
+import { Input } from './Input';
+declare const meta: Meta<typeof Input>;
+export default meta;
+type Story = StoryObj<typeof Input>;
+export declare const Base: Story;
+export declare const Error: Story;
+export declare const Success: Story;
+export declare const Size: Story;
+export declare const Disabled: Story;
+export declare const EnteredDisabled: Story;
+export declare const RightAlignment: Story;
+export declare const MaxLength: Story;
+export declare const Addon: Story;
+export declare const Width: Story;
+export declare const AddonWithWidth: Story;
+export declare const AddonWithFormHelperText: Story;
+export declare const MaxLengthWithCombined: Story;
+export declare const Password: Story;
+export declare const Search: Story;
+export declare const WithButton: Story;

package/dist/components/input/InputAffix.d.ts

@@ -1,4 +1,4 @@
-import { PropsWithChildren } from 'react';
+import React, { PropsWithChildren } from 'react';
 import { InputAddonOwnProps } from './InputAddon';
 import { CSSValueWithLength } from '../../styles';
 export interface InputAffixProps extends Omit<InputAddonOwnProps, 'position'> {
@@ -9,4 +9,4 @@ export interface InputAffixProps extends Omit<InputAddonOwnProps, 'position'> {
     /** Input 우측에 렌더링될 Addon 요소 */
     suffix?: string;
 }
-export declare const InputAffix: ({ className, children, prefix, suffix, width, disabled, status, size, }: PropsWithChildren<InputAffixProps>) => JSX.Element;
+export declare const InputAffix: ({ className, children, prefix, suffix, width, disabled, status, size, }: PropsWithChildren<InputAffixProps>) => React.JSX.Element;