@box/blueprint-web 5.31.3

package/lib-esm/list-item/table-body.d.ts

@@ -0,0 +1,16 @@
+import { type ForwardedRef } from 'react';
+import { type TableBodyProps as PrimitiveTableBodyProps } from 'react-aria-components';
+export type TableBodyProps<T> = {
+    scrollingElement?: HTMLElement;
+} & PrimitiveTableBodyProps<T>;
+/**
+ * Based on React Aria Components `TableBody`
+ * @see https://react-spectrum.adobe.com/react-aria/Table.html#tablebody
+ */
+declare const TableBodyInner: <T extends object>(props: TableBodyProps<T>, ref: ForwardedRef<HTMLTableSectionElement>) => JSX.Element;
+export declare const TableBody: <T extends object>(props: {
+    scrollingElement?: HTMLElement | undefined;
+} & PrimitiveTableBodyProps<T> & {
+    ref?: ForwardedRef<HTMLTableSectionElement> | undefined;
+}) => ReturnType<typeof TableBodyInner>;
+export {};

package/lib-esm/list-item/table-body.js

@@ -0,0 +1,26 @@
+import { jsx } from 'react/jsx-runtime';
+import clsx from 'clsx';
+import { forwardRef } from 'react';
+import { TableBody as TableBody$1 } from 'react-aria-components';
+import styles from './main.module.js';
+
+/**
+ * Based on React Aria Components `TableBody`
+ * @see https://react-spectrum.adobe.com/react-aria/Table.html#tablebody
+ */
+const TableBodyInner = (props, ref) => {
+  const {
+    children,
+    className,
+    ...rest
+  } = props;
+  return jsx(TableBody$1, {
+    ...rest,
+    ref: ref,
+    className: clsx(styles.tableBody, className),
+    children: children
+  });
+};
+const TableBody = /*#__PURE__*/forwardRef(TableBodyInner);
+
+export { TableBody };

package/lib-esm/list-item/table-column.d.ts

@@ -0,0 +1,14 @@
+import { type ForwardedRef } from 'react';
+import { type ColumnProps as PrimitiveColumnProps } from 'react-aria-components';
+export interface ColumnProps extends PrimitiveColumnProps<never> {
+    hideHeader?: boolean;
+}
+/**
+ * Based on React Aria Components `Column`
+ * @see https://react-spectrum.adobe.com/react-aria/Table.html#column
+ */
+declare const ColumnInner: (props: ColumnProps, ref: ForwardedRef<HTMLTableCellElement>) => JSX.Element;
+export declare const Column: (props: ColumnProps & {
+    ref?: ForwardedRef<HTMLTableCellElement>;
+}) => ReturnType<typeof ColumnInner>;
+export {};

package/lib-esm/list-item/table-column.js

@@ -0,0 +1,78 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { ArrowUp, ArrowDown } from '@box/blueprint-web-assets/icons/Fill';
+import { Gray100 } from '@box/blueprint-web-assets/tokens/tokens';
+import { VisuallyHidden } from '@radix-ui/react-visually-hidden';
+import clsx from 'clsx';
+import { forwardRef } from 'react';
+import { Column as Column$1 } from 'react-aria-components';
+import styles from './main.module.js';
+
+function SortingArrowIcon({
+  visibility = 'visible',
+  direction
+}) {
+  const props = {
+    color: Gray100,
+    height: '1rem',
+    role: 'presentation',
+    visibility,
+    width: '1rem'
+  };
+  return direction === 'up' ? jsx(ArrowUp, {
+    ...props
+  }) : jsx(ArrowDown, {
+    ...props
+  });
+}
+function SortIndicator({
+  direction
+}) {
+  if (!direction) {
+    // reserve space so column width does not shift.
+    return jsx(SortingArrowIcon, {
+      direction: "up",
+      visibility: "hidden"
+    });
+  }
+  return direction === 'descending' ? jsx(SortingArrowIcon, {
+    direction: "up"
+  }) : jsx(SortingArrowIcon, {
+    direction: "down"
+  });
+}
+/**
+ * Based on React Aria Components `Column`
+ * @see https://react-spectrum.adobe.com/react-aria/Table.html#column
+ */
+const ColumnInner = (props, ref) => {
+  const {
+    hideHeader,
+    children,
+    className,
+    ...rest
+  } = props;
+  return jsx(Column$1, {
+    ...rest,
+    ref: ref,
+    className: clsx(styles.column, className),
+    children: ({
+      allowsSorting,
+      sortDirection
+    }) => jsxs("div", {
+      className: clsx(styles.sortingFlexWrapper, {
+        [styles.sorted]: sortDirection
+      }),
+      children: [hideHeader ? jsx(VisuallyHidden, {
+        children: children
+      }) : jsx("span", {
+        className: styles.columnName,
+        children: children
+      }), !hideHeader && allowsSorting && jsx(SortIndicator, {
+        direction: sortDirection
+      })]
+    })
+  });
+};
+const Column = /*#__PURE__*/forwardRef(ColumnInner);
+
+export { Column };

