@croquiscom/pds 8.14.0 → 8.15.0

package/dist/components/table/DataTable.stories.d.ts

@@ -1,32 +1,30 @@
-import React from 'react';
-import { ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<(<DataType_1 extends object = any>(props: import("./DataTable").DataTableProps<DataType_1> & {
-    children?: React.ReactNode;
-} & {
-    ref?: React.Ref<HTMLTableElement>;
-}) => React.ReactElement<any, string | React.JSXElementConstructor<any>>)>;
-export default _default;
-export declare const Base: any;
-export declare const ColumnAlign: any;
-export declare const ColumnWidthMinWidth: any;
-export declare const CustomColumnCell: any;
-export declare const CustomRowCell: any;
-export declare const CustomRowCellStyle: any;
-export declare const Loading: any;
-export declare const Resize: any;
-export declare const NoData: any;
-export declare const CustomNoDataText: any;
-export declare const ColumnGroup: any;
-export declare const CellSpan: any;
-export declare const ColumnFixed: any;
-export declare const StickyHeader: any;
-export declare const Scroll: any;
-export declare const Selection: any;
-export declare const ClickableSelection: any;
-export declare const AutoResetRowSelectOn: any;
-export declare const AutoResetRowSelectOff: any;
-export declare const BeforehandSelectionByKey: any;
-export declare const BeforehandSelectionByFunction: any;
-export declare const Sort: any;
-export declare const WithPagination: any;
-export declare const Disabled: any;
+import type { Meta, StoryObj } from '@storybook/react';
+import { DataTable } from './index';
+import { DataType } from './storybook-helper';
+declare const meta: Meta<typeof DataTable<DataType>>;
+export default meta;
+type Story = StoryObj<typeof DataTable<DataType>>;
+export declare const Base: Story;
+export declare const ColumnAlign: Story;
+export declare const ColumnWidthMinWidth: Story;
+export declare const CustomColumnCell: Story;
+export declare const CustomRowCell: Story;
+export declare const CustomRowCellStyle: Story;
+export declare const Loading: Story;
+export declare const Resize: Story;
+export declare const NoData: Story;
+export declare const CustomNoDataText: Story;
+export declare const ColumnGroup: Story;
+export declare const CellSpan: Story;
+export declare const ColumnFixed: Story;
+export declare const StickyHeader: Story;
+export declare const Scroll: Story;
+export declare const Selection: Story;
+export declare const ClickableSelection: Story;
+export declare const AutoResetRowSelectOn: Story;
+export declare const AutoResetRowSelectOff: Story;
+export declare const BeforehandSelectionByKey: Story;
+export declare const BeforehandSelectionByFunction: Story;
+export declare const Sort: Story;
+export declare const WithPagination: Story;
+export declare const Disabled: Story;

package/dist/components/table/DataTableHeader.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { DataTableProps } from './DataTable';
 import { SelectRowsAction, DataTableRowsType } from './types';
 export interface DataTableHeaderProps<DataType> extends Pick<DataTableProps<DataType>, 'columns' | 'rows' | 'stickyHeader' | 'sortBy' | 'sortDirection' | 'onSortBy' | 'selectableRows' | 'hideSelectAll' | 'resize'> {
@@ -6,4 +6,4 @@ export interface DataTableHeaderProps<DataType> extends Pick<DataTableProps<Data
     selectedRows?: DataTableRowsType<DataType>;
     onSelectedRows?: (action: SelectRowsAction<DataType>) => void;
 }
-export declare const DataTableHeader: <DataType extends object = any>({ columns, rows, stickyHeader, sortBy, sortDirection, allSelected, selectedRows, selectableRows, hideSelectAll, resize, onSelectedRows, onSortBy, }: DataTableHeaderProps<DataType>) => JSX.Element;
+export declare const DataTableHeader: <DataType extends object = any>({ columns, rows, stickyHeader, sortBy, sortDirection, allSelected, selectedRows, selectableRows, hideSelectAll, resize, onSelectedRows, onSortBy, }: DataTableHeaderProps<DataType>) => React.JSX.Element;

package/dist/components/table/DataTableRows.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { DataTableProps } from './DataTable';
 import { SelectRowAction, DataTableRowsType } from './types';
 interface DataTableRowsProps<DataType> extends Pick<DataTableProps<DataType>, 'columns' | 'rows' | 'noDataText' | 'loading' | 'selectableRows' | 'clickableRows' | 'cellHoverStyle' | 'resize'> {
@@ -7,5 +7,5 @@ interface DataTableRowsProps<DataType> extends Pick<DataTableProps<DataType>, 'c
     selectedRows?: DataTableRowsType<DataType>;
     onSelectedRow?: (action: SelectRowAction<DataType>) => void;
 }
-export declare const DataTableRows: <DataType extends object = any>({ columns, rows, loading, selectableRows, clickableRows, selectedRows, noDataText, cellHoverStyle, tableContainerAttribute, resize, onSelectedRow, }: DataTableRowsProps<DataType>) => JSX.Element;
+export declare const DataTableRows: <DataType extends object = any>({ columns, rows, loading, selectableRows, clickableRows, selectedRows, noDataText, cellHoverStyle, tableContainerAttribute, resize, onSelectedRow, }: DataTableRowsProps<DataType>) => React.JSX.Element;
 export {};

package/dist/components/table/Table.stories.d.ts

@@ -1,5 +1,6 @@
-import React from 'react';
-import { ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<React.ForwardRefExoticComponent<import("./Table").TableProps & React.RefAttributes<HTMLTableElement>>>;
-export default _default;
-export declare const Base: any;
+import type { Meta, StoryObj } from '@storybook/react';
+import { Table } from './Table';
+declare const meta: Meta<typeof Table>;
+export default meta;
+type Story = StoryObj<typeof Table>;
+export declare const Base: Story;

package/dist/components/table/TableColGroup.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
+import React from 'react';
 interface TableColGroupProps {
     cols: Array<{
         width?: number;
         minWidth?: number;
     }>;
 }
-export declare const TableColGroup: ({ cols }: TableColGroupProps) => JSX.Element;
+export declare const TableColGroup: ({ cols }: TableColGroupProps) => React.JSX.Element;
 export {};

package/dist/components/table/TableSortIndicator.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from 'react';
 import { SortDirection } from './types';
 export interface TableSortIndicatorProps {
     isSorted: boolean;
     sortDirection: SortDirection;
 }
-export declare const TableSortIndicator: ({ isSorted, sortDirection }: TableSortIndicatorProps) => JSX.Element;
+export declare const TableSortIndicator: ({ isSorted, sortDirection }: TableSortIndicatorProps) => React.JSX.Element;

package/dist/components/table/styles.d.ts

@@ -2,7 +2,7 @@
 import { ColumnAlign } from './types';
 export declare const StyledTableCol: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
-    as?: import("react").ElementType<any>;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements>;
 } & {
     fixed?: boolean;
     fixedColWidth?: number;

package/dist/components/tabs/LineTab.d.ts

@@ -4,10 +4,10 @@ export interface LineTabProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onCl
     id: string;
     onClick?: (id: string) => void;
 }
-export declare const LineTab: ({ id, onClick, className, children, ...props }: PropsWithChildren<LineTabProps>) => JSX.Element;
+export declare const LineTab: ({ id, onClick, className, children, ...props }: PropsWithChildren<LineTabProps>) => React.JSX.Element;
 export declare const TabItemWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
-    as?: React.ElementType<any>;
+    as?: React.ElementType<any, keyof React.JSX.IntrinsicElements>;
 } & {
     $width: TabWidth;
 }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/components/tabs/LineTabs.d.ts

