@box/blueprint-web 5.31.3

package/lib-esm/basics/large-list-item/index.d.ts

@@ -0,0 +1,88 @@
+/// <reference types="react" />
+/**
+ * Large List can be used for showcasing various types of files in Box
+ *
+ * It consists of multiple subcomponents that allow you to compose it however you need.
+ *
+ * @example
+        <LargeList>
+            <LargeList.Item textValue="Title Placeholder">
+                <LargeList.Thumbnail>
+                    <img/>
+                </LargeList.Thumbnail>
+                
+                <LargeList.Header>
+                    Title Placeholder
+                </LargeList.Header>
+                
+                <LargeList.Subtitle>
+                    Subtitle Placeholder
+                </LargeList.Subtitle>
+
+                <LargeList.Description>
+                    Description Placeholder: uismod quis viverra nibh cras pulvinar mattis. Nulla malesuada pellentesque
+                </LargeList.Description>
+                
+                <LargeList.Actions>
+                    <LargeList.ActionIconButton
+                        aria-label="comments inside item"
+                        icon={Ellipsis}
+                        onClick={e => console.log('first button clicked')}
+                    />
+                    <LargeList.ActionIconButton
+                        aria-label="copy item link"
+                        icon={Link}
+                        onClick={e => console.log('link clicked')}
+                    />
+                    <LargeList.ActionIconButton
+                        aria-label="share this item"
+                        icon={ArrowArchedRight}
+                        onClick={() => console.log('share clicked')}
+                    />
+                </LargeList.Actions>
+            </LargeList.Item>
+        </LargeList>
+ */
+export declare const LargeList: import("react").ForwardRefExoticComponent<import("./types").LargeListProps & import("react").RefAttributes<HTMLDivElement>> & {
+    /**
+     * An individual item in the list.
+     */
+    Item: import("react").ForwardRefExoticComponent<import("react-aria-components").ItemProps<object> & Omit<import("../../util-components/base-grid-list-item/types").BaseGridListItemContextType, "isItemInteracted" | "setIsItemInteracted"> & import("react").RefAttributes<HTMLDivElement>>;
+    /**
+     * Styled wrapper over an image or icon.
+     */
+    Thumbnail: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+        ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+    }, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    /**
+     * Styled wrapper over the title of an item and potential Status components.
+     */
+    Header: import("react").ForwardRefExoticComponent<Omit<import("../../util-components/base-grid-list-item").BaseGridListHeaderProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+    /**
+     * Styled wrapper over the subtitle of an item.
+     */
+    Subtitle: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
+        ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
+    }, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+    /**
+     * Styled wrapper over the description of an item.
+     */
+    Description: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & {
+        ref?: ((instance: HTMLParagraphElement | null) => void) | import("react").RefObject<HTMLParagraphElement> | null | undefined;
+    }, "ref"> & import("react").RefAttributes<HTMLParagraphElement>>;
+    /**
+     * Styled wrapper over the snippet of the item matching content.
+     */
+    Snippet: import("react").ForwardRefExoticComponent<import("./types").LargeListSnippetProps & import("react").RefAttributes<HTMLDivElement>>;
+    /**
+     * Styled wrapper over the actions of an item.
+     * If `selectionMode` is passed, a checkbox will be rendered as well.
+     */
+    Actions: import("react").ForwardRefExoticComponent<Omit<import("../../util-components/base-grid-list-item").BaseGridListActionsProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    /**
+     * Styled wrapper over an icon button.
+     * Ensures proper behaviour when used in a large list item.
+     */
+    ActionIconButton: import("react").ForwardRefExoticComponent<Omit<import("../../..").IconButtonProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+};
+export type { LargeListActionIconButtonProps, LargeListActionsProps, LargeListDescriptionProps, LargeListHeaderProps, LargeListItemProps, LargeListProps, LargeListSubtitleProps, LargeListThumbnailProps, LargeListSnippetProps, } from './types';

package/lib-esm/basics/large-list-item/index.js

