@croquiscom/pds 8.14.0 → 8.15.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @croquiscom/pds
 
+## 8.15.0
+
+### Minor Changes
+
+- 8a1e3b1: ColoredMegaphone, ColoredRocket 아이콘 추가
+
+## 8.14.1
+
+### Patch Changes
+
+- 234f4d2: storybook 8.0.5 업데이트
+
 ## 8.14.0
 
 ### Minor Changes

package/README.md

@@ -38,7 +38,7 @@ const StyledText = styled.p`
 
 ### 요구되는 개발 환경
 
-Node.js v14+, Yarn v1.22+
+Node.js v20+, Yarn v1.22+
 
 로컬에 클론된 레포지토리로 이동하여, node_modules를 설치합니다.
 
@@ -63,22 +63,22 @@ yarn storybook
 │   │   ├──[COMPONENT]
 │   │   │   ├── index.ts
 │   │   │   ├── [COMPONENT].tsx
-│   │   │   ├── [COMPONENT].stories.mdx
+│   │   │   ├── [COMPONENT].mdx
 │   │   │   ├── types.ts
 │   │   │   └── styles.ts
 │   │   ├── icons
 │   │   │   ├── generated
 │   │   │   ├── Icon.stories.tsx
-│   │   │   └── Icons.stories.mdx
+│   │   │   └── Icons.mdx
 │   │   ├── images
 │   │   │   ├── generated
 │   │   │   ├── Image.stories.tsx
-│   │   │   └── Images.stories.mdx
+│   │   │   └── Images.mdx
 │   ├── container
 │   │   ├──[CONTAINER]
 │   │   │   ├── index.ts
 │   │   │   ├── [CONTAINER].tsx
-│   │   │   ├── [CONTAINER].stories.mdx
+│   │   │   ├── [CONTAINER].mdx
 │   │   │   ├── types.ts
 │   │   │   └── styles.ts
 │   ├── constants

package/assets/icons/ColoredMegaphone.svg

@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M18.3493 16.1832L9.25293 12.7169L9.28691 6.44116L18.4173 3.07674C19.2216 2.78221 20.0598 3.37127 20.0598 4.2322L20.0032 15.0618C20.0032 15.9114 19.1423 16.5004 18.3493 16.1946V16.1832Z" fill="#91D6A7"/>
+<path d="M6.14919 6.42991H9.28704L9.25306 12.7283H6.1152C4.39334 12.6943 3 11.2783 3 9.54511C3 7.81192 4.416 6.41858 6.14919 6.41858V6.42991Z" fill="#5AC27C"/>
+<path d="M9.86509 19.8989H8.13191C7.7241 19.8989 7.3616 19.6043 7.27098 19.2078L5.68506 12.7056L9.27604 12.7282L10.76 18.8C10.8733 19.2758 10.5788 19.7629 10.103 19.8875C10.035 19.9102 9.95572 19.9102 9.88775 19.9102L9.86509 19.8989Z" fill="#23AE50"/>
+</svg>

package/assets/icons/ColoredRocket.svg

@@ -0,0 +1,17 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_6060_21717)">
+<path d="M6.80521 13.8723L10.1277 17.1948C10.1277 17.1948 5.74461 19.9005 4.91127 19.0563C4.07794 18.2121 6.80521 13.8723 6.80521 13.8723Z" fill="#FBD05E"/>
+<path d="M7.50862 14.5758L9.42421 16.4913C9.42421 16.4913 6.89174 18.0498 6.40473 17.5628C5.91772 17.0758 7.4978 14.5649 7.4978 14.5649L7.50862 14.5758Z" fill="#F9B75F"/>
+<path d="M8.51515 9.17529L2 11.4588L7.34632 14.5541L8.51515 9.17529Z" fill="#E15244"/>
+<path d="M14.8138 15.4849L12.541 22L9.4458 16.6429L14.8138 15.4849Z" fill="#E15244"/>
+<path d="M16.3183 2.16235C14.3486 2.59525 12.065 3.94807 9.52175 6.87015C6.61049 10.2035 6.0369 12.8442 6.69707 14.2295C7.16244 15.2143 8.80746 16.7836 9.77067 17.303C11.1235 18.0282 13.7966 17.3896 17.13 14.4784C20.0521 11.9351 21.4049 9.65153 21.8378 7.68183L16.3183 2.16235Z" fill="#E0E0E4"/>
+<path d="M21.1236 3.0065C21.1236 3.0065 21.0262 2.89827 20.9937 2.87663C19.7166 2.16234 18.1474 1.76191 16.3184 2.16234L21.8378 7.68182C22.2383 5.85282 21.8378 4.28355 21.1236 3.01732V3.0065Z" fill="#5A6175"/>
+<path d="M15.4848 11.3181C17.0388 11.3181 18.2986 10.0583 18.2986 8.50428C18.2986 6.95023 17.0388 5.69043 15.4848 5.69043C13.9307 5.69043 12.6709 6.95023 12.6709 8.50428C12.6709 10.0583 13.9307 11.3181 15.4848 11.3181Z" fill="#5A6175"/>
+<path d="M15.5 10C16.3284 10 17 9.32843 17 8.5C17 7.67157 16.3284 7 15.5 7C14.6716 7 14 7.67157 14 8.5C14 9.32843 14.6716 10 15.5 10Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0_6060_21717">
+<rect width="20" height="20" fill="white" transform="translate(2 2)"/>
+</clipPath>
+</defs>
+</svg>

package/dist/components/badge/Badge.d.ts

@@ -1,4 +1,4 @@
-import { PropsWithChildren, ReactElement } from 'react';
+import React, { PropsWithChildren, ReactElement } from 'react';
 import { BadgeKind, BadgeColor, BadgeSize } from './types';
 import { IconProps } from '../icons/generated';
 export interface BadgeProps {
@@ -16,4 +16,4 @@ export interface BadgeProps {
      */
     icon?: ReactElement<IconProps>;
 }
-export declare const Badge: ({ className, kind, size, color, icon, children, }: PropsWithChildren<BadgeProps>) => JSX.Element;
+export declare const Badge: ({ className, kind, size, color, icon, children, }: PropsWithChildren<BadgeProps>) => React.JSX.Element;

package/dist/components/badge/Badge.stories.d.ts

@@ -1,7 +1,8 @@
-import React from 'react';
-import { ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<({ className, kind, size, color, icon, children, }: React.PropsWithChildren<import("./Badge").BadgeProps>) => JSX.Element>;
-export default _default;
-export declare const Outline: any;
-export declare const Fill: any;
-export declare const Icon: () => JSX.Element;
+import type { Meta, StoryObj } from '@storybook/react';
+import { Badge } from './Badge';
+declare const meta: Meta<typeof Badge>;
+export default meta;
+type Story = StoryObj<typeof Badge>;
+export declare const Outline: Story;
+export declare const Fill: Story;
+export declare const Icon: Story;

package/dist/components/banner/Banner.d.ts

@@ -36,4 +36,4 @@ export interface BannerProps {
     closeButton?: boolean;
     onClose?: () => void;
 }
-export declare const Banner: ({ className, kind, size, iconComponent, showIcon, title, message, actions, closeButton, onClose, }: BannerProps) => JSX.Element;
+export declare const Banner: ({ className, kind, size, iconComponent, showIcon, title, message, actions, closeButton, onClose, }: BannerProps) => React.JSX.Element;

package/dist/components/banner/Banner.stories.d.ts

@@ -1,13 +1,14 @@
-/// <reference types="react" />
-import { ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<({ className, kind, size, iconComponent, showIcon, title, message, actions, closeButton, onClose, }: import("./Banner").BannerProps) => JSX.Element>;
-export default _default;
-export declare const Base: any;
-export declare const NoTitle: any;
-export declare const NoBodyText: any;
-export declare const NoIcon: any;
-export declare const WithActionClose: any;
-export declare const Kind: () => JSX.Element;
-export declare const Size: () => JSX.Element;
-export declare const CustomIcon: () => JSX.Element;
-export declare const WordBreak: () => JSX.Element;
+import type { Meta, StoryObj } from '@storybook/react';
+import { Banner } from './Banner';
+declare const meta: Meta<typeof Banner>;
+export default meta;
+type Story = StoryObj<typeof Banner>;
+export declare const Base: Story;
+export declare const NoTitle: Story;
+export declare const NoBodyText: Story;
+export declare const NoIcon: Story;
+export declare const WithActionClose: Story;
+export declare const Kind: Story;
+export declare const Size: Story;
+export declare const CustomIcon: Story;
+export declare const WordBreak: Story;

package/dist/components/bottom-sheet/BottomSheet.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import React, { ReactNode } from 'react';
 import { SpaceProps } from '../../styles';
 export type BottomSheetContentWithCloseAction = (action: {
     close(): void;
@@ -42,4 +42,4 @@ export interface BottomSheetProps {
 }
 export declare const MIN_BOTTOM_SHEET_Y = 44;
 export declare const HANDLE_AREA_HEIGHT = 28;
-export declare const BottomSheet: ({ className, zIndex, opened: openProp, canClickOutside, canCloseEscapeKey, canDragClose, title, subTitle, content, contentProps, onClose, }: BottomSheetProps) => JSX.Element;
+export declare const BottomSheet: ({ className, zIndex, opened: openProp, canClickOutside, canCloseEscapeKey, canDragClose, title, subTitle, content, contentProps, onClose, }: BottomSheetProps) => React.JSX.Element;

package/dist/components/bottom-sheet/BottomSheet.stories.d.ts

@@ -1,10 +1,10 @@
-/// <reference types="react" />
-import { ComponentStory, ComponentMeta } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react';
 import { BottomSheet } from './BottomSheet';
-declare const _default: ComponentMeta<({ className, zIndex, opened: openProp, canClickOutside, canCloseEscapeKey, canDragClose, title, subTitle, content, contentProps, onClose, }: import("./BottomSheet").BottomSheetProps) => JSX.Element>;
-export default _default;
-export declare const Base: any;
-export declare const MaxHeight: ComponentStory<typeof BottomSheet>;
-export declare const DisabledCloseDimClick: any;
-export declare const DisabledCloseDrag: any;
-export declare const ContentWithCloseAction: ComponentStory<typeof BottomSheet>;
+declare const meta: Meta<typeof BottomSheet>;
+export default meta;
+type Story = StoryObj<typeof BottomSheet>;
+export declare const Base: Story;
+export declare const MaxHeight: Story;
+export declare const DisabledCloseDimClick: Story;
+export declare const DisabledCloseDrag: Story;
+export declare const ContentWithCloseAction: Story;

package/dist/components/button/AccordionButton.stories.d.ts

@@ -1,7 +1,8 @@
-import React from 'react';
-import { ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<React.ForwardRefExoticComponent<import("./AccordionButton").AccordionButtonProps & React.RefAttributes<HTMLButtonElement>>>;
-export default _default;
-export declare const Base: any;
-export declare const Disabled: any;
-export declare const WithTooltip: any;
+import { AccordionButton } from './AccordionButton';
+import type { Meta, StoryObj } from '@storybook/react';
+declare const meta: Meta<typeof AccordionButton>;
+export default meta;
+type Story = StoryObj<typeof AccordionButton>;
+export declare const Base: Story;
+export declare const Disabled: Story;
+export declare const WithTooltip: Story;

package/dist/components/button/Button.stories.d.ts

@@ -1,17 +1,17 @@
-import React from 'react';
 import { Button } from './Button';
-import { ComponentStory, ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<React.ForwardRefExoticComponent<import("./Button").ButtonProps & React.RefAttributes<HTMLButtonElement>>>;
-export default _default;
-export declare const Primary: any;
-export declare const Secondary: any;
-export declare const Black: any;
-export declare const Negative: any;
-export declare const StartIcon: any;
-export declare const StartIconWithColor: any;
-export declare const EndIcon: any;
-export declare const EndIconWithColor: any;
-export declare const Loading: any;
-export declare const Disabled: any;
-export declare const FullWidth: any;
-export declare const Focus: ComponentStory<typeof Button>;
+import type { Meta, StoryObj } from '@storybook/react';
+declare const meta: Meta<typeof Button>;
+export default meta;
+type Story = StoryObj<typeof Button>;
+export declare const Primary: Story;
+export declare const Secondary: Story;
+export declare const Black: Story;
+export declare const Negative: Story;
+export declare const StartIcon: Story;
+export declare const StartIconWithColor: Story;
+export declare const EndIcon: Story;
+export declare const EndIconWithColor: Story;
+export declare const Loading: Story;
+export declare const Disabled: Story;
+export declare const FullWidth: Story;
+export declare const Focus: Story;

package/dist/components/button/IconButton.stories.d.ts

@@ -1,8 +1,8 @@
-import React from 'react';
 import { IconButton } from './IconButton';
-import { ComponentStory, ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<React.ForwardRefExoticComponent<import("./IconButton").IconButtonProps & React.RefAttributes<HTMLButtonElement>>>;
-export default _default;
-export declare const Rectangle: any;
-export declare const Circle: any;
-export declare const WithInput: ComponentStory<typeof IconButton>;
+import type { Meta, StoryObj } from '@storybook/react';
+declare const meta: Meta<typeof IconButton>;
+export default meta;
+type Story = StoryObj<typeof IconButton>;
+export declare const Rectangle: Story;
+export declare const Circle: Story;
+export declare const WithInput: Story;

package/dist/components/button/TextButton.stories.d.ts

@@ -1,11 +1,12 @@
-import React from 'react';
-import { ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<React.ForwardRefExoticComponent<import("./TextButton").TextButtonProps & React.RefAttributes<HTMLButtonElement>>>;
-export default _default;
-export declare const Text: any;
-export declare const Link: any;
-export declare const TextUnderline: any;
-export declare const LinkUnderline: any;
-export declare const StartIcon: any;
-export declare const EndIcon: any;
-export declare const Combination: () => JSX.Element;
+import type { Meta, StoryObj } from '@storybook/react';
+import { TextButton } from './TextButton';
+declare const meta: Meta<typeof TextButton>;
+export default meta;
+type Story = StoryObj<typeof TextButton>;
+export declare const Text: Story;
+export declare const Link: Story;
+export declare const TextUnderline: Story;
+export declare const LinkUnderline: Story;
+export declare const StartIcon: Story;
+export declare const EndIcon: Story;
+export declare const Combination: Story;

package/dist/components/category-selector/CategorySelector.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 export interface Category {
     /**
      * 루트 ~ 해당 카테고리 텍스트
@@ -54,4 +54,4 @@ export interface CategorySelectorProps {
      */
     height?: number;
 }
-export declare const CategorySelector: ({ className, categoriesByLevels, selectedKeys, onSelectedKeysChange, multiple, disabled, width, height, }: CategorySelectorProps) => JSX.Element;
+export declare const CategorySelector: ({ className, categoriesByLevels, selectedKeys, onSelectedKeysChange, multiple, disabled, width, height, }: CategorySelectorProps) => React.JSX.Element;

package/dist/components/category-selector/CategorySelector.stories.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
-import { ComponentMeta, ComponentStory } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react';
 import { CategorySelector } from './CategorySelector';
-declare const _default: ComponentMeta<({ className, categoriesByLevels, selectedKeys, onSelectedKeysChange, multiple, disabled, width, height, }: import("./CategorySelector").CategorySelectorProps) => JSX.Element>;
-export default _default;
-export declare const Base: any;
-export declare const MultiSelectable: any;
-export declare const Disabled: any;
-export declare const WithDropdownChip: ComponentStory<typeof CategorySelector>;
+declare const meta: Meta<typeof CategorySelector>;
+export default meta;
+type Story = StoryObj<typeof CategorySelector>;
+export declare const Base: Story;
+export declare const MultiSelectable: Story;
+export declare const Disabled: Story;
+export declare const WithDropdownChip: Story;

package/dist/components/category-selector/ChipsDropdown.d.ts

@@ -25,4 +25,4 @@ export interface ChipsDropdownProps<OptionValue> {
     placeholder?: string;
     status?: DropdownLabelProps['status'];
 }
-export declare const ChipsDropdown: <OptionValue extends string | number>({ children, width, zIndex, disabled, selectedOptions, onOptionValuesChange, placeholder, status, size: sizeProp, }: React.PropsWithChildren<ChipsDropdownProps<OptionValue>>) => JSX.Element;
+export declare const ChipsDropdown: <OptionValue extends string | number>({ children, width, zIndex, disabled, selectedOptions, onOptionValuesChange, placeholder, status, size: sizeProp, }: React.PropsWithChildren<ChipsDropdownProps<OptionValue>>) => React.JSX.Element;

package/dist/components/category-selector/List.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { Category } from './CategorySelector';
 export interface ListProps {
     level: number;
@@ -11,4 +11,4 @@ export interface ListProps {
     multiple?: boolean;
     disabled?: boolean;
 }
-export declare const List: ({ level, categories, selectedKeys, onSelect, onClick, isSelected, isIndeterminate, multiple, disabled, }: ListProps) => JSX.Element;
+export declare const List: ({ level, categories, selectedKeys, onSelect, onClick, isSelected, isIndeterminate, multiple, disabled, }: ListProps) => React.JSX.Element;

package/dist/components/category-selector/ListItem.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { Category } from './CategorySelector';
 export interface ListItemProps {
     category: Category;
@@ -10,4 +10,4 @@ export interface ListItemProps {
     multiple?: boolean;
     disabled?: boolean;
 }
-export declare const ListItem: ({ category, multiple, disabled: disabledProp, onSelect, onClick, isSelected, isIndeterminate, }: ListItemProps) => JSX.Element;
+export declare const ListItem: ({ category, multiple, disabled: disabledProp, onSelect, onClick, isSelected, isIndeterminate, }: ListItemProps) => React.JSX.Element;

package/dist/components/checkbox/Checkbox.stories.d.ts

@@ -1,14 +1,12 @@
-import React from 'react';
-import { ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<React.ForwardRefExoticComponent<import("./Checkbox").CheckboxProps & React.RefAttributes<HTMLInputElement>>>;
-export default _default;
-export declare const Default: any;
-export declare const Checked: any;
-export declare const Disabled: any;
-export declare const CheckedDisabled: any;
-export declare const IndeterminateDisabled: any;
-export declare const Link: ({ disabled, ...args }: {
-    [x: string]: any;
-    disabled: any;
-}) => JSX.Element;
-export declare const Size: () => JSX.Element;
+import { Checkbox } from './Checkbox';
+import type { Meta, StoryObj } from '@storybook/react';
+declare const meta: Meta<typeof Checkbox>;
+export default meta;
+type Story = StoryObj<typeof Checkbox>;
+export declare const Default: Story;
+export declare const Checked: Story;
+export declare const Disabled: Story;
+export declare const CheckedDisabled: Story;
+export declare const IndeterminateDisabled: Story;
+export declare const Link: Story;
+export declare const Size: Story;

package/dist/components/checkbox/CheckboxGroup.stories.d.ts

@@ -1,12 +1,13 @@
-import React from 'react';
-import { ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<React.ForwardRefExoticComponent<import("./CheckboxGroup").CheckboxGroupProps<string | number | boolean> & React.RefAttributes<import("./CheckboxGroup").CheckboxGroupInstance<string | number | boolean>>>>;
-export default _default;
-export declare const Base: any;
-export declare const Spacing: any;
-export declare const Disabled: any;
-export declare const VerticalAlign: any;
-export declare const Size: () => JSX.Element;
-export declare const Controlled: () => JSX.Element;
-export declare const Link: any;
-export declare const indeterminate: () => JSX.Element;
+import type { Meta, StoryObj } from '@storybook/react';
+import { CheckboxGroup } from './CheckboxGroup';
+declare const meta: Meta<typeof CheckboxGroup>;
+export default meta;
+type Story = StoryObj<typeof CheckboxGroup>;
+export declare const Base: Story;
+export declare const Spacing: Story;
+export declare const Disabled: Story;
+export declare const VerticalAlign: Story;
+export declare const Size: Story;
+export declare const Controlled: Story;
+export declare const Link: Story;
+export declare const indeterminate: Story;

package/dist/components/chip/Chip.stories.d.ts

@@ -1,7 +1,7 @@
-import { ComponentMeta, ComponentStory } from '@storybook/react';
-import React from 'react';
+import type { Meta, StoryObj } from '@storybook/react';
 import { Chip } from './Chip';
-declare const _default: ComponentMeta<React.ForwardRefExoticComponent<import("./Chip").ChipProps & React.RefAttributes<HTMLButtonElement>>>;
-export default _default;
-export declare const InputChip: any;
-export declare const InputChipDelete: ComponentStory<typeof Chip>;
+declare const meta: Meta<typeof Chip>;
+export default meta;
+type Story = StoryObj<typeof Chip>;
+export declare const InputChip: Story;
+export declare const InputChipDelete: Story;

package/dist/components/column-view-controller/ColumnViewController.stories.d.ts

@@ -1,10 +1,10 @@
-import { ComponentMeta, ComponentStory } from '@storybook/react';
-import React from 'react';
+import type { Meta, StoryObj } from '@storybook/react';
 import { ColumnViewController } from './ColumnViewController';
-declare const _default: ComponentMeta<(<T>({ children, columns, onChange, width, canFixed, pullsFixed, maxFixedCount, noFixedItemsText, fixedSectionTitle, listSectionTitle, }: React.PropsWithChildren<import("./ColumnViewController").ColumnViewControllerProps<T>>) => JSX.Element)>;
-export default _default;
-export declare const Base: any;
-export declare const PullsFixed: any;
-export declare const MaxFixedCount: any;
-export declare const NoFixed: any;
-export declare const Disabled: ComponentStory<typeof ColumnViewController>;
+declare const meta: Meta<typeof ColumnViewController>;
+export default meta;
+type Story = StoryObj<typeof ColumnViewController>;
+export declare const Base: Story;
+export declare const PullsFixed: Story;
+export declare const MaxFixedCount: Story;
+export declare const NoFixed: Story;
+export declare const Disabled: Story;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { Locale } from 'date-fns';
 import { CaptionProps } from 'react-day-picker';
 import { CaptionLabelType, DisplayMode } from './DatePicker';
@@ -14,4 +14,4 @@ export interface DatePickerCaptionProps extends CaptionProps {
     displayMode: DisplayMode;
     onClickCaptionLabel?: (type: CaptionLabelType) => void;
 }
-export declare const Caption: ({ multipleMonths, currentMonth: controlledMonth, displayMode, className, locale, onClickCaptionLabel, ...props }: DatePickerCaptionProps) => JSX.Element;
+export declare const Caption: ({ multipleMonths, currentMonth: controlledMonth, displayMode, className, locale, onClickCaptionLabel, ...props }: DatePickerCaptionProps) => React.JSX.Element;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { Matcher } from 'react-day-picker';
 import { CSSValueWithLength } from '../../styles';
 import { TimePickerProps } from '../time-picker';
@@ -81,4 +81,4 @@ export interface DatePickerProps extends DatePickerBaseProps {
      */
     timePickerProps?: Omit<TimePickerProps, 'value' | 'fill' | 'onChange'>;
 }
-export declare const DatePicker: ({ width, error, disabled, className, placeholder, size, displayTimeFormat, value, disabledDays, showRemoveButton, showTodayButton, showTimePicker, showFooter, zIndex, displayMode, onChange, opened: openProp, onOpen, onClose, timePickerProps, }: DatePickerProps) => JSX.Element;
+export declare const DatePicker: ({ width, error, disabled, className, placeholder, size, displayTimeFormat, value, disabledDays, showRemoveButton, showTodayButton, showTimePicker, showFooter, zIndex, displayMode, onChange, opened: openProp, onOpen, onClose, timePickerProps, }: DatePickerProps) => React.JSX.Element;

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

@@ -1,20 +1,20 @@
-/// <reference types="react" />
-import { ComponentStory, ComponentMeta } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react';
 import { DatePicker } from './DatePicker';
-declare const _default: ComponentMeta<({ width, error, disabled, className, placeholder, size, displayTimeFormat, value, disabledDays, showRemoveButton, showTodayButton, showTimePicker, showFooter, zIndex, displayMode, onChange, opened: openProp, onOpen, onClose, timePickerProps, }: import("./DatePicker").DatePickerProps) => JSX.Element>;
-export default _default;
-export declare const Base: any;
-export declare const Disabled: any;
-export declare const Error: ComponentStory<typeof DatePicker>;
-export declare const ErrorValidation: ComponentStory<typeof DatePicker>;
-export declare const Size: ComponentStory<typeof DatePicker>;
-export declare const ShowRemoveButton: any;
-export declare const ShowFooter: any;
-export declare const ShowTodayButton: any;
-export declare const ShowTimePicker: any;
-export declare const ShowTimePickerWithHourMinuteSecond: any;
-export declare const ShowTimeHourMinute: any;
-export declare const ShowTimeHourMinuteSecond: any;
-export declare const DisableDays: any;
-export declare const BottomSheetPicker: any;
-export declare const BottomSheetPickerWithTimePicker: any;
+declare const meta: Meta<typeof DatePicker>;
+export default meta;
+type Story = StoryObj<typeof DatePicker>;
+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 ShowFooter: Story;
+export declare const ShowTodayButton: Story;
+export declare const ShowTimePicker: Story;
+export declare const ShowTimePickerWithHourMinuteSecond: Story;
+export declare const ShowTimeHourMinute: Story;
+export declare const ShowTimeHourMinuteSecond: Story;
+export declare const DisableDays: Story;
+export declare const BottomSheetPicker: Story;
+export declare const BottomSheetPickerWithTimePicker: Story;

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

@@ -3,8 +3,8 @@ export interface DatePickerIconProps {
     showRemoveIcon?: boolean;
     onClick?: () => void;
 }
-export declare const DatePickerIcon: ({ showRemoveIcon, onClick }: DatePickerIconProps) => JSX.Element;
+export declare const DatePickerIcon: ({ showRemoveIcon, onClick }: DatePickerIconProps) => React.JSX.Element;
 export declare const RemoveButton: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
-    as?: React.ElementType<any>;
+    as?: React.ElementType<any, keyof React.JSX.IntrinsicElements>;
 }, React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;

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

@@ -1,7 +1,9 @@
 /// <reference types="react" />
+/// <reference types="react" />
 export declare const DatePickerMask: import("@emotion/styled").StyledComponent<{
     id?: string;
     color?: string;
+    content?: string;
     translate?: "yes" | "no";
     hidden?: boolean;
     slot?: string;
@@ -14,7 +16,7 @@ export declare const DatePickerMask: import("@emotion/styled").StyledComponent<{
     prefix?: string;
     role?: import("react").AriaRole;
     children?: import("react").ReactNode;
-    contentEditable?: "inherit" | (boolean | "false" | "true");
+    contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only";
     inputMode?: "search" | "numeric" | "none" | "url" | "text" | "decimal" | "tel" | "email";
     nonce?: string;
     tabIndex?: number;
@@ -22,15 +24,17 @@ export declare const DatePickerMask: import("@emotion/styled").StyledComponent<{
     defaultValue?: string | number | readonly string[];
     suppressContentEditableWarning?: boolean;
     suppressHydrationWarning?: boolean;
+    autoFocus?: boolean;
     contextMenu?: string;
-    placeholder?: string;
     spellCheck?: boolean | "false" | "true";
     radioGroup?: string;
     about?: string;
     datatype?: string;
     inlist?: any;
     property?: string;
+    rel?: string;
     resource?: string;
+    rev?: string;
     typeof?: string;
     vocab?: string;
     autoCapitalize?: string;
@@ -48,14 +52,18 @@ export declare const DatePickerMask: import("@emotion/styled").StyledComponent<{
     "aria-activedescendant"?: string;
     "aria-atomic"?: boolean | "false" | "true";
     "aria-autocomplete"?: "inline" | "both" | "none" | "list";
+    "aria-braillelabel"?: string;
+    "aria-brailleroledescription"?: string;
     "aria-busy"?: boolean | "false" | "true";
     "aria-checked"?: boolean | "false" | "mixed" | "true";
     "aria-colcount"?: number;
     "aria-colindex"?: number;
+    "aria-colindextext"?: string;
     "aria-colspan"?: number;
     "aria-controls"?: string;
     "aria-current"?: boolean | "location" | "time" | "false" | "page" | "true" | "step" | "date";
     "aria-describedby"?: string;
+    "aria-description"?: string;
     "aria-details"?: string;
     "aria-disabled"?: boolean | "false" | "true";
     "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup";
@@ -85,6 +93,7 @@ export declare const DatePickerMask: import("@emotion/styled").StyledComponent<{
     "aria-roledescription"?: string;
     "aria-rowcount"?: number;
     "aria-rowindex"?: number;
+    "aria-rowindextext"?: string;
     "aria-rowspan"?: number;
     "aria-selected"?: boolean | "false" | "true";
     "aria-setsize"?: number;
@@ -94,7 +103,7 @@ export declare const DatePickerMask: import("@emotion/styled").StyledComponent<{
     "aria-valuenow"?: number;
     "aria-valuetext"?: string;
     dangerouslySetInnerHTML?: {
-        __html: string;
+        __html: string | TrustedHTML;
     };
     onCopy?: import("react").ClipboardEventHandler<HTMLDivElement>;
     onCopyCapture?: import("react").ClipboardEventHandler<HTMLDivElement>;
@@ -232,9 +241,7 @@ export declare const DatePickerMask: import("@emotion/styled").StyledComponent<{
     onPointerCancel?: import("react").PointerEventHandler<HTMLDivElement>;
     onPointerCancelCapture?: import("react").PointerEventHandler<HTMLDivElement>;
     onPointerEnter?: import("react").PointerEventHandler<HTMLDivElement>;
-    onPointerEnterCapture?: import("react").PointerEventHandler<HTMLDivElement>;
     onPointerLeave?: import("react").PointerEventHandler<HTMLDivElement>;
-    onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLDivElement>;
     onPointerOver?: import("react").PointerEventHandler<HTMLDivElement>;
     onPointerOverCapture?: import("react").PointerEventHandler<HTMLDivElement>;
     onPointerOut?: import("react").PointerEventHandler<HTMLDivElement>;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { DateRange } from 'react-day-picker';
 import { Duration } from 'date-fns';
 import { DatePickerBaseProps } from './DatePicker';
@@ -76,4 +76,4 @@ export interface DateRangePickerProps extends Omit<DatePickerBaseProps, 'disable
      */
     disabledNowButton?: boolean;
 }
-export declare const DateRangePicker: ({ 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, }: DateRangePickerProps) => JSX.Element;
+export declare const DateRangePicker: ({ 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, }: DateRangePickerProps) => React.JSX.Element;