@@ -23,4 +23,4 @@ export interface LineTabsProps {
     activeTabId?: string;
     onChange?: (id?: string) => void;
 }
-export declare const LineTabs: ({ className, children, dense, width, activeTabId, onChange, }: PropsWithChildren<LineTabsProps>) => JSX.Element;
+export declare const LineTabs: ({ className, children, dense, width, activeTabId, onChange, }: PropsWithChildren<LineTabsProps>) => React.JSX.Element;

package/dist/components/tabs/PanelTabs/PanelTab.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes, ReactNode } from 'react';
+import React, { HTMLAttributes, ReactNode } from 'react';
 export interface PanelTabProps extends Omit<HTMLAttributes<HTMLButtonElement>, 'onClick'> {
     id: string;
     onClick?: (id: string) => void;
@@ -11,4 +11,4 @@ export interface PanelTabProps extends Omit<HTMLAttributes<HTMLButtonElement>, '
     disabled?: boolean;
     locale?: 'ko-KR' | 'en-US';
 }
-export declare const PanelTab: ({ id, onClick, className, caption, highlight, helperIcon, suffix, title, number, disabled, locale, ...props }: PanelTabProps) => JSX.Element;
+export declare const PanelTab: ({ id, onClick, className, caption, highlight, helperIcon, suffix, title, number, disabled, locale, ...props }: PanelTabProps) => React.JSX.Element;

