@box/blueprint-web 5.31.3

package/lib-esm/index.d.ts

@@ -0,0 +1,55 @@
+export * from './accordion';
+export * from './actionable-inline-notice';
+export * from './avatar';
+export * from './basics/button';
+export * from './basics/collapsible';
+
+
+
+export * from './basics/navigation-menu';
+
+export * from './basics/text-input';
+export * from './branding-styles';
+export * from './card';
+export * from './card-tooltip';
+export * from './checkbox';
+export * from './combobox';
+export * from './content-card';
+export * from './content-field';
+export * from './empty-state';
+export * from './ghost';
+export * from './guided-tooltip';
+export * from './inline-notice/inline-notice';
+export * from './inline-table/inline-table';
+export * from './input-chip';
+
+export * from './loading-indicator/loading-indicator';
+export * from './modal';
+
+export * from './primitives/chips/filter-chip';
+export * from './primitives/context-menu';
+
+export * from './primitives/dropdown-menu';
+export * from './primitives/icon-button';
+export * from './primitives/inline-error/inline-error';
+export * from './primitives/link';
+export * from './primitives/notification';
+export * from './primitives/page-header';
+export * from './primitives/popover';
+export * from './primitives/select-menu-grid';
+export * from './primitives/supplementary-fonts';
+export * from './primitives/tabs';
+export * from './radio-group';
+export * from './search-input';
+export * from './select';
+export * from './side-panel';
+export * from './slider';
+export * from './status';
+export * from './switch';
+export * from './text';
+export * from './text-area';
+export * from './text-button';
+export * from './tooltip';
+export * from './trigger-button';
+export * from './utils/useBreakpoint';
+export * from './util-components/scrollable-container/scrollable-container';

package/lib-esm/index.js

@@ -0,0 +1,62 @@
+export { Accordion } from './accordion/accordion.js';
+export { ActionableInlineNotice } from './actionable-inline-notice/index.js';
+export { Avatar } from './avatar/avatar.js';
+export { Button } from './basics/button/button.js';
+export { CollapsibleSection } from './basics/collapsible/collapsible-section.js';
+
+
+
+export { NavigationMenu } from './basics/navigation-menu/index.js';
+
+export { TextInput } from './basics/text-input/text-input.js';
+export { BrandingStyles } from './branding-styles/branding-styles.js';
+export { useCustomBranding } from './branding-styles/useCustomBranding.js';
+export { Card } from './card/card.js';
+export { CardTooltip } from './card-tooltip/card-tooltip.js';
+export { Checkbox } from './checkbox/index.js';
+export { Combobox, Root } from './combobox/combobox.js';
+export { ContentCard } from './content-card/content-card.js';
+export { ContentField } from './content-field/content-field.js';
+export { EmptyState } from './empty-state/empty-state.js';
+export { Ghost } from './ghost/ghost.js';
+export { GuidedTooltip } from './guided-tooltip/guided-tooltip.js';
+export { GuidedTooltipContext } from './guided-tooltip/utils/guided-tooltip-context.js';
+export { InlineNotice } from './inline-notice/inline-notice.js';
+export { InlineTable } from './inline-table/inline-table.js';
+export { InputChip } from './input-chip/input-chip.js';
+
+export { LoadingIndicator } from './loading-indicator/loading-indicator.js';
+export { Modal } from './modal/modal.js';
+
+
+export { FilterChip } from './primitives/chips/filter-chip/index.js';
+export { ContextMenu } from './primitives/context-menu/index.js';
+
+export { DropdownMenu } from './primitives/dropdown-menu/index.js';
+export { IconButton } from './primitives/icon-button/icon-button.js';
+export { InlineError } from './primitives/inline-error/inline-error.js';
+export { Link } from './primitives/link/link.js';
+export { Notification } from './primitives/notification/index.js';
+export { PageHeader } from './primitives/page-header/page-header.js';
+export { Popover } from './primitives/popover/index.js';
+export { SelectMenu } from './primitives/select-menu-grid/index.js';
+export { SupplementaryFonts } from './primitives/supplementary-fonts/supplementary-fonts.js';
+export { useSupplementaryFonts } from './primitives/supplementary-fonts/useSupplementaryFonts.hook.js';
+export { getSupplementaryFontFacesConfig } from './primitives/supplementary-fonts/get-supplementary-font-faces-config.js';
+export { Tabs } from './primitives/tabs/index.js';
+export { Radio } from './radio-group/index.js';
+export { SearchInput } from './search-input/index.js';
+export { Select } from './select/select.js';
+export { SidePanel } from './side-panel/side-panel.js';
+export { Slider } from './slider/slider.js';
+export { Status } from './status/status.js';
+export { Switch } from './switch/index.js';
+export { Text } from './text/text.js';
+export { TextArea } from './text-area/text-area.js';
+export { TextButton } from './text-button/text-button.js';
+export { Tooltip, TooltipProvider } from './tooltip/tooltip.js';
+export { TriggerButton } from './trigger-button/trigger-button.js';
+export { Breakpoint, useBreakpoint } from './utils/useBreakpoint.js';
+export { ScrollableContainer, useScroll, useScrollContext } from './util-components/scrollable-container/scrollable-container.js';
+export { useNotification } from './primitives/notification/notification-provider.js';
+export { useTabs } from './primitives/tabs/use-tabs.js';