package/lib-esm/list-item/table-header.d.ts

@@ -0,0 +1,12 @@
+import { type ForwardedRef } from 'react';
+import { type TableHeaderProps as PrimitiveTableHeaderProps } from 'react-aria-components';
+export type TableHeaderProps<T> = PrimitiveTableHeaderProps<T>;
+/**
+ * Based on React Aria Components `TableHeader`
+ * @see https://react-spectrum.adobe.com/react-aria/Table.html#tableheader
+ */
+declare const TableHeaderInner: <T extends object>(props: TableHeaderProps<T>, ref: ForwardedRef<HTMLTableSectionElement>) => JSX.Element;
+export declare const TableHeader: <T extends object>(props: TableHeaderProps<T> & {
+    ref?: ForwardedRef<HTMLTableSectionElement> | undefined;
+}) => ReturnType<typeof TableHeaderInner>;
+export {};

package/lib-esm/list-item/table-header.js

@@ -0,0 +1,30 @@
+import { jsx } from 'react/jsx-runtime';
+import clsx from 'clsx';
+import { forwardRef } from 'react';
+import { TableHeader as TableHeader$1, Collection } from 'react-aria-components';
+import styles from './main.module.js';
+
+/**
+ * Based on React Aria Components `TableHeader`
+ * @see https://react-spectrum.adobe.com/react-aria/Table.html#tableheader
+ */
+const TableHeaderInner = (props, ref) => {
+  const {
+    children,
+    columns,
+    className,
+    ...rest
+  } = props;
+  return jsx(TableHeader$1, {
+    ...rest,
+    ref: ref,
+    className: clsx(styles.tableHeader, className),
+    children: jsx(Collection, {
+      items: columns,
+      children: children
+    })
+  });
+};
+const TableHeader = /*#__PURE__*/forwardRef(TableHeaderInner);
+
+export { TableHeader };

package/lib-esm/list-item/table.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { type TableProps as PrimitiveTableProps } from 'react-aria-components';
+export type TableProps = PrimitiveTableProps;
+/**
+ * Based on React Aria Components `Table`
+ * @see https://react-spectrum.adobe.com/react-aria/Table.html#table-1
+ */
+export declare const Table: import("react").ForwardRefExoticComponent<PrimitiveTableProps & import("react").RefAttributes<HTMLTableElement>>;

package/lib-esm/list-item/table.js

@@ -0,0 +1,30 @@
+import { jsx } from 'react/jsx-runtime';
+import noop from 'lodash/noop';
+import { forwardRef } from 'react';
+import { ResizableTableContainer, Table as Table$1 } from 'react-aria-components';
+import styles from './main.module.js';
+
+/**
+ * Based on React Aria Components `Table`
+ * @see https://react-spectrum.adobe.com/react-aria/Table.html#table-1
+ */
+const Table = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    children,
+    className,
+    onRowAction = noop,
+    ...rest
+  } = props;
+  return jsx(ResizableTableContainer, {
+    className: styles.resizableTableContainer,
+    children: jsx(Table$1, {
+      ...rest,
+      ref: ref,
+      className: className,
+      onRowAction: onRowAction,
+      children: children
+    })
+  });
+});
+
+export { Table };

