@baseline-ui/core 0.44.2 → 0.45.1

package/Acknowledgements.md

@@ -934,7 +934,7 @@ SOFTWARE.
 
 ---
 
-The following software may be included in this product: @esbuild/linux-x64 (0.25.1)
+The following software may be included in this product: @esbuild/linux-x64 (0.25.5)
 This software contains the following license and notice below:
 
 MIT License
@@ -7111,7 +7111,7 @@ SOFTWARE.
 
 ---
 
-The following software may be included in this product: esbuild (0.25.1)
+The following software may be included in this product: esbuild (0.25.5)
 This software contains the following license and notice below:
 
 MIT License
@@ -26076,7 +26076,7 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
 
 ---
 
-The following software may be included in this product: zod (3.25.60)
+The following software may be included in this product: zod (3.25.64)
 This software contains the following license and notice below:
 
 MIT License
@@ -26103,6 +26103,21 @@ SOFTWARE.
 
 ---
 
+The following software may be included in this product: zod-validation-error (3.5.0)
+This software contains the following license and notice below:
+
+(The MIT License)
+
+Copyright 2022 Causaly, Inc <front-end@causaly.com>
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+
+---
+
 The following software may be included in this product: zustand (4.5.5)
 This software contains the following license and notice below:
 
@@ -28450,7 +28465,7 @@ limitations under the License.
 
 ---
 
-The following software may be included in this product: @internationalized/date (3.8.0)
+The following software may be included in this product: @internationalized/date (3.8.2)
 This software contains the following license and notice below:
 
 Apache License

package/dist/index.d.mts

@@ -328,7 +328,7 @@ interface SingleSelection {
   /** The initial selected key in the collection (uncontrolled). */
   defaultSelectedKey?: Key,
   /** Handler that is called when the selection changes. */
-  onSelectionChange?: (key: Key) => void
+  onSelectionChange?: (key: Key | null) => void
 }
 
 type SelectionMode = 'none' | 'single' | 'multiple';