package/dist/components/tabs/PanelTabs/PanelTab.stories.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
-import { ComponentStory, ComponentMeta } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react';
 import { PanelTab } from './PanelTab';
-declare const _default: ComponentMeta<({ id, onClick, className, caption, highlight, helperIcon, suffix, title, number, disabled, locale, ...props }: import("./PanelTab").PanelTabProps) => JSX.Element>;
-export default _default;
-export declare const Base: any;
-export declare const Abbreviation: ComponentStory<typeof PanelTab>;
+declare const meta: Meta<typeof PanelTab>;
+export default meta;
+type Story = StoryObj<typeof PanelTab>;
+export declare const Base: Story;
+export declare const Abbreviation: Story;

package/dist/components/tabs/PanelTabs/PanelTabGroup.d.ts

@@ -1,7 +1,7 @@
-import { PropsWithChildren, ReactNode } from 'react';
+import React, { PropsWithChildren, ReactNode } from 'react';
 export interface PanelTabGroupProps {
     title?: ReactNode;
     important?: boolean;
     className?: string;
 }
-export declare const PanelTabGroup: ({ title, important, className, children }: PropsWithChildren<PanelTabGroupProps>) => JSX.Element;
+export declare const PanelTabGroup: ({ title, important, className, children }: PropsWithChildren<PanelTabGroupProps>) => React.JSX.Element;

package/dist/components/tabs/PanelTabs/PanelTabGroup.stories.d.ts

