@box/blueprint-web 5.31.3

package/lib-esm/content-card/content-card-image.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+declare const ContentCardImage: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLImageElement> & import("react").ImgHTMLAttributes<HTMLImageElement> & {
+    variant: "icon" | "background";
+}, "ref"> & import("react").RefAttributes<HTMLImageElement>>;
+export default ContentCardImage;

package/lib-esm/content-card/content-card-image.js

@@ -0,0 +1,41 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import clsx from 'clsx';
+import { forwardRef, useState } from 'react';
+import { Ghost } from '../ghost/ghost.js';
+import styles from './content-card.module.js';
+
+const ContentCardImage = /*#__PURE__*/forwardRef((props, forwardedRef) => {
+  const {
+    className,
+    variant,
+    ...rest
+  } = props;
+  const [isImageLoaded, setIsImageLoaded] = useState(false);
+  /* eslint-disable jsx-a11y/alt-text */
+  return jsxs("div", {
+    className: variant === 'background' ? styles.cardBackground : styles.cardIcon,
+    children: [jsx("img", {
+      ...rest,
+      ref: forwardedRef,
+      className: clsx(styles.image, className),
+      hidden: !isImageLoaded,
+      onError: () => {
+        // show alt text if image fails to load
+        setIsImageLoaded(true);
+      },
+      onLoad: () => {
+        // show image after it is loaded
+        setIsImageLoaded(true);
+      }
+    }), !isImageLoaded && jsx(Ghost, {
+      height: "100%",
+      variant: "rectangle",
+      width: "100%"
+    })]
+  });
+  /* eslint-enable */
+});
+
+ContentCardImage.displayName = 'ContentCard.Image';
+
+export { ContentCardImage as default };

package/lib-esm/content-card/content-card-title.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { type ElementTypes } from '../text/types';
+declare const ContentCardTitle: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLHeadingElement> & import("react").HTMLAttributes<HTMLHeadingElement>, "ref"> & import("react").RefAttributes<ElementTypes>>;
+export default ContentCardTitle;

package/lib-esm/content-card/content-card-title.js

@@ -0,0 +1,28 @@
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import clsx from 'clsx';
+import { Text } from '../text/text.js';
+import styles from './content-card.module.js';
+
+const ContentCardTitle = /*#__PURE__*/forwardRef((props, forwardedRef) => {
+  const {
+    className,
+    children,
+    ...rest
+  } = props;
+  return jsx("div", {
+    className: clsx(styles.cardTitle, className),
+    children: jsx(Text, {
+      ...rest,
+      ref: forwardedRef,
+      as: "h2",
+      className: styles.cardTitleText,
+      color: "textOnLightDefault",
+      variant: "titleMedium",
+      children: children
+    })
+  });
+});
+ContentCardTitle.displayName = 'ContentCard.Title';
+
+export { ContentCardTitle as default };

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

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { type ContentCardProps } from './types';
+export declare const ContentCard: {
+    ({ children, className, loading, onSelect, ...rest }: ContentCardProps): JSX.Element;
+    displayName: string;
+} & {
+    Body: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLParagraphElement> & import("react").HTMLAttributes<HTMLParagraphElement>, "ref"> & import("react").RefAttributes<import("../text/types").ElementTypes>>;
+    Footer: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Image: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLImageElement> & import("react").ImgHTMLAttributes<HTMLImageElement> & {
+        variant: "icon" | "background";
+    }, "ref"> & import("react").RefAttributes<HTMLImageElement>>;
+    Title: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLHeadingElement> & import("react").HTMLAttributes<HTMLHeadingElement>, "ref"> & import("react").RefAttributes<import("../text/types").ElementTypes>>;
+};

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