package/lib-esm/inline-notice/inline-notice.d.ts

@@ -0,0 +1,17 @@
+import { type HTMLAttributes, type ReactNode } from 'react';
+type InlineNoticeVariant = 'info' | 'warning' | 'success' | 'error';
+export interface InlineNoticeProps extends HTMLAttributes<HTMLDivElement> {
+    /** Governs the background color and icon displayed. */
+    variant: InlineNoticeVariant;
+    /** Aria-label for the variant icon. */
+    variantIconAriaLabel: string;
+    /** The main text part of the notice. */
+    children: ReactNode;
+    /** Optional bold title. */
+    title?: string;
+}
+/**
+ * A component used to highlight some portion of the text.
+ */
+export declare function InlineNotice(props: InlineNoticeProps): JSX.Element;
+export default InlineNotice;

package/lib-esm/inline-notice/inline-notice.js

@@ -0,0 +1,64 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { AlertTriangle, InfoBadge, CheckmarkBadge, AlertBadge } from '@box/blueprint-web-assets/icons/Line';
+import { useMemo } from 'react';
+import { BaseInlineNotice } from '../primitives/base-inline-notice/index.js';
+
+const getBackgroundColorByVariant = variant => {
+  switch (variant) {
+    case 'error':
+      return 'backgroundRed';
+    case 'success':
+      return 'backgroundGreen';
+    case 'warning':
+      return 'backgroundYellow';
+    case 'info':
+    default:
+      return 'backgroundBlue';
+  }
+};
+const getInlineNoticeIcon = variant => {
+  switch (variant) {
+    case 'error':
+      return AlertBadge;
+    case 'success':
+      return CheckmarkBadge;
+    case 'info':
+      return InfoBadge;
+    case 'warning':
+      return AlertTriangle;
+    default:
+      return null;
+  }
+};
+/**
+ * A component used to highlight some portion of the text.
+ */
+function InlineNotice(props) {
+  const {
+    variant,
+    title,
+    children,
+    className,
+    variantIconAriaLabel,
+    ...rest
+  } = props;
+  const iconComponent = useMemo(() => getInlineNoticeIcon(variant), [variant]);
+  return jsx(BaseInlineNotice, {
+    ...rest,
+    backgroundColor: getBackgroundColorByVariant(variant),
+    children: jsxs(BaseInlineNotice.ContentContainer, {
+      children: [jsx(BaseInlineNotice.Icon, {
+        icon: iconComponent,
+        iconAriaLabel: variantIconAriaLabel
+      }), jsxs(BaseInlineNotice.Content, {
+        children: [title && jsx(BaseInlineNotice.Content.Title, {
+          children: title
+        }), jsx(BaseInlineNotice.Content.Body, {
+          children: children
+        })]
+      })]
+    })
+  });
+}
+
+export { InlineNotice, InlineNotice as default };

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

@@ -0,0 +1,2 @@
+export { InlineTable } from './inline-table';
+export { InlineTableProps, InlineTableTdProps } from './types';