package/lib-esm/loading-indicator/loading-indicator.d.ts

@@ -0,0 +1,16 @@
+import { type HTMLAttributes } from 'react';
+export interface LoadingIndicatorProps extends HTMLAttributes<HTMLDivElement> {
+    /** The aria-label for the indicator. */
+    'aria-label': string;
+    /**
+     * The aria-live attribute. Use 'polite' for cases where there can be multiple loaders on the page
+     * or where some part of the page is still interactive during the loading.
+     * Use 'assertive' for a single blocking loading indicator.
+     * Default value is 'polite'.
+     */
+    'aria-live'?: 'assertive' | 'polite';
+    /** The color scheme of the indicator */
+    variant?: 'default' | 'dark' | 'light';
+}
+export declare function LoadingIndicator(props: LoadingIndicatorProps): JSX.Element;
+export default LoadingIndicator;

package/lib-esm/loading-indicator/loading-indicator.js

@@ -0,0 +1,29 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { clsx } from 'clsx';
+import styles from './loading-indicator.module.js';
+
+function LoadingIndicator(props) {
+  const {
+    'aria-label': ariaLabel,
+    'aria-live': ariaLive = 'polite',
+    variant = 'default',
+    className = '',
+    ...rest
+  } = props;
+  return jsxs("div", {
+    ...rest,
+    "aria-label": ariaLabel,
+    "aria-live": ariaLive,
+    className: clsx(styles.crawler, styles[variant], className),
+    role: "status",
+    children: [jsx("div", {
+      className: styles.segment
+    }), jsx("div", {
+      className: styles.segment
+    }), jsx("div", {
+      className: styles.segment
+    })]
+  });
+}
+
+export { LoadingIndicator, LoadingIndicator as default };

package/lib-esm/loading-indicator/loading-indicator.module.js

@@ -0,0 +1,4 @@
+import '../index.css';
+var styles = {"crawler":"loading-indicator-module_crawler__bbi-d","segment":"loading-indicator-module_segment__AQt-u","default":"loading-indicator-module_default__zoK-o","segment-transform":"loading-indicator-module_segment-transform__FL8tO","segment-default":"loading-indicator-module_segment-default__kxuxS","dark":"loading-indicator-module_dark__V4EKG","segment-dark":"loading-indicator-module_segment-dark__FrDfb","light":"loading-indicator-module_light__kYlTC","segment-light":"loading-indicator-module_segment-light__m4puX"};
+
+export { styles as default };

package/lib-esm/modal/index.d.ts

@@ -0,0 +1,2 @@
+export { Modal } from './modal';
+export { type ModalCloseProps, type ModalContentProps, type ModalProps, type ModalTriggerProps } from './types';

package/lib-esm/modal/modal-body.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { type ModalBodyProps } from './types';
+/**
+ * Wrapper for the body of the modal. It can be used multiple times, typically inside Modal.ScrollableContainer.
+ */
+export declare const ModalBody: import("react").ForwardRefExoticComponent<ModalBodyProps & import("react").RefAttributes<HTMLDivElement>>;
+export default ModalBody;

package/lib-esm/modal/modal-body.js

@@ -0,0 +1,20 @@
+import { jsx } from 'react/jsx-runtime';
+import { clsx } from 'clsx';
+import { forwardRef } from 'react';
+import styles from './modal.module.js';
+
+/**
+ * Wrapper for the body of the modal. It can be used multiple times, typically inside Modal.ScrollableContainer.
+ */
+const ModalBody = /*#__PURE__*/forwardRef(({
+  children,
+  className,
+  ...rest
+}, forwardedRef) => jsx("div", {
+  ...rest,
+  ref: forwardedRef,
+  className: clsx(styles.body, className),
+  children: children
+}));
+
+export { ModalBody, ModalBody as default };

package/lib-esm/modal/modal-close.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { type ModalCloseProps } from './types';
+/**
+ * The button that closes the modal.
+ */
+export declare const ModalClose: import("react").ForwardRefExoticComponent<ModalCloseProps & import("react").RefAttributes<HTMLButtonElement>>;
+export default ModalClose;

package/lib-esm/modal/modal-close.js