@@ -0,0 +1,93 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import clsx from 'clsx';
+import { Size1, Size14, Size6, Size4, Size5, Size18 } from '@box/blueprint-web-assets/tokens/tokens';
+import { Ghost } from '../ghost/ghost.js';
+import styles from './content-card.module.js';
+import ContentCardBody from './content-card-body.js';
+import ContentCardFooter from './content-card-footer.js';
+import ContentCardImage from './content-card-image.js';
+import ContentCardTitle from './content-card-title.js';
+
+const GhostContentCard = () => {
+  return jsxs("div", {
+    className: styles.ghostCard,
+    "data-testid": "ghost-content-card",
+    children: [jsx(Ghost, {
+      borderRadius: Size1,
+      className: styles.iconGhost,
+      height: Size14,
+      variant: "rectangle",
+      width: Size14
+    }), jsx(Ghost, {
+      borderRadius: Size1,
+      className: styles.titleGhost,
+      height: Size6,
+      variant: "rectangle",
+      width: "100%"
+    }), jsx(Ghost, {
+      borderRadius: Size1,
+      className: styles.bodyGhost,
+      height: Size4,
+      variant: "rectangle",
+      width: "100%"
+    }), jsx(Ghost, {
+      borderRadius: Size1,
+      className: styles.bodyGhost,
+      height: Size4,
+      variant: "rectangle",
+      width: "100%"
+    }), jsxs("div", {
+      className: styles.pillGhostContainer,
+      children: [jsx(Ghost, {
+        borderRadius: Size4,
+        className: styles.pillGhost,
+        height: Size5,
+        variant: "pill",
+        width: Size18
+      }), jsx(Ghost, {
+        borderRadius: Size4,
+        className: styles.pillGhost,
+        height: Size5,
+        variant: "pill",
+        width: Size18
+      })]
+    })]
+  });
+};
+const ContentCardComponent = ({
+  children,
+  className,
+  loading,
+  onSelect,
+  ...rest
+}) => {
+  const handleKeyDown = event => {
+    if (event.key === 'Enter') {
+      onSelect(event);
+    }
+  };
+  if (loading) {
+    return jsx(GhostContentCard, {});
+  }
+  return jsx("div", {
+    ...rest,
+    className: clsx(styles.card, className),
+    onClick: onSelect,
+    onKeyDown: handleKeyDown,
+    role: "link",
+    tabIndex: 0,
+    children: jsx("div", {
+      className: styles.cardContent,
+      children: children
+    })
+  });
+};
+ContentCardComponent.displayName = 'ContentCard';
+const ContentCard = Object.assign(ContentCardComponent, {
+  Body: ContentCardBody,
+  Footer: ContentCardFooter,
+  Image: ContentCardImage,
+  Title: ContentCardTitle
+});
+
+export { ContentCard };

package/lib-esm/content-card/content-card.module.js

@@ -0,0 +1,4 @@
+import '../index.css';
+var styles = {"card":"content-card-module_card__VhK5c","cardContent":"content-card-module_cardContent__FKI29","cardTitle":"content-card-module_cardTitle__7uSg6","cardTitleText":"content-card-module_cardTitleText__LF1tu","cardBody":"content-card-module_cardBody__skz-f","cardBodyText":"content-card-module_cardBodyText__YDRjV","cardIcon":"content-card-module_cardIcon__5mjPW","cardBackground":"content-card-module_cardBackground__rXu-D","image":"content-card-module_image__OXQO6","ghostCard":"content-card-module_ghostCard__yuIsP","iconGhost":"content-card-module_iconGhost__bXkJ2","titleGhost":"content-card-module_titleGhost__nHvEA","bodyGhost":"content-card-module_bodyGhost__2ECMN","pillGhostContainer":"content-card-module_pillGhostContainer__C0ATP","pillGhost":"content-card-module_pillGhost__GcWDM"};
+
+export { styles as default };

package/lib-esm/content-card/index.d.ts

@@ -0,0 +1,2 @@
+export * from './content-card';
+export * from './types';

package/lib-esm/content-card/types.d.ts