package/lib-esm/inline-table/inline-table.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { type InlineTableProps, type InlineTableTdProps } from './types';
+export declare const InlineTable: React.ForwardRefExoticComponent<Omit<InlineTableProps, "ref"> & React.RefAttributes<HTMLTableElement>> & {
+    Table: React.ForwardRefExoticComponent<Omit<InlineTableProps, "ref"> & React.RefAttributes<HTMLTableElement>>;
+    Thead: (props: React.ComponentProps<'thead'>) => JSX.Element;
+    Tbody: (props: React.ComponentProps<'tbody'>) => JSX.Element;
+    Tr: (props: React.ComponentProps<'tr'>) => JSX.Element;
+    Th: (props: React.ComponentProps<'td'>) => JSX.Element;
+    Td: React.ForwardRefExoticComponent<Omit<InlineTableTdProps, "ref"> & React.RefAttributes<HTMLTableCellElement>>;
+};

package/lib-esm/inline-table/inline-table.js

@@ -0,0 +1,53 @@
+import { jsx } from 'react/jsx-runtime';
+import clsx from 'clsx';
+import React__default from 'react';
+import styles from './inline-table.module.js';
+
+const Table = /*#__PURE__*/React__default.forwardRef((props, ref) => {
+  const {
+    fullSpan,
+    hideBorder,
+    className,
+    ...rest
+  } = props;
+  return jsx("table", {
+    className: clsx(hideBorder && styles.borderHidden, fullSpan && styles.fullSpan, styles.inlineTable, className),
+    ...rest,
+    ref: ref
+  });
+});
+const Tr = props => jsx("tr", {
+  ...props
+});
+const Th = props => jsx("th", {
+  align: "left",
+  ...props
+});
+const Thead = props => jsx("thead", {
+  ...props
+});
+const Tbody = props => jsx("tbody", {
+  ...props
+});
+const Td = /*#__PURE__*/React__default.forwardRef(({
+  children,
+  className,
+  variant,
+  ...rest
+}, ref) => jsx("td", {
+  align: variant === 'action' ? 'right' : 'left',
+  className: clsx(variant === 'action' && styles.actionCell, className),
+  ...rest,
+  ref: ref,
+  children: children
+}));
+const InlineTable = Object.assign(Table, {
+  Table,
+  Thead,
+  Tbody,
+  Tr,
+  Th,
+  Td
+});
+
+export { InlineTable };

package/lib-esm/inline-table/inline-table.module.js

@@ -0,0 +1,4 @@
+import '../index.css';
+var styles = {"inlineTable":"inline-table-module_inlineTable__Se38I","borderHidden":"inline-table-module_borderHidden__nGEm4","fullSpan":"inline-table-module_fullSpan__p2f2m","actionCell":"inline-table-module_actionCell__D-Lu2"};
+
+export { styles as default };

package/lib-esm/inline-table/types.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+export interface InlineTableProps extends React.ComponentPropsWithRef<'table'> {
+    /**
+     * Display no border
+     */
+    hideBorder?: boolean;
+    /**
+     * Table spans entire width of its parent
+     */
+    fullSpan?: boolean;
+}
+export interface InlineTableTdProps extends React.ComponentPropsWithRef<'td'> {
+    variant?: 'action';
+}

package/lib-esm/input-chip/index.d.ts

@@ -0,0 +1,2 @@
+export { InputChip } from './input-chip';
+export { type InputChipProps } from './types';

package/lib-esm/input-chip/input-chip.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { type InputChipProps } from './types';
+export declare const InputChip: React.ForwardRefExoticComponent<InputChipProps & React.RefAttributes<HTMLButtonElement>>;
+export default InputChip;

package/lib-esm/input-chip/input-chip.js

