@sproutsocial/seeds-react-modal 1.0.1 → 1.0.3

package/.turbo/turbo-build.log

@@ -1,21 +1,41 @@
 yarn run v1.22.22
 $ tsup --dts
-CLI Building entry: src/index.ts
-CLI Using tsconfig: tsconfig.json
-CLI tsup v8.0.2
-CLI Using tsup config: /home/runner/work/seeds/seeds/seeds-react/seeds-react-modal/tsup.config.ts
-CLI Target: es2022
-CLI Cleaning output folder
-CJS Build start
-ESM Build start
-CJS dist/index.js     10.00 KB
-CJS dist/index.js.map 14.80 KB
-CJS ⚡️ Build success in 168ms
-ESM dist/esm/index.js     7.22 KB
-ESM dist/esm/index.js.map 14.60 KB
-ESM ⚡️ Build success in 168ms
-DTS Build start
-DTS ⚡️ Build success in 13889ms
-DTS dist/index.d.ts  2.63 KB
-DTS dist/index.d.mts 2.63 KB
-Done in 18.31s.
+CLI Building entry: {"index":"src/index.ts","v1/index":"src/v1/index.ts","v2/index":"src/v2/index.ts"}
+CLI Using tsconfig: tsconfig.json
+CLI tsup v8.5.0
+CLI Using tsup config: /home/runner/work/seeds/seeds/seeds-react/seeds-react-modal/tsup.config.ts
+CLI Target: es2022
+CLI Cleaning output folder
+CJS Build start
+ESM Build start
+CJS dist/index.js        30.11 KB
+CJS dist/v1/index.js     9.86 KB
+CJS dist/v2/index.js     22.24 KB
+CJS dist/index.js.map    49.62 KB
+CJS dist/v1/index.js.map 13.03 KB
+CJS dist/v2/index.js.map 36.20 KB
+CJS ⚡️ Build success in 170ms
+ESM dist/esm/index.js              567.00 B
+ESM dist/esm/v1/index.js           165.00 B
+ESM dist/esm/v2/index.js           750.00 B
+ESM dist/esm/chunk-IYDY4OPB.js     7.12 KB
+ESM dist/esm/chunk-GKQRFPCX.js     18.04 KB
+ESM dist/esm/index.js.map          963.00 B
+ESM dist/esm/v1/index.js.map       71.00 B
+ESM dist/esm/v2/index.js.map       71.00 B
+ESM dist/esm/chunk-IYDY4OPB.js.map 12.85 KB
+ESM dist/esm/chunk-GKQRFPCX.js.map 34.97 KB
+ESM ⚡️ Build success in 173ms
+DTS Build start
+DTS ⚡️ Build success in 25917ms
+DTS dist/index.d.ts               973.00 B
+DTS dist/v1/index.d.ts            413.00 B
+DTS dist/v2/index.d.ts            1.33 KB
+DTS dist/Modal-ki8oiGbC.d.ts      2.52 KB
+DTS dist/ModalRail-OQ8DZ1vH.d.ts  7.43 KB
+DTS dist/index.d.mts              976.00 B
+DTS dist/v1/index.d.mts           415.00 B
+DTS dist/v2/index.d.mts           1.33 KB
+DTS dist/Modal-ki8oiGbC.d.mts     2.52 KB
+DTS dist/ModalRail-OQ8DZ1vH.d.mts 7.43 KB
+Done in 29.15s.

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @sproutsocial/seeds-react-modal
 
+## 1.0.3
+
+### Patch Changes
+
+- 77df4d9: Build a work in progress v2 modal
+- Updated dependencies [ad1ddfa]
+  - @sproutsocial/seeds-react-theme@2.4.0
+
+## 1.0.2
+
+### Patch Changes
+
+- d36bf19: Removes the usage of deprecated `defaultProps` in the `Modal` so that it no longer produces a console error
+
 ## 1.0.1
 
 ### Patch Changes

package/dist/Modal-ki8oiGbC.d.mts