@@ -0,0 +1,87 @@
+import { BaseGridList } from '../../util-components/base-grid-list-item/index.js';
+import { LargeList as LargeList$1 } from './large-list.js';
+import { LargeListDescription } from './large-list-item-description.js';
+import { LargeListItemSnippet } from './large-list-item-snippet.js';
+
+/**
+ * Large List can be used for showcasing various types of files in Box
+ *
+ * It consists of multiple subcomponents that allow you to compose it however you need.
+ *
+ * @example
+        <LargeList>
+            <LargeList.Item textValue="Title Placeholder">
+                <LargeList.Thumbnail>
+                    <img/>
+                </LargeList.Thumbnail>
+                
+                <LargeList.Header>
+                    Title Placeholder
+                </LargeList.Header>
+                
+                <LargeList.Subtitle>
+                    Subtitle Placeholder
+                </LargeList.Subtitle>
+
+                <LargeList.Description>
+                    Description Placeholder: uismod quis viverra nibh cras pulvinar mattis. Nulla malesuada pellentesque
+                </LargeList.Description>
+                
+                <LargeList.Actions>
+                    <LargeList.ActionIconButton
+                        aria-label="comments inside item"
+                        icon={Ellipsis}
+                        onClick={e => console.log('first button clicked')}
+                    />
+                    <LargeList.ActionIconButton
+                        aria-label="copy item link"
+                        icon={Link}
+                        onClick={e => console.log('link clicked')}
+                    />
+                    <LargeList.ActionIconButton
+                        aria-label="share this item"
+                        icon={ArrowArchedRight}
+                        onClick={() => console.log('share clicked')}
+                    />
+                </LargeList.Actions>
+            </LargeList.Item>
+        </LargeList>
+ */
+const LargeList = Object.assign(LargeList$1, {
+  /**
+   * An individual item in the list.
+   */
+  Item: BaseGridList.Item,
+  /**
+   * Styled wrapper over an image or icon.
+   */
+  Thumbnail: BaseGridList.Thumbnail,
+  /**
+   * Styled wrapper over the title of an item and potential Status components.
+   */
+  Header: BaseGridList.Header,
+  /**
+   * Styled wrapper over the subtitle of an item.
+   */
+  Subtitle: BaseGridList.Subtitle,
+  /**
+   * Styled wrapper over the description of an item.
+   */
+  Description: LargeListDescription,
+  /**
+   * Styled wrapper over the snippet of the item matching content.
+   */
+  Snippet: LargeListItemSnippet,
+  /**
+   * Styled wrapper over the actions of an item.
+   * If `selectionMode` is passed, a checkbox will be rendered as well.
+   */
+  Actions: BaseGridList.Actions,
+  /**
+   * Styled wrapper over an icon button.
+   * Ensures proper behaviour when used in a large list item.
+   */
+  ActionIconButton: BaseGridList.ActionIconButton
+});
+
+export { LargeList };

package/lib-esm/basics/large-list-item/large-list-item-description.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const LargeListDescription: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & {
+    ref?: ((instance: HTMLParagraphElement | null) => void) | import("react").RefObject<HTMLParagraphElement> | null | undefined;
+}, "ref"> & import("react").RefAttributes<HTMLParagraphElement>>;

package/lib-esm/basics/large-list-item/large-list-item-description.js

@@ -0,0 +1,30 @@
+import { jsx } from 'react/jsx-runtime';
+import clsx from 'clsx';
+import { forwardRef } from 'react';
+import { Ghost } from '../../ghost/ghost.js';
+import { useBaseGridListItemContext } from '../../util-components/base-grid-list-item/base-grid-list-item.js';
+import styles from '../../util-components/base-grid-list-item/base-grid-list-item.module.js';
+
+const LargeListDescription = /*#__PURE__*/forwardRef(function LargeListDescription(props, forwardedRef) {
+  const {
+    children,
+    className,
+    ...rest
+  } = props;
+  const {
+    loading
+  } = useBaseGridListItemContext();
+  return jsx("p", {
+    ...rest,
+    ref: forwardedRef,
+    className: clsx(styles.description, {
+      [styles.loading]: loading
+    }, className),
+    children: loading ? jsx(Ghost, {
+      variant: "rectangle",
+      width: "25%"
+    }) : children
+  });
+});
+
+export { LargeListDescription };

package/lib-esm/basics/large-list-item/large-list-item-snippet.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { type LargeListSnippetProps } from './types';
+export declare const LargeListItemSnippet: import("react").ForwardRefExoticComponent<LargeListSnippetProps & import("react").RefAttributes<HTMLDivElement>>;

package/lib-esm/basics/large-list-item/large-list-item-snippet.js

