@croquiscom/pds 8.14.0 → 8.15.0

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

@@ -1,17 +1,17 @@
-import React from 'react';
-import { ComponentStory, ComponentMeta } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react';
 import { NumericInput } from './NumericInput';
-declare const _default: ComponentMeta<React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "width" | "size" | "onChange"> & import("./NumericInput").NumericInputBaseType & React.RefAttributes<HTMLInputElement>>>;
-export default _default;
-export declare const Base: any;
-export declare const Addon: any;
-export declare const Width: any;
-export declare const AddonWithWidth: any;
-export declare const Error: any;
-export declare const Size: () => JSX.Element;
-export declare const Disabled: any;
-export declare const WhetherNegativeNumbersAreAllowed: any;
-export declare const DecimalScale: any;
-export declare const EnteredDisabled: any;
-export declare const RightAlignment: any;
-export declare const SetValueWithName: ComponentStory<typeof NumericInput>;
+declare const meta: Meta<typeof NumericInput>;
+export default meta;
+type Story = StoryObj<typeof NumericInput>;
+export declare const Base: Story;
+export declare const Addon: Story;
+export declare const Width: Story;
+export declare const AddonWithWidth: Story;
+export declare const Error: Story;
+export declare const Size: Story;
+export declare const Disabled: Story;
+export declare const WhetherNegativeNumbersAreAllowed: Story;
+export declare const DecimalScale: Story;
+export declare const EnteredDisabled: Story;
+export declare const RightAlignment: Story;
+export declare const SetValueWithName: Story;

