@box/blueprint-web 7.5.0 → 7.8.0

package/lib-esm/combobox/combobox.js

@@ -2,7 +2,6 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { SelectItemCheck, SelectItem, ComboboxItem, useComboboxStore, useSelectStore, PopoverAnchor, Combobox as Combobox$1, SelectList, ComboboxPopover } from '@ariakit/react';
 import { SelectRenderer } from '@ariakit/react-core/select/select-renderer';
 import { Checkmark } from '@box/blueprint-web-assets/icons/Fill';
-import { VisuallyHidden } from '@radix-ui/react-visually-hidden';
 import clsx from 'clsx';
 import React__default, { forwardRef, useMemo, useRef, useCallback, useEffect } from 'react';
 import { InputChip } from '../input-chip/input-chip.js';
@@ -11,6 +10,7 @@ import { InlineError } from '../primitives/inline-error/inline-error.js';
 import { TextArea } from '../text-area/text-area.js';
 import { useForkRef } from '../utils/useForkRef.js';
 import { useUniqueId } from '../utils/useUniqueId.js';
+import { VisuallyHidden } from '../visually-hidden/visually-hidden.js';
 import { ChipsGroup } from './chips-group.js';
 import styles from './combobox.module.js';
 

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

@@ -67,6 +67,6 @@ export declare const GridList: import("react").ForwardRefExoticComponent<import(
      * Styled wrapper over an icon button.
      * Ensures proper behaviour when used in a grid list item.
      */
-    ActionIconButton: import("react").ForwardRefExoticComponent<Omit<import("../..").IconButtonProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+    ActionIconButton: import("react").ForwardRefExoticComponent<(Omit<import("../primitives/icon-button/types").IconButtonVariantsProps, "ref"> | Omit<import("../primitives/icon-button/types").IconButtonSmallUtilityVariantProps, "ref">) & import("react").RefAttributes<HTMLButtonElement>>;
 };
 export type { GridListActionIconButtonProps, GridListActionsProps, GridListDescriptionProps, GridListHeaderProps, GridListItemProps, GridListProps, GridListSubtitleProps, GridListThumbnailProps, } from './types';

package/lib-esm/index.css

@@ -1066,7 +1066,7 @@
   cursor:default;
 }
 