@@ -0,0 +1,69 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import ReactModal from 'react-modal';
+import { TypeContainerProps, TypeBoxProps } from '@sproutsocial/seeds-react-box';
+import { TypeButtonProps } from '@sproutsocial/seeds-react-button';
+
+interface TypeModalCloseButtonProps extends Omit<TypeButtonProps, "children"> {
+    children?: void | null;
+}
+interface TypeModalHeaderProps extends TypeBoxProps {
+    title?: string;
+    subtitle?: string;
+    /** Passing children will override the default modal header */
+    children?: React.ReactNode;
+    /** If you're rendering a custom header, you can use this prop to add a bottom border */
+    bordered?: boolean;
+}
+interface TypeModalFooterProps extends TypeBoxProps {
+    bg?: string;
+    children: React.ReactNode;
+}
+interface TypeModalContentProps extends TypeBoxProps {
+    children?: React.ReactNode;
+}
+interface TypeModalProps extends TypeContainerProps, Omit<ReactModal.Props, keyof TypeContainerProps | "onRequestClose"> {
+    /** section of app to aria hide for the modal */
+    appElementSelector?: string;
+    /** trigger to open or close the modal */
+    isOpen: boolean;
+    /** label for screen readers to announce the modal */
+    label: string;
+    /** body content of the modal */
+    children: React.ReactNode;
+    /** callback for close */
+    onClose?: () => void;
+    /** aria-label for modal X */
+    closeButtonLabel: string;
+    /** Controls the z-index CSS property */
+    zIndex?: number;
+    /** The max width of the modal container */
+    width?: string | number;
+    /**
+     * Custom attributes to be added to the modals container
+     * Each key will be prepended with "data-" when rendered in the DOM
+     */
+    data?: Record<string, string | boolean | number>;
+}
+
+/**
+ * The modal you want
+ */
+declare const Modal: {
+    (props: TypeModalProps): react_jsx_runtime.JSX.Element;
+    Header: {
+        (props: TypeModalHeaderProps): react_jsx_runtime.JSX.Element;
+        displayName: string;
+    };
+    Footer: {
+        ({ bg, ...rest }: TypeModalFooterProps): react_jsx_runtime.JSX.Element;
+        displayName: string;
+    };
+    Content: React.ForwardRefExoticComponent<Omit<TypeModalContentProps, "ref"> & React.RefAttributes<unknown>>;
+    CloseButton: {
+        (props: TypeModalCloseButtonProps): react_jsx_runtime.JSX.Element | null;
+        displayName: string;
+    };
+};
+
+export { Modal as M, type TypeModalProps as T, type TypeModalHeaderProps as a, type TypeModalFooterProps as b, type TypeModalContentProps as c, type TypeModalCloseButtonProps as d };

package/dist/Modal-ki8oiGbC.d.ts

@@ -0,0 +1,69 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import ReactModal from 'react-modal';
+import { TypeContainerProps, TypeBoxProps } from '@sproutsocial/seeds-react-box';
+import { TypeButtonProps } from '@sproutsocial/seeds-react-button';
+
+interface TypeModalCloseButtonProps extends Omit<TypeButtonProps, "children"> {
+    children?: void | null;
+}
+interface TypeModalHeaderProps extends TypeBoxProps {
+    title?: string;
+    subtitle?: string;
+    /** Passing children will override the default modal header */
+    children?: React.ReactNode;
+    /** If you're rendering a custom header, you can use this prop to add a bottom border */
+    bordered?: boolean;
+}
+interface TypeModalFooterProps extends TypeBoxProps {
+    bg?: string;
+    children: React.ReactNode;
+}
+interface TypeModalContentProps extends TypeBoxProps {
+    children?: React.ReactNode;
+}
+interface TypeModalProps extends TypeContainerProps, Omit<ReactModal.Props, keyof TypeContainerProps | "onRequestClose"> {
+    /** section of app to aria hide for the modal */
+    appElementSelector?: string;
+    /** trigger to open or close the modal */
+    isOpen: boolean;
+    /** label for screen readers to announce the modal */
+    label: string;
+    /** body content of the modal */
+    children: React.ReactNode;
+    /** callback for close */
+    onClose?: () => void;
+    /** aria-label for modal X */
+    closeButtonLabel: string;
+    /** Controls the z-index CSS property */
+    zIndex?: number;
+    /** The max width of the modal container */
+    width?: string | number;
+    /**
+     * Custom attributes to be added to the modals container
+     * Each key will be prepended with "data-" when rendered in the DOM
+     */
+    data?: Record<string, string | boolean | number>;
+}
+
+/**
+ * The modal you want
+ */
+declare const Modal: {
+    (props: TypeModalProps): react_jsx_runtime.JSX.Element;
+    Header: {
+        (props: TypeModalHeaderProps): react_jsx_runtime.JSX.Element;
+        displayName: string;
+    };
+    Footer: {
+        ({ bg, ...rest }: TypeModalFooterProps): react_jsx_runtime.JSX.Element;
+        displayName: string;
+    };
+    Content: React.ForwardRefExoticComponent<Omit<TypeModalContentProps, "ref"> & React.RefAttributes<unknown>>;
+    CloseButton: {
+        (props: TypeModalCloseButtonProps): react_jsx_runtime.JSX.Element | null;
+        displayName: string;
+    };
+};
+
+export { Modal as M, type TypeModalProps as T, type TypeModalHeaderProps as a, type TypeModalFooterProps as b, type TypeModalContentProps as c, type TypeModalCloseButtonProps as d };