@@ -0,0 +1,28 @@
+/// <reference types="react" />
+import { type StyledText } from '../utils/commonTypes';
+export type ContentCardBodyProps = React.ComponentProps<'p'> & {
+    /** Content of the body */
+    children?: StyledText;
+};
+export type ContentCardFooterProps = React.ComponentProps<'div'> & {
+    /** Footer contents for the card */
+    children?: React.ReactNode;
+};
+export type ContentCardImageProps = React.ComponentProps<'img'> & {
+    /** The type of the image, either icon or background */
+    variant: 'icon' | 'background';
+};
+export type ContentCardTitleProps = React.ComponentProps<'h2'> & {
+    /** Content of the title */
+    children?: StyledText;
+};
+export type ContentCardProps = React.ComponentProps<'div'> & {
+    /** The images for the icon and/or background image */
+    children: React.ReactNode;
+    /** Additional className to pass to ContentCard */
+    className?: string;
+    /** When true ghost state is rendered. */
+    loading?: boolean;
+    /** Callback to run when card is selected */
+    onSelect: (event: React.SyntheticEvent<HTMLDivElement>) => void;
+};

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { type ContentFieldProps } from './types';
+export declare const contentFieldButtonTestId = "ContentField-button";
+export declare const ContentField: ({ hintText, onClick, onClickClearButton, isSharedFolder, title }: ContentFieldProps) => JSX.Element;
+export default ContentField;

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

@@ -0,0 +1,93 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Button } from '@ariakit/react';
+import { FolderShared } from '@box/blueprint-web-assets/icons/Content';
+import { XMark, Folder } from '@box/blueprint-web-assets/icons/Fill';
+import { Space6, Space4 } from '@box/blueprint-web-assets/tokens/tokens';
+import clsx from 'clsx';
+import { createRef } from 'react';
+import { useFullTextTooltip } from '../utils/useFullTextTooltip.js';
+import styles from './content-field.module.js';
+import { messages } from './messages.js';
+
+const ContentIconContainer = ({
+  children
+}) => jsx("div", {
+  className: styles.contentIconContainer,
+  children: children
+});
+const ContentIcon = ({
+  isSharedFolder
+}) => isSharedFolder ? jsx(FolderShared, {
+  "aria-label": messages.sharedFolderIconLabel,
+  className: styles.contentIconShared,
+  height: Space6,
+  width: Space6
+}) : jsx(ContentIconContainer, {
+  children: jsx(Folder, {
+    "aria-label": messages.folderIconLabel,
+    height: Space4,
+    width: Space4
+  })
+});
+const handleOnClickClearButton = ({
+  ref,
+  onClickClearButton
+}) => e => {
+  ref.current?.focus();
+  onClickClearButton(e);
+};
+const contentFieldButtonTestId = 'ContentField-button';
+const ContentField = ({
+  hintText,
+  onClick,
+  onClickClearButton,
+  isSharedFolder,
+  title
+}) => {
+  const ref = /*#__PURE__*/createRef();
+  const {
+    Wrapper: Tooltip
+  } = useFullTextTooltip({
+    ref,
+    textValue: title
+  });
+  return jsxs("div", {
+    className: styles.contentFieldWrapper,
+    children: [jsx(Tooltip, {
+      content: title ?? hintText,
+      children: jsxs(Button, {
+        className: clsx(styles.contentButton, {
+          [styles.hasSelection]: title
+        }),
+        "data-testid": contentFieldButtonTestId,
+        onClick: onClick,
+        type: "button",
+        children: [jsx(ContentIcon, {
+          isSharedFolder: isSharedFolder
+        }), jsx("div", {
+          className: styles.contentLabelWrapper,
+          children: jsx("div", {
+            ref: ref,
+            className: styles.contentLabel,
+            children: title ?? hintText
+          })
+        })]
+      })
+    }), title && jsx(Button, {
+      "aria-label": messages.clearContentFieldButtonLabel,
+      className: styles.clearButton,
+      onClick: handleOnClickClearButton({
+        ref,
+        onClickClearButton
+      }),
+      type: "button",
+      children: jsx(XMark, {
+        "aria-label": messages.clearContentFieldIconLabel,
+        height: Space6,
+        width: Space6
+      })
+    })]
+  });
+};
+
+export { ContentField, contentFieldButtonTestId, ContentField as default };