@@ -567,9 +567,17 @@ interface DroppableCollectionUtilityOptions {
    */
   onItemDrop?: (e: DroppableCollectionOnItemDropEvent) => void,
   /**
-   * Handler that is called when items are reordered via drag in the source collection.
+   * Handler that is called when items are reordered within the collection.
+   * This handler only allows dropping between items, not on items.
+   * It does not allow moving items to a different parent item within a tree.
    */
   onReorder?: (e: DroppableCollectionReorderEvent) => void,
+  /**
+   * Handler that is called when items are moved within the source collection.
+   * This handler allows dropping both on or between items, and items may be
+   * moved to a different parent item within a tree.
+   */
+  onMove?: (e: DroppableCollectionReorderEvent) => void,
   /**
    * A function returning whether a given target in the droppable collection is a valid "on" drop target for the current drag types.
    */
@@ -581,7 +589,6 @@ interface DroppableCollectionBaseProps {
   onDropEnter?: (e: DroppableCollectionEnterEvent) => void,
   /**
    * Handler that is called after a valid drag is held over a drop target for a period of time.
-   * @private
    */
   onDropActivate?: (e: DroppableCollectionActivateEvent) => void,
   /** Handler that is called when a valid drag exits a drop target. */
@@ -1713,6 +1720,8 @@ interface AriaListBoxProps<T> extends AriaListBoxPropsBase<T> {
   selectionBehavior?: SelectionBehavior,
   /** Whether selection should occur on press up instead of press down. */
   shouldSelectOnPressUp?: boolean,
+  /** Whether options should be focused when the user hovers over them. */
+  shouldFocusOnHover?: boolean,
   /**
    * Handler that is called when a user performs an action on an item. The exact user event depends on
    * the collection's `selectionBehavior` prop and the interaction modality.
@@ -1763,8 +1772,6 @@ interface AriaListBoxOptions<T> extends Omit<AriaListBoxProps<T>, 'children'> {
      * Whether the listbox items should use virtual focus instead of being focused directly.
      */
     shouldUseVirtualFocus?: boolean;
-    /** Whether options should be focused when the user hovers over them. */
-    shouldFocusOnHover?: boolean;
     /**
      * The behavior of links in the collection.
      * - 'action': link behaves like onAction.
@@ -2110,7 +2117,6 @@ interface DropOptions {
     /**
      * Handler that is called after a valid drag is held over the drop target for a period of time.
      * This typically opens the item so that the user can drop within it.
-     * @private
      */
     onDropActivate?: (e: DropActivateEvent) => void;
     /** Handler that is called when a valid drag exits the drop target. */
@@ -2132,6 +2138,8 @@ interface DroppableCollectionOptions extends DroppableCollectionProps {
     keyboardDelegate: KeyboardDelegate;
     /** A delegate object that provides drop targets for pointer coordinates within the collection. */
     dropTargetDelegate: DropTargetDelegate;
+    /** A custom keyboard event handler for drop targets. */
+    onKeyDown?: (e: KeyboardEvent) => void;
 }
 interface ClipboardProps {
     /** A function that returns the items to copy. */
@@ -2338,7 +2346,7 @@ interface FocusManager {
  * management interface that can be used to move focus forward and back in response
  * to user events.
  */
-declare function FocusScope(props: FocusScopeProps): ReactNode;
+declare function FocusScope(props: FocusScopeProps): JSX$2.Element;
 /**
  * Returns a FocusManager interface for the parent FocusScope.
  * A FocusManager can be used to programmatically move focus within
@@ -2866,7 +2874,7 @@ interface AriaTextFieldProps<T = HTMLInputElement> extends TextFieldProps<T>, Ar
   /** Identifies the element (or elements) whose contents or presence are controlled by the current element. */
   'aria-controls'?: string,
   /**
-   * An enumerated attribute that defines what action label or icon to preset for the enter key on virtual keyboards. See [https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/enterkeyhint].
+   * An enumerated attribute that defines what action label or icon to preset for the enter key on virtual keyboards. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/enterkeyhint).
    */
   enterKeyHint?: 'enter' | 'done' | 'go' | 'next' | 'previous' | 'search' | 'send'
 }
@@ -2895,7 +2903,7 @@ interface SearchFieldProps extends TextFieldProps {
 
 interface AriaSearchFieldProps extends SearchFieldProps, AriaTextFieldProps {
   /**
-   * An enumerated attribute that defines what action label or icon to preset for the enter key on virtual keyboards. See [https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/enterkeyhint].
+   * An enumerated attribute that defines what action label or icon to preset for the enter key on virtual keyboards. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/enterkeyhint).
    */
   enterKeyHint?: 'enter' | 'done' | 'go' | 'next' | 'previous' | 'search' | 'send'
 }
@@ -2979,12 +2987,14 @@ declare let Item$2: <T>(props: ItemProps$1<T>) => JSX$2.Element;
 
 
 
-interface TabListProps<T> extends CollectionBase<T>, Omit<SingleSelection, 'disallowEmptySelection'> {
+interface TabListProps<T> extends CollectionBase<T>, Omit<SingleSelection, 'disallowEmptySelection' | 'onSelectionChange'> {
   /**
    * Whether the TabList is disabled.
    * Shows that a selection exists, but is not available in that circumstance.
    */
-  isDisabled?: boolean
+  isDisabled?: boolean,
+  /** Handler that is called when the selection changes. */
+  onSelectionChange?: (key: Key) => void
 }
 
 interface AriaTabListBase extends AriaLabelingProps {
@@ -3062,7 +3072,7 @@ interface AriaTextFieldOptions<T extends TextFieldIntrinsicElements> extends Ari
      */
     autoCapitalize?: 'off' | 'none' | 'on' | 'sentences' | 'words' | 'characters';
     /**
-     * An enumerated attribute that defines what action label or icon to preset for the enter key on virtual keyboards. See [https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/enterkeyhint].
+     * An enumerated attribute that defines what action label or icon to preset for the enter key on virtual keyboards. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/enterkeyhint).
      */
     enterKeyHint?: 'enter' | 'done' | 'go' | 'next' | 'previous' | 'search' | 'send';
 }
@@ -3197,7 +3207,7 @@ interface VisuallyHiddenProps extends DOMAttributes {
  * VisuallyHidden hides its children visually, while keeping content visible
  * to screen readers.
  */
-declare function VisuallyHidden(props: VisuallyHiddenProps): ReactNode;
+declare function VisuallyHidden(props: VisuallyHiddenProps): JSX$2.Element;
 
 interface ListOptions<T> {
     /** Initial items in the list. */
@@ -3375,6 +3385,18 @@ interface TreeData<T extends object> {
      * @param index - The index within the new parent to insert at.
      */
     move(key: Key, toParentKey: Key | null, index: number): void;
+    /**
+     * Moves one or more items before a given key.
+     * @param key - The key of the item to move the items before.
+     * @param keys - The keys of the items to move.
+     */
+    moveBefore(key: Key, keys: Iterable<Key>): void;
+    /**
+     * Moves one or more items after a given key.
+     * @param key - The key of the item to move the items after.
+     * @param keys - The keys of the items to move.
+     */
+    moveAfter(key: Key, keys: Iterable<Key>): void;
     /**
      * Updates an item in the tree.
      * @param key - The key of the item to update.
@@ -19421,15 +19443,6 @@ interface StylingWithUIState<T = object> {
     style?: React__default__default.CSSProperties | ((props: UIStateOptions<T>) => React__default__default.CSSProperties);
 }
 interface ActionButtonSharedProps extends Omit<AriaButtonProps<"button" | "div">, "rel" | "href" | "target" | "children">, Omit<StylingProps, "className" | "style">, StylingWithUIState {
-    /**
-     * There are some cases where we need to use a button that is not interactive.
-     * For example, when we need to use a button inside a TabItem component that
-     * should remove the tab when clicked. Since this button never needs to be
-     * focused directly, we can set this prop to true to avoid the button being
-     * focusable. At the same time we also avoid the [nested element
-     * rule](https://dequeuniversity.com/rules/axe/html/4.6/nested-interactive)
-     */
-    UNSAFE_NON_INTERACTIVE?: boolean;
 }
 interface ActionButtonProps extends ActionButtonSharedProps {
     /**
@@ -19450,8 +19463,6 @@ interface ActionButtonProps extends ActionButtonSharedProps {
      * @default sm
      */
     size?: "sm" | "md" | "lg";
-    /** Indicates whether focusing should be prevented on press. */
-    preventFocusOnPress?: boolean;
 }
 
 declare const ActionButton: React__default__default.ForwardRefExoticComponent<ActionButtonProps & React__default__default.RefAttributes<HTMLButtonElement>>;
@@ -19768,6 +19779,31 @@ interface ActionIconButtonProps extends ActionButtonSharedProps {
     tooltip?: boolean | Partial<Omit<TooltipProps, "children">>;
     /** The drag props to use for drag and drop interactions. */
     dragProps?: React__default__default.HTMLAttributes<HTMLElement>;
+    /**
+     * There are some cases where we need to use a button that is not interactive.
+     * For example, when we need to use a visual button inside a TabItem component
+     * that should remove the tab when clicked. Since this button never needs to
+     * be focused directly, we can set this prop to true to avoid the button being
+     * focusable. At the same time we also avoid the [nested element
+     * rule](https://dequeuniversity.com/rules/axe/html/4.6/nested-interactive)
+     *
+     * This is different from `isExcludedFromRovingFocus` because it only affects
+     * because this prop removes the button fully from the accessibility tree and
+     * renders it as a div with no role, aria-label, aria-labelledby,
+     * aria-disabled, etc.
+     *
+     * @default false
+     */
+    UNSAFE_isVisuallyInteractiveOnly?: boolean;
+    /**
+     * Whether the button is excluded from roving focus. In this case, the button
+     * will not be focusable using keyboard arrow keys but will still have correct
+     * role, aria-label, aria-labelledby, aria-disabled, etc. Avoid using this
+     * prop unless absolutely necessary.
+     *
+     * @default false
+     */
+    isExcludedFromRovingFocus?: boolean;
 }
 
 declare const ActionIconButton: React__default__default.ForwardRefExoticComponent<ActionIconButtonProps & React__default__default.RefAttributes<HTMLButtonElement>>;
@@ -21569,7 +21605,7 @@ type Dimension = {
     width: number | "sm" | "md";
     aspectRatio: number;
 };
-interface ImageGalleryProps extends StylingProps, Omit<ListBoxProps, "items" | "layout" | "grid" | "renderOption" | "renderDropIndicator" | "renderDragPreview" | "showSelectedIcon" | "orientation" | "shouldSelectOnPressUp" | "shouldFocusOnHover" | "dropIndicatorClassName" | "dropIndicatorStyle" | "shouldUseVirtualFocus" | "getItems" | "acceptedDragTypes" | "sectionClassName" | "sectionStyle"> {
+interface ImageGalleryProps extends StylingProps, Omit<ListBoxProps, "items" | "layout" | "grid" | "renderOption" | "renderDropIndicator" | "renderDragPreview" | "showSelectedIcon" | "orientation" | "shouldSelectOnPressUp" | "shouldFocusOnHover" | "dropIndicatorClassName" | "dropIndicatorStyle" | "shouldUseVirtualFocus" | "getItems" | "acceptedDragTypes" | "sectionClassName" | "sectionStyle" | "onKeyDown"> {
     /**
      * An array of objects containing the image source, alt text, and label for
      * each image. This property makes the component a controlled component.

package/dist/index.d.ts

@@ -328,7 +328,7 @@ interface SingleSelection {
   /** The initial selected key in the collection (uncontrolled). */
   defaultSelectedKey?: Key,
   /** Handler that is called when the selection changes. */
-  onSelectionChange?: (key: Key) => void
+  onSelectionChange?: (key: Key | null) => void
 }
 
 type SelectionMode = 'none' | 'single' | 'multiple';
@@ -567,9 +567,17 @@ interface DroppableCollectionUtilityOptions {
    */
   onItemDrop?: (e: DroppableCollectionOnItemDropEvent) => void,
   /**
-   * Handler that is called when items are reordered via drag in the source collection.
+   * Handler that is called when items are reordered within the collection.
+   * This handler only allows dropping between items, not on items.
+   * It does not allow moving items to a different parent item within a tree.
    */
   onReorder?: (e: DroppableCollectionReorderEvent) => void,
+  /**
+   * Handler that is called when items are moved within the source collection.
+   * This handler allows dropping both on or between items, and items may be
+   * moved to a different parent item within a tree.
+   */
+  onMove?: (e: DroppableCollectionReorderEvent) => void,
   /**
    * A function returning whether a given target in the droppable collection is a valid "on" drop target for the current drag types.
    */
@@ -581,7 +589,6 @@ interface DroppableCollectionBaseProps {
   onDropEnter?: (e: DroppableCollectionEnterEvent) => void,
   /**
    * Handler that is called after a valid drag is held over a drop target for a period of time.
-   * @private
    */
   onDropActivate?: (e: DroppableCollectionActivateEvent) => void,
   /** Handler that is called when a valid drag exits a drop target. */
@@ -1713,6 +1720,8 @@ interface AriaListBoxProps<T> extends AriaListBoxPropsBase<T> {
   selectionBehavior?: SelectionBehavior,
   /** Whether selection should occur on press up instead of press down. */
   shouldSelectOnPressUp?: boolean,
+  /** Whether options should be focused when the user hovers over them. */
+  shouldFocusOnHover?: boolean,
   /**
    * Handler that is called when a user performs an action on an item. The exact user event depends on
    * the collection's `selectionBehavior` prop and the interaction modality.
@@ -1763,8 +1772,6 @@ interface AriaListBoxOptions<T> extends Omit<AriaListBoxProps<T>, 'children'> {
      * Whether the listbox items should use virtual focus instead of being focused directly.
      */
     shouldUseVirtualFocus?: boolean;
-    /** Whether options should be focused when the user hovers over them. */
-    shouldFocusOnHover?: boolean;
     /**
      * The behavior of links in the collection.
      * - 'action': link behaves like onAction.
@@ -2110,7 +2117,6 @@ interface DropOptions {
     /**
      * Handler that is called after a valid drag is held over the drop target for a period of time.
      * This typically opens the item so that the user can drop within it.
-     * @private
      */
     onDropActivate?: (e: DropActivateEvent) => void;
     /** Handler that is called when a valid drag exits the drop target. */
@@ -2132,6 +2138,8 @@ interface DroppableCollectionOptions extends DroppableCollectionProps {
     keyboardDelegate: KeyboardDelegate;
     /** A delegate object that provides drop targets for pointer coordinates within the collection. */
     dropTargetDelegate: DropTargetDelegate;
+    /** A custom keyboard event handler for drop targets. */
+    onKeyDown?: (e: KeyboardEvent) => void;
 }
 interface ClipboardProps {
     /** A function that returns the items to copy. */
@@ -2338,7 +2346,7 @@ interface FocusManager {
  * management interface that can be used to move focus forward and back in response
  * to user events.
  */
-declare function FocusScope(props: FocusScopeProps): ReactNode;
+declare function FocusScope(props: FocusScopeProps): JSX$2.Element;
 /**
  * Returns a FocusManager interface for the parent FocusScope.
  * A FocusManager can be used to programmatically move focus within
@@ -2866,7 +2874,7 @@ interface AriaTextFieldProps<T = HTMLInputElement> extends TextFieldProps<T>, Ar
   /** Identifies the element (or elements) whose contents or presence are controlled by the current element. */
   'aria-controls'?: string,
   /**
-   * An enumerated attribute that defines what action label or icon to preset for the enter key on virtual keyboards. See [https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/enterkeyhint].
+   * An enumerated attribute that defines what action label or icon to preset for the enter key on virtual keyboards. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/enterkeyhint).
    */
   enterKeyHint?: 'enter' | 'done' | 'go' | 'next' | 'previous' | 'search' | 'send'
 }
@@ -2895,7 +2903,7 @@ interface SearchFieldProps extends TextFieldProps {
 
 interface AriaSearchFieldProps extends SearchFieldProps, AriaTextFieldProps {
   /**
-   * An enumerated attribute that defines what action label or icon to preset for the enter key on virtual keyboards. See [https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/enterkeyhint].
+   * An enumerated attribute that defines what action label or icon to preset for the enter key on virtual keyboards. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/enterkeyhint).
    */
   enterKeyHint?: 'enter' | 'done' | 'go' | 'next' | 'previous' | 'search' | 'send'
 }
@@ -2979,12 +2987,14 @@ declare let Item$2: <T>(props: ItemProps$1<T>) => JSX$2.Element;
 
 
 
-interface TabListProps<T> extends CollectionBase<T>, Omit<SingleSelection, 'disallowEmptySelection'> {
+interface TabListProps<T> extends CollectionBase<T>, Omit<SingleSelection, 'disallowEmptySelection' | 'onSelectionChange'> {
   /**
    * Whether the TabList is disabled.
    * Shows that a selection exists, but is not available in that circumstance.
    */
-  isDisabled?: boolean
+  isDisabled?: boolean,
+  /** Handler that is called when the selection changes. */
+  onSelectionChange?: (key: Key) => void
 }
 
 interface AriaTabListBase extends AriaLabelingProps {
@@ -3062,7 +3072,7 @@ interface AriaTextFieldOptions<T extends TextFieldIntrinsicElements> extends Ari
      */
     autoCapitalize?: 'off' | 'none' | 'on' | 'sentences' | 'words' | 'characters';
     /**
-     * An enumerated attribute that defines what action label or icon to preset for the enter key on virtual keyboards. See [https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/enterkeyhint].
+     * An enumerated attribute that defines what action label or icon to preset for the enter key on virtual keyboards. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/enterkeyhint).
      */
     enterKeyHint?: 'enter' | 'done' | 'go' | 'next' | 'previous' | 'search' | 'send';
 }
@@ -3197,7 +3207,7 @@ interface VisuallyHiddenProps extends DOMAttributes {
  * VisuallyHidden hides its children visually, while keeping content visible
  * to screen readers.
  */
-declare function VisuallyHidden(props: VisuallyHiddenProps): ReactNode;
+declare function VisuallyHidden(props: VisuallyHiddenProps): JSX$2.Element;
 
 interface ListOptions<T> {
     /** Initial items in the list. */
@@ -3375,6 +3385,18 @@ interface TreeData<T extends object> {
      * @param index - The index within the new parent to insert at.
      */
     move(key: Key, toParentKey: Key | null, index: number): void;
+    /**
+     * Moves one or more items before a given key.
+     * @param key - The key of the item to move the items before.
+     * @param keys - The keys of the items to move.
+     */
+    moveBefore(key: Key, keys: Iterable<Key>): void;
+    /**
+     * Moves one or more items after a given key.
+     * @param key - The key of the item to move the items after.
+     * @param keys - The keys of the items to move.
+     */
+    moveAfter(key: Key, keys: Iterable<Key>): void;
     /**
      * Updates an item in the tree.
      * @param key - The key of the item to update.
@@ -19421,15 +19443,6 @@ interface StylingWithUIState<T = object> {
     style?: React__default__default.CSSProperties | ((props: UIStateOptions<T>) => React__default__default.CSSProperties);
 }
 interface ActionButtonSharedProps extends Omit<AriaButtonProps<"button" | "div">, "rel" | "href" | "target" | "children">, Omit<StylingProps, "className" | "style">, StylingWithUIState {
-    /**
-     * There are some cases where we need to use a button that is not interactive.
-     * For example, when we need to use a button inside a TabItem component that
-     * should remove the tab when clicked. Since this button never needs to be
-     * focused directly, we can set this prop to true to avoid the button being
-     * focusable. At the same time we also avoid the [nested element
-     * rule](https://dequeuniversity.com/rules/axe/html/4.6/nested-interactive)
-     */
-    UNSAFE_NON_INTERACTIVE?: boolean;
 }
 interface ActionButtonProps extends ActionButtonSharedProps {
     /**
@@ -19450,8 +19463,6 @@ interface ActionButtonProps extends ActionButtonSharedProps {
      * @default sm
      */
     size?: "sm" | "md" | "lg";
-    /** Indicates whether focusing should be prevented on press. */
-    preventFocusOnPress?: boolean;
 }
 
 declare const ActionButton: React__default__default.ForwardRefExoticComponent<ActionButtonProps & React__default__default.RefAttributes<HTMLButtonElement>>;
@@ -19768,6 +19779,31 @@ interface ActionIconButtonProps extends ActionButtonSharedProps {
     tooltip?: boolean | Partial<Omit<TooltipProps, "children">>;
     /** The drag props to use for drag and drop interactions. */
     dragProps?: React__default__default.HTMLAttributes<HTMLElement>;
+    /**
+     * There are some cases where we need to use a button that is not interactive.
+     * For example, when we need to use a visual button inside a TabItem component
+     * that should remove the tab when clicked. Since this button never needs to
+     * be focused directly, we can set this prop to true to avoid the button being
+     * focusable. At the same time we also avoid the [nested element
+     * rule](https://dequeuniversity.com/rules/axe/html/4.6/nested-interactive)
+     *
+     * This is different from `isExcludedFromRovingFocus` because it only affects
+     * because this prop removes the button fully from the accessibility tree and
+     * renders it as a div with no role, aria-label, aria-labelledby,
+     * aria-disabled, etc.
+     *
+     * @default false
+     */
+    UNSAFE_isVisuallyInteractiveOnly?: boolean;
+    /**
+     * Whether the button is excluded from roving focus. In this case, the button
+     * will not be focusable using keyboard arrow keys but will still have correct
+     * role, aria-label, aria-labelledby, aria-disabled, etc. Avoid using this
+     * prop unless absolutely necessary.
+     *
+     * @default false
+     */
+    isExcludedFromRovingFocus?: boolean;
 }
 
 declare const ActionIconButton: React__default__default.ForwardRefExoticComponent<ActionIconButtonProps & React__default__default.RefAttributes<HTMLButtonElement>>;
@@ -21569,7 +21605,7 @@ type Dimension = {
     width: number | "sm" | "md";
     aspectRatio: number;
 };
-interface ImageGalleryProps extends StylingProps, Omit<ListBoxProps, "items" | "layout" | "grid" | "renderOption" | "renderDropIndicator" | "renderDragPreview" | "showSelectedIcon" | "orientation" | "shouldSelectOnPressUp" | "shouldFocusOnHover" | "dropIndicatorClassName" | "dropIndicatorStyle" | "shouldUseVirtualFocus" | "getItems" | "acceptedDragTypes" | "sectionClassName" | "sectionStyle"> {
+interface ImageGalleryProps extends StylingProps, Omit<ListBoxProps, "items" | "layout" | "grid" | "renderOption" | "renderDropIndicator" | "renderDragPreview" | "showSelectedIcon" | "orientation" | "shouldSelectOnPressUp" | "shouldFocusOnHover" | "dropIndicatorClassName" | "dropIndicatorStyle" | "shouldUseVirtualFocus" | "getItems" | "acceptedDragTypes" | "sectionClassName" | "sectionStyle" | "onKeyDown"> {
     /**
      * An array of objects containing the image source, alt text, and label for
      * each image. This property makes the component a controlled component.