@@ -0,0 +1,58 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { XMark } from '@box/blueprint-web-assets/icons/Fill';
+import { Size4 } from '@box/blueprint-web-assets/tokens/tokens';
+import clsx from 'clsx';
+import React__default, { forwardRef } from 'react';
+import { Text } from '../text/text.js';
+import styles from './input-chip.module.js';
+
+const DELETE_TRIGGER_KEYS = ['Backspace', 'Delete'];
+const InputChip = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    avatar: avatarProp,
+    label,
+    variant,
+    className,
+    onDelete,
+    ...buttonProps
+  } = props;
+  // Clone avatar element to override its props
+  const avatar = avatarProp ? /*#__PURE__*/React__default.cloneElement(avatarProp, {
+    className: clsx(avatarProp.props.className, styles.avatar),
+    size: 'small',
+    'aria-hidden': 'true'
+  }) : null;
+  const handleKeyDown = event => {
+    if (DELETE_TRIGGER_KEYS.includes(event.code)) {
+      onDelete();
+    }
+    buttonProps.onKeyDown?.(event);
+  };
+  const hasError = variant === 'error';
+  return (/* eslint-disable-next-line jsx-a11y/role-supports-aria-props */
+    jsxs("button", {
+      ...buttonProps,
+      ref: ref,
+      "aria-invalid": hasError,
+      className: clsx(styles.container, hasError && styles.error, className),
+      onKeyDown: handleKeyDown,
+      type: "button",
+      children: [avatar, jsx(Text, {
+        as: "span",
+        className: styles.label,
+        children: label
+      }), jsx("span", {
+        className: styles.deleteIcon,
+        children: jsx(XMark, {
+          "aria-hidden": true,
+          "data-testid": "delete-icon",
+          height: Size4,
+          onClick: onDelete,
+          width: Size4
+        })
+      })]
+    })
+  );
+});
+
+export { InputChip, InputChip as default };

package/lib-esm/input-chip/input-chip.module.js

@@ -0,0 +1,4 @@
+import '../index.css';
+var styles = {"container":"input-chip-module_container__0UUUD","error":"input-chip-module_error__TeNOz","avatar":"input-chip-module_avatar__IHg8x","label":"input-chip-module_label__zOuAM","deleteIcon":"input-chip-module_deleteIcon__dnAVD"};
+
+export { styles as default };

package/lib-esm/input-chip/types.d.ts

@@ -0,0 +1,21 @@
+import { type HTMLAttributes } from 'react';
+export interface InputChipProps extends HTMLAttributes<HTMLElement> {
+    /**
+     * Text content inside the Chip.
+     * */
+    label: string;
+    /**
+     * The Avatar element to display.
+     */
+    avatar?: JSX.Element;
+    /**
+     * The theme color of the component.
+     *
+     * @default "default"
+     */
+    variant?: 'default' | 'error';
+    /**
+     * Callback fired when chip is deleted with X button click or keyboard interaction.
+     */
+    onDelete: () => void;
+}

package/lib-esm/list-item/cell/action-cell.d.ts

@@ -0,0 +1,13 @@
+import { type ReactNode } from 'react';
+import { type CellProps } from './cell';
+export interface ActionCellProps extends Omit<CellProps, 'variant'> {
+    children: (onOpenChange: (isOpen: boolean) => void) => ReactNode;
+    loading?: boolean;
+}
+/**
+ * `ActionCell` should be used in place of `Cell` component when you intend to use Dropdown component inside.
+ *
+ * It provides additional `onOpenChange` via children render prop, that you should use to sync Dropdown's open state with ActionCell.
+ * This ensures that showing/hiding of actions works properly.
+ */
+export declare const ActionCell: import("react").ForwardRefExoticComponent<ActionCellProps & import("react").RefAttributes<HTMLTableCellElement>>;

package/lib-esm/list-item/cell/action-cell.js

@@ -0,0 +1,49 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { forwardRef, useRef } from 'react';
+import { useTableOptions } from 'react-aria-components';
+import { ListCheckbox } from '../../util-components/list-checkbox/list-checkbox.js';
+import { Cell } from './cell.js';
+import styles from '../main.module.js';
+
+/**
+ * `ActionCell` should be used in place of `Cell` component when you intend to use Dropdown component inside.
+ *
+ * It provides additional `onOpenChange` via children render prop, that you should use to sync Dropdown's open state with ActionCell.
+ * This ensures that showing/hiding of actions works properly.
+ */
+const ActionCell = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    children,
+    loading,
+    ...rest
+  } = props;
+  const {
+    selectionBehavior,
+    selectionMode
+  } = useTableOptions();
+  const divRef = useRef(null);
+  // Allows consumer to sync changes to dropdown `open` state. Ensures actions are shown when dropdown is open
+  // TODO: Once we have feature complete dropdown, this could be built-in.
+  const onOpenChange = isOpen => {
+    if (divRef.current) {
+      divRef.current.setAttribute('data-state', isOpen ? 'open' : 'closed');
+    }
+  };
+  const shouldShowCheckbox = selectionBehavior === 'toggle' && selectionMode === 'multiple';
+  return jsx(Cell, {
+    className: styles.actions,
+    ...rest,
+    ref: ref,
+    children: !!children && !loading ? jsxs("div", {
+      ref: divRef,
+      className: styles.actionsWrapper,
+      "data-actionswrapper": true,
+      children: [jsx("div", {
+        className: styles.actionChildren,
+        children: children(onOpenChange)
+      }), shouldShowCheckbox && jsx(ListCheckbox, {})]
+    }) : null
+  });
+});
+
+export { ActionCell };

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

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { type CellProps as PrimitiveCellProps } from 'react-aria-components';
+export interface CellProps extends PrimitiveCellProps {
+    loading?: boolean;
+}
+/**
+ * Based on React Aria Components `Cell`
+ * @see https://react-spectrum.adobe.com/react-aria/Table.html#cell
+ */
+export declare const Cell: import("react").ForwardRefExoticComponent<CellProps & import("react").RefAttributes<HTMLTableCellElement>>;

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