package/lib-esm/content-field/content-field.module.js

@@ -0,0 +1,4 @@
+import '../index.css';
+var styles = {"contentFieldWrapper":"content-field-module_contentFieldWrapper__u0PB8","contentButton":"content-field-module_contentButton__-0iw9","hasSelection":"content-field-module_hasSelection__t2N6t","contentIconContainer":"content-field-module_contentIconContainer__Izi-9","contentIconShared":"content-field-module_contentIconShared__5hl0W","contentLabelWrapper":"content-field-module_contentLabelWrapper__g5YBX","contentLabel":"content-field-module_contentLabel__W9qNj","clearButton":"content-field-module_clearButton__8HNGO"};
+
+export { styles as default };

package/lib-esm/content-field/index.d.ts

@@ -0,0 +1,2 @@
+export { ContentField } from './content-field';
+export { type ContentFieldProps } from './types';

package/lib-esm/content-field/messages.d.ts

@@ -0,0 +1,6 @@
+export declare const messages: {
+    sharedFolderIconLabel: string;
+    folderIconLabel: string;
+    clearContentFieldButtonLabel: string;
+    clearContentFieldIconLabel: string;
+};

package/lib-esm/content-field/messages.js

@@ -0,0 +1,8 @@
+const messages = {
+  sharedFolderIconLabel: 'Shared Folder Icon',
+  folderIconLabel: 'Folder Icon',
+  clearContentFieldButtonLabel: 'Clear Content Field',
+  clearContentFieldIconLabel: 'Clear Content Field icon'
+};
+
+export { messages };

package/lib-esm/content-field/types.d.ts

@@ -0,0 +1,23 @@
+/// <reference types="react" />
+export interface ContentFieldProps {
+    /**
+     * placeholder text for the content field.
+     */
+    hintText: string;
+    /**
+     * whether or not the selected content is a shared folder.
+     */
+    isSharedFolder?: boolean;
+    /**
+     * callback used by consumer to open content picker or equivalent.
+     */
+    onClick: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+    /**
+     * callback to clear selected content
+     */
+    onClickClearButton: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+    /**
+     * title of the selected content selected content
+     */
+    title?: string;
+}

package/lib-esm/data-table/data-table-wrapper.d.ts

@@ -0,0 +1,6 @@
+import { type HTMLAttributes, type ReactNode } from 'react';
+interface TableWrapperProps extends HTMLAttributes<HTMLDivElement> {
+    children: ReactNode;
+}
+export declare const DataTableWrapper: import("react").ForwardRefExoticComponent<TableWrapperProps & import("react").RefAttributes<HTMLDivElement>>;
+export {};

package/lib-esm/data-table/index.d.ts

@@ -0,0 +1 @@
+export { DataTableWrapper } from './data-table-wrapper';

package/lib-esm/empty-state/empty-state.d.ts

@@ -0,0 +1,44 @@
+/// <reference types="react" />
+import { type EmptyStateProps } from './types';
+/**
+ * Empty states refer to "placeholders" displayed when there is no actual data to show to the user.
+ They are most commonly seen the first time a user interacts with a product or page, but can be used when data has been deleted or is unavailable.  They can be a part of an empty page, sidebar or popover.
+ *
+ */
+export declare const EmptyState: import("react").ForwardRefExoticComponent<EmptyStateProps & import("react").RefAttributes<HTMLDivElement>> & {
+    /**
+     * The component that displays a primary action.
+     */
+    PrimaryAction: 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>>;
+    /**
+     * The component that displays a secondary action.
+     */
+    SecondaryAction: import("react").ForwardRefExoticComponent<Omit<import("../primitives/link/types").LinkOwnProps<import("react").ElementType<any>> & Omit<any, keyof import("../primitives/link/types").LinkOwnProps<E>>, "ref"> & import("react").RefAttributes<HTMLLinkElement>>;
+};