@@ -0,0 +1,36 @@
+import { jsx } from 'react/jsx-runtime';
+import clsx from 'clsx';
+import { forwardRef } from 'react';
+import { SearchTermString } from '../../util-components/search-term-string/search-term-string.js';
+import { useBaseGridListItemContext } from '../../util-components/base-grid-list-item/base-grid-list-item.js';
+import styles from '../../util-components/base-grid-list-item/base-grid-list-item.module.js';
+import { Ghost } from '../../ghost/ghost.js';
+
+const LargeListItemSnippet = /*#__PURE__*/forwardRef(function LargeListItemSnippet(props, forwardedRef) {
+  const {
+    regex,
+    snippetText
+  } = props;
+  const {
+    loading
+  } = useBaseGridListItemContext();
+  return jsx("div", {
+    ref: forwardedRef,
+    className: clsx(styles.snippet, {
+      [styles.loading]: loading
+    }),
+    children: loading ? jsx(Ghost, {
+      variant: "rectangle",
+      width: "25%"
+    }) : jsx("div", {
+      className: clsx(styles.snippetContent),
+      children: jsx(SearchTermString, {
+        "data-testid": "search-term-string",
+        regex: regex,
+        searchString: snippetText
+      })
+    })
+  });
+});
+
+export { LargeListItemSnippet };

package/lib-esm/basics/large-list-item/large-list.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { type LargeListProps } from './types';
+export declare const LargeList: import("react").ForwardRefExoticComponent<LargeListProps & import("react").RefAttributes<HTMLDivElement>>;

package/lib-esm/basics/large-list-item/large-list.js

@@ -0,0 +1,18 @@
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { BaseGridList } from '../../util-components/base-grid-list-item/base-grid-list.js';
+
+const LargeList = /*#__PURE__*/forwardRef(function LargeList(props, forwardedRef) {
+  const {
+    children,
+    ...rest
+  } = props;
+  return jsx(BaseGridList, {
+    ...rest,
+    ref: forwardedRef,
+    layout: "list",
+    children: children
+  });
+});
+
+export { LargeList };

package/lib-esm/basics/large-list-item/types.d.ts

@@ -0,0 +1,15 @@
+import { type BaseGridListActionIconButtonProps, type BaseGridListActionsProps, type BaseGridListDescriptionProps, type BaseGridListHeaderProps, type BaseGridListItemProps, type BaseGridListProps, type BaseGridListSubtitleProps, type BaseGridListThumbnailProps } from '../../util-components/base-grid-list-item';
+export type LargeListHeaderProps = BaseGridListHeaderProps;
+export type LargeListThumbnailProps = BaseGridListThumbnailProps;
+export type LargeListSubtitleProps = BaseGridListSubtitleProps;
+export type LargeListDescriptionProps = BaseGridListDescriptionProps;
+export type LargeListActionsProps = BaseGridListActionsProps;
+export type LargeListActionIconButtonProps = BaseGridListActionIconButtonProps;
+export type LargeListProps = Omit<BaseGridListProps, 'layout'>;
+export type LargeListItemProps = BaseGridListItemProps;
+export type LargeListSnippetProps = {
+    /** Regular expression pattern to be highlighted in snippetText */
+    regex?: RegExp;
+    /** Text of the snippet */
+    snippetText?: string;
+};

package/lib-esm/basics/navigation-menu/index.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+export declare const NavigationMenu: {
+    Root: {
+        (props: import("@radix-ui/react-dropdown-menu").DropdownMenuProps): JSX.Element;
+        displayName: string;
+    };
+    Trigger: import("react").ForwardRefExoticComponent<import("@radix-ui/react-dropdown-menu").DropdownMenuTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+    Content: import("react").ForwardRefExoticComponent<import("../../..").DropdownMenuContentProps & import("react").RefAttributes<HTMLDivElement>>;
+    Item: import("react").ForwardRefExoticComponent<import("@radix-ui/react-dropdown-menu").DropdownMenuItemProps & import("react").RefAttributes<HTMLDivElement>>;
+    Link: 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<unknown>>;
+    Separator: import("react").ForwardRefExoticComponent<import("react").RefAttributes<HTMLDivElement>>;
+};
+export { type NavigationMenuContentProps } from './navigation-menu-content';
+export { type NavigationMenuItemProps } from './navigation-menu-item';
+export { type NavigationMenuRootProps } from './navigation-menu-root';
+export { type NavigationMenuTriggerProps } from './navigation-menu-trigger';