-.bp_icon_button_module_iconButton--12d63{
+.bp_icon_button_module_iconButton--a3df7{
   align-items:center;
   background:var(--surface-cta-surface-icon);
   border:0;
@@ -1077,64 +1077,82 @@
   justify-content:center;
   padding:0;
 }
-.bp_icon_button_module_iconButton--12d63 .bp_icon_button_module_iconColor--12d63 *{
+.bp_icon_button_module_iconButton--a3df7 .bp_icon_button_module_iconColor--a3df7 *{
   fill:var(--icon-cta-icon);
 }
-.bp_icon_button_module_iconButton--12d63[aria-disabled=true]{
+.bp_icon_button_module_iconButton--a3df7[aria-disabled=true]{
   background:var(--surface-cta-surface-icon-disabled);
   opacity:.3;
 }
-.bp_icon_button_module_iconButton--12d63[aria-disabled=true] .bp_icon_button_module_iconColor--12d63 *{
+.bp_icon_button_module_iconButton--a3df7[aria-disabled=true] .bp_icon_button_module_iconColor--a3df7 *{
   fill:var(--gray-50);
 }
-.bp_icon_button_module_iconButton--12d63:focus-visible{
+.bp_icon_button_module_iconButton--a3df7:focus-visible{
   outline:none;
 }
-.bp_icon_button_module_iconButton--12d63[data-focus-visible]{
+.bp_icon_button_module_iconButton--a3df7[data-focus-visible]{
   outline:var(--border-2) solid var(--outline-focus-on-light);
 }
-.bp_icon_button_module_iconButton--12d63:hover,.bp_icon_button_module_iconButton--12d63[data-focus-visible]{
+.bp_icon_button_module_iconButton--a3df7:hover,.bp_icon_button_module_iconButton--a3df7[data-focus-visible]{
   background:var(--surface-cta-surface-icon-hover);
 }
-.bp_icon_button_module_iconButton--12d63:hover .bp_icon_button_module_iconColor--12d63 *,.bp_icon_button_module_iconButton--12d63[data-focus-visible] .bp_icon_button_module_iconColor--12d63 *{
+.bp_icon_button_module_iconButton--a3df7:hover .bp_icon_button_module_iconColor--a3df7 *,.bp_icon_button_module_iconButton--a3df7[data-focus-visible] .bp_icon_button_module_iconColor--a3df7 *{
   fill:var(--icon-cta-icon-hover);
 }
-.bp_icon_button_module_iconButton--12d63:active,.bp_icon_button_module_iconButton--12d63[data-active]{
+.bp_icon_button_module_iconButton--a3df7:active,.bp_icon_button_module_iconButton--a3df7[data-active]{
   background:var(--surface-cta-surface-icon-pressed);
 }
-.bp_icon_button_module_iconButton--12d63:active .bp_icon_button_module_iconColor--12d63 *,.bp_icon_button_module_iconButton--12d63[data-active] .bp_icon_button_module_iconColor--12d63 *{
+.bp_icon_button_module_iconButton--a3df7:active .bp_icon_button_module_iconColor--a3df7 *,.bp_icon_button_module_iconButton--a3df7[data-active] .bp_icon_button_module_iconColor--a3df7 *{
   fill:var(--icon-cta-icon-pressed);
 }
-.bp_icon_button_module_iconButton--12d63.bp_icon_button_module_large--12d63{
+.bp_icon_button_module_iconButton--a3df7.bp_icon_button_module_large--a3df7{
   height:var(--size-10);
   width:var(--size-10);
 }
-.bp_icon_button_module_iconButton--12d63.bp_icon_button_module_small--12d63{
+.bp_icon_button_module_iconButton--a3df7.bp_icon_button_module_small--a3df7{
   height:var(--size-8);
   width:var(--size-8);
 }
-.bp_icon_button_module_iconButton--12d63.bp_icon_button_module_x-small--12d63{
+.bp_icon_button_module_iconButton--a3df7.bp_icon_button_module_x-small--a3df7{
   height:var(--size-6);
   width:var(--size-6);
 }
-.bp_icon_button_module_iconButton--12d63.bp_icon_button_module_highContrast--12d63{
+.bp_icon_button_module_iconButton--a3df7.bp_icon_button_module_high-contrast--a3df7{
   background:var(--surface-cta-surface-icon);
 }
-.bp_icon_button_module_iconButton--12d63.bp_icon_button_module_highContrast--12d63 .bp_icon_button_module_iconColor--12d63 *{
+.bp_icon_button_module_iconButton--a3df7.bp_icon_button_module_high-contrast--a3df7 .bp_icon_button_module_iconColor--a3df7 *{
   fill:var(--icon-cta-icon-on-color);
 }
-.bp_icon_button_module_iconButton--12d63.bp_icon_button_module_highContrast--12d63:hover,.bp_icon_button_module_iconButton--12d63.bp_icon_button_module_highContrast--12d63[data-focus-visible]{
+.bp_icon_button_module_iconButton--a3df7.bp_icon_button_module_high-contrast--a3df7:hover,.bp_icon_button_module_iconButton--a3df7.bp_icon_button_module_high-contrast--a3df7[data-focus-visible]{
   background:var(--surface-cta-surface-icon-hover);
 }
-.bp_icon_button_module_iconButton--12d63.bp_icon_button_module_highContrast--12d63:hover .bp_icon_button_module_iconColor--12d63 *,.bp_icon_button_module_iconButton--12d63.bp_icon_button_module_highContrast--12d63[data-focus-visible] .bp_icon_button_module_iconColor--12d63 *{
+.bp_icon_button_module_iconButton--a3df7.bp_icon_button_module_high-contrast--a3df7:hover .bp_icon_button_module_iconColor--a3df7 *,.bp_icon_button_module_iconButton--a3df7.bp_icon_button_module_high-contrast--a3df7[data-focus-visible] .bp_icon_button_module_iconColor--a3df7 *{
   fill:var(--icon-cta-icon-on-color-hover);
 }
-.bp_icon_button_module_iconButton--12d63.bp_icon_button_module_highContrast--12d63:active,.bp_icon_button_module_iconButton--12d63.bp_icon_button_module_highContrast--12d63[data-active]{
+.bp_icon_button_module_iconButton--a3df7.bp_icon_button_module_high-contrast--a3df7:active,.bp_icon_button_module_iconButton--a3df7.bp_icon_button_module_high-contrast--a3df7[data-active]{
   background:var(--surface-cta-surface-icon-pressed);
 }
-.bp_icon_button_module_iconButton--12d63.bp_icon_button_module_highContrast--12d63:active .bp_icon_button_module_iconColor--12d63 *,.bp_icon_button_module_iconButton--12d63.bp_icon_button_module_highContrast--12d63[data-active] .bp_icon_button_module_iconColor--12d63 *{
+.bp_icon_button_module_iconButton--a3df7.bp_icon_button_module_high-contrast--a3df7:active .bp_icon_button_module_iconColor--a3df7 *,.bp_icon_button_module_iconButton--a3df7.bp_icon_button_module_high-contrast--a3df7[data-active] .bp_icon_button_module_iconColor--a3df7 *{
   fill:var(--icon-cta-icon-on-color-pressed);
 }
+.bp_icon_button_module_iconButton--a3df7.bp_icon_button_module_small-utility--a3df7{
+  background:var(--surface-cta-surface-icon-utility);
+}
+.bp_icon_button_module_iconButton--a3df7.bp_icon_button_module_small-utility--a3df7 .bp_icon_button_module_iconColor--a3df7 *{
+  fill:var(--icon-cta-icon-utility);
+}
+.bp_icon_button_module_iconButton--a3df7.bp_icon_button_module_small-utility--a3df7:hover,.bp_icon_button_module_iconButton--a3df7.bp_icon_button_module_small-utility--a3df7[data-focus-visible]{
+  background:var(--surface-cta-surface-icon-utility-hover);
+}
+.bp_icon_button_module_iconButton--a3df7.bp_icon_button_module_small-utility--a3df7:hover .bp_icon_button_module_iconColor--a3df7 *,.bp_icon_button_module_iconButton--a3df7.bp_icon_button_module_small-utility--a3df7[data-focus-visible] .bp_icon_button_module_iconColor--a3df7 *{
+  fill:var(--icon-cta-icon-utility-hover);
+}
+.bp_icon_button_module_iconButton--a3df7.bp_icon_button_module_small-utility--a3df7:active,.bp_icon_button_module_iconButton--a3df7.bp_icon_button_module_small-utility--a3df7[data-active]{
+  background:var(--surface-cta-surface-icon-utility-pressed);
+}
+.bp_icon_button_module_iconButton--a3df7.bp_icon_button_module_small-utility--a3df7:active .bp_icon_button_module_iconColor--a3df7 *,.bp_icon_button_module_iconButton--a3df7.bp_icon_button_module_small-utility--a3df7[data-active] .bp_icon_button_module_iconColor--a3df7 *{
+  fill:var(--icon-cta-icon-utility-pressed);
+}
 
 .bp_collapsible_section_module_collapsibleSection--f411c{
   width:100%;
@@ -2575,7 +2593,7 @@
   margin-block-end:var(--space-4);
 }
 
-.bp_link_module_link--276c2{
+.bp_link_module_link--c79ae{
   color:var(--text-cta-link);
   font-family:Lato, -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
   font-size:.875rem;
@@ -2585,31 +2603,42 @@
   text-decoration:underline;
   text-transform:none;
 }
-.bp_link_module_link--276c2:hover{
+.bp_link_module_link--c79ae:hover{
   color:var(--text-cta-link-hover);
 }
-.bp_link_module_link--276c2:active{
+.bp_link_module_link--c79ae:active{
   color:var(--text-cta-link-pressed);
 }
-.bp_link_module_link--276c2:focus-visible{
+.bp_link_module_link--c79ae:focus-visible{
   border-radius:var(--radius-05);
   color:var(--text-cta-link-hover);
 }
-.bp_link_module_link--276c2:focus-visible:focus-visible{
+.bp_link_module_link--c79ae:focus-visible:focus-visible{
   box-shadow:0 0 0 var(--border-2) var(--outline-focus-on-light);
   outline:none;
   overflow:visible;
 }
-.bp_link_module_link--276c2:focus-visible:active{
+.bp_link_module_link--c79ae:focus-visible:active{
   color:var(--text-cta-link-pressed);
 }
-.bp_link_module_link--276c2.bp_link_module_inheritFont--276c2{
+.bp_link_module_link--c79ae.bp_link_module_inheritFont--c79ae{
   font:inherit;
 }
-.bp_link_module_link--276c2.bp_link_module_standalone--276c2{
+.bp_link_module_link--c79ae.bp_link_module_standalone--c79ae{
   text-decoration:none;
 }
-.bp_base_grid_list_item_module_smallList--17725{
+.bp_link_module_link--c79ae.bp_link_module_hasIcon--c79ae{
+  align-items:center;
+  display:inline-flex;
+  gap:var(--space-1);
+}
+.bp_link_module_link--c79ae .bp_link_module_icon--c79ae{
+  flex-shrink:0;
+}
+.bp_link_module_link--c79ae .bp_link_module_icon--c79ae *{
+  fill:currentColor;
+}
+.bp_base_grid_list_item_module_smallList--90a8f{
   box-sizing:border-box;
   display:grid;
   gap:var(--space-2);
@@ -2620,7 +2649,7 @@
   padding:var(--space-1);
   width:auto;
 }
-.bp_base_grid_list_item_module_smallList--17725 .bp_base_grid_list_item_module_smallListItem--17725{
+.bp_base_grid_list_item_module_smallList--90a8f .bp_base_grid_list_item_module_smallListItem--90a8f{
   --actions-opacity:0;
   --thumbnail-size:var(--size-9);
   --item-background:var(--surface-item-small-surface);
@@ -2639,11 +2668,11 @@
   transform:translateZ(0);
   width:auto;
 }
-.bp_base_grid_list_item_module_smallList--17725 .bp_base_grid_list_item_module_smallListItem--17725.bp_base_grid_list_item_module_loading--17725{
+.bp_base_grid_list_item_module_smallList--90a8f .bp_base_grid_list_item_module_smallListItem--90a8f.bp_base_grid_list_item_module_loading--90a8f{
   grid-template-columns:var(--thumbnail-size) auto 0;
   grid-template-rows:100% 0;
 }
-.bp_base_grid_list_item_module_smallList--17725 .bp_base_grid_list_item_module_smallListItem--17725 .bp_base_grid_list_item_module_thumbnail--17725{
+.bp_base_grid_list_item_module_smallList--90a8f .bp_base_grid_list_item_module_smallListItem--90a8f .bp_base_grid_list_item_module_thumbnail--90a8f{
   align-items:center;
   aspect-ratio:1;
   display:flex;
@@ -2652,19 +2681,13 @@
   overflow:hidden;
   z-index:1;
 }
-.bp_base_grid_list_item_module_smallList--17725 .bp_base_grid_list_item_module_smallListItem--17725 .bp_base_grid_list_item_module_thumbnail--17725 img,.bp_base_grid_list_item_module_smallList--17725 .bp_base_grid_list_item_module_smallListItem--17725 .bp_base_grid_list_item_module_thumbnail--17725 svg{
+.bp_base_grid_list_item_module_smallList--90a8f .bp_base_grid_list_item_module_smallListItem--90a8f .bp_base_grid_list_item_module_thumbnailContent--90a8f img,.bp_base_grid_list_item_module_smallList--90a8f .bp_base_grid_list_item_module_smallListItem--90a8f .bp_base_grid_list_item_module_thumbnailContent--90a8f svg{
   height:100%;
   object-fit:cover;
   object-position:left;
   width:100%;
 }
-.bp_base_grid_list_item_module_smallList--17725 .bp_base_grid_list_item_module_smallListItem--17725 .bp_base_grid_list_item_module_thumbnail--17725.bp_base_grid_list_item_module_customSize--17725 img,.bp_base_grid_list_item_module_smallList--17725 .bp_base_grid_list_item_module_smallListItem--17725 .bp_base_grid_list_item_module_thumbnail--17725.bp_base_grid_list_item_module_customSize--17725 svg{
-  height:unset;
-  max-height:100%;
-  max-width:100%;
-  width:unset;
-}
-.bp_base_grid_list_item_module_smallList--17725 .bp_base_grid_list_item_module_smallListItem--17725 .bp_base_grid_list_item_module_header--17725{
+.bp_base_grid_list_item_module_smallList--90a8f .bp_base_grid_list_item_module_smallListItem--90a8f .bp_base_grid_list_item_module_header--90a8f{
   color:var(--text-text-on-light);
   font-family:Lato, -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
   font-size:.875rem;
@@ -2675,11 +2698,11 @@
   text-decoration:none;
   text-transform:none;
 }
-.bp_base_grid_list_item_module_smallList--17725 .bp_base_grid_list_item_module_smallListItem--17725 .bp_base_grid_list_item_module_header--17725.bp_base_grid_list_item_module_loading--17725{
+.bp_base_grid_list_item_module_smallList--90a8f .bp_base_grid_list_item_module_smallListItem--90a8f .bp_base_grid_list_item_module_header--90a8f.bp_base_grid_list_item_module_loading--90a8f{
   align-items:center;
   display:flex;
 }
-.bp_base_grid_list_item_module_smallList--17725 .bp_base_grid_list_item_module_smallListItem--17725 .bp_base_grid_list_item_module_subtitle--17725{
+.bp_base_grid_list_item_module_smallList--90a8f .bp_base_grid_list_item_module_smallListItem--90a8f .bp_base_grid_list_item_module_subtitle--90a8f{
   color:var(--text-text-on-light-secondary);
   font-family:Lato, -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
   font-size:.75rem;
@@ -2690,17 +2713,17 @@
   text-decoration:none;
   text-transform:none;
 }
-.bp_base_grid_list_item_module_smallList--17725 .bp_base_grid_list_item_module_smallListItem--17725 .bp_base_grid_list_item_module_header--17725,.bp_base_grid_list_item_module_smallList--17725 .bp_base_grid_list_item_module_smallListItem--17725 .bp_base_grid_list_item_module_subtitle--17725{
+.bp_base_grid_list_item_module_smallList--90a8f .bp_base_grid_list_item_module_smallListItem--90a8f .bp_base_grid_list_item_module_header--90a8f,.bp_base_grid_list_item_module_smallList--90a8f .bp_base_grid_list_item_module_smallListItem--90a8f .bp_base_grid_list_item_module_subtitle--90a8f{
   display:inline-block;
   overflow:hidden;
   text-overflow:ellipsis;
   white-space:nowrap;
 }
-.bp_base_grid_list_item_module_smallList--17725 .bp_base_grid_list_item_module_smallListItem--17725:not(:has(.bp_base_grid_list_item_module_header--17725)),.bp_base_grid_list_item_module_smallList--17725 .bp_base_grid_list_item_module_smallListItem--17725:not(:has(.bp_base_grid_list_item_module_subtitle--17725)){
+.bp_base_grid_list_item_module_smallList--90a8f .bp_base_grid_list_item_module_smallListItem--90a8f:not(:has(.bp_base_grid_list_item_module_header--90a8f)),.bp_base_grid_list_item_module_smallList--90a8f .bp_base_grid_list_item_module_smallListItem--90a8f:not(:has(.bp_base_grid_list_item_module_subtitle--90a8f)){
   grid-template-rows:100% 0;
   row-gap:0;
 }
-.bp_base_grid_list_item_module_smallList--17725 .bp_base_grid_list_item_module_smallListItem--17725 .bp_base_grid_list_item_module_actions--17725{
+.bp_base_grid_list_item_module_smallList--90a8f .bp_base_grid_list_item_module_smallListItem--90a8f .bp_base_grid_list_item_module_actions--90a8f{
   align-items:center;
   display:flex;
   grid-area:actions;
@@ -2710,11 +2733,11 @@
   padding-right:0;
 }
 @media (pointer: coarse){
-  .bp_base_grid_list_item_module_smallList--17725 .bp_base_grid_list_item_module_smallListItem--17725 .bp_base_grid_list_item_module_actions--17725{
+  .bp_base_grid_list_item_module_smallList--90a8f .bp_base_grid_list_item_module_smallListItem--90a8f .bp_base_grid_list_item_module_actions--90a8f{
     --actions-opacity:1;
   }
 }
-.bp_base_grid_list_item_module_smallList--17725 .bp_base_grid_list_item_module_smallListItem--17725 .bp_base_grid_list_item_module_actions--17725 .bp_base_grid_list_item_module_selection--17725{
+.bp_base_grid_list_item_module_smallList--90a8f .bp_base_grid_list_item_module_smallListItem--90a8f .bp_base_grid_list_item_module_actions--90a8f .bp_base_grid_list_item_module_selection--90a8f{
   align-items:center;
   background:var(--item-background);
   border-radius:var(--radius-2);
@@ -2723,10 +2746,10 @@
   justify-content:center;
   width:var(--space-8);
 }
-.bp_base_grid_list_item_module_smallList--17725 .bp_base_grid_list_item_module_smallListItem--17725 .bp_base_grid_list_item_module_actions--17725 .bp_base_grid_list_item_module_selection--17725:hover{
+.bp_base_grid_list_item_module_smallList--90a8f .bp_base_grid_list_item_module_smallListItem--90a8f .bp_base_grid_list_item_module_actions--90a8f .bp_base_grid_list_item_module_selection--90a8f:hover{
   background:var(--surface-cta-surface-icon-hover);
 }
-.bp_base_grid_list_item_module_smallList--17725 .bp_base_grid_list_item_module_smallListItem--17725 .bp_base_grid_list_item_module_actions--17725 .bp_base_grid_list_item_module_inner--17725{
+.bp_base_grid_list_item_module_smallList--90a8f .bp_base_grid_list_item_module_smallListItem--90a8f .bp_base_grid_list_item_module_actions--90a8f .bp_base_grid_list_item_module_inner--90a8f{
   align-items:center;
   border-radius:var(--radius-2);
   display:flex;
@@ -2734,18 +2757,18 @@
   justify-content:flex-end;
   margin-inline-end:var(--space-2);
 }
-.bp_base_grid_list_item_module_smallList--17725 .bp_base_grid_list_item_module_smallListItem--17725 .bp_base_grid_list_item_module_actions--17725 .bp_base_grid_list_item_module_inner--17725:last-child{
+.bp_base_grid_list_item_module_smallList--90a8f .bp_base_grid_list_item_module_smallListItem--90a8f .bp_base_grid_list_item_module_actions--90a8f .bp_base_grid_list_item_module_inner--90a8f:last-child{
   margin-inline-end:0;
 }
-.bp_base_grid_list_item_module_smallList--17725 .bp_base_grid_list_item_module_smallListItem--17725 .bp_base_grid_list_item_module_actions--17725 .bp_base_grid_list_item_module_actionsCheckboxWrapper--17725{
+.bp_base_grid_list_item_module_smallList--90a8f .bp_base_grid_list_item_module_smallListItem--90a8f .bp_base_grid_list_item_module_actions--90a8f .bp_base_grid_list_item_module_actionsCheckboxWrapper--90a8f{
   background:var(--item-hover);
   display:flex;
 }
-.bp_base_grid_list_item_module_smallList--17725 .bp_base_grid_list_item_module_smallListItem--17725:hover,.bp_base_grid_list_item_module_smallList--17725 .bp_base_grid_list_item_module_smallListItem--17725[data-active-item],.bp_base_grid_list_item_module_smallList--17725 .bp_base_grid_list_item_module_smallListItem--17725[data-focus-visible],.bp_base_grid_list_item_module_smallList--17725 .bp_base_grid_list_item_module_smallListItem--17725[data-focused],.bp_base_grid_list_item_module_smallList--17725 .bp_base_grid_list_item_module_smallListItem--17725[data-hovered]{
+.bp_base_grid_list_item_module_smallList--90a8f .bp_base_grid_list_item_module_smallListItem--90a8f:hover,.bp_base_grid_list_item_module_smallList--90a8f .bp_base_grid_list_item_module_smallListItem--90a8f[data-active-item],.bp_base_grid_list_item_module_smallList--90a8f .bp_base_grid_list_item_module_smallListItem--90a8f[data-focus-visible],.bp_base_grid_list_item_module_smallList--90a8f .bp_base_grid_list_item_module_smallListItem--90a8f[data-focused],.bp_base_grid_list_item_module_smallList--90a8f .bp_base_grid_list_item_module_smallListItem--90a8f[data-hovered]{
   --actions-opacity:1;
   background:var(--item-hover);
 }
-.bp_base_grid_list_item_module_smallList--17725 .bp_base_grid_list_item_module_smallListItem--17725[data-active-item]::before,.bp_base_grid_list_item_module_smallList--17725 .bp_base_grid_list_item_module_smallListItem--17725[data-focus-visible]::before{
+.bp_base_grid_list_item_module_smallList--90a8f .bp_base_grid_list_item_module_smallListItem--90a8f[data-active-item]::before,.bp_base_grid_list_item_module_smallList--90a8f .bp_base_grid_list_item_module_smallListItem--90a8f[data-focus-visible]::before{
   --actions-opacity:1;
   border-radius:.875rem;
   content:"";
@@ -2759,7 +2782,7 @@
   width:100%;
 }
 
-.bp_base_grid_list_item_module_largeList--17725{
+.bp_base_grid_list_item_module_largeList--90a8f{
   box-sizing:border-box;
   display:flex;
   flex-direction:column;
@@ -2769,7 +2792,7 @@
   overflow:auto;
   padding:var(--space-1);
 }
-.bp_base_grid_list_item_module_largeList--17725 .bp_base_grid_list_item_module_largeListItem--17725{
+.bp_base_grid_list_item_module_largeList--90a8f .bp_base_grid_list_item_module_largeListItem--90a8f{
   --thumbnail-size:10rem;
   --actions-opacity:0;
   --item-background:var(--gray-white);
@@ -2786,18 +2809,18 @@
   position:relative;
   transform:translateZ(0);
 }
-.bp_base_grid_list_item_module_largeList--17725 .bp_base_grid_list_item_module_largeListItem--17725.bp_base_grid_list_item_module_loading--17725{
+.bp_base_grid_list_item_module_largeList--90a8f .bp_base_grid_list_item_module_largeListItem--90a8f.bp_base_grid_list_item_module_loading--90a8f{
   grid-template-rows:1fr 1fr 1fr;
 }
-.bp_base_grid_list_item_module_largeList--17725 .bp_base_grid_list_item_module_largeListItem--17725:focus-within{
+.bp_base_grid_list_item_module_largeList--90a8f .bp_base_grid_list_item_module_largeListItem--90a8f:focus-within{
   --actions-opacity:1;
 }
 @media (max-width: 374px){
-  .bp_base_grid_list_item_module_largeList--17725 .bp_base_grid_list_item_module_largeListItem--17725{
+  .bp_base_grid_list_item_module_largeList--90a8f .bp_base_grid_list_item_module_largeListItem--90a8f{
     --thumbnail-size:7.5rem;
   }
 }
-.bp_base_grid_list_item_module_largeList--17725 .bp_base_grid_list_item_module_largeListItem--17725 .bp_base_grid_list_item_module_thumbnail--17725{
+.bp_base_grid_list_item_module_largeList--90a8f .bp_base_grid_list_item_module_largeListItem--90a8f .bp_base_grid_list_item_module_thumbnail--90a8f{
   aspect-ratio:4/3;
   border:var(--border-1) solid var(--gray-10);
   border-radius:var(--radius-3);
@@ -2805,24 +2828,24 @@
   overflow:hidden;
   z-index:1;
 }
-.bp_base_grid_list_item_module_largeList--17725 .bp_base_grid_list_item_module_largeListItem--17725 .bp_base_grid_list_item_module_thumbnail--17725 img{
+.bp_base_grid_list_item_module_largeList--90a8f .bp_base_grid_list_item_module_largeListItem--90a8f .bp_base_grid_list_item_module_thumbnail--90a8f img{
   height:100%;
   object-fit:cover;
   object-position:left;
   width:100%;
 }
-.bp_base_grid_list_item_module_largeList--17725 .bp_base_grid_list_item_module_largeListItem--17725 .bp_base_grid_list_item_module_thumbnail--17725.bp_base_grid_list_item_module_loading--17725{
+.bp_base_grid_list_item_module_largeList--90a8f .bp_base_grid_list_item_module_largeListItem--90a8f .bp_base_grid_list_item_module_thumbnail--90a8f.bp_base_grid_list_item_module_loading--90a8f{
   border:none;
 }
 @media (max-width: 374px){
-  .bp_base_grid_list_item_module_largeList--17725 .bp_base_grid_list_item_module_largeListItem--17725 .bp_base_grid_list_item_module_thumbnail--17725{
+  .bp_base_grid_list_item_module_largeList--90a8f .bp_base_grid_list_item_module_largeListItem--90a8f .bp_base_grid_list_item_module_thumbnail--90a8f{
     aspect-ratio:1/1;
   }
-  .bp_base_grid_list_item_module_largeList--17725 .bp_base_grid_list_item_module_largeListItem--17725 .bp_base_grid_list_item_module_thumbnail--17725 img{
+  .bp_base_grid_list_item_module_largeList--90a8f .bp_base_grid_list_item_module_largeListItem--90a8f .bp_base_grid_list_item_module_thumbnail--90a8f img{
     object-fit:contain;
   }
 }
-.bp_base_grid_list_item_module_largeList--17725 .bp_base_grid_list_item_module_largeListItem--17725 .bp_base_grid_list_item_module_actions--17725{
+.bp_base_grid_list_item_module_largeList--90a8f .bp_base_grid_list_item_module_largeListItem--90a8f .bp_base_grid_list_item_module_actions--90a8f{
   align-items:center;
   display:flex;
   height:var(--space-6);
@@ -2834,11 +2857,11 @@
   top:.875rem;
 }
 @media (pointer: coarse){
-  .bp_base_grid_list_item_module_largeList--17725 .bp_base_grid_list_item_module_largeListItem--17725 .bp_base_grid_list_item_module_actions--17725{
+  .bp_base_grid_list_item_module_largeList--90a8f .bp_base_grid_list_item_module_largeListItem--90a8f .bp_base_grid_list_item_module_actions--90a8f{
     --actions-opacity:1;
   }
 }
-.bp_base_grid_list_item_module_largeList--17725 .bp_base_grid_list_item_module_largeListItem--17725 .bp_base_grid_list_item_module_actions--17725 .bp_base_grid_list_item_module_selection--17725{
+.bp_base_grid_list_item_module_largeList--90a8f .bp_base_grid_list_item_module_largeListItem--90a8f .bp_base_grid_list_item_module_actions--90a8f .bp_base_grid_list_item_module_selection--90a8f{
   align-items:center;
   background:var(--item-background);
   border-radius:var(--radius-2);
@@ -2847,15 +2870,15 @@
   justify-content:center;
   width:var(--space-8);
 }
-.bp_base_grid_list_item_module_largeList--17725 .bp_base_grid_list_item_module_largeListItem--17725 .bp_base_grid_list_item_module_actions--17725 .bp_base_grid_list_item_module_selection--17725:hover{
+.bp_base_grid_list_item_module_largeList--90a8f .bp_base_grid_list_item_module_largeListItem--90a8f .bp_base_grid_list_item_module_actions--90a8f .bp_base_grid_list_item_module_selection--90a8f:hover{
   background:var(--surface-cta-surface-icon-hover);
 }
-.bp_base_grid_list_item_module_largeList--17725 .bp_base_grid_list_item_module_largeListItem--17725 .bp_base_grid_list_item_module_actions--17725 .bp_base_grid_list_item_module_fade--17725{
+.bp_base_grid_list_item_module_largeList--90a8f .bp_base_grid_list_item_module_largeListItem--90a8f .bp_base_grid_list_item_module_actions--90a8f .bp_base_grid_list_item_module_fade--90a8f{
   align-self:stretch;
   background:linear-gradient(270deg, #fff 0, #fff0 100%);
   width:var(--size-8);
 }
-.bp_base_grid_list_item_module_largeList--17725 .bp_base_grid_list_item_module_largeListItem--17725 .bp_base_grid_list_item_module_actions--17725 .bp_base_grid_list_item_module_inner--17725{
+.bp_base_grid_list_item_module_largeList--90a8f .bp_base_grid_list_item_module_largeListItem--90a8f .bp_base_grid_list_item_module_actions--90a8f .bp_base_grid_list_item_module_inner--90a8f{
   align-items:center;
   background:var(--item-background);
   border-radius:var(--radius-2);
@@ -2864,14 +2887,14 @@
   justify-content:flex-end;
   margin-inline-end:var(--space-2);
 }
-.bp_base_grid_list_item_module_largeList--17725 .bp_base_grid_list_item_module_largeListItem--17725 .bp_base_grid_list_item_module_actions--17725 .bp_base_grid_list_item_module_inner--17725:last-child{
+.bp_base_grid_list_item_module_largeList--90a8f .bp_base_grid_list_item_module_largeListItem--90a8f .bp_base_grid_list_item_module_actions--90a8f .bp_base_grid_list_item_module_inner--90a8f:last-child{
   margin-inline-end:0;
 }
-.bp_base_grid_list_item_module_largeList--17725 .bp_base_grid_list_item_module_largeListItem--17725 .bp_base_grid_list_item_module_actions--17725 .bp_base_grid_list_item_module_actionsCheckboxWrapper--17725{
+.bp_base_grid_list_item_module_largeList--90a8f .bp_base_grid_list_item_module_largeListItem--90a8f .bp_base_grid_list_item_module_actions--90a8f .bp_base_grid_list_item_module_actionsCheckboxWrapper--90a8f{
   background:var(--item-background);
   display:flex;
 }
-.bp_base_grid_list_item_module_largeList--17725 .bp_base_grid_list_item_module_largeListItem--17725 .bp_base_grid_list_item_module_header--17725{
+.bp_base_grid_list_item_module_largeList--90a8f .bp_base_grid_list_item_module_largeListItem--90a8f .bp_base_grid_list_item_module_header--90a8f{
   align-items:center;
   color:var(--text-text-on-light);
   display:inline-flex;
@@ -2888,7 +2911,7 @@
   text-transform:none;
   white-space:nowrap;
 }
-.bp_base_grid_list_item_module_largeList--17725 .bp_base_grid_list_item_module_largeListItem--17725 .bp_base_grid_list_item_module_subtitle--17725{
+.bp_base_grid_list_item_module_largeList--90a8f .bp_base_grid_list_item_module_largeListItem--90a8f .bp_base_grid_list_item_module_subtitle--90a8f{
   align-items:center;
   color:var(--text-text-on-light-secondary);
   display:flex;
@@ -2903,7 +2926,7 @@
   text-transform:none;
   white-space:nowrap;
 }
-.bp_base_grid_list_item_module_largeList--17725 .bp_base_grid_list_item_module_largeListItem--17725 .bp_base_grid_list_item_module_description--17725{
+.bp_base_grid_list_item_module_largeList--90a8f .bp_base_grid_list_item_module_largeListItem--90a8f .bp_base_grid_list_item_module_description--90a8f{
   -webkit-box-orient:vertical;
   -webkit-line-clamp:3;
   color:var(--text-text-on-light);
@@ -2921,13 +2944,13 @@
   text-decoration:none;
   text-transform:none;
 }
-.bp_base_grid_list_item_module_largeList--17725 .bp_base_grid_list_item_module_largeListItem--17725 .bp_base_grid_list_item_module_snippet--17725{
+.bp_base_grid_list_item_module_largeList--90a8f .bp_base_grid_list_item_module_largeListItem--90a8f .bp_base_grid_list_item_module_snippet--90a8f{
   grid-area:description;
   margin:0;
   margin-block-end:var(--space-1);
   margin-block-start:var(--space-3);
 }
-.bp_base_grid_list_item_module_largeList--17725 .bp_base_grid_list_item_module_largeListItem--17725 .bp_base_grid_list_item_module_snippet--17725 .bp_base_grid_list_item_module_snippetContent--17725{
+.bp_base_grid_list_item_module_largeList--90a8f .bp_base_grid_list_item_module_largeListItem--90a8f .bp_base_grid_list_item_module_snippet--90a8f .bp_base_grid_list_item_module_snippetContent--90a8f{
   -webkit-box-orient:vertical;
   -webkit-line-clamp:2;
   border:0 0 0 var(--space-05);
@@ -2946,12 +2969,12 @@
   text-decoration:none;
   text-transform:none;
 }
-.bp_base_grid_list_item_module_largeList--17725 .bp_base_grid_list_item_module_largeListItem--17725:hover,.bp_base_grid_list_item_module_largeList--17725 .bp_base_grid_list_item_module_largeListItem--17725[data-active-item],.bp_base_grid_list_item_module_largeList--17725 .bp_base_grid_list_item_module_largeListItem--17725[data-focus-visible],.bp_base_grid_list_item_module_largeList--17725 .bp_base_grid_list_item_module_largeListItem--17725[data-focused],.bp_base_grid_list_item_module_largeList--17725 .bp_base_grid_list_item_module_largeListItem--17725[data-hovered]{
+.bp_base_grid_list_item_module_largeList--90a8f .bp_base_grid_list_item_module_largeListItem--90a8f:hover,.bp_base_grid_list_item_module_largeList--90a8f .bp_base_grid_list_item_module_largeListItem--90a8f[data-active-item],.bp_base_grid_list_item_module_largeList--90a8f .bp_base_grid_list_item_module_largeListItem--90a8f[data-focus-visible],.bp_base_grid_list_item_module_largeList--90a8f .bp_base_grid_list_item_module_largeListItem--90a8f[data-focused],.bp_base_grid_list_item_module_largeList--90a8f .bp_base_grid_list_item_module_largeListItem--90a8f[data-hovered]{
   --actions-opacity:1;
   box-shadow:var(--dropshadow-2);
   outline:var(--border-1) solid var(--border-card-border);
 }
-.bp_base_grid_list_item_module_largeList--17725 .bp_base_grid_list_item_module_largeListItem--17725[data-active-item]::before,.bp_base_grid_list_item_module_largeList--17725 .bp_base_grid_list_item_module_largeListItem--17725[data-focus-visible]::before{
+.bp_base_grid_list_item_module_largeList--90a8f .bp_base_grid_list_item_module_largeListItem--90a8f[data-active-item]::before,.bp_base_grid_list_item_module_largeList--90a8f .bp_base_grid_list_item_module_largeListItem--90a8f[data-focus-visible]::before{
   border-radius:.875rem;
   content:"";
   display:block;
@@ -2963,31 +2986,31 @@
   top:0;
   width:100%;
 }
-.bp_base_grid_list_item_module_largeList--17725 .bp_base_grid_list_item_module_largeListItem--17725[aria-selected=true]{
+.bp_base_grid_list_item_module_largeList--90a8f .bp_base_grid_list_item_module_largeListItem--90a8f[aria-selected=true]{
   --actions-opacity:1;
   --item-background:var(--box-blue-05);
   outline:var(--border-2) solid var(--border-card-border-focus);
   z-index:2;
 }
-.bp_base_grid_list_item_module_largeList--17725 .bp_base_grid_list_item_module_largeListItem--17725[aria-selected=true] .bp_base_grid_list_item_module_actions--17725 .bp_base_grid_list_item_module_fade--17725{
+.bp_base_grid_list_item_module_largeList--90a8f .bp_base_grid_list_item_module_largeListItem--90a8f[aria-selected=true] .bp_base_grid_list_item_module_actions--90a8f .bp_base_grid_list_item_module_fade--90a8f{
   background:linear-gradient(270deg, #f2f7fd 0, #f2f7fd00 100%);
 }
-.bp_base_grid_list_item_module_largeList--17725 .bp_base_grid_list_item_module_largeListItem--17725[aria-selected=true]:not([data-hovered], [data-focus-visible], [data-focused]) .bp_base_grid_list_item_module_actions--17725 .bp_base_grid_list_item_module_inner--17725{
+.bp_base_grid_list_item_module_largeList--90a8f .bp_base_grid_list_item_module_largeListItem--90a8f[aria-selected=true]:not([data-hovered], [data-focus-visible], [data-focused]) .bp_base_grid_list_item_module_actions--90a8f .bp_base_grid_list_item_module_inner--90a8f{
   display:none;
 }
 @supports selector(:has(.foo)){
-  .bp_base_grid_list_item_module_largeList--17725 .bp_base_grid_list_item_module_largeListItem--17725[aria-selected=true]:has(+ .bp_base_grid_list_item_module_react-aria-DropIndicator--17725 + [aria-selected=true]),.bp_base_grid_list_item_module_largeList--17725 .bp_base_grid_list_item_module_largeListItem--17725[aria-selected=true]:has(+ [aria-selected=true]){
+  .bp_base_grid_list_item_module_largeList--90a8f .bp_base_grid_list_item_module_largeListItem--90a8f[aria-selected=true]:has(+ .bp_base_grid_list_item_module_react-aria-DropIndicator--90a8f + [aria-selected=true]),.bp_base_grid_list_item_module_largeList--90a8f .bp_base_grid_list_item_module_largeListItem--90a8f[aria-selected=true]:has(+ [aria-selected=true]){
     border-end-end-radius:0;
     border-end-start-radius:0;
   }
-  .bp_base_grid_list_item_module_largeList--17725 .bp_base_grid_list_item_module_largeListItem--17725[aria-selected=true] + .bp_base_grid_list_item_module_react-aria-DropIndicator--17725 + [aria-selected=true],.bp_base_grid_list_item_module_largeList--17725 .bp_base_grid_list_item_module_largeListItem--17725[aria-selected=true] + [aria-selected=true]{
+  .bp_base_grid_list_item_module_largeList--90a8f .bp_base_grid_list_item_module_largeListItem--90a8f[aria-selected=true] + .bp_base_grid_list_item_module_react-aria-DropIndicator--90a8f + [aria-selected=true],.bp_base_grid_list_item_module_largeList--90a8f .bp_base_grid_list_item_module_largeListItem--90a8f[aria-selected=true] + [aria-selected=true]{
     border-start-end-radius:0;
     border-start-start-radius:0;
     border-top:none;
   }
 }
 
-.bp_base_grid_list_item_module_gridList--17725{
+.bp_base_grid_list_item_module_gridList--90a8f{
   box-sizing:border-box;
   display:grid;
   gap:var(--space-2);
@@ -2997,7 +3020,7 @@
   overflow:auto;
   padding:var(--space-1);
 }
-.bp_base_grid_list_item_module_gridList--17725 .bp_base_grid_list_item_module_gridListItem--17725{
+.bp_base_grid_list_item_module_gridList--90a8f .bp_base_grid_list_item_module_gridListItem--90a8f{
   --actions-opacity:0;
   --item-background:var(--gray-white);
   --row-gap:var(--space-2);
@@ -3015,15 +3038,15 @@
   row-gap:var(--row-gap);
   transform:translateZ(0);
 }
-.bp_base_grid_list_item_module_gridList--17725 .bp_base_grid_list_item_module_gridListItem--17725:focus-within{
+.bp_base_grid_list_item_module_gridList--90a8f .bp_base_grid_list_item_module_gridListItem--90a8f:focus-within{
   --actions-opacity:1;
 }
-.bp_base_grid_list_item_module_gridList--17725 .bp_base_grid_list_item_module_gridListItem--17725 .bp_base_grid_list_item_module_statusPin--17725{
+.bp_base_grid_list_item_module_gridList--90a8f .bp_base_grid_list_item_module_gridListItem--90a8f .bp_base_grid_list_item_module_statusPin--90a8f{
   left:var(--space-3);
   position:absolute;
   top:var(--space-3);
 }
-.bp_base_grid_list_item_module_gridList--17725 .bp_base_grid_list_item_module_gridListItem--17725 .bp_base_grid_list_item_module_thumbnail--17725{
+.bp_base_grid_list_item_module_gridList--90a8f .bp_base_grid_list_item_module_gridListItem--90a8f .bp_base_grid_list_item_module_thumbnail--90a8f{
   aspect-ratio:4/3;
   background:var(--gray-white);
   border:var(--border-1) solid var(--border-gridthumbnail-border);
@@ -3031,25 +3054,25 @@
   grid-area:thumbnail;
   overflow:hidden;
 }
-.bp_base_grid_list_item_module_gridList--17725 .bp_base_grid_list_item_module_gridListItem--17725 .bp_base_grid_list_item_module_thumbnail--17725 img{
+.bp_base_grid_list_item_module_gridList--90a8f .bp_base_grid_list_item_module_gridListItem--90a8f .bp_base_grid_list_item_module_thumbnail--90a8f img{
   height:100%;
   object-fit:contain;
   width:100%;
 }
-.bp_base_grid_list_item_module_gridList--17725 .bp_base_grid_list_item_module_gridListItem--17725 .bp_base_grid_list_item_module_thumbnail--17725.bp_base_grid_list_item_module_loading--17725{
+.bp_base_grid_list_item_module_gridList--90a8f .bp_base_grid_list_item_module_gridListItem--90a8f .bp_base_grid_list_item_module_thumbnail--90a8f.bp_base_grid_list_item_module_loading--90a8f{
   border:none;
 }
 @media (pointer: coarse){
-  .bp_base_grid_list_item_module_gridList--17725 .bp_base_grid_list_item_module_gridListItem--17725 .bp_base_grid_list_item_module_thumbnail--17725{
+  .bp_base_grid_list_item_module_gridList--90a8f .bp_base_grid_list_item_module_gridListItem--90a8f .bp_base_grid_list_item_module_thumbnail--90a8f{
     margin-block-end:var(--space-1);
   }
 }
-.bp_base_grid_list_item_module_gridList--17725 .bp_base_grid_list_item_module_gridListItem--17725 .bp_base_grid_list_item_module_actions--17725{
+.bp_base_grid_list_item_module_gridList--90a8f .bp_base_grid_list_item_module_gridListItem--90a8f .bp_base_grid_list_item_module_actions--90a8f{
   grid-area:subtitle;
   margin-block-start:-.25rem;
   opacity:var(--actions-opacity);
 }
-.bp_base_grid_list_item_module_gridList--17725 .bp_base_grid_list_item_module_gridListItem--17725 .bp_base_grid_list_item_module_actions--17725 .bp_base_grid_list_item_module_selection--17725{
+.bp_base_grid_list_item_module_gridList--90a8f .bp_base_grid_list_item_module_gridListItem--90a8f .bp_base_grid_list_item_module_actions--90a8f .bp_base_grid_list_item_module_selection--90a8f{
   align-items:center;
   border-radius:var(--radius-2);
   display:flex;
@@ -3060,10 +3083,10 @@
   top:var(--space-2);
   width:var(--space-8);
 }
-.bp_base_grid_list_item_module_gridList--17725 .bp_base_grid_list_item_module_gridListItem--17725 .bp_base_grid_list_item_module_actions--17725 .bp_base_grid_list_item_module_selection--17725:hover{
+.bp_base_grid_list_item_module_gridList--90a8f .bp_base_grid_list_item_module_gridListItem--90a8f .bp_base_grid_list_item_module_actions--90a8f .bp_base_grid_list_item_module_selection--90a8f:hover{
   background:var(--surface-cta-surface-icon-hover);
 }
-.bp_base_grid_list_item_module_gridList--17725 .bp_base_grid_list_item_module_gridListItem--17725 .bp_base_grid_list_item_module_actions--17725 .bp_base_grid_list_item_module_inner--17725{
+.bp_base_grid_list_item_module_gridList--90a8f .bp_base_grid_list_item_module_gridListItem--90a8f .bp_base_grid_list_item_module_actions--90a8f .bp_base_grid_list_item_module_inner--90a8f{
   align-items:center;
   background:var(--item-background);
   border-radius:var(--radius-2);
@@ -3072,12 +3095,12 @@
   justify-content:center;
 }
 @media (pointer: coarse){
-  .bp_base_grid_list_item_module_gridList--17725 .bp_base_grid_list_item_module_gridListItem--17725 .bp_base_grid_list_item_module_actions--17725{
+  .bp_base_grid_list_item_module_gridList--90a8f .bp_base_grid_list_item_module_gridListItem--90a8f .bp_base_grid_list_item_module_actions--90a8f{
     grid-area:actions;
     margin-block-start:0;
   }
 }
-.bp_base_grid_list_item_module_gridList--17725 .bp_base_grid_list_item_module_gridListItem--17725 .bp_base_grid_list_item_module_header--17725{
+.bp_base_grid_list_item_module_gridList--90a8f .bp_base_grid_list_item_module_gridListItem--90a8f .bp_base_grid_list_item_module_header--90a8f{
   -webkit-box-orient:vertical;
   -webkit-line-clamp:2;
   color:var(--text-text-on-light);
@@ -3094,11 +3117,11 @@
   text-decoration:none;
   text-transform:none;
 }
-.bp_base_grid_list_item_module_gridList--17725 .bp_base_grid_list_item_module_gridListItem--17725 .bp_base_grid_list_item_module_header--17725.bp_base_grid_list_item_module_loading--17725{
+.bp_base_grid_list_item_module_gridList--90a8f .bp_base_grid_list_item_module_gridListItem--90a8f .bp_base_grid_list_item_module_header--90a8f.bp_base_grid_list_item_module_loading--90a8f{
   align-items:center;
   display:flex;
 }
-.bp_base_grid_list_item_module_gridList--17725 .bp_base_grid_list_item_module_gridListItem--17725 .bp_base_grid_list_item_module_subtitle--17725{
+.bp_base_grid_list_item_module_gridList--90a8f .bp_base_grid_list_item_module_gridListItem--90a8f .bp_base_grid_list_item_module_subtitle--90a8f{
   color:var(--text-text-on-light-secondary);
   font-family:Lato, -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
   font-size:.75rem;
@@ -3114,15 +3137,15 @@
   text-transform:none;
   white-space:nowrap;
 }
-.bp_base_grid_list_item_module_gridList--17725 .bp_base_grid_list_item_module_gridListItem--17725 .bp_base_grid_list_item_module_subtitle--17725.bp_base_grid_list_item_module_loading--17725{
+.bp_base_grid_list_item_module_gridList--90a8f .bp_base_grid_list_item_module_gridListItem--90a8f .bp_base_grid_list_item_module_subtitle--90a8f.bp_base_grid_list_item_module_loading--90a8f{
   height:1.25rem;
 }
-.bp_base_grid_list_item_module_gridList--17725 .bp_base_grid_list_item_module_gridListItem--17725.bp_base_grid_list_item_module_isItemInteracted--17725,.bp_base_grid_list_item_module_gridList--17725 .bp_base_grid_list_item_module_gridListItem--17725:hover,.bp_base_grid_list_item_module_gridList--17725 .bp_base_grid_list_item_module_gridListItem--17725[data-active-item],.bp_base_grid_list_item_module_gridList--17725 .bp_base_grid_list_item_module_gridListItem--17725[data-focus-visible],.bp_base_grid_list_item_module_gridList--17725 .bp_base_grid_list_item_module_gridListItem--17725[data-focused],.bp_base_grid_list_item_module_gridList--17725 .bp_base_grid_list_item_module_gridListItem--17725[data-hovered]{
+.bp_base_grid_list_item_module_gridList--90a8f .bp_base_grid_list_item_module_gridListItem--90a8f.bp_base_grid_list_item_module_isItemInteracted--90a8f,.bp_base_grid_list_item_module_gridList--90a8f .bp_base_grid_list_item_module_gridListItem--90a8f:hover,.bp_base_grid_list_item_module_gridList--90a8f .bp_base_grid_list_item_module_gridListItem--90a8f[data-active-item],.bp_base_grid_list_item_module_gridList--90a8f .bp_base_grid_list_item_module_gridListItem--90a8f[data-focus-visible],.bp_base_grid_list_item_module_gridList--90a8f .bp_base_grid_list_item_module_gridListItem--90a8f[data-focused],.bp_base_grid_list_item_module_gridList--90a8f .bp_base_grid_list_item_module_gridListItem--90a8f[data-hovered]{
   --actions-opacity:1;
   box-shadow:var(--dropshadow-2);
   outline:var(--border-1) solid var(--border-card-border);
 }
-.bp_base_grid_list_item_module_gridList--17725 .bp_base_grid_list_item_module_gridListItem--17725[data-active-item]::before,.bp_base_grid_list_item_module_gridList--17725 .bp_base_grid_list_item_module_gridListItem--17725[data-focus-visible]::before{
+.bp_base_grid_list_item_module_gridList--90a8f .bp_base_grid_list_item_module_gridListItem--90a8f[data-active-item]::before,.bp_base_grid_list_item_module_gridList--90a8f .bp_base_grid_list_item_module_gridListItem--90a8f[data-focus-visible]::before{
   border-radius:var(--radius-3);
   content:"";
   display:block;
@@ -3134,7 +3157,7 @@
   top:0;
   width:100%;
 }
-.bp_base_grid_list_item_module_gridList--17725 .bp_base_grid_list_item_module_gridListItem--17725[data-active-item]::after,.bp_base_grid_list_item_module_gridList--17725 .bp_base_grid_list_item_module_gridListItem--17725[data-focus-visible]::after{
+.bp_base_grid_list_item_module_gridList--90a8f .bp_base_grid_list_item_module_gridListItem--90a8f[data-active-item]::after,.bp_base_grid_list_item_module_gridList--90a8f .bp_base_grid_list_item_module_gridListItem--90a8f[data-focus-visible]::after{
   border-radius:var(--radius-3);
   content:"";
   display:block;
@@ -3146,16 +3169,16 @@
   top:0;
   width:100%;
 }
-.bp_base_grid_list_item_module_gridList--17725 .bp_base_grid_list_item_module_gridListItem--17725[aria-selected=true]{
+.bp_base_grid_list_item_module_gridList--90a8f .bp_base_grid_list_item_module_gridListItem--90a8f[aria-selected=true]{
   --actions-opacity:1;
   --item-background:var(--box-blue-05);
   outline:var(--border-2) solid var(--border-card-border-focus);
 }
-.bp_base_grid_list_item_module_gridList--17725 .bp_base_grid_list_item_module_gridListItem--17725[aria-selected=true]:not([data-hovered], [data-focus-visible], [data-focused], .bp_base_grid_list_item_module_isItemInteracted--17725) .bp_base_grid_list_item_module_actions--17725 .bp_base_grid_list_item_module_inner--17725{
+.bp_base_grid_list_item_module_gridList--90a8f .bp_base_grid_list_item_module_gridListItem--90a8f[aria-selected=true]:not([data-hovered], [data-focus-visible], [data-focused], .bp_base_grid_list_item_module_isItemInteracted--90a8f) .bp_base_grid_list_item_module_actions--90a8f .bp_base_grid_list_item_module_inner--90a8f{
   opacity:0;
 }
 @media (pointer: coarse){
-  .bp_base_grid_list_item_module_gridList--17725 .bp_base_grid_list_item_module_gridListItem--17725{
+  .bp_base_grid_list_item_module_gridList--90a8f .bp_base_grid_list_item_module_gridListItem--90a8f{
     --row-gap:var(--space-1);
     --actions-opacity:1;
     grid-template-areas:"thumbnail" "head" "subtitle" "actions";
@@ -3163,7 +3186,7 @@
   }
 }
 
-.bp_base_grid_list_item_module_tooltipContent--17725{
+.bp_base_grid_list_item_module_tooltipContent--90a8f{
   background-color:var(--surface-tooltip-surface);
   border:var(--border-1) solid var(--surface-tooltip-surface);
   border-radius:var(--radius-1);
@@ -3181,28 +3204,28 @@
   word-break:break-word;
   z-index:2147483647;
 }
-.bp_base_grid_list_item_module_tooltipContent--17725 .bp_base_grid_list_item_module_tooltipArrow--17725 svg{
+.bp_base_grid_list_item_module_tooltipContent--90a8f .bp_base_grid_list_item_module_tooltipArrow--90a8f svg{
   display:block;
   height:.5rem;
   width:1rem;
 }
-.bp_base_grid_list_item_module_tooltipContent--17725[data-placement=top]{
+.bp_base_grid_list_item_module_tooltipContent--90a8f[data-placement=top]{
   margin-block-end:var(--space-2);
 }
-.bp_base_grid_list_item_module_tooltipContent--17725[data-placement=top] .bp_base_grid_list_item_module_tooltipArrow--17725 svg{
+.bp_base_grid_list_item_module_tooltipContent--90a8f[data-placement=top] .bp_base_grid_list_item_module_tooltipArrow--90a8f svg{
   transform:rotate(180deg);
 }
-.bp_base_grid_list_item_module_tooltipContent--17725[data-placement=bottom]{
+.bp_base_grid_list_item_module_tooltipContent--90a8f[data-placement=bottom]{
   margin-block-start:var(--space-2);
 }
-.bp_base_grid_list_item_module_tooltipContent--17725[data-placement=right]{
+.bp_base_grid_list_item_module_tooltipContent--90a8f[data-placement=right]{
   margin-inline-start:var(--space-2);
 }
-.bp_base_grid_list_item_module_tooltipContent--17725[data-placement=left]{
+.bp_base_grid_list_item_module_tooltipContent--90a8f[data-placement=left]{
   margin-inline-end:var(--space-2);
 }
 
-.bp_base_grid_list_item_module_staticList--17725 .bp_base_grid_list_item_module_staticListItem--17725{
+.bp_base_grid_list_item_module_staticList--90a8f .bp_base_grid_list_item_module_staticListItem--90a8f{
   display:contents;
 }
 

package/lib-esm/index.d.ts

@@ -60,3 +60,4 @@ export * from './util-components/focus-trap';
 export * from './util-components/scrollable-container/scrollable-container';
 export * from './utils/keyboardUtils';
 export * from './utils/useBreakpoint';
+export * from './visually-hidden';

package/lib-esm/index.js

@@ -73,5 +73,6 @@ export { FocusTrap } from './util-components/focus-trap/focus-trap.js';
 export { ScrollContext, ScrollableContainer, useScroll, useScrollContext } from './util-components/scrollable-container/scrollable-container.js';
 export { isCtrlKeyPressed, isDeleteKeyPressed, keys } from './utils/keyboardUtils.js';
 export { Breakpoint, useBreakpoint } from './utils/useBreakpoint.js';
+export { VisuallyHidden } from './visually-hidden/visually-hidden.js';
 export { useNotification } from './primitives/notification/notification-provider.js';
 export { useTabs } from './primitives/tabs/use-tabs.js';

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

@@ -81,6 +81,6 @@ export declare const LargeList: import("react").ForwardRefExoticComponent<import
      * 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>>;
+    ActionIconButton: import("react").ForwardRefExoticComponent<(Omit<import("../primitives/icon-button/types").IconButtonVariantsProps, "ref"> | Omit<import("../primitives/icon-button/types").IconButtonSmallUtilityVariantProps, "ref">) & import("react").RefAttributes<HTMLButtonElement>>;
 };
 export type { LargeListActionIconButtonProps, LargeListActionsProps, LargeListDescriptionProps, LargeListHeaderProps, LargeListItemProps, LargeListProps, LargeListSubtitleProps, LargeListThumbnailProps, LargeListSnippetProps, } from './types';

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

@@ -6,7 +6,7 @@ import '@box/blueprint-web-assets/tokens/tokens';
 import 'clsx';
 import { Cell as Cell$1 } from './cell/cell.js';
 import 'lodash/noop';
-import '@radix-ui/react-visually-hidden';
+import '@ariakit/react';
 
 const Cell = Cell$1;
 

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

@@ -1,10 +1,10 @@
 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 { VisuallyHidden } from '../visually-hidden/visually-hidden.js';
 import styles from './main.module.js';
 
 function SortingArrowIcon({

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

@@ -1,7 +1,7 @@
 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';
+import { VisuallyHidden } from '../visually-hidden/visually-hidden.js';
 
 /**
  * An accessible title to be announced when the modal is opened.
@@ -21,7 +21,6 @@ const ModalTitle = /*#__PURE__*/forwardRef(({
     })
   });
   return visuallyHidden ? jsx(VisuallyHidden, {
-    asChild: true,
     children: title
   }) : title;
 });

package/lib-esm/primitives/base-text-input/base-text-input.js

@@ -1,10 +1,10 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { VisuallyHidden } from '@radix-ui/react-visually-hidden';
 import clsx from 'clsx';
 import { forwardRef, useMemo, cloneElement } from 'react';
 import { useUniqueId } from '../../utils/useUniqueId.js';
-import styles from './base-text-input.module.js';
+import { VisuallyHidden } from '../../visually-hidden/visually-hidden.js';
 import { InlineError } from '../inline-error/inline-error.js';
+import styles from './base-text-input.module.js';
 
 /**
  * This extends a default HTML &lt;input/&gt; and accepts the same props as well as some custom ones listed below.<br/>

package/lib-esm/primitives/icon-button/icon-button.d.ts

@@ -1,3 +1,2 @@
 /// <reference types="react" />
-import { type IconButtonProps } from './types';
-export declare const IconButton: import("react").ForwardRefExoticComponent<Omit<IconButtonProps, "ref"> & import("react").RefAttributes<HTMLElement>>;
+export declare const IconButton: import("react").ForwardRefExoticComponent<(Omit<import("./types").IconButtonVariantsProps, "ref"> | Omit<import("./types").IconButtonSmallUtilityVariantProps, "ref">) & import("react").RefAttributes<HTMLElement>>;

package/lib-esm/primitives/icon-button/icon-button.js

@@ -4,7 +4,7 @@ import clsx from 'clsx';
 import { forwardRef, useRef, createElement } from 'react';
 import { useForkRef } from '../../utils/useForkRef.js';
 import styles from './icon-button.module.js';
-import { iconSizeMap } from './utils.js';
+import { getIconSize } from './utils.js';
 
 const IconButton = /*#__PURE__*/forwardRef((props, forwardedRef) => {
   const {
@@ -17,13 +17,11 @@ const IconButton = /*#__PURE__*/forwardRef((props, forwardedRef) => {
   return jsx(Button, {
     ...rest,
     ref: useForkRef(ref, forwardedRef),
-    className: clsx([styles.iconButton, styles[size], {
-      [styles.highContrast]: variant === 'high-contrast'
-    }], props.className),
+    className: clsx([styles.iconButton, styles[size], styles[variant]], props.className),
     children: /*#__PURE__*/createElement(icon, {
       className: styles.iconColor,
-      height: iconSizeMap[size],
-      width: iconSizeMap[size],
+      height: getIconSize(props),
+      width: getIconSize(props),
       role: 'presentation'
     })
   });

package/lib-esm/primitives/icon-button/icon-button.module.js

@@ -1,4 +1,4 @@
 import '../../index.css';
-var styles = {"iconButton":"bp_icon_button_module_iconButton--12d63","iconColor":"bp_icon_button_module_iconColor--12d63","large":"bp_icon_button_module_large--12d63","small":"bp_icon_button_module_small--12d63","x-small":"bp_icon_button_module_x-small--12d63","highContrast":"bp_icon_button_module_highContrast--12d63"};
+var styles = {"iconButton":"bp_icon_button_module_iconButton--a3df7","iconColor":"bp_icon_button_module_iconColor--a3df7","large":"bp_icon_button_module_large--a3df7","small":"bp_icon_button_module_small--a3df7","x-small":"bp_icon_button_module_x-small--a3df7","high-contrast":"bp_icon_button_module_high-contrast--a3df7","small-utility":"bp_icon_button_module_small-utility--a3df7"};
 
 export { styles as default };

package/lib-esm/primitives/icon-button/types.d.ts

@@ -1,6 +1,6 @@
 import { type ButtonProps as AriakitButtonProps } from '@ariakit/react';
 import { type FunctionComponent, type PropsWithChildren, type SVGProps } from 'react';
-export interface IconButtonProps extends AriakitButtonProps {
+interface IconButtonCommonProps extends AriakitButtonProps {
     /**
      * Accessible label for the button.
      */
@@ -9,16 +9,30 @@ export interface IconButtonProps extends AriakitButtonProps {
      * Icon that will be rendered.
      */
     icon: FunctionComponent<PropsWithChildren<SVGProps<SVGSVGElement>>>;
+}
+export interface IconButtonVariantsProps extends IconButtonCommonProps {
+    /**
+     * The variant of the button.
+     *
+     * @default 'default'
+     */
+    variant?: 'default' | 'high-contrast';
     /**
      * Size of the button.
      *
      * @default 'small'
      */
     size?: 'x-small' | 'small' | 'large';
+}
+export interface IconButtonSmallUtilityVariantProps extends IconButtonCommonProps {
     /**
      * The variant of the button.
-     *
-     * @default 'default'
      */
-    variant?: 'default' | 'high-contrast';
+    variant: 'small-utility';
+    /**
+     * The only acceptable size for the small-utility variant is 'small'.
+     */
+    size: 'small';
 }
+export type IconButtonProps = IconButtonVariantsProps | IconButtonSmallUtilityVariantProps;
+export {};

package/lib-esm/primitives/icon-button/utils.d.ts

@@ -1,3 +1,3 @@
 import { type IconButtonProps } from './types';
-declare const iconSizeMap: Record<NonNullable<IconButtonProps['size']>, string>;
-export { iconSizeMap };
+declare function getIconSize(props: IconButtonProps): string;
+export { getIconSize };

package/lib-esm/primitives/icon-button/utils.js

@@ -5,5 +5,11 @@ const iconSizeMap = {
   small: Size5,
   large: Size6
 };
+function getIconSize(props) {
+  if (props.variant === 'small-utility') {
+    return Size4;
+  }
+  return iconSizeMap[props.size || 'small'];
+}
 
-export { iconSizeMap };
+export { getIconSize };

package/lib-esm/primitives/link/link.js

@@ -1,4 +1,5 @@
-import { jsx } from 'react/jsx-runtime';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { ArrowUpRightSquareAlt } from '@box/blueprint-web-assets/icons/Line';
 import clsx from 'clsx';
 import { forwardRef } from 'react';
 import styles from './link.module.js';
@@ -11,15 +12,21 @@ const Link = /*#__PURE__*/forwardRef((props, forwardedRef) => {
     className,
     inheritFont,
     variant = 'inline',
+    isExternal = false,
     ...rest
   } = props;
-  return jsx(Component, {
+  return jsxs(Component, {
     ...rest,
     ref: forwardedRef,
     className: clsx([className, styles.link, {
       [styles.inheritFont]: inheritFont
-    }, styles[variant]]),
-    children: children
+    }, styles[variant], {
+      [styles.hasIcon]: isExternal
+    }]),
+    children: [children, isExternal && jsx(ArrowUpRightSquareAlt, {
+      "aria-hidden": true,
+      className: styles.icon
+    })]
   });
 });
 

package/lib-esm/primitives/link/link.module.js

@@ -1,4 +1,4 @@
 import '../../index.css';
-var styles = {"link":"bp_link_module_link--276c2","inheritFont":"bp_link_module_inheritFont--276c2","standalone":"bp_link_module_standalone--276c2"};
+var styles = {"link":"bp_link_module_link--c79ae","inheritFont":"bp_link_module_inheritFont--c79ae","standalone":"bp_link_module_standalone--c79ae","hasIcon":"bp_link_module_hasIcon--c79ae","icon":"bp_link_module_icon--c79ae"};
 
 export { styles as default };

package/lib-esm/primitives/link/types.d.ts

@@ -25,6 +25,15 @@ export interface LinkOwnProps<E extends React.ElementType> {
      * @default 'a'
      */
     as?: E;
+    /**
+     * Whether or not the link should display the external link icon.
+     *
+     * Note that this does not add any functionality to the link. It is purely visual.
+     * So, if you want to open the link in a new tab and prevent security vulnerabilities, you should use the `target="_blank"` and `rel="noopener noreferrer"` attributes.
+     *
+     * @default false
+     */
+    isExternal?: boolean;
 }
 export type PolymorphicLinkRef<E extends React.ElementType> = React.ComponentPropsWithRef<E>['ref'];
 export type LinkProps<E extends React.ElementType> = LinkOwnProps<E> & Omit<React.ComponentProps<E>, keyof LinkOwnProps<E>>;

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

@@ -3,7 +3,11 @@ export declare const SearchInput: import("react").ForwardRefExoticComponent<Omit
     /**
      * Styled wrapper over an icon button.
      */
-    ActionButton: import("react").ForwardRefExoticComponent<Omit<import("./types").SearchInputActionButtonProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+    ActionButton: import("react").ForwardRefExoticComponent<(Omit<import("../primitives/icon-button/types").IconButtonVariantsProps & {
+        searchInputActionButtonTooltip?: string | undefined;
+    }, "ref"> | Omit<import("../primitives/icon-button/types").IconButtonSmallUtilityVariantProps & {
+        searchInputActionButtonTooltip?: string | undefined;
+    }, "ref">) & import("react").RefAttributes<HTMLButtonElement>>;
     Controlled: import("react").ForwardRefExoticComponent<Omit<import("./search-input-controlled").SearchInputControlledProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
 };
 export type { SearchInputActionButtonProps, SearchInputProps } from './types';

package/lib-esm/search-input/search-input-action-button.d.ts

@@ -1,3 +1,6 @@
 /// <reference types="react" />
-import { type SearchInputActionButtonProps } from './types';
-export declare const SearchInputActionButton: import("react").ForwardRefExoticComponent<Omit<SearchInputActionButtonProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const SearchInputActionButton: import("react").ForwardRefExoticComponent<(Omit<import("../primitives/icon-button/types").IconButtonVariantsProps & {
+    searchInputActionButtonTooltip?: string | undefined;
+}, "ref"> | Omit<import("../primitives/icon-button/types").IconButtonSmallUtilityVariantProps & {
+    searchInputActionButtonTooltip?: string | undefined;
+}, "ref">) & import("react").RefAttributes<HTMLButtonElement>>;

package/lib-esm/search-input/search-input-controlled/search-input-controlled.js

@@ -26,6 +26,11 @@ const SearchInputControlled = /*#__PURE__*/forwardRef((props, forwardedRef) => {
     variant,
     ...rest
   } = props;
+  const handleIEMComposition = e => {
+    if (e.nativeEvent.isComposing) {
+      e.preventDefault();
+    }
+  };
   const onSearchInputKeyDown = e => {
     if (disabled) {
       return;
@@ -41,7 +46,13 @@ const SearchInputControlled = /*#__PURE__*/forwardRef((props, forwardedRef) => {
       Escape: () => {
         e.preventDefault();
         onClearInput();
-      }
+      },
+      ArrowDown: () => handleIEMComposition(e),
+      ArrowUp: () => handleIEMComposition(e),
+      Backspace: () => handleIEMComposition(e),
+      Control: () => handleIEMComposition(e),
+      Delete: () => handleIEMComposition(e),
+      Shift: () => handleIEMComposition(e)
     })(e.key)?.();
     onKeyDown?.(e);
   };

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

@@ -56,6 +56,6 @@ export declare const SmallList: import("react").ForwardRefExoticComponent<import
     /**
      * Styled wrapper over an icon button.
      */
-    ActionIconButton: import("react").ForwardRefExoticComponent<Omit<import("../..").IconButtonProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+    ActionIconButton: import("react").ForwardRefExoticComponent<(Omit<import("../primitives/icon-button/types").IconButtonVariantsProps, "ref"> | Omit<import("../primitives/icon-button/types").IconButtonSmallUtilityVariantProps, "ref">) & import("react").RefAttributes<HTMLButtonElement>>;
 };
 export type { SmallListActionIconButtonProps, SmallListActionsProps, SmallListHeaderProps, SmallListItemProps, SmallListProps, SmallListSubtitleProps, SmallListThumbnailProps, } from './types';

package/lib-esm/text-area/text-area.js

@@ -1,9 +1,9 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { VisuallyHidden } from '@radix-ui/react-visually-hidden';
 import clsx from 'clsx';
 import { forwardRef } from 'react';
 import { InlineError } from '../primitives/inline-error/inline-error.js';
 import { useUniqueId } from '../utils/useUniqueId.js';
+import { VisuallyHidden } from '../visually-hidden/visually-hidden.js';
 import { TextAreaAutosize } from './text-area-autosize/text-area-autosize.js';
 import styles from './text-area.module.js';
 

package/lib-esm/util-components/base-grid-list-item/base-grid-list-item-actions.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { type BaseGridListActionsProps } from './types';
-export declare const BaseGridListActionIconButton: import("react").ForwardRefExoticComponent<Omit<import("../../primitives/icon-button").IconButtonProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const BaseGridListActionIconButton: import("react").ForwardRefExoticComponent<(Omit<import("../../primitives/icon-button/types").IconButtonVariantsProps, "ref"> | Omit<import("../../primitives/icon-button/types").IconButtonSmallUtilityVariantProps, "ref">) & import("react").RefAttributes<HTMLButtonElement>>;
 export declare const BaseGridListActions: import("react").ForwardRefExoticComponent<Omit<BaseGridListActionsProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/lib-esm/util-components/base-grid-list-item/base-grid-list-item-actions.js

@@ -79,7 +79,8 @@ const BaseGridListActionIconButton = /*#__PURE__*/forwardRef(function BaseGridLi
     ...props,
     ref: forwardedRef,
     render: render,
-    size: size
+    size: size,
+    variant: "default"
   });
 });
 const BaseGridListActions = /*#__PURE__*/forwardRef(function BaseGridListActions(props, forwardedRef) {

package/lib-esm/util-components/base-grid-list-item/base-grid-list-item-thumbnail.js

@@ -21,7 +21,7 @@ const BaseGridListThumbnail = /*#__PURE__*/forwardRef(function BaseGridListThumb
     className: clsx(styles.thumbnail, {
       [styles.loading]: loading
     }, {
-      [styles.customSize]: hasCustomSize
+      [styles.thumbnailContent]: !hasCustomSize
     }, className),
     children: loading ? jsx(Ghost, {
       borderRadius: "0.5rem",

package/lib-esm/util-components/base-grid-list-item/base-grid-list-item.module.js

@@ -1,4 +1,4 @@
 import '../../index.css';
-var styles = {"smallList":"bp_base_grid_list_item_module_smallList--17725","smallListItem":"bp_base_grid_list_item_module_smallListItem--17725","loading":"bp_base_grid_list_item_module_loading--17725","thumbnail":"bp_base_grid_list_item_module_thumbnail--17725","customSize":"bp_base_grid_list_item_module_customSize--17725","header":"bp_base_grid_list_item_module_header--17725","subtitle":"bp_base_grid_list_item_module_subtitle--17725","actions":"bp_base_grid_list_item_module_actions--17725","selection":"bp_base_grid_list_item_module_selection--17725","inner":"bp_base_grid_list_item_module_inner--17725","actionsCheckboxWrapper":"bp_base_grid_list_item_module_actionsCheckboxWrapper--17725","largeList":"bp_base_grid_list_item_module_largeList--17725","largeListItem":"bp_base_grid_list_item_module_largeListItem--17725","fade":"bp_base_grid_list_item_module_fade--17725","description":"bp_base_grid_list_item_module_description--17725","snippet":"bp_base_grid_list_item_module_snippet--17725","snippetContent":"bp_base_grid_list_item_module_snippetContent--17725","react-aria-DropIndicator":"bp_base_grid_list_item_module_react-aria-DropIndicator--17725","gridList":"bp_base_grid_list_item_module_gridList--17725","gridListItem":"bp_base_grid_list_item_module_gridListItem--17725","statusPin":"bp_base_grid_list_item_module_statusPin--17725","isItemInteracted":"bp_base_grid_list_item_module_isItemInteracted--17725","tooltipContent":"bp_base_grid_list_item_module_tooltipContent--17725","tooltipArrow":"bp_base_grid_list_item_module_tooltipArrow--17725","staticList":"bp_base_grid_list_item_module_staticList--17725","staticListItem":"bp_base_grid_list_item_module_staticListItem--17725"};
+var styles = {"smallList":"bp_base_grid_list_item_module_smallList--90a8f","smallListItem":"bp_base_grid_list_item_module_smallListItem--90a8f","loading":"bp_base_grid_list_item_module_loading--90a8f","thumbnail":"bp_base_grid_list_item_module_thumbnail--90a8f","thumbnailContent":"bp_base_grid_list_item_module_thumbnailContent--90a8f","header":"bp_base_grid_list_item_module_header--90a8f","subtitle":"bp_base_grid_list_item_module_subtitle--90a8f","actions":"bp_base_grid_list_item_module_actions--90a8f","selection":"bp_base_grid_list_item_module_selection--90a8f","inner":"bp_base_grid_list_item_module_inner--90a8f","actionsCheckboxWrapper":"bp_base_grid_list_item_module_actionsCheckboxWrapper--90a8f","largeList":"bp_base_grid_list_item_module_largeList--90a8f","largeListItem":"bp_base_grid_list_item_module_largeListItem--90a8f","fade":"bp_base_grid_list_item_module_fade--90a8f","description":"bp_base_grid_list_item_module_description--90a8f","snippet":"bp_base_grid_list_item_module_snippet--90a8f","snippetContent":"bp_base_grid_list_item_module_snippetContent--90a8f","react-aria-DropIndicator":"bp_base_grid_list_item_module_react-aria-DropIndicator--90a8f","gridList":"bp_base_grid_list_item_module_gridList--90a8f","gridListItem":"bp_base_grid_list_item_module_gridListItem--90a8f","statusPin":"bp_base_grid_list_item_module_statusPin--90a8f","isItemInteracted":"bp_base_grid_list_item_module_isItemInteracted--90a8f","tooltipContent":"bp_base_grid_list_item_module_tooltipContent--90a8f","tooltipArrow":"bp_base_grid_list_item_module_tooltipArrow--90a8f","staticList":"bp_base_grid_list_item_module_staticList--90a8f","staticListItem":"bp_base_grid_list_item_module_staticListItem--90a8f"};
 
 export { styles as default };

package/lib-esm/util-components/base-grid-list-item/index.d.ts

@@ -34,6 +34,6 @@ export declare const BaseGridList: import("react").ForwardRefExoticComponent<imp
      * Styled wrapper over an icon button.
      * Ensures proper behaviour when used in a grid list item.
      */
-    ActionIconButton: import("react").ForwardRefExoticComponent<Omit<import("../../..").IconButtonProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+    ActionIconButton: import("react").ForwardRefExoticComponent<(Omit<import("../../primitives/icon-button/types").IconButtonVariantsProps, "ref"> | Omit<import("../../primitives/icon-button/types").IconButtonSmallUtilityVariantProps, "ref">) & import("react").RefAttributes<HTMLButtonElement>>;
 };
 export type { BaseGridListActionIconButtonProps, BaseGridListActionsProps, BaseGridListDescriptionProps, BaseGridListHeaderProps, BaseGridListItemProps, BaseGridListProps, BaseGridListSubtitleProps, BaseGridListThumbnailProps, } from './types';

package/lib-esm/visually-hidden/index.d.ts

@@ -0,0 +1 @@
+export { VisuallyHidden, type VisuallyHiddenProps } from './visually-hidden';

package/lib-esm/visually-hidden/visually-hidden.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { type VisuallyHiddenProps as AriakitVisuallyHiddenProps } from '@ariakit/react';
+export type VisuallyHiddenProps = AriakitVisuallyHiddenProps;
+export declare const VisuallyHidden: (props: AriakitVisuallyHiddenProps<"span">) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;

package/lib-esm/visually-hidden/visually-hidden.js

@@ -0,0 +1,5 @@
+import { VisuallyHidden as VisuallyHidden$1 } from '@ariakit/react';
+
+const VisuallyHidden = VisuallyHidden$1;
+
+export { VisuallyHidden };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@box/blueprint-web",
-    "version": "7.5.0",
+    "version": "7.8.0",
     "license": "SEE LICENSE IN LICENSE",
     "publishConfig": {
         "access": "public",
@@ -42,7 +42,6 @@
         "@radix-ui/react-toggle-group": "^1.0.4",
         "@radix-ui/react-toolbar": "^1.0.4",
         "@radix-ui/react-tooltip": "^1.0.7",
-        "@radix-ui/react-visually-hidden": "^1.0.3",
         "@react-aria/i18n": "^3.11.1",
         "@react-aria/utils": "^3.24.1",
         "@react-types/shared": "^3.23.1",
@@ -58,7 +57,7 @@
         "@box/storybook-utils": "^0.2.1",
         "react-stately": "^3.31.1"
     },
-    "gitHead": "6b32db6278fd0b5df74e3c58f3e5f9186a7f9787",
+    "gitHead": "cca3b51a9667470b94e0898699f1c2ed8ccdc4cd",
     "module": "lib-esm/index.js",
     "main": "lib-esm/index.js",
     "exports": {