@@ -1,6 +1,7 @@
-import React from 'react';
-import { ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<({ title, important, className, children }: React.PropsWithChildren<import("./PanelTabGroup").PanelTabGroupProps>) => JSX.Element>;
-export default _default;
-export declare const Base: any;
-export declare const Scroll: any;
+import type { Meta, StoryObj } from '@storybook/react';
+import { PanelTabGroup } from './PanelTabGroup';
+declare const meta: Meta<typeof PanelTabGroup>;
+export default meta;
+type Story = StoryObj<typeof PanelTabGroup>;
+export declare const Base: Story;
+export declare const Scroll: Story;

package/dist/components/tabs/PanelTabs/PanelTabs.d.ts

@@ -16,4 +16,4 @@ export interface PanelTabsProps {
     activeTabId?: string;
     onChange?: (id?: string) => void;
 }
-export declare const PanelTabs: ({ divider, children, className, activeTabId, onChange, }: PropsWithChildren<PanelTabsProps>) => JSX.Element;
+export declare const PanelTabs: ({ divider, children, className, activeTabId, onChange, }: PropsWithChildren<PanelTabsProps>) => React.JSX.Element;

package/dist/components/tabs/PanelTabs/PanelTabs.stories.d.ts

@@ -1,7 +1,8 @@
-import React from 'react';
-import { ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<({ divider, children, className, activeTabId, onChange, }: React.PropsWithChildren<import("./PanelTabs").PanelTabsProps>) => JSX.Element>;
-export default _default;
-export declare const Base: any;
-export declare const WithTabGroup: any;
-export declare const Scroll: any;
+import type { Meta, StoryObj } from '@storybook/react';
+import { PanelTabs } from './PanelTabs';
+declare const meta: Meta<typeof PanelTabs>;
+export default meta;
+type Story = StoryObj<typeof PanelTabs>;
+export declare const Base: Story;
+export declare const WithTabGroup: Story;
+export declare const Scroll: Story;

package/dist/components/tabs/Tabs.stories.d.ts

@@ -1,9 +1,10 @@
-import React from 'react';
-import { ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<({ className, children, dense, width, activeTabId, onChange, }: React.PropsWithChildren<import("./LineTabs").LineTabsProps>) => JSX.Element>;
-export default _default;
-export declare const Base: any;
-export declare const Fill: any;
-export declare const Dense: any;
-export declare const WithIcon: () => JSX.Element;
-export declare const Scroll: any;
+import type { Meta, StoryObj } from '@storybook/react';
+import { LineTabs } from './LineTabs';
+declare const meta: Meta<typeof LineTabs>;
+export default meta;
+type Story = StoryObj<typeof LineTabs>;
+export declare const Base: Story;
+export declare const Fill: Story;
+export declare const Dense: Story;
+export declare const WithIcon: Story;
+export declare const Scroll: Story;

package/dist/components/text/BaseText.stories.d.ts

@@ -1,7 +1,8 @@
-import React from 'react';
-import { ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<React.FC<import("./BaseText").BaseTextProps & (React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> | React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement> | React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement> | React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement> | React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>)>>;
-export default _default;
-export declare const Base: any;
-export declare const Alignment: any;
-export declare const Kind: any;
+import type { Meta, StoryObj } from '@storybook/react';
+import { BaseText } from './BaseText';
+declare const meta: Meta<typeof BaseText>;
+export default meta;
+type Story = StoryObj<typeof BaseText>;
+export declare const Base: Story;
+export declare const Alignment: Story;
+export declare const Kind: Story;

package/dist/components/text/HelpText.stories.d.ts

@@ -1,5 +1,6 @@
-import React from 'react';
-import { ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<React.FC<import("./HelpText").HelpTextProps>>;
-export default _default;
-export declare const Base: any;
+import type { Meta, StoryObj } from '@storybook/react';
+import { HelpText } from './HelpText';
+declare const meta: Meta<typeof HelpText>;
+export default meta;
+type Story = StoryObj<typeof HelpText>;
+export declare const Base: Story;

package/dist/components/textarea/Textarea.stories.d.ts

@@ -1,14 +1,15 @@
-import React from 'react';
-import { ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<React.ForwardRefExoticComponent<import("./Textarea").TextareaProps & React.RefAttributes<HTMLTextAreaElement>>>;
-export default _default;
-export declare const Base: any;
-export declare const AutoSize: any;
-export declare const AutoSizeWithMinRows: any;
-export declare const AutoSizeWithMaxRows: any;
-export declare const AutoSizeWithMinMaxRows: any;
-export declare const Error: any;
-export declare const WithFormHelperText: () => JSX.Element;
-export declare const Disabled: any;
-export declare const EnteredDisabled: any;
-export declare const MaxLength: any;
+import type { Meta, StoryObj } from '@storybook/react';
+import { Textarea } from './Textarea';
+declare const meta: Meta<typeof Textarea>;
+export default meta;
+type Story = StoryObj<typeof Textarea>;
+export declare const Base: Story;
+export declare const AutoSize: Story;
+export declare const AutoSizeWithMinRows: Story;
+export declare const AutoSizeWithMaxRows: Story;
+export declare const AutoSizeWithMinMaxRows: Story;
+export declare const Error: Story;
+export declare const WithFormHelperText: Story;
+export declare const Disabled: Story;
+export declare const EnteredDisabled: Story;
+export declare const MaxLength: Story;

package/dist/components/time-picker/TimePicker.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { CSSValueWithLength } from '../../styles';
 import { InputSize } from '../input/types';
 export interface TimePickerProps {
@@ -42,4 +42,4 @@ export interface TimePickerProps {
     /** @default true */
     usePortal?: boolean;
 }
-export declare const TimePicker: ({ disabled, size, value, error, width, fill, zIndex, className, onOpen, onClose, onChange, incrementMinute, showRemoveButton, usePortal, }: TimePickerProps) => JSX.Element;
+export declare const TimePicker: ({ disabled, size, value, error, width, fill, zIndex, className, onOpen, onClose, onChange, incrementMinute, showRemoveButton, usePortal, }: TimePickerProps) => React.JSX.Element;

package/dist/components/time-picker/TimePicker.stories.d.ts

@@ -1,12 +1,12 @@
-/// <reference types="react" />
-import { ComponentStory, ComponentMeta } from '@storybook/react';
-import { TimePicker } from './TimePicker';
-declare const _default: ComponentMeta<({ disabled, size, value, error, width, fill, zIndex, className, onOpen, onClose, onChange, incrementMinute, showRemoveButton, usePortal, }: import("./TimePicker").TimePickerProps) => JSX.Element>;
-export default _default;
-export declare const Base: any;
-export declare const Disabled: any;
-export declare const Error: any;
-export declare const Size: ComponentStory<typeof TimePicker>;
-export declare const ShowRemoveButton: any;
-export declare const IncrementMinute: any;
-export declare const FullWidth: any;
+import type { Meta, StoryObj } from '@storybook/react';
+import { TimePickerProps } from './TimePicker';
+declare const meta: Meta<TimePickerProps>;
+export default meta;
+type Story = StoryObj<TimePickerProps>;
+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 IncrementMinute: Story;
+export declare const FullWidth: Story;

package/dist/components/time-picker/TimePickerIcon.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import React from 'react';
 export interface TimePickerIconProps {
     showRemoveIcon?: boolean;
     onClick?: () => void;
 }
-export declare const TimePickerIcon: ({ showRemoveIcon, onClick }: TimePickerIconProps) => JSX.Element;
+export declare const TimePickerIcon: ({ showRemoveIcon, onClick }: TimePickerIconProps) => React.JSX.Element;

package/dist/components/time-picker/TimePickerOptions.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 export interface TimeOption {
     label: string;
     value: number;
@@ -20,4 +20,4 @@ export declare const getTimePickerOption: (options: TimeOption[], value: TimeOpt
 export declare const TIME_PICKER_COLUMN_HEIGHT = 340;
 export declare const TIME_PICKER_CELL_HEIGHT = 38;
 export declare const TIME_PICKER_SAFE_AREA = 100;
-export declare const TimePickerOptions: ({ availableHeight, timeHourPickerOptions, timeMinutePickerOptions, selectedTimeHour, selectedTimeMinute, disabled, fill, onChangeHour, onChangeMinute, }: TimePickerOptionsProps) => JSX.Element;
+export declare const TimePickerOptions: ({ availableHeight, timeHourPickerOptions, timeMinutePickerOptions, selectedTimeHour, selectedTimeMinute, disabled, fill, onChangeHour, onChangeMinute, }: TimePickerOptionsProps) => React.JSX.Element;

package/dist/components/time-picker/TimePickerOverlay.d.ts

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

package/dist/components/time-picker/TimeRangePicker.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { TimePickerProps } from './TimePicker';
 type TimeRange = {
     from: Date | null;
@@ -11,5 +11,5 @@ export interface TimeRangePickerProps extends Omit<TimePickerProps, 'value' | 'o
     value?: TimeRange;
     onChange?: (start: TimeRange['from'], end: TimeRange['to']) => void;
 }
-export declare const TimeRangePicker: ({ disabled, size, value, error, width, className, zIndex, onOpen, onClose, onChange, incrementMinute, fill, showRemoveButton, }: TimeRangePickerProps) => JSX.Element;
+export declare const TimeRangePicker: ({ disabled, size, value, error, width, className, zIndex, onOpen, onClose, onChange, incrementMinute, fill, showRemoveButton, }: TimeRangePickerProps) => React.JSX.Element;
 export {};

package/dist/components/time-picker/TimeRangePicker.stories.d.ts

@@ -1,12 +1,12 @@
-/// <reference types="react" />
-import { ComponentStory, ComponentMeta } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react';
 import { TimeRangePicker } from './TimeRangePicker';
-declare const _default: ComponentMeta<({ disabled, size, value, error, width, className, zIndex, onOpen, onClose, onChange, incrementMinute, fill, showRemoveButton, }: import("./TimeRangePicker").TimeRangePickerProps) => JSX.Element>;
-export default _default;
-export declare const Base: any;
-export declare const Disabled: any;
-export declare const Error: any;
-export declare const Size: ComponentStory<typeof TimeRangePicker>;
-export declare const ShowRemoveButton: any;
-export declare const IncrementMinute: any;
-export declare const FullWidth: any;
+declare const meta: Meta<typeof TimeRangePicker>;
+export default meta;
+type Story = StoryObj<typeof TimeRangePicker>;
+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 IncrementMinute: Story;
+export declare const FullWidth: Story;

package/dist/components/toast/Toast.stories.d.ts

@@ -1,11 +1,12 @@
-import React from 'react';
-import { ComponentMeta, ComponentStory } from '@storybook/react';
-import { ToastComponent, ToastComponentProps } from './Toast';
-declare const _default: ComponentMeta<React.FC<ToastComponentProps>>;
-export default _default;
-export declare const Base: any;
-export declare const Kind: any;
-export declare const Position: any;
-export declare const Direction: any;
-export declare const FullWidth: any;
-export declare const HandleDestroy: ComponentStory<typeof ToastComponent>;
+import type { Meta, StoryObj } from '@storybook/react';
+import { ToastComponentProps } from './Toast';
+import { MessageOptions } from '../message';
+declare const meta: Meta<MessageOptions<ToastComponentProps>>;
+export default meta;
+type Story = StoryObj<ToastComponentProps>;
+export declare const Base: Story;
+export declare const Kind: Story;
+export declare const Position: Story;
+export declare const Direction: Story;
+export declare const FullWidth: Story;
+export declare const HandleDestroy: Story;

package/dist/components/tooltip/Tooltip.d.ts

@@ -38,5 +38,5 @@ export interface TooltipProps extends TooltipBaseProps {
     onClose?: () => void;
     onOpen?: () => void;
 }
-export declare const Tooltip: ({ placement, children, className, content, canClickOutside, openerTriggerEvent, opened: openProp, size, kind, zIndex, noUsePortal, closeButton, onClose, onOpen, }: TooltipProps) => JSX.Element;
+export declare const Tooltip: ({ placement, children, className, content, canClickOutside, openerTriggerEvent, opened: openProp, size, kind, zIndex, noUsePortal, closeButton, onClose, onOpen, }: TooltipProps) => React.JSX.Element;
 export {};

package/dist/components/tooltip/Tooltip.stories.d.ts

@@ -1,10 +1,11 @@
-/// <reference types="react" />
-import { ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<({ placement, children, className, content, canClickOutside, openerTriggerEvent, opened: openProp, size, kind, zIndex, noUsePortal, closeButton, onClose, onOpen, }: import("./Tooltip").TooltipProps) => JSX.Element>;
-export default _default;
-export declare const Base: any;
-export declare const Placement: any;
-export declare const MaxWidth: () => JSX.Element;
-export declare const Trigger: () => JSX.Element;
-export declare const ContentWithCloseButton: () => JSX.Element;
-export declare const HidingFullyClippedReferenceElements: () => JSX.Element;
+import type { Meta, StoryObj } from '@storybook/react';
+import { Tooltip } from './Tooltip';
+declare const meta: Meta<typeof Tooltip>;
+export default meta;
+type Story = StoryObj<typeof Tooltip>;
+export declare const Base: Story;
+export declare const Placement: Story;
+export declare const MaxWidth: Story;
+export declare const Trigger: Story;
+export declare const ContentWithCloseButton: Story;
+export declare const HidingFullyClippedReferenceElements: Story;

package/dist/components/tooltip/TooltipBase.d.ts

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

package/dist/container/footer/Footer.d.ts

@@ -2,19 +2,19 @@
 export declare const Footer: {
     Container: import("@emotion/styled").StyledComponent<{
         theme?: import("@emotion/react").Theme;
-        as?: import("react").ElementType<any>;
+        as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements>;
     }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
     List: import("@emotion/styled").StyledComponent<{
         theme?: import("@emotion/react").Theme;
-        as?: import("react").ElementType<any>;
+        as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements>;
     }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, {}>;
     Address: import("@emotion/styled").StyledComponent<{
         theme?: import("@emotion/react").Theme;
-        as?: import("react").ElementType<any>;
+        as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements>;
     }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
     Link: import("@emotion/styled").StyledComponent<{
         theme?: import("@emotion/react").Theme;
-        as?: import("react").ElementType<any>;
+        as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements>;
     } & {
         strong?: boolean;
     }, import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, {}>;

package/dist/container/footer/Footer.stories.d.ts

@@ -1,5 +1,5 @@
-declare const _default: {
-    title: string;
-};
-export default _default;
-export declare const Base: any;
+import type { Meta, StoryObj } from '@storybook/react';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj;
+export declare const Base: Story;

package/dist/container/page-header/PageHeader.d.ts

@@ -5,10 +5,10 @@ export interface PageHeaderProps {
     /** @default true */
     border?: boolean;
 }
-export declare const PageHeader: ({ dense, border, children }: PropsWithChildren<PageHeaderProps>) => JSX.Element;
+export declare const PageHeader: ({ dense, border, children }: PropsWithChildren<PageHeaderProps>) => React.JSX.Element;
 export declare const Header: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
-    as?: React.ElementType<any>;
+    as?: React.ElementType<any, keyof React.JSX.IntrinsicElements>;
 } & {
     dense: boolean;
     border: boolean;

package/dist/container/page-header/PageHeader.stories.d.ts

@@ -1,8 +1,9 @@
-import React from 'react';
-import { ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<({ dense, border, children }: React.PropsWithChildren<import("./PageHeader").PageHeaderProps>) => JSX.Element>;
-export default _default;
-export declare const Base: any;
-export declare const Dense: any;
-export declare const WithSectionTitleVertical: any;
-export declare const WithLineTab: () => JSX.Element;
+import type { Meta, StoryObj } from '@storybook/react';
+import { PageHeader } from './PageHeader';
+declare const meta: Meta<typeof PageHeader>;
+export default meta;
+type Story = StoryObj<typeof PageHeader>;
+export declare const Base: Story;
+export declare const Dense: Story;
+export declare const WithSectionTitleVertical: Story;
+export declare const WithLineTab: Story;

package/dist/container/section-title/SectionTitle.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import React, { ReactNode } from 'react';
 export type SectionTitleDirection = 'horizontal' | 'vertical';
 export type SectionTitleSize = 'small' | 'medium' | 'large';
 export interface SectionTitleProps {
@@ -12,4 +12,4 @@ export interface SectionTitleProps {
     textButton?: ReactNode;
     actions?: ReactNode;
 }
-export declare const SectionTitle: ({ direction, size, caption, title, description, textButton, actions, }: SectionTitleProps) => JSX.Element;
+export declare const SectionTitle: ({ direction, size, caption, title, description, textButton, actions, }: SectionTitleProps) => React.JSX.Element;