@box/blueprint-web 13.18.0 → 14.0.0

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

@@ -10,14 +10,12 @@ export * from './button';
 export * from './button-wrapper';
 export * from './card';
 export * from './card-tooltip';
-export * from './card-tooltip-v2';
 export * from './checkbox';
 export * from './circular-progress';
 export * from './collapsible';
 export * from './combobox';
 export * from './combobox-group';
 export * from './content-card';
-export * from './content-field';
 export * from './data-table/data-table';
 export * from './date-picker';
 export * from './divider';
@@ -78,7 +76,6 @@ export * from './time-picker';
 export * from './toolbar';
 export * from './tooltip';
 export * from './trigger-button';
-export * from './util-components/focus-trap';
 export * from './util-components/interactive-icon';
 export * from './util-components/labelable';
 export * from './util-components/list-checkbox';

package/dist/lib-esm/index.js

@@ -16,7 +16,6 @@ export { Button } from './button/button.js';
 export { ButtonWrapper } from './button-wrapper/button-wrapper.js';
 export { Card } from './card/card.js';
 export { CardTooltip } from './card-tooltip/card-tooltip.js';
-export { CardTooltipV2 } from './card-tooltip-v2/card-tooltip-v2.js';
 export { Checkbox } from './checkbox/index.js';
 export { CircularProgress } from './circular-progress/circular-progress.js';
 export { CollapsibleSection } from './collapsible/collapsible-section.js';
@@ -24,7 +23,6 @@ export { ChipsGroup } from './combobox/chips-group.js';
 export { Combobox, Root } from './combobox/combobox.js';
 export { ComboboxGroup } from './combobox-group/combobox-group.js';
 export { ContentCard } from './content-card/content-card.js';
-export { ContentField } from './content-field/content-field.js';
 export { DataTableWrapper, StickyCell } from './data-table/data-table.js';
 export { DatePicker } from './date-picker/date-picker.js';
 export { Divider } from './divider/divider.js';
@@ -100,7 +98,6 @@ export { TimePicker } from './time-picker/time-picker.js';
 export { Toolbar } from './toolbar/index.js';
 export { Tooltip, TooltipProvider } from './tooltip/tooltip.js';
 export { TriggerButton } from './trigger-button/trigger-button.js';
-export { FocusTrap } from './util-components/focus-trap/focus-trap.js';
 export { InteractiveIcon } from './util-components/interactive-icon/interactive-icon.js';
 export { useLabelable } from './util-components/labelable/useLabelable.js';
 export { ListCheckbox } from './util-components/list-checkbox/list-checkbox.js';

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