package/lib-esm/empty-state/empty-state.js

@@ -0,0 +1,92 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import clsx from 'clsx';
+import { forwardRef, useMemo, createElement, cloneElement, useContext, createContext } from 'react';
+import styles from './empty-state.module.js';
+import { Button } from '../basics/button/button.js';
+import { Link } from '../primitives/link/link.js';
+
+const DEFAULT_SIZE = 'large';
+const EmptyStateContext = /*#__PURE__*/createContext({
+  size: DEFAULT_SIZE
+});
+const EmptyStateComponent = /*#__PURE__*/forwardRef((props, forwardedRef) => {
+  const {
+    children,
+    className,
+    illustration,
+    body,
+    heading,
+    size = DEFAULT_SIZE,
+    ...rest
+  } = props;
+  const value = useMemo(() => ({
+    size
+  }), [size]);
+  return jsx(EmptyStateContext.Provider, {
+    value: value,
+    children: jsxs("div", {
+      ...rest,
+      ref: forwardedRef,
+      className: clsx(styles.emptyState, styles[size], className),
+      role: "group",
+      children: [jsx("div", {
+        className: styles.illustration,
+        children: /*#__PURE__*/createElement(illustration, {
+          role: 'presentation',
+          width: '8.75rem',
+          height: '8.75rem'
+        })
+      }), heading ? /*#__PURE__*/cloneElement(heading, {
+        className: styles.heading,
+        variant: size === 'small' ? 'titleSmall' : 'titleMedium'
+      }) : null, /*#__PURE__*/cloneElement(body, {
+        className: styles.body
+      }), children]
+    })
+  });
+});
+const PrimaryAction = /*#__PURE__*/forwardRef((props, forwardedRef) => {
+  const {
+    children,
+    ...rest
+  } = props;
+  const {
+    size
+  } = useContext(EmptyStateContext);
+  return jsx(Button, {
+    ...rest,
+    ref: forwardedRef,
+    className: styles.button,
+    size: size,
+    variant: "secondary",
+    children: children
+  });
+});
+const SecondaryAction = /*#__PURE__*/forwardRef((props, forwardedRef) => {
+  const {
+    children,
+    ...rest
+  } = props;
+  return jsx(Link, {
+    ...rest,
+    ref: forwardedRef,
+    children: children
+  });
+});
+/**
+ * Empty states refer to "placeholders" displayed when there is no actual data to show to the user.
+ They are most commonly seen the first time a user interacts with a product or page, but can be used when data has been deleted or is unavailable.  They can be a part of an empty page, sidebar or popover.
+ *
+ */
+const EmptyState = Object.assign(EmptyStateComponent, {
+  /**
+   * The component that displays a primary action.
+   */
+  PrimaryAction,
+  /**
+   * The component that displays a secondary action.
+   */
+  SecondaryAction
+});
+
+export { EmptyState };

package/lib-esm/empty-state/empty-state.module.js

@@ -0,0 +1,4 @@
+import '../index.css';
+var styles = {"emptyState":"empty-state-module_emptyState__Qs2b2","illustration":"empty-state-module_illustration__Z63DC","body":"empty-state-module_body__JA15E","heading":"empty-state-module_heading__rdgZb","button":"empty-state-module_button__w6EgO","small":"empty-state-module_small__q9iTq"};
+
+export { styles as default };

package/lib-esm/empty-state/index.d.ts

@@ -0,0 +1,2 @@
+export { EmptyState } from './empty-state';
+export { type EmptyStateProps } from './types';

package/lib-esm/empty-state/types.d.ts