package/lib-esm/basics/navigation-menu/index.js

@@ -0,0 +1,17 @@
+import { NavigationMenuContent } from './navigation-menu-content.js';
+import { NavigationMenuItem } from './navigation-menu-item.js';
+import { NavigationMenuLink } from './navigation-menu-link.js';
+import { NavigationMenuRoot } from './navigation-menu-root.js';
+import { NavigationMenuSeparator } from './navigation-menu-separator.js';
+import { NavigationMenuTrigger } from './navigation-menu-trigger.js';
+
+const NavigationMenu = {
+  Root: NavigationMenuRoot,
+  Trigger: NavigationMenuTrigger,
+  Content: NavigationMenuContent,
+  Item: NavigationMenuItem,
+  Link: NavigationMenuLink,
+  Separator: NavigationMenuSeparator
+};
+
+export { NavigationMenu };

package/lib-esm/basics/navigation-menu/navigation-menu-content.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { type DropdownMenuContentProps } from '../../primitives/dropdown-menu';
+export type NavigationMenuContentProps = DropdownMenuContentProps;
+/**
+ * Alias for DropdownMenu.Content
+ */
+export declare const NavigationMenuContent: import("react").ForwardRefExoticComponent<DropdownMenuContentProps & import("react").RefAttributes<HTMLDivElement>>;

package/lib-esm/basics/navigation-menu/navigation-menu-content.js

@@ -0,0 +1,21 @@
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { DropdownMenu } from '../../primitives/dropdown-menu/index.js';
+
+/**
+ * Alias for DropdownMenu.Content
+ */
+const NavigationMenuContent = /*#__PURE__*/forwardRef((props, forwardedRef) => {
+  const {
+    children,
+    ...rest
+  } = props;
+  return jsx(DropdownMenu.Content, {
+    ...rest,
+    ref: forwardedRef,
+    children: children
+  });
+});
+NavigationMenuContent.displayName = 'NavigationMenu.Content';
+
+export { NavigationMenuContent };

package/lib-esm/basics/navigation-menu/navigation-menu-item.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { type DropdownMenuItemProps } from '../../primitives/dropdown-menu';
+export type NavigationMenuItemProps = DropdownMenuItemProps;
+/**
+ * An item of a NavigationMenu - this element should have a single NavigationMenu.Item as child
+ * example:
+ *     <NavigationMenu.Item>
+ *        <NavigationMenu.Link href="https://box.com" target="_blank">
+ *               Box
+ *        </NavigationMenu.Link>
+ *     </NavigationMenu.Item>
+ */
+export declare const NavigationMenuItem: React.ForwardRefExoticComponent<import("@radix-ui/react-dropdown-menu").DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>>;

package/lib-esm/basics/navigation-menu/navigation-menu-item.js

@@ -0,0 +1,52 @@
+import { jsx } from 'react/jsx-runtime';
+import React__default, { forwardRef, useRef, useCallback } from 'react';
+import { DropdownMenu } from '../../primitives/dropdown-menu/index.js';
+import { NavigationMenuLink } from './navigation-menu-link.js';
+
+/**
+ * An item of a NavigationMenu - this element should have a single NavigationMenu.Item as child
+ * example:
+ *     <NavigationMenu.Item>
+ *        <NavigationMenu.Link href="https://box.com" target="_blank">
+ *               Box
+ *        </NavigationMenu.Link>
+ *     </NavigationMenu.Item>
+ */
+const NavigationMenuItem = /*#__PURE__*/forwardRef((props, forwardedRef) => {
+  const {
+    children,
+    ...rest
+  } = props;
+  const linkRef = useRef();
+  const openLinkOnSelect = useCallback(event => {
+    event.preventDefault();
+    linkRef.current?.click();
+  }, []);
+  return jsx(DropdownMenu.Item, {
+    ...rest,
+    ref: forwardedRef,
+    onSelect: openLinkOnSelect,
+    children: React__default.Children.map(children, (child, index) => {
+      if (index > 0) {
+        throw Error(`NavigationMenu.Item must have only one child of type NavigationMenu.Link. Element ${child}`);
+      }
+      if (! /*#__PURE__*/React__default.isValidElement(child)) {
+        throw Error(`Element ${child} is not a valid React element`);
+      }
+      if (child.type !== NavigationMenuLink) {
+        throw Error(`Component of type ${child.type} is not allowed. The NavigationMenu.Item component only accepts NavigationMenu.Link as children.`);
+      }
+      const childElement = child;
+      return /*#__PURE__*/React__default.cloneElement(childElement, {
+        ref: node => {
+          if (node) {
+            linkRef.current = node;
+          }
+        }
+      });
+    })
+  });
+});
+NavigationMenuItem.displayName = 'NavigationMenu.Item';
+
+export { NavigationMenuItem };