@@ -0,0 +1,47 @@
+import { jsx } from 'react/jsx-runtime';
+import { XMark } from '@box/blueprint-web-assets/icons/Fill';
+import * as RadixDialog from '@radix-ui/react-dialog';
+import { forwardRef } from 'react';
+import clsx from 'clsx';
+import { IconButton } from '../primitives/icon-button/icon-button.js';
+import styles from './modal.module.js';
+import { useScreenSize } from '../utils/useScreenSize.js';
+
+/**
+ * The button that closes the modal.
+ */
+const ModalClose = /*#__PURE__*/forwardRef(({
+  'aria-label': ariaLabel,
+  className,
+  icon = XMark,
+  size = 'large',
+  variant = 'default',
+  ...rest
+}, forwardedRef) => {
+  // Change IconButton size for Mobile (only when IconButton size is large)
+  // TODO: change to media query tokens
+  const {
+    width
+  } = useScreenSize();
+  const breakpoint = 460;
+  let iconButtonSize = size;
+  if (size === 'large' && width < breakpoint) {
+    iconButtonSize = 'small';
+  }
+  return jsx(RadixDialog.Close, {
+    ref: forwardedRef,
+    "aria-label": ariaLabel,
+    asChild: true,
+    children: jsx(IconButton, {
+      ...rest,
+      "aria-label": ariaLabel,
+      className: clsx(styles.close, {
+        [styles.onColor]: variant === 'onColor'
+      }, className),
+      icon: icon,
+      size: iconButtonSize
+    })
+  });
+});
+
+export { ModalClose, ModalClose as default };

package/lib-esm/modal/modal-content.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import * as RadixDialog from '@radix-ui/react-dialog';
+/**
+ * Contains content to be rendered in the open modal.
+ */
+export declare const ModalContent: import("react").ForwardRefExoticComponent<RadixDialog.DialogContentProps & Pick<RadixDialog.DialogPortalProps, "container"> & import("react").RefAttributes<HTMLDivElement>>;
+export default ModalContent;

package/lib-esm/modal/modal-content.js

@@ -0,0 +1,28 @@
+import { jsx } from 'react/jsx-runtime';
+import * as RadixDialog from '@radix-ui/react-dialog';
+import { forwardRef } from 'react';
+import styles from './modal.module.js';
+
+/**
+ * Contains content to be rendered in the open modal.
+ */
+const ModalContent = /*#__PURE__*/forwardRef(({
+  asChild = false,
+  children,
+  container,
+  ...props
+}, forwardedRef) => jsx(RadixDialog.Portal, {
+  container: container,
+  children: jsx(RadixDialog.Overlay, {
+    className: styles.overlay,
+    children: jsx(RadixDialog.Content, {
+      ...props,
+      ref: forwardedRef,
+      asChild: asChild,
+      className: styles.content,
+      children: children
+    })
+  })
+}));
+
+export { ModalContent, ModalContent as default };

package/lib-esm/modal/modal-footer.d.ts