@@ -0,0 +1,19 @@
+import { type FunctionComponent, type HTMLAttributes, type PropsWithChildren, type SVGProps } from 'react';
+export interface EmptyStateProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Pass the empty state options using `<EmptyState.PrimaryAction />` and `<EmptyState.SecondaryAction />`
+     */
+    children?: React.ReactNode;
+    /** Illustration Component to display */
+    illustration: FunctionComponent<PropsWithChildren<SVGProps<SVGSVGElement>>>;
+    /** Text to display to the user. Pass `<Text>` component */
+    body: React.ReactElement;
+    /** Optional bold title. Pass `<Text>` component with appropriate `as` prop, choosing heading component using level that's suitable for your app's hierarchical content.  */
+    heading?: React.ReactElement;
+    /**
+     * Defines the size of the empty state component
+     * The 'small' size reduces the padding, the illustration size, and sets the button size to small.
+     * The 'large' size (default) keeps the original design
+     */
+    size?: 'small' | 'large';
+}

package/lib-esm/ghost/ghost.d.ts

@@ -0,0 +1,27 @@
+/// <reference types="react" />
+type Dimension = string | number;
+export interface GhostProps extends React.HTMLAttributes<HTMLSpanElement> {
+    /** style.borderRadius - use for overwriting when default variants do not meet requirements */
+    borderRadius?: Dimension;
+    /** style.height - use for overwriting when default variants do not meet requirements */
+    height?: Dimension;
+    /** style.width - use for overwriting when default variants do not meet requirements */
+    width?: Dimension;
+    /** variant */
+    variant?: 'circle' | 'pill' | 'rectangle';
+}
+/**
+ * The ghost component
+ * @example
+ * circle
+ * <Ghost borderRadius="50%" height={32} width={32} />
+ * Rectangle
+ * <Ghost />
+ * Pill
+ * <Ghost borderRadius={12} height={24} width={100} />
+ */
+export declare const Ghost: {
+    ({ className, variant, height, width, borderRadius, style, ...rest }: GhostProps): JSX.Element;
+    displayName: string;
+};
+export default Ghost;

package/lib-esm/ghost/ghost.js

@@ -0,0 +1,37 @@
+import { jsx } from 'react/jsx-runtime';
+import clsx from 'clsx';
+import styles from './ghost.module.js';
+
+/**
+ * The ghost component
+ * @example
+ * circle
+ * <Ghost borderRadius="50%" height={32} width={32} />
+ * Rectangle
+ * <Ghost />
+ * Pill
+ * <Ghost borderRadius={12} height={24} width={100} />
+ */
+const Ghost = ({
+  className,
+  variant = 'pill',
+  height,
+  width,
+  borderRadius,
+  style = {},
+  ...rest
+}) => jsx("span", {
+  className: clsx(className, styles.ghost, {
+    [styles[variant]]: !!variant
+  }),
+  style: {
+    height,
+    width,
+    borderRadius,
+    ...style
+  },
+  ...rest
+});
+Ghost.displayName = 'Ghost';
+
+export { Ghost, Ghost as default };

package/lib-esm/ghost/ghost.module.js

@@ -0,0 +1,4 @@
+import '../index.css';
+var styles = {"ghost":"ghost-module_ghost__43gB8","ghost-keyframes":"ghost-module_ghost-keyframes__4R1Ia","circle":"ghost-module_circle__4da-A","pill":"ghost-module_pill__pxhaJ","rectangle":"ghost-module_rectangle__tPr2a"};
+
+export { styles as default };

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

@@ -0,0 +1 @@
+export { Ghost, type GhostProps } from './ghost';

package/lib-esm/guided-tooltip/guided-tooltip-body.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { type GuidedTooltipTextProps, type GuidedTooltipBodyProps } from './types';
+/**
+ * The component to show the text of Guided Tooltip.
+ */
+export declare const GuidedTooltipText: ({ children }: GuidedTooltipTextProps) => JSX.Element;
+/**
+ * The component to show content in body of the Guided Tooltip.
+ */
+export declare const GuidedTooltipBody: import("react").ForwardRefExoticComponent<GuidedTooltipBodyProps & import("react").RefAttributes<HTMLDivElement>>;
+export default GuidedTooltipBody;