package/lib-esm/basics/navigation-menu/navigation-menu-link.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+/**
+ * NavigationMenu link - this element must be placed in a NavigationMenu.Item
+ */
+export declare const NavigationMenuLink: React.ForwardRefExoticComponent<Omit<import("../../primitives/link/types").LinkOwnProps<React.ElementType<any>> & Omit<any, keyof import("../../primitives/link/types").LinkOwnProps<E>>, "ref"> & React.RefAttributes<unknown>>;

package/lib-esm/basics/navigation-menu/navigation-menu-link.js

@@ -0,0 +1,24 @@
+import { jsx } from 'react/jsx-runtime';
+import clsx from 'clsx';
+import { forwardRef } from 'react';
+import { Link } from '../../primitives/link/link.js';
+import styles from './navigation-menu.module.js';
+
+/**
+ * NavigationMenu link - this element must be placed in a NavigationMenu.Item
+ */
+const NavigationMenuLink = /*#__PURE__*/forwardRef((props, forwardedRef) => {
+  const {
+    children,
+    ...rest
+  } = props;
+  return jsx(Link, {
+    ...rest,
+    ref: forwardedRef,
+    className: clsx([styles.link, styles.ellipsis]),
+    children: children
+  });
+});
+NavigationMenuLink.displayName = 'NavigationMenu.Link';
+
+export { NavigationMenuLink };

package/lib-esm/basics/navigation-menu/navigation-menu-root.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { type DropdownMenuRootProps } from '../../primitives/dropdown-menu';
+export type NavigationMenuRootProps = DropdownMenuRootProps;
+/**
+ * Alias for DropdownMenu.Root
+ */
+export declare const NavigationMenuRoot: {
+    (props: DropdownMenuRootProps): JSX.Element;
+    displayName: string;
+};

package/lib-esm/basics/navigation-menu/navigation-menu-root.js

@@ -0,0 +1,19 @@
+import { jsx } from 'react/jsx-runtime';
+import { DropdownMenu } from '../../primitives/dropdown-menu/index.js';
+
+/**
+ * Alias for DropdownMenu.Root
+ */
+const NavigationMenuRoot = props => {
+  const {
+    children,
+    ...rest
+  } = props;
+  return jsx(DropdownMenu.Root, {
+    ...rest,
+    children: children
+  });
+};
+NavigationMenuRoot.displayName = 'NavigationMenu.Root';
+
+export { NavigationMenuRoot };

package/lib-esm/basics/navigation-menu/navigation-menu-separator.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const NavigationMenuSeparator: import("react").ForwardRefExoticComponent<import("react").RefAttributes<HTMLDivElement>>;

package/lib-esm/basics/navigation-menu/navigation-menu-separator.js

@@ -0,0 +1,12 @@
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { DropdownMenu } from '../../primitives/dropdown-menu/index.js';
+
+const NavigationMenuSeparator = /*#__PURE__*/forwardRef((_, forwardedRef) => {
+  return jsx(DropdownMenu.Separator, {
+    ref: forwardedRef
+  });
+});
+NavigationMenuSeparator.displayName = 'NavigationMenu.Separator';
+
+export { NavigationMenuSeparator };

package/lib-esm/basics/navigation-menu/navigation-menu-trigger.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { type DropdownMenuTriggerProps } from '../../primitives/dropdown-menu';
+export type NavigationMenuTriggerProps = DropdownMenuTriggerProps;
+/**
+ * Alias for DropdownMenu.Trigger
+ */
+export declare const NavigationMenuTrigger: import("react").ForwardRefExoticComponent<import("@radix-ui/react-dropdown-menu").DropdownMenuTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;

package/lib-esm/basics/navigation-menu/navigation-menu-trigger.js