package/dist/ModalRail-OQ8DZ1vH.d.mts

@@ -0,0 +1,178 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import * as Dialog from '@radix-ui/react-dialog';
+import { TypeContainerProps, TypeBoxProps } from '@sproutsocial/seeds-react-box';
+import { TypeButtonProps } from '@sproutsocial/seeds-react-button';
+import { TypeIconName } from '@sproutsocial/seeds-react-icon';
+
+interface TypeModalV2TriggerProps extends TypeButtonProps {
+    /** The content to display inside the trigger button */
+    children: React.ReactNode;
+    /** Custom click handler - will be called before the modal opens */
+    onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
+    /** Use asChild to render a custom trigger element */
+    asChild?: boolean;
+}
+interface TypeModalV2CloseButtonProps extends Omit<TypeButtonProps, "children" | "size"> {
+    children?: React.ReactNode;
+    /** Custom click handler - will be called before the modal closes */
+    onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
+    /** Use asChild to render a custom close element */
+    asChild?: boolean;
+    /** aria-label for modal close button */
+    closeButtonLabel?: string;
+    /** Size of the close button in pixels */
+    size?: number;
+    /** Position type - absolute (outside modal) or relative (inside modal) */
+    position?: "absolute" | "relative";
+    /** Which side to position the button on (for absolute positioning) */
+    side?: "right" | "left";
+    /** Offset from the modal edge in pixels (for absolute positioning) */
+    offset?: number;
+}
+interface TypeModalV2HeaderProps extends TypeBoxProps {
+    title?: string;
+    subtitle?: string;
+    /** Passing children will override the default modal header */
+    children?: React.ReactNode;
+    /** If you're rendering a custom header, you can use this prop to add a bottom border */
+    bordered?: boolean;
+    /** Additional props for the Dialog.Title when title is provided */
+    titleProps?: Omit<React.ComponentPropsWithoutRef<typeof Dialog.Title>, "asChild" | "children">;
+    /** Additional props for the Dialog.Description when subtitle is provided */
+    subtitleProps?: Omit<React.ComponentPropsWithoutRef<typeof Dialog.Description>, "asChild" | "children">;
+    /** Opt-in inline close inside header; default is floating rail */
+    showInlineClose?: boolean;
+}
+interface TypeModalV2FooterProps extends TypeBoxProps {
+    bg?: string;
+    children: React.ReactNode;
+}
+interface TypeModalV2ContentProps extends TypeBoxProps {
+    children?: React.ReactNode;
+}
+interface TypeModalV2DescriptionProps extends TypeBoxProps {
+    children: React.ReactNode;
+    /** Additional props for the Dialog.Description */
+    descriptionProps?: Omit<React.ComponentPropsWithoutRef<typeof Dialog.Description>, "asChild" | "children">;
+}
+interface TypeModalV2Props extends TypeContainerProps, Omit<React.ComponentPropsWithoutRef<"div">, keyof TypeContainerProps> {
+    /** Controls whether the modal is open (controlled mode) */
+    open?: boolean;
+    /** Default open state for uncontrolled mode */
+    defaultOpen?: boolean;
+    /** body content of the modal */
+    children: React.ReactNode;
+    /** Callback when open state changes */
+    onOpenChange?: (open: boolean) => void;
+    /** The element that will trigger the modal when clicked.
+     *  Can be any React element like a button, link, or custom component. */
+    modalTrigger?: React.ReactElement<any>;
+    /** Enable draggable functionality using react-dnd */
+    draggable?: boolean;
+    /** Simplified API: Modal title (creates ModalHeader automatically) */
+    title?: string;
+    /** Simplified API: Modal subtitle (creates ModalHeader automatically) */
+    subtitle?: string;
+    /** Simplified API: Modal description (automatically wrapped in Dialog.Description) */
+    description?: string;
+    /** Modal size preset or custom width */
+    size?: "small" | "medium" | "large" | "full" | string | number;
+    /** Priority level that maps to z-index presets */
+    priority?: "low" | "medium" | "high";
+    /**
+     * Custom attributes to be added to the modals container
+     * Each key will be prepended with "data-" when rendered in the DOM
+     */
+    data?: Record<string, string | boolean | number>;
+    /** Whether to show the background overlay (defaults to true) */
+    showOverlay?: boolean;
+    /** Optional quick actions to render on a modal side rail */
+    actions?: TypeModalActionProps[];
+    /** Optional props to customize the side rail position/size */
+    railProps?: Partial<TypeModalRailProps>;
+}
+type TypeModalRailProps = {
+    side?: "right" | "left";
+    offset?: number;
+    gap?: number;
+    size?: number;
+    collapseAt?: number;
+    children?: React.ReactNode;
+};
+type ModalActionBase = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "onClick"> & {
+    /** Icon name from the Seeds icon set */
+    iconName?: TypeIconName;
+    /** Optional click handler; ignored for type "close" */
+    onClick?: () => void;
+    /** Accessible name for the action button */
+    "aria-label": string;
+};
+type TypeModalActionProps = (ModalActionBase & {
+    actionType: "close";
+}) | (ModalActionBase & {
+    actionType?: "button";
+});
+
+/**
+ * The modal you want - with Radix UI Dialog
+ *
+ * Features:
+ * - Built with Radix UI Dialog for superior accessibility
+ * - Same API as the original Modal component
+ * - Automatic focus management and keyboard navigation
+ * - Portal rendering for proper z-index layering
+ * - Customizable styling through system props
+ * - Optional draggable functionality using react-dnd
+ */
+declare const Modal: (props: TypeModalV2Props) => react_jsx_runtime.JSX.Element;
+
+declare const ModalHeader: {
+    (props: TypeModalV2HeaderProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+declare const ModalFooter: {
+    (props: TypeModalV2FooterProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+declare const ModalContent: React.ForwardRefExoticComponent<Omit<TypeModalV2ContentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+
+declare const ModalDescription: React.ForwardRefExoticComponent<Omit<TypeModalV2DescriptionProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+
+declare const ModalCloseButton: {
+    (props: TypeModalV2CloseButtonProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+/**
+ * A trigger button that opens the modal when clicked.
+ * Must be used inside a Modal component's Dialog.Root context.
+ * Uses Seeds Button by default but supports asChild for custom elements.
+ */
+declare const ModalTrigger: {
+    (props: TypeModalV2TriggerProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+interface ModalCloseProps {
+    children: React.ReactNode;
+    onClick?: (e: React.MouseEvent) => void;
+    asChild?: boolean;
+}
+/**
+ * A component that closes the modal when clicked.
+ * Uses asChild pattern like Radix primitives.
+ */
+declare const ModalClose: {
+    (props: ModalCloseProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+declare const ModalRail: React.FC<TypeModalRailProps>;
+declare const ModalAction: React.FC<TypeModalActionProps & {
+    size?: number;
+}>;
+
+export { Modal as M, type TypeModalV2Props as T, ModalTrigger as a, ModalDescription as b, ModalHeader as c, ModalFooter as d, ModalContent as e, ModalCloseButton as f, ModalClose as g, ModalRail as h, ModalAction as i, type TypeModalV2TriggerProps as j, type TypeModalV2CloseButtonProps as k, type TypeModalV2HeaderProps as l, type TypeModalV2FooterProps as m, type TypeModalV2ContentProps as n, type TypeModalV2DescriptionProps as o, type TypeModalRailProps as p, type TypeModalActionProps as q };

package/dist/ModalRail-OQ8DZ1vH.d.ts

@@ -0,0 +1,178 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import * as Dialog from '@radix-ui/react-dialog';
+import { TypeContainerProps, TypeBoxProps } from '@sproutsocial/seeds-react-box';
+import { TypeButtonProps } from '@sproutsocial/seeds-react-button';
+import { TypeIconName } from '@sproutsocial/seeds-react-icon';
+
+interface TypeModalV2TriggerProps extends TypeButtonProps {
+    /** The content to display inside the trigger button */
+    children: React.ReactNode;
+    /** Custom click handler - will be called before the modal opens */
+    onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
+    /** Use asChild to render a custom trigger element */
+    asChild?: boolean;
+}
+interface TypeModalV2CloseButtonProps extends Omit<TypeButtonProps, "children" | "size"> {
+    children?: React.ReactNode;
+    /** Custom click handler - will be called before the modal closes */
+    onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
+    /** Use asChild to render a custom close element */
+    asChild?: boolean;
+    /** aria-label for modal close button */
+    closeButtonLabel?: string;
+    /** Size of the close button in pixels */
+    size?: number;
+    /** Position type - absolute (outside modal) or relative (inside modal) */
+    position?: "absolute" | "relative";
+    /** Which side to position the button on (for absolute positioning) */
+    side?: "right" | "left";
+    /** Offset from the modal edge in pixels (for absolute positioning) */
+    offset?: number;
+}
+interface TypeModalV2HeaderProps extends TypeBoxProps {
+    title?: string;
+    subtitle?: string;
+    /** Passing children will override the default modal header */
+    children?: React.ReactNode;
+    /** If you're rendering a custom header, you can use this prop to add a bottom border */
+    bordered?: boolean;
+    /** Additional props for the Dialog.Title when title is provided */
+    titleProps?: Omit<React.ComponentPropsWithoutRef<typeof Dialog.Title>, "asChild" | "children">;
+    /** Additional props for the Dialog.Description when subtitle is provided */
+    subtitleProps?: Omit<React.ComponentPropsWithoutRef<typeof Dialog.Description>, "asChild" | "children">;
+    /** Opt-in inline close inside header; default is floating rail */
+    showInlineClose?: boolean;
+}
+interface TypeModalV2FooterProps extends TypeBoxProps {
+    bg?: string;
+    children: React.ReactNode;
+}
+interface TypeModalV2ContentProps extends TypeBoxProps {
+    children?: React.ReactNode;
+}
+interface TypeModalV2DescriptionProps extends TypeBoxProps {
+    children: React.ReactNode;
+    /** Additional props for the Dialog.Description */
+    descriptionProps?: Omit<React.ComponentPropsWithoutRef<typeof Dialog.Description>, "asChild" | "children">;
+}
+interface TypeModalV2Props extends TypeContainerProps, Omit<React.ComponentPropsWithoutRef<"div">, keyof TypeContainerProps> {
+    /** Controls whether the modal is open (controlled mode) */
+    open?: boolean;
+    /** Default open state for uncontrolled mode */
+    defaultOpen?: boolean;
+    /** body content of the modal */
+    children: React.ReactNode;
+    /** Callback when open state changes */
+    onOpenChange?: (open: boolean) => void;
+    /** The element that will trigger the modal when clicked.
+     *  Can be any React element like a button, link, or custom component. */
+    modalTrigger?: React.ReactElement<any>;
+    /** Enable draggable functionality using react-dnd */
+    draggable?: boolean;
+    /** Simplified API: Modal title (creates ModalHeader automatically) */
+    title?: string;
+    /** Simplified API: Modal subtitle (creates ModalHeader automatically) */
+    subtitle?: string;
+    /** Simplified API: Modal description (automatically wrapped in Dialog.Description) */
+    description?: string;
+    /** Modal size preset or custom width */
+    size?: "small" | "medium" | "large" | "full" | string | number;
+    /** Priority level that maps to z-index presets */
+    priority?: "low" | "medium" | "high";
+    /**
+     * Custom attributes to be added to the modals container
+     * Each key will be prepended with "data-" when rendered in the DOM
+     */
+    data?: Record<string, string | boolean | number>;
+    /** Whether to show the background overlay (defaults to true) */
+    showOverlay?: boolean;
+    /** Optional quick actions to render on a modal side rail */
+    actions?: TypeModalActionProps[];
+    /** Optional props to customize the side rail position/size */
+    railProps?: Partial<TypeModalRailProps>;
+}
+type TypeModalRailProps = {
+    side?: "right" | "left";
+    offset?: number;
+    gap?: number;
+    size?: number;
+    collapseAt?: number;
+    children?: React.ReactNode;
+};
+type ModalActionBase = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "onClick"> & {
+    /** Icon name from the Seeds icon set */
+    iconName?: TypeIconName;
+    /** Optional click handler; ignored for type "close" */
+    onClick?: () => void;
+    /** Accessible name for the action button */
+    "aria-label": string;
+};
+type TypeModalActionProps = (ModalActionBase & {
+    actionType: "close";
+}) | (ModalActionBase & {
+    actionType?: "button";
+});
+
+/**
+ * The modal you want - with Radix UI Dialog
+ *
+ * Features:
+ * - Built with Radix UI Dialog for superior accessibility
+ * - Same API as the original Modal component
+ * - Automatic focus management and keyboard navigation
+ * - Portal rendering for proper z-index layering
+ * - Customizable styling through system props
+ * - Optional draggable functionality using react-dnd
+ */
+declare const Modal: (props: TypeModalV2Props) => react_jsx_runtime.JSX.Element;
+
+declare const ModalHeader: {
+    (props: TypeModalV2HeaderProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+declare const ModalFooter: {
+    (props: TypeModalV2FooterProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+declare const ModalContent: React.ForwardRefExoticComponent<Omit<TypeModalV2ContentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+
+declare const ModalDescription: React.ForwardRefExoticComponent<Omit<TypeModalV2DescriptionProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+
+declare const ModalCloseButton: {
+    (props: TypeModalV2CloseButtonProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+/**
+ * A trigger button that opens the modal when clicked.
+ * Must be used inside a Modal component's Dialog.Root context.
+ * Uses Seeds Button by default but supports asChild for custom elements.
+ */
+declare const ModalTrigger: {
+    (props: TypeModalV2TriggerProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+interface ModalCloseProps {
+    children: React.ReactNode;
+    onClick?: (e: React.MouseEvent) => void;
+    asChild?: boolean;
+}
+/**
+ * A component that closes the modal when clicked.
+ * Uses asChild pattern like Radix primitives.
+ */
+declare const ModalClose: {
+    (props: ModalCloseProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+declare const ModalRail: React.FC<TypeModalRailProps>;
+declare const ModalAction: React.FC<TypeModalActionProps & {
+    size?: number;
+}>;
+
+export { Modal as M, type TypeModalV2Props as T, ModalTrigger as a, ModalDescription as b, ModalHeader as c, ModalFooter as d, ModalContent as e, ModalCloseButton as f, ModalClose as g, ModalRail as h, ModalAction as i, type TypeModalV2TriggerProps as j, type TypeModalV2CloseButtonProps as k, type TypeModalV2HeaderProps as l, type TypeModalV2FooterProps as m, type TypeModalV2ContentProps as n, type TypeModalV2DescriptionProps as o, type TypeModalRailProps as p, type TypeModalActionProps as q };