@@ -42,7 +42,7 @@ const TableHeaderInner = ({
           children: jsx(Button, {
             "aria-label": "sort-by",
             "aria-sort": sortDescriptor.direction === 'ascending' ? 'ascending' : 'descending',
-            icon: SortIcon,
+            endIcon: SortIcon,
             size: "small",
             variant: "secondary",
             children: columnLabel

package/dist/lib-esm/modal/alert-modal.d.ts

@@ -5,23 +5,19 @@ export declare const AlertModal: {
 } & {
     PrimaryButton: import("react").ForwardRefExoticComponent<(Omit<import("../primitives/base-button").BaseButtonInterface & Required<Pick<import("../primitives/base-button").Loading, keyof import("../primitives/base-button").Loading>> & Omit<import("../primitives/base-button").Loading, keyof import("../primitives/base-button").Loading> & {
         children?: string | string[];
-        icon?: import("../button/types").SvgIconComponent;
         endIcon?: import("../button/types").SvgIconComponent;
         startIcon?: import("../button/types").SvgIconComponent;
     }, "ref"> | Omit<import("../primitives/base-button").BaseButtonInterface & Partial<Record<keyof import("../primitives/base-button").Loading, never>> & Omit<import("../primitives/base-button").Loading, keyof import("../primitives/base-button").Loading> & {
         children?: string | string[];
-        icon?: import("../button/types").SvgIconComponent;
         endIcon?: import("../button/types").SvgIconComponent;
         startIcon?: import("../button/types").SvgIconComponent;
     }, "ref">) & import("react").RefAttributes<HTMLButtonElement>>;
     SecondaryButton: import("react").ForwardRefExoticComponent<(Omit<import("../primitives/base-button").BaseButtonInterface & Required<Pick<import("../primitives/base-button").Loading, keyof import("../primitives/base-button").Loading>> & Omit<import("../primitives/base-button").Loading, keyof import("../primitives/base-button").Loading> & {
         children?: string | string[];
-        icon?: import("../button/types").SvgIconComponent;
         endIcon?: import("../button/types").SvgIconComponent;
         startIcon?: import("../button/types").SvgIconComponent;
     }, "ref"> | Omit<import("../primitives/base-button").BaseButtonInterface & Partial<Record<keyof import("../primitives/base-button").Loading, never>> & Omit<import("../primitives/base-button").Loading, keyof import("../primitives/base-button").Loading> & {
         children?: string | string[];
-        icon?: import("../button/types").SvgIconComponent;
         endIcon?: import("../button/types").SvgIconComponent;
         startIcon?: import("../button/types").SvgIconComponent;
     }, "ref">) & import("react").RefAttributes<HTMLButtonElement>>;

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

@@ -6,23 +6,19 @@ import { type ModalFooterProps } from './types';
 export declare const ModalFooter: import("react").ForwardRefExoticComponent<ModalFooterProps & import("react").RefAttributes<HTMLDivElement>> & {
     PrimaryButton: import("react").ForwardRefExoticComponent<(Omit<import("../primitives/base-button").BaseButtonInterface & Required<Pick<import("../primitives/base-button").Loading, keyof import("../primitives/base-button").Loading>> & Omit<import("../primitives/base-button").Loading, keyof import("../primitives/base-button").Loading> & {
         children?: string | string[];
-        icon?: import("../button/types").SvgIconComponent;
         endIcon?: import("../button/types").SvgIconComponent;
         startIcon?: import("../button/types").SvgIconComponent;
     }, "ref"> | Omit<import("../primitives/base-button").BaseButtonInterface & Partial<Record<keyof import("../primitives/base-button").Loading, never>> & Omit<import("../primitives/base-button").Loading, keyof import("../primitives/base-button").Loading> & {
         children?: string | string[];
-        icon?: import("../button/types").SvgIconComponent;
         endIcon?: import("../button/types").SvgIconComponent;
         startIcon?: import("../button/types").SvgIconComponent;
     }, "ref">) & import("react").RefAttributes<HTMLButtonElement>>;
     SecondaryButton: import("react").ForwardRefExoticComponent<(Omit<import("../primitives/base-button").BaseButtonInterface & Required<Pick<import("../primitives/base-button").Loading, keyof import("../primitives/base-button").Loading>> & Omit<import("../primitives/base-button").Loading, keyof import("../primitives/base-button").Loading> & {
         children?: string | string[];
-        icon?: import("../button/types").SvgIconComponent;
         endIcon?: import("../button/types").SvgIconComponent;
         startIcon?: import("../button/types").SvgIconComponent;
     }, "ref"> | Omit<import("../primitives/base-button").BaseButtonInterface & Partial<Record<keyof import("../primitives/base-button").Loading, never>> & Omit<import("../primitives/base-button").Loading, keyof import("../primitives/base-button").Loading> & {
         children?: string | string[];
-        icon?: import("../button/types").SvgIconComponent;
         endIcon?: import("../button/types").SvgIconComponent;
         startIcon?: import("../button/types").SvgIconComponent;
     }, "ref">) & import("react").RefAttributes<HTMLButtonElement>>;

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

@@ -33,23 +33,19 @@ export declare const Modal: (({ children, modal, ...props }: ModalProps) => impo
     Footer: import("react").ForwardRefExoticComponent<import("./types").ModalFooterProps & import("react").RefAttributes<HTMLDivElement>> & {
         PrimaryButton: import("react").ForwardRefExoticComponent<(Omit<import("../primitives/base-button").BaseButtonInterface & Required<Pick<import("../primitives/base-button").Loading, keyof import("../primitives/base-button").Loading>> & Omit<import("../primitives/base-button").Loading, keyof import("../primitives/base-button").Loading> & {
             children?: string | string[];
-            icon?: import("../button/types").SvgIconComponent;
             endIcon?: import("../button/types").SvgIconComponent;
             startIcon?: import("../button/types").SvgIconComponent;
         }, "ref"> | Omit<import("../primitives/base-button").BaseButtonInterface & Partial<Record<keyof import("../primitives/base-button").Loading, never>> & Omit<import("../primitives/base-button").Loading, keyof import("../primitives/base-button").Loading> & {
             children?: string | string[];
-            icon?: import("../button/types").SvgIconComponent;
             endIcon?: import("../button/types").SvgIconComponent;
             startIcon?: import("../button/types").SvgIconComponent;
         }, "ref">) & import("react").RefAttributes<HTMLButtonElement>>;
         SecondaryButton: import("react").ForwardRefExoticComponent<(Omit<import("../primitives/base-button").BaseButtonInterface & Required<Pick<import("../primitives/base-button").Loading, keyof import("../primitives/base-button").Loading>> & Omit<import("../primitives/base-button").Loading, keyof import("../primitives/base-button").Loading> & {
             children?: string | string[];
-            icon?: import("../button/types").SvgIconComponent;
             endIcon?: import("../button/types").SvgIconComponent;
             startIcon?: import("../button/types").SvgIconComponent;
         }, "ref"> | Omit<import("../primitives/base-button").BaseButtonInterface & Partial<Record<keyof import("../primitives/base-button").Loading, never>> & Omit<import("../primitives/base-button").Loading, keyof import("../primitives/base-button").Loading> & {
             children?: string | string[];
-            icon?: import("../button/types").SvgIconComponent;
             endIcon?: import("../button/types").SvgIconComponent;
             startIcon?: import("../button/types").SvgIconComponent;
         }, "ref">) & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/lib-esm/primitives/context-menu/context-menu.module.js

@@ -1,4 +1,4 @@
 import '../../index.css';
-var styles = {"menuBlock":"bp_context_menu_module_menuBlock--b9e5e","menuHeader":"bp_context_menu_module_menuHeader--b9e5e","fullScreenContent":"bp_context_menu_module_fullScreenContent--b9e5e","menuItemsSeparator":"bp_context_menu_module_menuItemsSeparator--b9e5e","menuItem":"bp_context_menu_module_menuItem--b9e5e","startElement":"bp_context_menu_module_startElement--b9e5e","endElement":"bp_context_menu_module_endElement--b9e5e","headerTextContent":"bp_context_menu_module_headerTextContent--b9e5e","submenuCloseButton":"bp_context_menu_module_submenuCloseButton--b9e5e","menuCloseButton":"bp_context_menu_module_menuCloseButton--b9e5e","ellipsis":"bp_context_menu_module_ellipsis--b9e5e"};
+var styles = {"menuBlock":"bp_context_menu_module_menuBlock--2df31","menuHeader":"bp_context_menu_module_menuHeader--2df31","fullScreenContent":"bp_context_menu_module_fullScreenContent--2df31","menuItemsSeparator":"bp_context_menu_module_menuItemsSeparator--2df31","menuItem":"bp_context_menu_module_menuItem--2df31","startElement":"bp_context_menu_module_startElement--2df31","endElement":"bp_context_menu_module_endElement--2df31","headerTextContent":"bp_context_menu_module_headerTextContent--2df31","submenuCloseButton":"bp_context_menu_module_submenuCloseButton--2df31","menuCloseButton":"bp_context_menu_module_menuCloseButton--2df31","ellipsis":"bp_context_menu_module_ellipsis--2df31"};
 
 export { styles as default };

package/dist/lib-esm/primitives/dropdown-menu/dropdown-menu-checkbox-item.js

@@ -38,7 +38,12 @@ const DropdownMenuCheckboxItem = /*#__PURE__*/forwardRef((props, forwardedRef) =
     // If click starts at trigger button, and ends on the item, it should not trigger the item.
     // Note: this also has a side effect of not allowing to start click and end on a different time.
     onPointerUp: composeEventHandlers(props.onPointerUp, preventDefault),
-    children: [jsx(DropdownMenuPrimitive.ItemIndicator, {
+    children: [jsx("span", {
+      className: clsx(styles.itemBody, {
+        [styles.checkboxItemMediumSpacing]: !isSizeSmall
+      }),
+      children: children
+    }), jsx(DropdownMenuPrimitive.ItemIndicator, {
       className: clsx(styles.checkmark, {
         [styles.mediumSpacing]: !isSizeSmall
       }),
@@ -48,11 +53,6 @@ const DropdownMenuCheckboxItem = /*#__PURE__*/forwardRef((props, forwardedRef) =
         role: "presentation",
         width: checkmarkSize
       })
-    }), jsx("span", {
-      className: clsx(styles.ellipsis, {
-        [styles.checkboxItemMediumSpacing]: !isSizeSmall
-      }),
-      children: children
     })]
   });
 });

package/dist/lib-esm/primitives/dropdown-menu/dropdown-menu-item.js

@@ -23,7 +23,7 @@ const DropdownMenuItemBase = /*#__PURE__*/forwardRef((props, forwardedRef) => {
   const {
     internalSize
   } = useMenuItemVariant();
-  const sizeStyles = internalSize === 'small' ? styles.ellipsis : styles.mediumItemLayout;
+  const sizeStyles = internalSize === 'small' ? styles.itemOverflow : styles.mediumItemLayout;
   const preventDefault = useCallback(event => event.preventDefault(), []);
   return jsx(ItemVariantContext.Provider, {
     value: variant,
@@ -58,15 +58,15 @@ const MenuItemMainContent = /*#__PURE__*/forwardRef(({
   return jsx("div", {
     ...rest,
     ref: ref,
-    className: clsx(styles.menuItemMainContent, styles.ellipsis, className),
-    children: children || jsxs(Fragment, {
+    className: clsx(styles.menuItemMainContent, children !== undefined && styles.menuItemMainContent_directChild, className),
+    children: children !== undefined ? children : jsxs(Fragment, {
       children: [jsx(Text, {
         as: "span",
         className: styles.ellipsis,
         variant: labelVariant,
         children: label
       }), caption ? jsx("div", {
-        className: styles.ellipsis,
+        className: styles.menuItemCaption,
         children: jsx(Text, {
           as: "span",
           color: "textOnLightSecondary",

package/dist/lib-esm/primitives/dropdown-menu/dropdown-menu-radio-select-item.js

@@ -39,7 +39,12 @@ const DropdownMenuRadioSelectItem = /*#__PURE__*/forwardRef((props, forwardedRef
     // If click starts at trigger button, and ends on the item, it should not trigger the item.
     // Note: this also has a side effect of not allowing to start click and end on a different time.
     onPointerUp: composeEventHandlers(props.onPointerUp, preventDefault),
-    children: [jsx(DropdownMenuPrimitive.ItemIndicator, {
+    children: [jsx("span", {
+      className: clsx(styles.itemBody, {
+        [styles.radioItemMediumSpacing]: !isSizeSmall
+      }),
+      children: children ?? value
+    }), jsx(DropdownMenuPrimitive.ItemIndicator, {
       className: clsx(styles.checkmark, {
         [styles.mediumSpacing]: !isSizeSmall
       }),
@@ -49,11 +54,6 @@ const DropdownMenuRadioSelectItem = /*#__PURE__*/forwardRef((props, forwardedRef
         role: "presentation",
         width: checkmarkSize
       })
-    }), jsx("span", {
-      className: clsx(styles.ellipsis, {
-        [styles.radioItemMediumSpacing]: !isSizeSmall
-      }),
-      children: children ?? value
     })]
   });
 });

package/dist/lib-esm/primitives/dropdown-menu/dropdown-menu.module.js

@@ -1,4 +1,4 @@
 import '../../index.css';
-var styles = {"content":"bp_dropdown_menu_module_content--d90ed","fullScreenContent":"bp_dropdown_menu_module_fullScreenContent--d90ed","subheader":"bp_dropdown_menu_module_subheader--d90ed","uppercased":"bp_dropdown_menu_module_uppercased--d90ed","dropdownMenuItemSeparator":"bp_dropdown_menu_module_dropdownMenuItemSeparator--d90ed","ellipsis":"bp_dropdown_menu_module_ellipsis--d90ed","checkmark":"bp_dropdown_menu_module_checkmark--d90ed","mediumSpacing":"bp_dropdown_menu_module_mediumSpacing--d90ed","item":"bp_dropdown_menu_module_item--d90ed","radioItem":"bp_dropdown_menu_module_radioItem--d90ed","radioItemMediumSpacing":"bp_dropdown_menu_module_radioItemMediumSpacing--d90ed","checkboxItem":"bp_dropdown_menu_module_checkboxItem--d90ed","checkboxItemMediumSpacing":"bp_dropdown_menu_module_checkboxItemMediumSpacing--d90ed","mediumItemLayout":"bp_dropdown_menu_module_mediumItemLayout--d90ed","startElement":"bp_dropdown_menu_module_startElement--d90ed","menuItemMainContent":"bp_dropdown_menu_module_menuItemMainContent--d90ed","endElement":"bp_dropdown_menu_module_endElement--d90ed","destructive":"bp_dropdown_menu_module_destructive--d90ed","menuHeader":"bp_dropdown_menu_module_menuHeader--d90ed","headerTextContent":"bp_dropdown_menu_module_headerTextContent--d90ed","submenuCloseButton":"bp_dropdown_menu_module_submenuCloseButton--d90ed","menuCloseButton":"bp_dropdown_menu_module_menuCloseButton--d90ed"};
+var styles = {"content":"bp_dropdown_menu_module_content--83ff8","fullScreenContent":"bp_dropdown_menu_module_fullScreenContent--83ff8","subheader":"bp_dropdown_menu_module_subheader--83ff8","uppercased":"bp_dropdown_menu_module_uppercased--83ff8","dropdownMenuItemSeparator":"bp_dropdown_menu_module_dropdownMenuItemSeparator--83ff8","ellipsis":"bp_dropdown_menu_module_ellipsis--83ff8","itemBody":"bp_dropdown_menu_module_itemBody--83ff8","itemOverflow":"bp_dropdown_menu_module_itemOverflow--83ff8","menuItemCaption":"bp_dropdown_menu_module_menuItemCaption--83ff8","checkmark":"bp_dropdown_menu_module_checkmark--83ff8","mediumSpacing":"bp_dropdown_menu_module_mediumSpacing--83ff8","item":"bp_dropdown_menu_module_item--83ff8","radioItem":"bp_dropdown_menu_module_radioItem--83ff8","radioItemMediumSpacing":"bp_dropdown_menu_module_radioItemMediumSpacing--83ff8","menuItemMainContent":"bp_dropdown_menu_module_menuItemMainContent--83ff8","checkboxItem":"bp_dropdown_menu_module_checkboxItem--83ff8","checkboxItemMediumSpacing":"bp_dropdown_menu_module_checkboxItemMediumSpacing--83ff8","mediumItemLayout":"bp_dropdown_menu_module_mediumItemLayout--83ff8","startElement":"bp_dropdown_menu_module_startElement--83ff8","menuItemMainContent_directChild":"bp_dropdown_menu_module_menuItemMainContent_directChild--83ff8","endElement":"bp_dropdown_menu_module_endElement--83ff8","destructive":"bp_dropdown_menu_module_destructive--83ff8","menuHeader":"bp_dropdown_menu_module_menuHeader--83ff8","headerTextContent":"bp_dropdown_menu_module_headerTextContent--83ff8","submenuCloseButton":"bp_dropdown_menu_module_submenuCloseButton--83ff8","menuCloseButton":"bp_dropdown_menu_module_menuCloseButton--83ff8"};
 
 export { styles as default };

package/dist/lib-esm/primitives/select-menu-grid/select-menu-grid-option.js

@@ -81,7 +81,6 @@ const SelectMenuGridOption = /*#__PURE__*/forwardRef((props, forwardedRef) => {
     "data-modern": enableModernizedComponents ? 'true' : 'false',
     role: "gridcell",
     children: [shouldShowTooltip && jsx(Tooltip, {
-      __checkInteractivity: false,
       "aria-hidden": true,
       content: ariaLabel,
       side: props.tooltipSide,

package/dist/lib-esm/select/select.js

@@ -268,15 +268,11 @@ const Option = /*#__PURE__*/forwardRef((props, forwardedRef) => {
       children: [jsx(SelectPrimitive.ItemText, {
         children: text
       }), !!secondaryText && jsx("span", {
-        className: clsx(styles.secondaryText, {
-          [styles.ellipsis]: truncateText
-        }),
+        className: styles.secondaryText,
         children: secondaryText
       })]
     }), !itemProps.disabled && jsx(SelectPrimitive.ItemIndicator, {
-      className: clsx(styles.indicator, {
-        [styles.indicatorRight]: hasLeftElement
-      }),
+      className: styles.indicator,
       children: jsx(Checkmark, {})
     })]
   });

package/dist/lib-esm/select/select.module.js

@@ -1,4 +1,4 @@
 import '../index.css';
-var styles = {"container":"bp_select_module_container--1b637","label":"bp_select_module_label--1b637","triggerBtn":"bp_select_module_triggerBtn--1b637","ellipsis":"bp_select_module_ellipsis--1b637","disabled":"bp_select_module_disabled--1b637","triggerValue":"bp_select_module_triggerValue--1b637","triggerLeftElement":"bp_select_module_triggerLeftElement--1b637","readonly":"bp_select_module_readonly--1b637","error":"bp_select_module_error--1b637","iconWrapper":"bp_select_module_iconWrapper--1b637","iconCaret":"bp_select_module_iconCaret--1b637","iconPencilCrossed":"bp_select_module_iconPencilCrossed--1b637","content":"bp_select_module_content--1b637","viewport":"bp_select_module_viewport--1b637","option":"bp_select_module_option--1b637","textWrapper":"bp_select_module_textWrapper--1b637","secondaryText":"bp_select_module_secondaryText--1b637","leftElement":"bp_select_module_leftElement--1b637","hasLeftElement":"bp_select_module_hasLeftElement--1b637","indicator":"bp_select_module_indicator--1b637","indicatorRight":"bp_select_module_indicatorRight--1b637","separator":"bp_select_module_separator--1b637","withTruncatedText":"bp_select_module_withTruncatedText--1b637"};
+var styles = {"container":"bp_select_module_container--aba58","label":"bp_select_module_label--aba58","triggerBtn":"bp_select_module_triggerBtn--aba58","ellipsis":"bp_select_module_ellipsis--aba58","disabled":"bp_select_module_disabled--aba58","triggerValue":"bp_select_module_triggerValue--aba58","triggerLeftElement":"bp_select_module_triggerLeftElement--aba58","readonly":"bp_select_module_readonly--aba58","error":"bp_select_module_error--aba58","iconWrapper":"bp_select_module_iconWrapper--aba58","iconCaret":"bp_select_module_iconCaret--aba58","iconPencilCrossed":"bp_select_module_iconPencilCrossed--aba58","content":"bp_select_module_content--aba58","viewport":"bp_select_module_viewport--aba58","option":"bp_select_module_option--aba58","secondaryText":"bp_select_module_secondaryText--aba58","textWrapper":"bp_select_module_textWrapper--aba58","leftElement":"bp_select_module_leftElement--aba58","hasLeftElement":"bp_select_module_hasLeftElement--aba58","indicator":"bp_select_module_indicator--aba58","separator":"bp_select_module_separator--aba58","withTruncatedText":"bp_select_module_withTruncatedText--aba58"};
 
 export { styles as default };

package/dist/lib-esm/side-panel/side-panel-footer.d.ts

@@ -6,23 +6,19 @@ import { type SidePanelFooterProps } from './types';
 export declare const SidePanelFooter: import("react").ForwardRefExoticComponent<Omit<SidePanelFooterProps, "ref"> & import("react").RefAttributes<HTMLDivElement>> & {
     PrimaryButton: import("react").ForwardRefExoticComponent<(Omit<import("../primitives/base-button").BaseButtonInterface & Required<Pick<import("../primitives/base-button").Loading, keyof import("../primitives/base-button").Loading>> & Omit<import("../primitives/base-button").Loading, keyof import("../primitives/base-button").Loading> & {
         children?: string | string[];
-        icon?: import("../button/types").SvgIconComponent;
         endIcon?: import("../button/types").SvgIconComponent;
         startIcon?: import("../button/types").SvgIconComponent;
     }, "ref"> | Omit<import("../primitives/base-button").BaseButtonInterface & Partial<Record<keyof import("../primitives/base-button").Loading, never>> & Omit<import("../primitives/base-button").Loading, keyof import("../primitives/base-button").Loading> & {
         children?: string | string[];
-        icon?: import("../button/types").SvgIconComponent;
         endIcon?: import("../button/types").SvgIconComponent;
         startIcon?: import("../button/types").SvgIconComponent;
     }, "ref">) & import("react").RefAttributes<HTMLButtonElement>>;
     SecondaryButton: import("react").ForwardRefExoticComponent<(Omit<import("../primitives/base-button").BaseButtonInterface & Required<Pick<import("../primitives/base-button").Loading, keyof import("../primitives/base-button").Loading>> & Omit<import("../primitives/base-button").Loading, keyof import("../primitives/base-button").Loading> & {
         children?: string | string[];
-        icon?: import("../button/types").SvgIconComponent;
         endIcon?: import("../button/types").SvgIconComponent;
         startIcon?: import("../button/types").SvgIconComponent;
     }, "ref"> | Omit<import("../primitives/base-button").BaseButtonInterface & Partial<Record<keyof import("../primitives/base-button").Loading, never>> & Omit<import("../primitives/base-button").Loading, keyof import("../primitives/base-button").Loading> & {
         children?: string | string[];
-        icon?: import("../button/types").SvgIconComponent;
         endIcon?: import("../button/types").SvgIconComponent;
         startIcon?: import("../button/types").SvgIconComponent;
     }, "ref">) & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/lib-esm/side-panel/side-panel.d.ts

@@ -7,23 +7,19 @@ export declare const SidePanel: ((props: SidePanelProps) => import("react/jsx-ru
     Footer: import("react").ForwardRefExoticComponent<Omit<import("./types").SidePanelFooterProps, "ref"> & import("react").RefAttributes<HTMLDivElement>> & {
         PrimaryButton: import("react").ForwardRefExoticComponent<(Omit<import("../primitives/base-button").BaseButtonInterface & Required<Pick<import("../primitives/base-button").Loading, keyof import("../primitives/base-button").Loading>> & Omit<import("../primitives/base-button").Loading, keyof import("../primitives/base-button").Loading> & {
             children?: string | string[];
-            icon?: import("../button/types").SvgIconComponent;
             endIcon?: import("../button/types").SvgIconComponent;
             startIcon?: import("../button/types").SvgIconComponent;
         }, "ref"> | Omit<import("../primitives/base-button").BaseButtonInterface & Partial<Record<keyof import("../primitives/base-button").Loading, never>> & Omit<import("../primitives/base-button").Loading, keyof import("../primitives/base-button").Loading> & {
             children?: string | string[];
-            icon?: import("../button/types").SvgIconComponent;
             endIcon?: import("../button/types").SvgIconComponent;
             startIcon?: import("../button/types").SvgIconComponent;
         }, "ref">) & import("react").RefAttributes<HTMLButtonElement>>;
         SecondaryButton: import("react").ForwardRefExoticComponent<(Omit<import("../primitives/base-button").BaseButtonInterface & Required<Pick<import("../primitives/base-button").Loading, keyof import("../primitives/base-button").Loading>> & Omit<import("../primitives/base-button").Loading, keyof import("../primitives/base-button").Loading> & {
             children?: string | string[];
-            icon?: import("../button/types").SvgIconComponent;
             endIcon?: import("../button/types").SvgIconComponent;
             startIcon?: import("../button/types").SvgIconComponent;
         }, "ref"> | Omit<import("../primitives/base-button").BaseButtonInterface & Partial<Record<keyof import("../primitives/base-button").Loading, never>> & Omit<import("../primitives/base-button").Loading, keyof import("../primitives/base-button").Loading> & {
             children?: string | string[];
-            icon?: import("../button/types").SvgIconComponent;
             endIcon?: import("../button/types").SvgIconComponent;
             startIcon?: import("../button/types").SvgIconComponent;
         }, "ref">) & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/lib-esm/tooltip/tooltip.d.ts

@@ -1,6 +1,7 @@
+import * as RadixTooltip from '@radix-ui/react-tooltip';
 import React from 'react';
-import { type TooltipProps, type TooltipProviderProps, type TooltipTriggerProps } from './types';
+import { type TooltipProps, type TooltipProviderProps } from './types';
 export declare const Tooltip: (props: TooltipProps) => import("react/jsx-runtime").JSX.Element;
 export declare const ContainerContext: React.Context<HTMLElement | null | undefined>;
 export declare const TooltipProvider: (props: TooltipProviderProps) => import("react/jsx-runtime").JSX.Element;
-export declare const TooltipTrigger: React.ForwardRefExoticComponent<TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const TooltipTrigger: typeof RadixTooltip.Trigger;

package/dist/lib-esm/tooltip/tooltip.js

@@ -4,8 +4,6 @@ import * as RadixTooltip from '@radix-ui/react-tooltip';
 import clsx from 'clsx';
 import React__default, { useContext } from 'react';
 import { useBlueprintModernization } from '../blueprint-modernization-context/useBlueprintModernization.js';
-import { useForkRef } from '../utils/useForkRef.js';
-import { useIsTriggerInteractive } from '../utils/useIsTriggerInteractive.js';
 import styles from './tooltip.module.js';
 
 /**
@@ -27,7 +25,6 @@ const Tooltip = props => {
     open,
     defaultOpen,
     forceMount,
-    __checkInteractivity,
     ...contentProps
   } = props;
   const container = useContext(ContainerContext);
@@ -36,8 +33,6 @@ const Tooltip = props => {
     onOpenChange: onOpenChange,
     open: open,
     children: [jsx(TooltipTrigger, {
-      __checkInteractivity: __checkInteractivity,
-      open: open,
       children: children
     }), jsx(RadixTooltip.Portal, {
       container: container,
@@ -65,43 +60,14 @@ const TooltipProvider = props => {
     })
   });
 };
-const Trigger = /*#__PURE__*/React__default.forwardRef(function Trigger(props, ref) {
+const TooltipTrigger = /*#__PURE__*/React__default.forwardRef(function TooltipTrigger(props, ref) {
   return jsx(RadixTooltip.Trigger, {
     ref: ref,
     asChild: true,
+    "data-blueprint-tooltip-trigger": "",
     children: props.children
   });
 });
-/**
- *  Trigger component with interactivity check.
- *  Encapsulation in separate component is a workaround which allows to render hooks
- *  responsible for check only when it's specifically needed, without breaking rule of hooks
- *  by calling them conditionally.
- */
-const TriggerWithInteractivityCheck = /*#__PURE__*/React__default.forwardRef(function TriggerWithInteractivityCheck(props, ref) {
-  const triggerRef = useIsTriggerInteractive();
-  return jsx(Trigger, {
-    ref: useForkRef(triggerRef, ref),
-    children: props.children
-  });
-});
-const TooltipTrigger = /*#__PURE__*/React__default.forwardRef(({
-  children,
-  open,
-  __checkInteractivity = true
-}, ref) => {
-  // in dev environment, if Tooltip open state is not explicitly controlled by user, check if it's used with interactive element
-  if (process.env.NODE_ENV !== 'production' && open === undefined && __checkInteractivity) {
-    return jsx(TriggerWithInteractivityCheck, {
-      ref: ref,
-      children: children
-    });
-  }
-  return jsx(Trigger, {
-    ref: ref,
-    children: children
-  });
-});
 const Arrow = /*#__PURE__*/React__default.forwardRef(function Arrow({
   variant
 }, ref) {

package/dist/lib-esm/tooltip/types.d.ts

@@ -23,8 +23,6 @@ export interface TooltipProps extends Omit<React.ComponentProps<typeof RadixTool
     defaultOpen?: RadixTooltip.TooltipProps['defaultOpen'];
     /** Used to force mounting when more control is needed. */
     forceMount?: RadixTooltip.TooltipPortalProps['forceMount'];
-    /** Blueprint internal prop. Checks whether the trigger element is interactive to provide a warning if it's not interactive. Defaults to `true`. */
-    __checkInteractivity?: boolean;
 }
 export interface TooltipProviderProps {
     /** The rest of the application */
@@ -37,10 +35,3 @@ export interface TooltipProviderProps {
 export interface ArrowProps {
     variant: TooltipVariant;
 }
-export interface TooltipTriggerProps {
-    children?: React.ReactNode;
-    /** The controlled open state of the tooltip. */
-    open?: TooltipProps['open'];
-    /** Blueprint internal prop. Checks whether the trigger element is interactive to provide a warning if it's not interactive. Defaults to `true`. */
-    __checkInteractivity?: boolean;
-}

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

@@ -99,9 +99,9 @@ export type BaseGridListThumbnailProps = ComponentPropsWithRef<'div'> & {
      *     fileExtension="xlsx"
      *     fileCategory="excel-spreadsheet"
      *     statusBadge={
-     *         <CardTooltipV2 content="Classification: Confidential">
+     *         <CardTooltip content="Classification: Confidential">
      *             <Status colorIndex={2} hideText icon={Shield} text="Confidential" />
-     *         </CardTooltipV2>
+     *         </CardTooltip>
      *     }
      * >
      *     <img src={thumbnailUrl} alt={fileName} />

package/dist/lib-esm/util-components/menu-item-sections/menu-item-sections.module.js

@@ -1,4 +1,4 @@
 import '../../index.css';
-var styles = {"menuItemMainContent":"bp_menu_item_sections_module_menuItemMainContent--5517f","label":"bp_menu_item_sections_module_label--5517f","bold":"bp_menu_item_sections_module_bold--5517f","description":"bp_menu_item_sections_module_description--5517f","menuItemSideContent":"bp_menu_item_sections_module_menuItemSideContent--5517f","textOnLightSecondary":"bp_menu_item_sections_module_textOnLightSecondary--5517f"};
+var styles = {"menuItemMainContent":"bp_menu_item_sections_module_menuItemMainContent--dd1ef","label":"bp_menu_item_sections_module_label--dd1ef","bold":"bp_menu_item_sections_module_bold--dd1ef","description":"bp_menu_item_sections_module_description--dd1ef","menuItemSideContent":"bp_menu_item_sections_module_menuItemSideContent--dd1ef","textOnLightSecondary":"bp_menu_item_sections_module_textOnLightSecondary--dd1ef"};
 
 export { styles as default };

package/dist/lib-esm/utils/useMedia.js

@@ -1,9 +1,21 @@
 import { useState, useEffect } from 'react';
 
+const canUseMatchMedia = () => typeof window !== 'undefined' && typeof window.matchMedia === 'function';
 const useMedia = query => {
-  const [matches, setMatches] = useState(window.matchMedia(query).matches);
+  // SSR-safe: use lazy initializer to defer window access
+  const [matches, setMatches] = useState(() => {
+    if (!canUseMatchMedia()) {
+      return false;
+    }
+    return window.matchMedia(query).matches;
+  });
   useEffect(() => {
+    if (!canUseMatchMedia()) {
+      return undefined;
+    }
     const mediaQueryList = window.matchMedia(query);
+    // Sync state on mount (handles SSR hydration mismatch)
+    setMatches(mediaQueryList.matches);
     const onChange = e => setMatches(e.matches);
     mediaQueryList.addEventListener('change', onChange);
     return () => {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@box/blueprint-web",
-    "version": "13.18.0",
+    "version": "14.0.0",
     "type": "module",
     "license": "SEE LICENSE IN LICENSE",
     "publishConfig": {
@@ -11,8 +11,8 @@
         "THIRD_PARTY_LICENSES"
     ],
     "peerDependencies": {
-        "react": "^17.0.0 || ^18.0.0",
-        "react-dom": "^17.0.0 || ^18.0.0"
+        "react": "^18.0.0",
+        "react-dom": "^18.0.0"
     },
     "scripts": {
         "build-storybook": "nx run blueprint-web:build-storybook",
@@ -45,10 +45,10 @@
         }
     },
     "dependencies": {
-        "@ariakit/react": "0.4.15",
-        "@ariakit/react-core": "0.4.15",
-        "@box/blueprint-web-assets": "^4.111.13",
-        "@internationalized/date": "^3.7.0",
+        "@ariakit/react": "0.4.21",
+        "@ariakit/react-core": "0.4.21",
+        "@box/blueprint-web-assets": "^4.111.15",
+        "@internationalized/date": "^3.12.0",
         "@radix-ui/react-accordion": "1.1.2",
         "@radix-ui/react-checkbox": "1.0.4",
         "@radix-ui/react-collapsible": "1.0.3",
@@ -66,24 +66,24 @@
         "@radix-ui/react-toggle-group": "1.0.4",
         "@radix-ui/react-toolbar": "1.0.4",
         "@radix-ui/react-tooltip": "1.0.7",
-        "@react-aria/i18n": "3.12.7",
-        "@react-aria/utils": "3.28.1",
+        "@react-aria/i18n": "3.12.16",
+        "@react-aria/interactions": "3.27.1",
+        "@react-aria/utils": "3.33.1",
         "clsx": "^1.2.1",
         "color": "2.0.1",
         "lodash": "^4.17.15",
-        "react-aria": "3.38.1",
-        "react-aria-components": "1.7.1",
-        "tabbable": "^4.0.0",
+        "react-aria": "3.47.0",
+        "react-aria-components": "1.16.0",
         "type-fest": "^3.2.0"
     },
     "devDependencies": {
-        "@box/storybook-utils": "^0.17.13",
+        "@box/storybook-utils": "^0.17.15",
         "@figma/code-connect": "1.3.12",
         "@types/react": "^18.0.0",
         "@types/react-dom": "^18.0.0",
         "react": "^18.3.0",
         "react-dom": "^18.3.0",
-        "react-stately": "^3.35.0",
+        "react-stately": "^3.45.0",
         "tsx": "^4.16.5"
     }
 }

package/dist/lib-esm/card-tooltip-v2/card-tooltip-v2.d.ts

@@ -1,10 +0,0 @@
-import { type CardTooltipV2Props } from './types';
-/**
- * CardTooltipV2 is a component that wraps a Card component inside a Tooltip component. The main difference between CardTooltipV2 and CardTooltip is that CardTooltipV2 uses Ariakit Tooltip component instead of Radix Tooltip component.
- *
- * You must only pass non-interactive content inside `content` prop.
- *
- * **IMPORTANT**: Must wrap interactive component/element (such as: HTMLInputElement, HTMLAnchorElement,  HTMLTextAreaElement, etc. [list of focusable elements](https://allyjs.io/data-tables/focusable.html))
- *
- */
-export declare const CardTooltipV2: import("react").ForwardRefExoticComponent<CardTooltipV2Props & import("react").RefAttributes<HTMLDivElement>>;