@@ -0,0 +1,30 @@
+import { jsx } from 'react/jsx-runtime';
+import clsx from 'clsx';
+import { forwardRef } from 'react';
+import { Cell as Cell$1 } from 'react-aria-components';
+import { Ghost } from '../../ghost/ghost.js';
+import styles from '../main.module.js';
+
+/**
+ * Based on React Aria Components `Cell`
+ * @see https://react-spectrum.adobe.com/react-aria/Table.html#cell
+ */
+const Cell = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    children,
+    loading,
+    className,
+    ...rest
+  } = props;
+  const ghostState = jsx(Ghost, {
+    width: "80%"
+  });
+  return jsx(Cell$1, {
+    ...rest,
+    ref: ref,
+    className: clsx(styles.cell, className),
+    children: loading ? ghostState : children
+  });
+});
+
+export { Cell };

package/lib-esm/list-item/drop-indicator.d.ts

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

package/lib-esm/list-item/drop-indicator.js

@@ -0,0 +1,19 @@
+import { jsx } from 'react/jsx-runtime';
+import clsx from 'clsx';
+import { forwardRef } from 'react';
+import { DropIndicator as DropIndicator$1 } from 'react-aria-components';
+import styles from './drop-indicator.module.js';
+
+const DropIndicator = /*#__PURE__*/forwardRef(function DropIndicator(props, ref) {
+  const {
+    className,
+    ...rest
+  } = props;
+  return jsx(DropIndicator$1, {
+    ...rest,
+    ref: ref,
+    className: clsx(styles.dropIndicator, className)
+  });
+});
+
+export { DropIndicator };

package/lib-esm/list-item/drop-indicator.module.js

@@ -0,0 +1,4 @@
+import '../index.css';
+var styles = {"dropIndicator":"drop-indicator-module_dropIndicator__MCYpB"};
+
+export { styles as default };

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

@@ -0,0 +1,25 @@
+/// <reference types="react" />
+import { type RowProps } from './row';
+import { type TableProps } from './table';
+import { type TableBodyProps } from './table-body';
+import { type ColumnProps } from './table-column';
+import { type TableHeaderProps } from './table-header';
+export declare const Table: import("react").ForwardRefExoticComponent<import("react-aria-components").TableProps & import("react").RefAttributes<HTMLTableElement>>;
+export declare const Cell: import("react").ForwardRefExoticComponent<import("./cell/cell").CellProps & import("react").RefAttributes<HTMLTableCellElement>>;
+export declare const Column: (props: ColumnProps & {
+    ref?: import("react").ForwardedRef<HTMLTableCellElement> | undefined;
+}) => JSX.Element;
+export declare const TableBody: <T extends object>(props: {
+    scrollingElement?: HTMLElement | undefined;
+} & import("react-aria-components").TableBodyProps<T> & {
+    ref?: import("react").ForwardedRef<HTMLTableSectionElement> | undefined;
+}) => JSX.Element;
+export declare const TableHeader: <T extends object>(props: TableHeaderProps<T> & {
+    ref?: import("react").ForwardedRef<HTMLTableSectionElement> | undefined;
+}) => JSX.Element;
+export declare const Row: <T extends object>(props: RowProps<T> & {
+    ref?: import("react").ForwardedRef<HTMLTableRowElement> | undefined;
+}) => JSX.Element;
+export declare const ActionCell: import("react").ForwardRefExoticComponent<import("./cell/action-cell").ActionCellProps & import("react").RefAttributes<HTMLTableCellElement>>;
+export declare const DropIndicator: import("react").ForwardRefExoticComponent<import("react-aria-components").DropIndicatorProps & import("react").RefAttributes<HTMLElement>>;
+export type { RowProps, ColumnProps, TableProps, TableBodyProps, TableHeaderProps };

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