@@ -0,0 +1,65 @@
+/// <reference types="react" />
+import { type ModalFooterProps } from './types';
+/**
+ * Wrapper for buttons in the footer of the modal.
+ * Exposes primary and secondary buttons most commonly used inside footer of the modal.
+ */
+export declare const ModalFooter: import("react").ForwardRefExoticComponent<ModalFooterProps & import("react").RefAttributes<HTMLDivElement>> & {
+    PrimaryButton: import("react").ForwardRefExoticComponent<(Omit<import("../primitives/base-button").BaseButtonInterface & Required<Pick<{
+        loading?: boolean | undefined;
+        loadingAriaLabel?: string | undefined;
+    }, keyof {
+        loading?: boolean | undefined;
+        loadingAriaLabel?: string | undefined;
+    }>> & Omit<{
+        loading?: boolean | undefined;
+        loadingAriaLabel?: string | undefined;
+    }, keyof {
+        loading?: boolean | undefined;
+        loadingAriaLabel?: string | undefined;
+    }> & {
+        children?: string | string[] | undefined;
+        icon?: import("react").FunctionComponent<import("react").PropsWithChildren<import("react").SVGProps<SVGSVGElement>>> | undefined;
+    }, "ref"> | Omit<import("../primitives/base-button").BaseButtonInterface & Partial<Record<keyof {
+        loading?: boolean | undefined;
+        loadingAriaLabel?: string | undefined;
+    }, never>> & Omit<{
+        loading?: boolean | undefined;
+        loadingAriaLabel?: string | undefined;
+    }, keyof {
+        loading?: boolean | undefined;
+        loadingAriaLabel?: string | undefined;
+    }> & {
+        children?: string | string[] | undefined;
+        icon?: import("react").FunctionComponent<import("react").PropsWithChildren<import("react").SVGProps<SVGSVGElement>>> | undefined;
+    }, "ref">) & import("react").RefAttributes<HTMLButtonElement>>;
+    SecondaryButton: import("react").ForwardRefExoticComponent<(Omit<import("../primitives/base-button").BaseButtonInterface & Required<Pick<{
+        loading?: boolean | undefined;
+        loadingAriaLabel?: string | undefined;
+    }, keyof {
+        loading?: boolean | undefined;
+        loadingAriaLabel?: string | undefined;
+    }>> & Omit<{
+        loading?: boolean | undefined;
+        loadingAriaLabel?: string | undefined;
+    }, keyof {
+        loading?: boolean | undefined;
+        loadingAriaLabel?: string | undefined;
+    }> & {
+        children?: string | string[] | undefined;
+        icon?: import("react").FunctionComponent<import("react").PropsWithChildren<import("react").SVGProps<SVGSVGElement>>> | undefined;
+    }, "ref"> | Omit<import("../primitives/base-button").BaseButtonInterface & Partial<Record<keyof {
+        loading?: boolean | undefined;
+        loadingAriaLabel?: string | undefined;
+    }, never>> & Omit<{
+        loading?: boolean | undefined;
+        loadingAriaLabel?: string | undefined;
+    }, keyof {
+        loading?: boolean | undefined;
+        loadingAriaLabel?: string | undefined;
+    }> & {
+        children?: string | string[] | undefined;
+        icon?: import("react").FunctionComponent<import("react").PropsWithChildren<import("react").SVGProps<SVGSVGElement>>> | undefined;
+    }, "ref">) & import("react").RefAttributes<HTMLButtonElement>>;
+};
+export default ModalFooter;

package/lib-esm/modal/modal-footer.js

@@ -0,0 +1,54 @@
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { clsx } from 'clsx';
+import { Button } from '../basics/button/button.js';
+import styles from './modal.module.js';
+
+const ModalFooterComponent = /*#__PURE__*/forwardRef(({
+  children,
+  className,
+  ...rest
+}, forwardedRef) => jsx("div", {
+  ...rest,
+  ref: forwardedRef,
+  className: clsx(styles.footer, className),
+  children: children
+}));
+const PrimaryButton = /*#__PURE__*/forwardRef((props, forwardedRef) => {
+  const {
+    children,
+    className,
+    ...rest
+  } = props;
+  return jsx(Button, {
+    ...rest,
+    ref: forwardedRef,
+    className: clsx(styles.footerButton, className),
+    variant: "primary",
+    children: children
+  });
+});
+const SecondaryButton = /*#__PURE__*/forwardRef((props, forwardedRef) => {
+  const {
+    children,
+    className,
+    ...rest
+  } = props;
+  return jsx(Button, {
+    ...rest,
+    ref: forwardedRef,
+    className: clsx(styles.footerButton, className),
+    variant: "secondary",
+    children: children
+  });
+});
+/**
+ * Wrapper for buttons in the footer of the modal.
+ * Exposes primary and secondary buttons most commonly used inside footer of the modal.
+ */
+const ModalFooter = Object.assign(ModalFooterComponent, {
+  PrimaryButton,
+  SecondaryButton
+});
+
+export { ModalFooter, ModalFooter as default };

package/lib-esm/modal/modal-header.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { type ModalHeaderProps } from './types';
+/**
+ * Header of the Modal
+ */
+export declare const ModalHeader: import("react").ForwardRefExoticComponent<ModalHeaderProps & import("react").RefAttributes<HTMLHeadingElement>>;
+export default ModalHeader;