package/dist/components/list/List.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { ListItemProps } from '../list-item';
 export interface ListProps<T = string> {
     items: Array<ListItemProps<T>>;
@@ -14,4 +14,4 @@ export interface ListProps<T = string> {
     onChange?: (items: Array<ListItemProps<T>>) => void;
     width?: number;
 }
-export declare const List: <T extends string>({ items, draggable, onChange, width }: ListProps<T>) => JSX.Element;
+export declare const List: <T extends string>({ items, draggable, onChange, width }: ListProps<T>) => React.JSX.Element;

package/dist/components/list/List.stories.d.ts

@@ -1,7 +1,8 @@
-/// <reference types="react" />
-import { ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<(<T extends string>({ items, draggable, onChange, width }: import("./List").ListProps<T>) => JSX.Element)>;
-export default _default;
-export declare const Base: any;
-export declare const Draggable: any;
-export declare const FullCase: any;
+import type { Meta, StoryObj } from '@storybook/react';
+import { List } from './List';
+declare const meta: Meta<typeof List>;
+export default meta;
+type Story = StoryObj<typeof List>;
+export declare const Base: Story;
+export declare const Draggable: Story;
+export declare const FullCase: Story;

package/dist/components/list-item/ListItem.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import React, { ReactNode } from 'react';
 export interface ListItemProps<T = string> {
     id: T;
     text: ReactNode;
@@ -32,4 +32,4 @@ export interface ListItemProps<T = string> {
      */
     onPin?: (fixed: boolean, index?: number) => void;
 }
-export declare const ListItem: <T extends string>({ id, isOn, fixed, disabled, text, draggable, index, onToggle, onPin, }: ListItemProps<T>) => JSX.Element;
+export declare const ListItem: <T extends string>({ id, isOn, fixed, disabled, text, draggable, index, onToggle, onPin, }: ListItemProps<T>) => React.JSX.Element;

package/dist/components/list-item/ListItem.stories.d.ts

@@ -1,10 +1,11 @@
-/// <reference types="react" />
-import { ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<(<T extends string>({ id, isOn, fixed, disabled, text, draggable, index, onToggle, onPin, }: import("./ListItem").ListItemProps<T>) => JSX.Element)>;
-export default _default;
-export declare const Base: any;
-export declare const Draggable: any;
-export declare const Disabled: any;
-export declare const Togglable: any;
-export declare const Pinnable: any;
-export declare const FullCase: any;
+import type { Meta, StoryObj } from '@storybook/react';
+import { ListItem } from './ListItem';
+declare const meta: Meta<typeof ListItem>;
+export default meta;
+type Story = StoryObj<typeof ListItem>;
+export declare const Base: Story;
+export declare const Draggable: Story;
+export declare const Disabled: Story;
+export declare const Togglable: Story;
+export declare const Pinnable: Story;
+export declare const FullCase: Story;

package/dist/components/menu/Menu.stories.d.ts

@@ -1,10 +1,10 @@
-import React from 'react';
-import { ComponentStory, ComponentMeta } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react';
 import { Menu } from './Menu';
-declare const _default: ComponentMeta<React.ForwardRefExoticComponent<import("./Menu").MenuProps & React.RefAttributes<HTMLUListElement>>>;
-export default _default;
-export declare const BaseOneDepthMenu: ComponentStory<typeof Menu>;
-export declare const WithIcon: ComponentStory<typeof Menu>;
-export declare const WithSuffix: ComponentStory<typeof Menu>;
-export declare const WithChildToggle: ComponentStory<typeof Menu>;
-export declare const ControlledNavigation: ComponentStory<typeof Menu>;
+declare const meta: Meta<typeof Menu>;
+export default meta;
+type Story = StoryObj<typeof Menu>;
+export declare const BaseOneDepthMenu: Story;
+export declare const WithIcon: Story;
+export declare const WithSuffix: Story;
+export declare const WithChildToggle: Story;
+export declare const ControlledNavigation: Story;

package/dist/components/modal/AlertModal.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { ConfirmModalProps } from './ConfirmModal';
 import { NotificationKind } from '../notification';
 import { ModalActionButtonType } from './ModalActionButton';
@@ -13,5 +13,5 @@ export interface AlertModalProps extends Omit<ConfirmModalProps, 'cancelText' |
      */
     autoFocusButton?: Extract<ModalActionButtonType, 'confirm'> | null;
 }
-export declare const AlertModal: ({ width, kind, dense, fill, title, confirmText, confirmButtonProps, autoFocusButton, text, subtext, zIndex, onConfirm, onClose, onExited, ...props }: AlertModalProps) => JSX.Element;
+export declare const AlertModal: ({ width, kind, dense, fill, title, confirmText, confirmButtonProps, autoFocusButton, text, subtext, zIndex, onConfirm, onClose, onExited, ...props }: AlertModalProps) => React.JSX.Element;
 export declare const Alert: (properties: AlertModalProps) => Promise<boolean>;

package/dist/components/modal/AlertModal.stories.d.ts

@@ -1,10 +1,10 @@
-/// <reference types="react" />
-import { ComponentStory, ComponentMeta } from '@storybook/react';
-import { AlertModal, AlertModalProps } from './AlertModal';
-declare const _default: ComponentMeta<({ width, kind, dense, fill, title, confirmText, confirmButtonProps, autoFocusButton, text, subtext, zIndex, onConfirm, onClose, onExited, ...props }: AlertModalProps) => JSX.Element>;
-export default _default;
-export declare const Base: ComponentStory<typeof AlertModal>;
-export declare const Dense: ComponentStory<typeof AlertModal>;
-export declare const Kind: ComponentStory<typeof AlertModal>;
-export declare const DisabledAutoFocusButton: ComponentStory<typeof AlertModal>;
-export declare const ContinuosOpen: ComponentStory<typeof AlertModal>;
+import type { Meta, StoryObj } from '@storybook/react';
+import { AlertModal } from './AlertModal';
+declare const meta: Meta<typeof AlertModal>;
+export default meta;
+type Story = StoryObj<typeof AlertModal>;
+export declare const Base: Story;
+export declare const Dense: Story;
+export declare const Kind: Story;
+export declare const DisabledAutoFocusButton: Story;
+export declare const ContinuosOpen: Story;

package/dist/components/modal/ConfirmModal.d.ts

@@ -38,7 +38,7 @@ export interface ConfirmModalProps extends Omit<ModalOverlayBaseProps, 'onClose'
      */
     onClose?: () => void | Promise<void>;
 }
-export declare const ConfirmModal: ({ title, width, zIndex, dense, fill, text, subtext, confirmText, cancelText, confirmButtonProps, cancelButtonProps, autoFocusButton, onConfirm, onCancel, onClose, onExited, ...props }: ConfirmModalProps) => JSX.Element;
+export declare const ConfirmModal: ({ title, width, zIndex, dense, fill, text, subtext, confirmText, cancelText, confirmButtonProps, cancelButtonProps, autoFocusButton, onConfirm, onCancel, onClose, onExited, ...props }: ConfirmModalProps) => React.JSX.Element;
 export declare const StyledText: import("@emotion/styled").StyledComponent<(import("../text").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>)) & {
     theme?: import("@emotion/react").Theme;
 }, {}, {}>;

package/dist/components/modal/ConfirmModal.stories.d.ts

@@ -1,11 +1,11 @@
-/// <reference types="react" />
-import { ComponentStory, ComponentMeta } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react';
 import { ConfirmModal } from './ConfirmModal';
-declare const _default: ComponentMeta<({ title, width, zIndex, dense, fill, text, subtext, confirmText, cancelText, confirmButtonProps, cancelButtonProps, autoFocusButton, onConfirm, onCancel, onClose, onExited, ...props }: import("./ConfirmModal").ConfirmModalProps) => JSX.Element>;
-export default _default;
-export declare const Base: ComponentStory<typeof ConfirmModal>;
-export declare const Dense: ComponentStory<typeof ConfirmModal>;
-export declare const ContinuosOpen: ComponentStory<typeof ConfirmModal>;
-export declare const AutoFocusButtonCustom: ComponentStory<typeof ConfirmModal>;
-export declare const DisabledAutoFocusButton: ComponentStory<typeof ConfirmModal>;
-export declare const CustomPropsButton: ComponentStory<typeof ConfirmModal>;
+declare const meta: Meta<typeof ConfirmModal>;
+export default meta;
+type Story = StoryObj<typeof ConfirmModal>;
+export declare const Base: Story;
+export declare const Dense: Story;
+export declare const ContinuosOpen: Story;
+export declare const AutoFocusButtonCustom: Story;
+export declare const DisabledAutoFocusButton: Story;
+export declare const CustomPropsButton: Story;

package/dist/components/modal/Modal.d.ts

@@ -78,7 +78,7 @@ export declare const MIN_WIDTH = 480;
 export declare const Modal: React.ComponentType<React.PropsWithChildren<ModalProps>>;
 export declare const ModalContent: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
-    as?: React.ElementType<any>;
+    as?: React.ElementType<any, keyof React.JSX.IntrinsicElements>;
 } & ModalContentProps & {
     fullScreen: boolean;
     layoutHeight: LayoutHeightType;

package/dist/components/modal/Modal.stories.d.ts

@@ -1,23 +1,23 @@
-import React from 'react';
-import { ComponentStory, ComponentMeta } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react';
 import { Modal } from './Modal';
-declare const _default: ComponentMeta<React.ComponentType<React.PropsWithChildren<import("./Modal").ModalProps>>>;
-export default _default;
-export declare const Base: any;
-export declare const Dense: any;
-export declare const Fill: any;
-export declare const DisabledOverlayEscape: any;
-export declare const WithBackButton: any;
-export declare const ControlledCancelEvent: ComponentStory<typeof Modal>;
-export declare const CustomFooter: ComponentStory<typeof Modal>;
-export declare const CustomContent: ComponentStory<typeof Modal>;
-export declare const NestingModal: ComponentStory<typeof Modal>;
-export declare const NestingChildModal: ComponentStory<typeof Modal>;
-export declare const NestingConfirm: ComponentStory<typeof Modal>;
-export declare const FullScreen: ComponentStory<typeof Modal>;
-export declare const CustomFooterFullScreen: ComponentStory<typeof Modal>;
-export declare const AutoMaxHeight: ComponentStory<typeof Modal>;
-export declare const CustomMaxHeight: ComponentStory<typeof Modal>;
-export declare const Scrollable: ComponentStory<typeof Modal>;
-export declare const AutoFocusButton: any;
-export declare const NestingFloatingElements: ComponentStory<typeof Modal>;
+declare const meta: Meta<typeof Modal>;
+export default meta;
+type Story = StoryObj<typeof Modal>;
+export declare const Base: Story;
+export declare const Dense: Story;
+export declare const Fill: Story;
+export declare const DisabledOverlayEscape: Story;
+export declare const WithBackButton: Story;
+export declare const ControlledCancelEvent: Story;
+export declare const CustomFooter: Story;
+export declare const CustomContent: Story;
+export declare const NestingModal: Story;
+export declare const NestingChildModal: Story;
+export declare const NestingConfirm: Story;
+export declare const FullScreen: Story;
+export declare const CustomFooterFullScreen: Story;
+export declare const AutoMaxHeight: Story;
+export declare const CustomMaxHeight: Story;
+export declare const Scrollable: Story;
+export declare const AutoFocusButton: Story;
+export declare const NestingFloatingElements: Story;

package/dist/components/modal/ModalOverlay.d.ts

@@ -1,4 +1,4 @@
-import { PropsWithChildren, Dispatch, SetStateAction } from 'react';
+import React, { PropsWithChildren, Dispatch, SetStateAction } from 'react';
 import { CSSValueWithLength } from '../../styles';
 import { CornerRadiusSize } from '../../foundation';
 export type ModalBaseCancelReason = 'cancelClick' | 'escapeKeyPress' | 'overlayClick';
@@ -72,4 +72,4 @@ export interface ModalOverlayProps extends ModalOverlayBaseProps {
      */
     autoFocus?: boolean;
 }
-export declare const ModalOverlay: ({ floatingPortalId, width, borderRadiusSize, fill, fullScreen, className, children, opened: openProp, zIndex, canClickOutside, canCloseEscapeKey, controlledOpen, autoFocus, returnFocus, onExited, onClose, onCancelEventCallback, setOpened, }: PropsWithChildren<ModalOverlayProps>) => JSX.Element;
+export declare const ModalOverlay: ({ floatingPortalId, width, borderRadiusSize, fill, fullScreen, className, children, opened: openProp, zIndex, canClickOutside, canCloseEscapeKey, controlledOpen, autoFocus, returnFocus, onExited, onClose, onCancelEventCallback, setOpened, }: PropsWithChildren<ModalOverlayProps>) => React.JSX.Element;

package/dist/components/modal/NoticeModal.stories.d.ts

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

package/dist/components/notification/Notification.stories.d.ts

@@ -1,8 +1,9 @@
-import React from 'react';
-import { ComponentStory, ComponentMeta } from '@storybook/react';
-import { NotificationComponent, NotificationComponentProps } from './Notification';
-declare const _default: ComponentMeta<React.FC<NotificationComponentProps>>;
-export default _default;
-export declare const Base: any;
-export declare const Kind: any;
-export declare const HandleEvent: ComponentStory<typeof NotificationComponent>;
+import type { Meta, StoryObj } from '@storybook/react';
+import { NotificationComponentProps } from './Notification';
+import { MessageOptions } from '../message';
+declare const meta: Meta<MessageOptions<NotificationComponentProps>>;
+export default meta;
+type Story = StoryObj<MessageOptions<NotificationComponentProps>>;
+export declare const Base: Story;
+export declare const Kind: Story;
+export declare const HandleEvent: Story;

package/dist/components/page-indicator/PageIndicator.stories.d.ts

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

package/dist/components/pagination/Pagination.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes } from 'react';
+import React, { HTMLAttributes } from 'react';
 export interface PaginationProps extends HTMLAttributes<HTMLUListElement> {
     disabled?: boolean;
     /**
@@ -23,4 +23,4 @@ export interface PaginationProps extends HTMLAttributes<HTMLUListElement> {
     showArrowButton?: boolean;
     onChangePage?: (page: number) => void;
 }
-export declare const Pagination: ({ disabled, totalPages, currentPage, siblingCount, boundaryCount, showArrowButton, onChangePage, }: PaginationProps) => JSX.Element;
+export declare const Pagination: ({ disabled, totalPages, currentPage, siblingCount, boundaryCount, showArrowButton, onChangePage, }: PaginationProps) => React.JSX.Element;

package/dist/components/pagination/Pagination.stories.d.ts

@@ -1,10 +1,11 @@
-/// <reference types="react" />
-import { ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<({ disabled, totalPages, currentPage, siblingCount, boundaryCount, showArrowButton, onChangePage, }: import("./Pagination").PaginationProps) => JSX.Element>;
-export default _default;
-export declare const Base: any;
-export declare const Disabled: any;
-export declare const HideArrowButton: any;
-export declare const CustomSiblingCount: any;
-export declare const CustomBoundaryCount: any;
-export declare const MinWidthExample: any;
+import type { Meta, StoryObj } from '@storybook/react';
+import { Pagination } from './Pagination';
+declare const meta: Meta<typeof Pagination>;
+export default meta;
+type Story = StoryObj<typeof Pagination>;
+export declare const Base: Story;
+export declare const Disabled: Story;
+export declare const HideArrowButton: Story;
+export declare const CustomSiblingCount: Story;
+export declare const CustomBoundaryCount: Story;
+export declare const MinWidthExample: Story;

package/dist/components/pagination/PaginationArrow.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 type PaginationArrowPosition = 'prev' | 'next';
 export interface PaginationArrowProps {
     /** @default prev */
@@ -6,5 +6,5 @@ export interface PaginationArrowProps {
     disabled?: boolean;
     onClick?: () => void;
 }
-export declare const PaginationArrow: ({ position, disabled, onClick }: PaginationArrowProps) => JSX.Element;
+export declare const PaginationArrow: ({ position, disabled, onClick }: PaginationArrowProps) => React.JSX.Element;
 export {};

package/dist/components/pagination/PaginationArrow.stories.d.ts

@@ -1,5 +1,6 @@
-/// <reference types="react" />
-import { ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<({ position, disabled, onClick }: import("./PaginationArrow").PaginationArrowProps) => JSX.Element>;
-export default _default;
-export declare const Base: any;
+import type { Meta, StoryObj } from '@storybook/react';
+import { PaginationArrow } from './PaginationArrow';
+declare const meta: Meta<typeof PaginationArrow>;
+export default meta;
+type Story = StoryObj<typeof PaginationArrow>;
+export declare const Base: Story;

package/dist/components/popover/Popover.stories.d.ts

@@ -1,42 +1,15 @@
-import React from 'react';
-import { ComponentStory, ComponentMeta } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react';
 import { Popover } from './Popover';
-declare const _default: ComponentMeta<React.FC<import("./Popover").PopoverProps>>;
-export default _default;
-export declare const Base: any;
-export declare const Width: any;
-export declare const HoverIcon: () => JSX.Element;
-export declare const Placement: ComponentStory<typeof Popover>;
-export declare const Trigger: () => JSX.Element;
-export declare const Controlled: () => JSX.Element;
-export declare const TemplateWithCloseButton: {
-    (): JSX.Element;
-    parameters: {
-        docs: {
-            description: {
-                story: string;
-            };
-        };
-    };
-};
-export declare const HidingFullyClippedReferenceElements: () => JSX.Element;
-export declare const NoArrow: {
-    (): JSX.Element;
-    parameters: {
-        docs: {
-            description: {
-                story: string;
-            };
-        };
-    };
-};
-export declare const DescriptionOnly: {
-    (): JSX.Element;
-    parameters: {
-        docs: {
-            description: {
-                story: string;
-            };
-        };
-    };
-};
+declare const meta: Meta<typeof Popover>;
+export default meta;
+type Story = StoryObj<typeof Popover>;
+export declare const Base: Story;
+export declare const Width: Story;
+export declare const HoverIcon: Story;
+export declare const Placement: Story;
+export declare const Trigger: Story;
+export declare const Controlled: Story;
+export declare const TemplateWithCloseButton: Story;
+export declare const HidingFullyClippedReferenceElements: Story;
+export declare const NoArrow: Story;
+export declare const DescriptionOnly: Story;

package/dist/components/popover/PopoverBase.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 export declare const PopoverBase: 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<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/components/popover/PopoverRoundedBase.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 export declare const PopoverRoundedBase: 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<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/components/provider/Provider.d.ts

@@ -18,4 +18,4 @@ export declare function getContextConfig(): ProviderConfig;
 export declare const providerContext: React.Context<ProviderConfig>;
 export type ProviderProps = ProviderConfig;
 export declare const useProviderConfig: () => ProviderConfig;
-export declare const Provider: ({ children, ...props }: PropsWithChildren<ProviderProps>) => JSX.Element;
+export declare const Provider: ({ children, ...props }: PropsWithChildren<ProviderProps>) => React.JSX.Element;

package/dist/components/radio/BoxRadioGroup.stories.d.ts

@@ -1,13 +1,12 @@
-import React from 'react';
-import { ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<(<RadioValue>(props: import("./RadioGroup").RadioGroupProps<RadioValue> & {
-    ref?: React.Ref<import("./RadioGroup").RadioGroupInstance<RadioValue>>;
-}) => React.ReactElement<any, string | React.JSXElementConstructor<any>>)>;
-export default _default;
-export declare const Base: any;
-export declare const Disabled: any;
-export declare const DisabledItem: any;
-export declare const SelectedDisabled: any;
-export declare const FullWidth: any;
-export declare const Size: () => JSX.Element;
-export declare const Controlled: () => JSX.Element;
+import type { Meta, StoryObj } from '@storybook/react';
+import { RadioGroup } from './RadioGroup';
+declare const meta: Meta<typeof RadioGroup>;
+export default meta;
+type Story = StoryObj<typeof RadioGroup>;
+export declare const Base: Story;
+export declare const Disabled: Story;
+export declare const DisabledItem: Story;
+export declare const SelectedDisabled: Story;
+export declare const FullWidth: Story;
+export declare const Size: Story;
+export declare const Controlled: Story;

package/dist/components/radio/Radio.stories.d.ts

@@ -1,9 +1,10 @@
-import React from 'react';
-import { ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<React.ForwardRefExoticComponent<import("./Radio").RadioProps & React.RefAttributes<HTMLInputElement>>>;
-export default _default;
-export declare const Base: any;
-export declare const Checked: any;
-export declare const Disabled: any;
-export declare const CheckedDisabled: any;
-export declare const Size: () => JSX.Element;
+import type { Meta, StoryObj } from '@storybook/react';
+import { Radio } from './Radio';
+declare const meta: Meta<typeof Radio>;
+export default meta;
+type Story = StoryObj<typeof Radio>;
+export declare const Base: Story;
+export declare const Checked: Story;
+export declare const Disabled: Story;
+export declare const CheckedDisabled: Story;
+export declare const Size: Story;

package/dist/components/radio/RadioGroup.stories.d.ts

@@ -1,13 +1,12 @@
-import React from 'react';
-import { ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<(<RadioValue>(props: import("./RadioGroup").RadioGroupProps<RadioValue> & {
-    ref?: React.Ref<import("./RadioGroup").RadioGroupInstance<RadioValue>>;
-}) => React.ReactElement<any, string | React.JSXElementConstructor<any>>)>;
-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 FullWidth: any;
-export declare const Size: () => JSX.Element;
-export declare const Controlled: () => JSX.Element;
+import type { Meta, StoryObj } from '@storybook/react';
+import { RadioGroup } from './RadioGroup';
+declare const meta: Meta<typeof RadioGroup>;
+export default meta;
+type Story = StoryObj<typeof RadioGroup>;
+export declare const Base: Story;
+export declare const Spacing: Story;
+export declare const Disabled: Story;
+export declare const VerticalAlign: Story;
+export declare const FullWidth: Story;
+export declare const Size: Story;
+export declare const Controlled: Story;

package/dist/components/stack/HStack.d.ts

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

package/dist/components/stack/HStack.stories.d.ts

@@ -1,10 +1,8 @@
-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("./HStack").HStackProps, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>>;
-export default _default;
-export declare const Base: any;
-export declare const Spacing: any;
-export declare const SpacingAuto: any;
+import type { Meta, StoryObj } from '@storybook/react';
+import { HStack } from './HStack';
+declare const meta: Meta<typeof HStack>;
+export default meta;
+type Story = StoryObj<typeof HStack>;
+export declare const Base: Story;
+export declare const Spacing: Story;
+export declare const SpacingAuto: Story;

package/dist/components/stack/VStack.d.ts

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

package/dist/components/stack/VStack.stories.d.ts

@@ -1,10 +1,8 @@
-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("./VStack").VStackProps, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>>;
-export default _default;
-export declare const Base: any;
-export declare const Spacing: any;
-export declare const SpacingAuto: any;
+import type { Meta, StoryObj } from '@storybook/react';
+import { VStack } from './VStack';
+declare const meta: Meta<typeof VStack>;
+export default meta;
+type Story = StoryObj<typeof VStack>;
+export declare const Base: Story;
+export declare const Spacing: Story;
+export declare const SpacingAuto: Story;

package/dist/components/switch/Switch.stories.d.ts

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