@@ -0,0 +1,25 @@
+/// <reference types="react" />
+import { type RowProps } from './row';
+import { type TableProps } from './table';
+import { type TableBodyProps } from './table-body';
+import { type ColumnProps } from './table-column';
+import { type TableHeaderProps } from './table-header';
+export declare const Table: import("react").ForwardRefExoticComponent<import("react-aria-components").TableProps & import("react").RefAttributes<HTMLTableElement>>;
+export declare const Cell: import("react").ForwardRefExoticComponent<import("./cell/cell").CellProps & import("react").RefAttributes<HTMLTableCellElement>>;
+export declare const Column: (props: ColumnProps & {
+    ref?: import("react").ForwardedRef<HTMLTableCellElement> | undefined;
+}) => JSX.Element;
+export declare const TableBody: <T extends object>(props: {
+    scrollingElement?: HTMLElement | undefined;
+} & import("react-aria-components").TableBodyProps<T> & {
+    ref?: import("react").ForwardedRef<HTMLTableSectionElement> | undefined;
+}) => JSX.Element;
+export declare const TableHeader: <T extends object>(props: TableHeaderProps<T> & {
+    ref?: import("react").ForwardedRef<HTMLTableSectionElement> | undefined;
+}) => JSX.Element;
+export declare const Row: <T extends object>(props: RowProps<T> & {
+    ref?: import("react").ForwardedRef<HTMLTableRowElement> | undefined;
+}) => JSX.Element;
+export declare const ActionCell: import("react").ForwardRefExoticComponent<import("./cell/action-cell").ActionCellProps & import("react").RefAttributes<HTMLTableCellElement>>;
+export declare const DropIndicator: import("react").ForwardRefExoticComponent<import("react-aria-components").DropIndicatorProps & import("react").RefAttributes<HTMLElement>>;
+export type { RowProps, ColumnProps, TableProps, TableBodyProps, TableHeaderProps };

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

@@ -0,0 +1,19 @@
+import { ActionCell as ActionCell$1 } from './cell/action-cell.js';
+import { Cell as Cell$1 } from './cell/cell.js';
+import { DropIndicator as DropIndicator$1 } from './drop-indicator.js';
+import { Row as Row$1 } from './row.js';
+import { Table as Table$1 } from './table.js';
+import { TableBody as TableBody$1 } from './table-body.js';
+import { Column as Column$1 } from './table-column.js';
+import { TableHeader as TableHeader$1 } from './table-header.js';
+
+const Table = Table$1;
+const Cell = Cell$1;
+const Column = Column$1;
+const TableBody = TableBody$1;
+const TableHeader = TableHeader$1;
+const Row = Row$1;
+const ActionCell = ActionCell$1;
+const DropIndicator = DropIndicator$1;
+
+export { ActionCell, Cell, Column, DropIndicator, Row, Table, TableBody, TableHeader };

package/lib-esm/list-item/main.module.js

@@ -0,0 +1,4 @@
+import '../index.css';
+var styles = {"resizableTableContainer":"main-module_resizableTableContainer__Mf8-Q","tableHeader":"main-module_tableHeader__n-P5z","column":"main-module_column__3pBjI","columnName":"main-module_columnName__O3gOE","rotateArrow":"main-module_rotateArrow__rz3BQ","sorted":"main-module_sorted__FK-1H","sortingFlexWrapper":"main-module_sortingFlexWrapper__xVBPO","tableBody":"main-module_tableBody__SIzRJ","row":"main-module_row__mZ60p","cell":"main-module_cell__3GdAn","actionsWrapper":"main-module_actionsWrapper__lpoIa","actionChildren":"main-module_actionChildren__hVn0Z","actions":"main-module_actions__sLAH1","dropIndicator":"main-module_dropIndicator__8MS9l"};
+
+export { styles as default };

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

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

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

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