package/lib-esm/modal/modal-header.js

@@ -0,0 +1,42 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { forwardRef, cloneElement } from 'react';
+import { Text } from '../text/text.js';
+import { ModalTitle } from './modal-title.js';
+import styles from './modal.module.js';
+
+/**
+ * Header of the Modal
+ */
+const ModalHeader = /*#__PURE__*/forwardRef(({
+  children,
+  className,
+  subtitle,
+  backButton,
+  ...rest
+}, forwardedRef) => jsxs("div", {
+  className: styles.modalHeader,
+  children: [backButton ? /*#__PURE__*/cloneElement(backButton, {
+    className: styles.backButton
+  }) : null, jsx(ModalTitle, {
+    ...rest,
+    ref: forwardedRef,
+    asChild: true,
+    children: jsxs("div", {
+      className: styles.modalTitle,
+      children: [jsx(Text, {
+        as: "h2",
+        className: className,
+        color: "textOnLightDefault",
+        variant: "titleLarge",
+        children: children
+      }), subtitle && jsx(Text, {
+        as: "h3",
+        color: "textOnLightSecondary",
+        variant: "subtitle",
+        children: subtitle
+      })]
+    })
+  })]
+}));
+
+export { ModalHeader, ModalHeader as default };

package/lib-esm/modal/modal-scrollable-container.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { type ModalScrollableContainerProps } from './types';
+/**
+ * Wrapper for the contents of the modal.
+ * This element is scrollable when the size of the content would make the modal not fit on the screen.
+ */
+export declare const ModalScrollableContainer: import("react").ForwardRefExoticComponent<ModalScrollableContainerProps & import("react").RefAttributes<HTMLDivElement>>;
+export default ModalScrollableContainer;

package/lib-esm/modal/modal-scrollable-container.js

@@ -0,0 +1,21 @@
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { clsx } from 'clsx';
+import styles from './modal.module.js';
+
+/**
+ * Wrapper for the contents of the modal.
+ * This element is scrollable when the size of the content would make the modal not fit on the screen.
+ */
+const ModalScrollableContainer = /*#__PURE__*/forwardRef(({
+  children,
+  className,
+  ...rest
+}, forwardedRef) => jsx("div", {
+  ...rest,
+  ref: forwardedRef,
+  className: clsx(styles.scrollableContainer, className),
+  children: children
+}));
+
+export { ModalScrollableContainer, ModalScrollableContainer as default };

package/lib-esm/modal/modal-title.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { type ModalTitleProps } from './types';
+/**
+ * An accessible title to be announced when the modal is opened.
+ */
+export declare const ModalTitle: import("react").ForwardRefExoticComponent<ModalTitleProps & import("react").RefAttributes<HTMLHeadingElement>>;
+export default ModalTitle;

package/lib-esm/modal/modal-title.js

@@ -0,0 +1,29 @@
+import { jsx } from 'react/jsx-runtime';
+import * as RadixDialog from '@radix-ui/react-dialog';
+import { VisuallyHidden } from '@radix-ui/react-visually-hidden';
+import { forwardRef } from 'react';
+
+/**
+ * An accessible title to be announced when the modal is opened.
+ */
+const ModalTitle = /*#__PURE__*/forwardRef(({
+  asChild = false,
+  visuallyHidden,
+  children,
+  ...props
+}, forwardedRef) => {
+  const title = jsx(RadixDialog.Title, {
+    ...props,
+    ref: forwardedRef,
+    asChild: true,
+    children: asChild ? children : jsx("span", {
+      children: children
+    })
+  });
+  return visuallyHidden ? jsx(VisuallyHidden, {
+    asChild: true,
+    children: title
+  }) : title;
+});
+
+export { ModalTitle, ModalTitle as default };

package/lib-esm/modal/modal-trigger.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { type ModalTriggerProps } from './types';
+/**
+ * ModalTrigger connects your button to open a modal
+ */
+export declare const ModalTrigger: import("react").ForwardRefExoticComponent<ModalTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+export default ModalTrigger;