@@ -0,0 +1,21 @@
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { DropdownMenu } from '../../primitives/dropdown-menu/index.js';
+
+/**
+ * Alias for DropdownMenu.Trigger
+ */
+const NavigationMenuTrigger = /*#__PURE__*/forwardRef((props, forwardedRef) => {
+  const {
+    children,
+    ...rest
+  } = props;
+  return jsx(DropdownMenu.Trigger, {
+    ref: forwardedRef,
+    ...rest,
+    children: children
+  });
+});
+NavigationMenuTrigger.displayName = 'NavigationMenu.Trigger';
+
+export { NavigationMenuTrigger };

package/lib-esm/basics/navigation-menu/navigation-menu.module.js

@@ -0,0 +1,4 @@
+import '../../index.css';
+var styles = {"link":"navigation-menu-module_link__ASnav","ellipsis":"navigation-menu-module_ellipsis__CSzPG"};
+
+export { styles as default };

package/lib-esm/basics/small-list-item/index.d.ts

@@ -0,0 +1,47 @@
+/// <reference types="react" />
+/**
+ * Small List is a simpler version of Large Item. It only contains a thumbnail, header, and subtitle.
+ *
+ * It will be used within smaller containers (like a Menu)
+ *
+ * @example
+        <SmallList>
+            <SmallList.Item textValue="Title Placeholder">
+                <SmallList.Thumbnail>
+                    <img/>
+                </SmallList.Thumbnail>
+                
+                <SmallList.Header>
+                    Title Placeholder
+                </SmallList.Header>
+                
+                <SmallList.Subtitle>
+                    Subtitle Placeholder
+                </SmallList.Subtitle>
+
+            </SmallList.Item>
+        </SmallList>
+ */
+export declare const SmallList: import("react").ForwardRefExoticComponent<import("./types").SmallListProps & import("react").RefAttributes<HTMLDivElement>> & {
+    /**
+     * An individual item in the list.
+     */
+    Item: import("react").ForwardRefExoticComponent<import("react-aria-components").ItemProps<object> & Omit<import("../../util-components/base-grid-list-item/types").BaseGridListItemContextType, "isItemInteracted" | "setIsItemInteracted"> & import("react").RefAttributes<HTMLDivElement>>;
+    /**
+     * Styled wrapper over an image or icon.
+     */
+    Thumbnail: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+        ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+    }, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    /**
+     * Styled wrapper over the title of an item.
+     */
+    Header: import("react").ForwardRefExoticComponent<Omit<import("../../util-components/base-grid-list-item").BaseGridListHeaderProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+    /**
+     * Styled wrapper over the subtitle of an item.
+     */
+    Subtitle: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
+        ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
+    }, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+};
+export type { SmallListProps, SmallListHeaderProps, SmallListSubtitleProps, SmallListThumbnailProps, SmallListItemProps, } from './types';

package/lib-esm/basics/small-list-item/index.js

@@ -0,0 +1,46 @@
+import { BaseGridList } from '../../util-components/base-grid-list-item/index.js';
+import { SmallList as SmallList$1 } from './small-list.js';
+
+/**
+ * Small List is a simpler version of Large Item. It only contains a thumbnail, header, and subtitle.
+ *
+ * It will be used within smaller containers (like a Menu)
+ *
+ * @example
+        <SmallList>
+            <SmallList.Item textValue="Title Placeholder">
+                <SmallList.Thumbnail>
+                    <img/>
+                </SmallList.Thumbnail>
+                
+                <SmallList.Header>
+                    Title Placeholder
+                </SmallList.Header>
+                
+                <SmallList.Subtitle>
+                    Subtitle Placeholder
+                </SmallList.Subtitle>
+
+            </SmallList.Item>
+        </SmallList>
+ */
+const SmallList = Object.assign(SmallList$1, {
+  /**
+   * An individual item in the list.
+   */
+  Item: BaseGridList.Item,
+  /**
+   * Styled wrapper over an image or icon.
+   */
+  Thumbnail: BaseGridList.Thumbnail,
+  /**
+   * Styled wrapper over the title of an item.
+   */
+  Header: BaseGridList.Header,
+  /**
+   * Styled wrapper over the subtitle of an item.
+   */
+  Subtitle: BaseGridList.Subtitle
+});
+
+export { SmallList };

package/lib-esm/basics/small-list-item/small-list.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { type SmallListProps } from './types';
+export declare const SmallList: import("react").ForwardRefExoticComponent<SmallListProps & import("react").RefAttributes<HTMLDivElement>>;