@gooddata/sdk-ui-kit 11.57.0-alpha.3 → 11.57.0-alpha.5

package/esm/sdk-ui-kit.d.ts

@@ -5626,6 +5626,9 @@ export declare interface IRowsIconProps extends IIconProps {
 /**
  * Checks if the given keyboard event is an action key = Enter or Space.
  *
+ * Both the produced character and the physical key are accepted, so it agrees with the navigation
+ * helpers in `@ui`, which match on `code`.
+ *
  * @param event - The keyboard event to check.
  * @returns `true` if the event is an action key, `false` otherwise.
  *
@@ -6644,8 +6647,6 @@ export declare interface ITypographyProps {
  * @internal
  */
 export declare interface IUiAddGranteeDialogCardProps {
-    /** Object title shown in the header — wrapped into `Share "\{title\}"`. */
-    objectTitle: string;
     /** Loader passed straight through to the embedded `UiGranteeAsyncPicker`. */
     loadOptions: (search: string) => Promise<IUiGranteeAsyncOptions>;
     /**
@@ -8000,6 +8001,12 @@ export declare interface IUiGranteeAsyncPickerProps {
      * stays hidden rather than offering an Apply that discards it.
      */
     labels?: ReadonlyArray<IUiLabelsChecklistItem>;
+    /**
+     * Accessible name of the search input, which has no visible label of its own — the
+     * surrounding dialog's title names it, so pass that title here. Defaults to the
+     * add-grantee dialog title.
+     */
+    accessibilityConfig?: Pick<IAccessibilityConfigBase, "ariaLabel">;
     /** Fires with the applied label scope of a picked row. Enables `labels`. */
     onLabelsChange?: (grantee: IUiPickedGrantee, selectedLabelIds: string[]) => void;
     /** Test id forwarded to the root element. */
@@ -8686,12 +8693,25 @@ export declare interface IUiNavigationItem {
  * @internal
  */
 export declare interface IUiObjectShareDialogCardProps {
-    /** Object title shown in the header — wrapped into `Share "\{title\}"`. */
-    objectTitle: string;
+    /**
+     * Dialog heading, composed by the caller — it names the shared object's type
+     * ("Share attribute"), which only the caller knows.
+     */
+    title: string;
     /** Fires when the user clicks the header X button OR the footer Close button. */
     onClose: () => void;
+    /**
+     * Optional informational note rendered right below the header — e.g. a reminder
+     * that administrators have full access regardless of the grants listed.
+     */
+    note?: ReactNode;
     /** Grantee rows shown inside the SHARED WITH section, in render order. */
     grantees: IUiObjectShareDialogGrantee[];
+    /**
+     * Placeholder shown inside the SHARED WITH section when `grantees` is empty and the
+     * list is not loading — tells the user nobody has been granted access yet.
+     */
+    emptyMessage?: ReactNode;
     /**
      * When true, skeleton rows stand in for the grantee list and the
      * general-access radio — set it while the access list is loading, so the
@@ -8906,7 +8926,7 @@ export declare interface IUiPermissionMenuProps {
      * the signed-in user may not pick because they exceed their own.
      */
     disabledLevels?: ReadonlyArray<PermissionMenuLevel>;
-    /** Tooltip shown on disabled level rows in place of the level's info text. */
+    /** Tooltip shown on disabled level rows, explaining why the level can't be picked. */
     disabledTooltip?: string;
     /**
      * Per-level override of `disabledTooltip`, for menus whose disabled levels have
@@ -8932,6 +8952,11 @@ export declare interface IUiPermissionMenuProps {
     isRemoveDisabled?: boolean;
     /** Tooltip shown on Remove access while it is disabled. */
     removeDisabledTooltip?: string;
+    /**
+     * Label of the remove row. Defaults to "Remove access"; a picker staging a grantee
+     * that holds no access yet passes the shorter "Remove".
+     */
+    removeAccessLabel?: string;
     /** Test id forwarded to the menu body. */
     dataTestId?: string;
 }
@@ -9554,6 +9579,332 @@ export declare interface IUiToastsContainerProps {
     dataTestId?: string;
 }
 
+/**
+ * @internal
+ */
+export declare interface IUiToolbarButtonProps extends IUiToolbarItemBaseProps {
+    label: string;
+    /**
+     * Shown on hover and focus. Use it when the label is not self-explanatory.
+     */
+    tooltip?: ReactNode;
+}
+
+/**
+ * @internal
+ */
+export declare interface IUiToolbarColorSwatchProps {
+    /**
+     * "fill" paints the whole chip. "text" shows a glyph with the colour as a bar beneath it.
+     * @defaultValue "fill"
+     */
+    variant?: "fill" | "text";
+    /**
+     * Any CSS colour.
+     */
+    color?: string;
+    /**
+     * Outline for colours too pale to read against the toolbar.
+     * @defaultValue false
+     */
+    hasBorder?: boolean;
+    /**
+     * No colour is set. Applies to the "fill" variant only.
+     * @defaultValue false
+     */
+    isTransparent?: boolean;
+    /**
+     * Glyph of the "text" variant.
+     * @defaultValue "A"
+     */
+    glyph?: ReactNode;
+}
+
+/**
+ * @internal
+ */
+export declare interface IUiToolbarIconButtonProps extends IUiToolbarItemBaseProps {
+    /**
+     * Icon name, or a custom node such as {@link UiToolbarColorSwatch}.
+     */
+    icon: IconType | ReactNode;
+    /**
+     * Accessible name. It is also the tooltip text.
+     */
+    label: string;
+    /**
+     * "medium" is 28x28 with a 20px icon. "small" is 14x14 with a 14px icon and is meant for the
+     * side controls of {@link UiToolbarStepper}.
+     * @defaultValue "medium"
+     */
+    size?: SizeSmall | SizeMedium;
+    /**
+     * @defaultValue false
+     */
+    hideTooltip?: boolean;
+}
+
+/**
+ * @internal
+ */
+export declare interface IUiToolbarIconSelectProps {
+    /**
+     * Icon name, or a custom node such as {@link UiToolbarColorSwatch}.
+     * @defaultValue a fill colour swatch
+     */
+    icon?: IconType | ReactNode;
+    /**
+     * Accessible name. It is also the tooltip text.
+     */
+    label: string;
+    /**
+     * Held while the popup is on screen. Flips the chevron and keeps the pressed look.
+     * @defaultValue false
+     */
+    isOpen?: boolean;
+    /**
+     * What the trigger opens. Ignored when `ariaAttributes` are given.
+     * @defaultValue "listbox"
+     */
+    popupType?: "listbox" | "menu" | "dialog";
+    /**
+     * Toggle state, exposed as `aria-pressed`.
+     */
+    isSelected?: boolean;
+    isDisabled?: boolean;
+    /**
+     * @defaultValue false
+     */
+    hideTooltip?: boolean;
+    onClick?: (event: MouseEvent_2<HTMLButtonElement>) => void;
+    onKeyDown?: (event: KeyboardEvent_2<HTMLButtonElement>) => void;
+    id?: string;
+    dataId?: string;
+    dataTestId?: string;
+    accessibilityConfig?: IAccessibilityConfigBase;
+    /**
+     * Attributes from the `renderButton` callback of {@link UiDropdown}.
+     */
+    ariaAttributes?: IUiDropdownButtonRenderProps["ariaAttributes"];
+}
+
+/**
+ * Props every interactive toolbar item shares.
+ *
+ * @internal
+ */
+export declare interface IUiToolbarItemBaseProps {
+    /**
+     * Identifies the item inside a {@link UiToolbarSegmentedControl}.
+     */
+    value?: string;
+    /**
+     * Toggle state, exposed as `aria-pressed`. Inside a segmented control the group's value wins.
+     */
+    isSelected?: boolean;
+    isDestructive?: boolean;
+    isDisabled?: boolean;
+    /**
+     * Pressed look held while a popup opened by the item is on screen.
+     */
+    isActive?: boolean;
+    onClick?: (event: MouseEvent_2<HTMLButtonElement>) => void;
+    onKeyDown?: (event: KeyboardEvent_2<HTMLButtonElement>) => void;
+    id?: string;
+    dataId?: string;
+    dataTestId?: string;
+    accessibilityConfig?: IAccessibilityConfigBase;
+    /**
+     * Attributes from the `renderButton` callback of {@link UiDropdown}.
+     */
+    ariaAttributes?: IUiDropdownButtonRenderProps["ariaAttributes"];
+}
+
+/**
+ * @internal
+ */
+export declare interface IUiToolbarMoreButtonProps {
+    /**
+     * Accessible name, for example "More actions". It is also the tooltip text.
+     */
+    label: string;
+    /**
+     * @defaultValue "ellipsis"
+     */
+    icon?: IconType | ReactNode;
+    /**
+     * Held while the menu is on screen.
+     * @defaultValue false
+     */
+    isOpen?: boolean;
+    isDisabled?: boolean;
+    onClick?: (event: MouseEvent_2<HTMLButtonElement>) => void;
+    onKeyDown?: (event: KeyboardEvent_2<HTMLButtonElement>) => void;
+    id?: string;
+    dataId?: string;
+    dataTestId?: string;
+    accessibilityConfig?: IAccessibilityConfigBase;
+    /**
+     * Attributes from the `renderButton` callback of {@link UiDropdown}. Without them the trigger
+     * announces a menu popup.
+     */
+    ariaAttributes?: IUiDropdownButtonRenderProps["ariaAttributes"];
+}
+
+/**
+ * @internal
+ */
+export declare interface IUiToolbarProps {
+    /**
+     * The toolbar needs an accessible name.
+     */
+    accessibilityConfig: UiToolbarNamingConfig;
+    children: ReactNode;
+    /**
+     * Side of the toolbar on which item tooltips open. Use "above" for a toolbar docked at the bottom.
+     * @defaultValue "below"
+     */
+    tooltipPlacement?: "below" | "above";
+    /**
+     * Keep disabled items reachable with arrow keys.
+     * @defaultValue true
+     */
+    isDisabledFocusable?: boolean;
+    /**
+     * Wrap from the last item to the first one and back.
+     * @defaultValue true
+     */
+    loop?: boolean;
+    dataTestId?: string;
+}
+
+/**
+ * @internal
+ */
+export declare interface IUiToolbarSegmentedControlProps {
+    value: string | undefined;
+    onChange: (value: string, event: UiToolbarSegmentedControlChangeEvent) => void;
+    /**
+     * The group needs an accessible name.
+     */
+    accessibilityConfig: UiToolbarNamingConfig;
+    isDisabled?: boolean;
+    /**
+     * Two to five {@link UiToolbarButton} or {@link UiToolbarIconButton} items, each with a `value`.
+     */
+    children: ReactNode;
+    dataTestId?: string;
+}
+
+/**
+ * @internal
+ */
+export declare interface IUiToolbarSelectProps {
+    /**
+     * The current selection, or the prompt when `isPlaceholder` is set.
+     */
+    label: string;
+    /**
+     * "fixed" is 240px wide and truncates the label so the toolbar does not move as the selection
+     * changes.
+     * @defaultValue "hug"
+     */
+    width?: "hug" | "fixed";
+    /**
+     * Nothing is chosen yet; the label reads as prompt text.
+     * @defaultValue false
+     */
+    isPlaceholder?: boolean;
+    /**
+     * Held while the popup is on screen. Flips the chevron and keeps the pressed look.
+     * @defaultValue false
+     */
+    isOpen?: boolean;
+    isDisabled?: boolean;
+    /**
+     * Shown on hover and focus, for example the full name of a truncated label.
+     */
+    tooltip?: ReactNode;
+    onClick?: (event: MouseEvent_2<HTMLButtonElement>) => void;
+    onKeyDown?: (event: KeyboardEvent_2<HTMLButtonElement>) => void;
+    id?: string;
+    dataId?: string;
+    dataTestId?: string;
+    accessibilityConfig?: IAccessibilityConfigBase;
+    /**
+     * Attributes from the `renderButton` callback of {@link UiDropdown}. Without them the trigger
+     * announces a listbox popup.
+     */
+    ariaAttributes?: IUiDropdownButtonRenderProps["ariaAttributes"];
+}
+
+/**
+ * @internal
+ */
+export declare interface IUiToolbarStepperAccessibilityConfig {
+    /**
+     * Name of the value, for example "Zoom" or "Page".
+     */
+    ariaLabel: string;
+    /**
+     * Name of the increase control, for example "Zoom in" or "Next page".
+     */
+    incrementLabel: string;
+    /**
+     * Name of the decrease control, for example "Zoom out" or "Previous page".
+     */
+    decrementLabel: string;
+}
+
+/**
+ * @internal
+ */
+export declare interface IUiToolbarStepperProps {
+    /**
+     * "value" adjusts a quantity with minus and plus. "pagination" moves through a sequence with
+     * left and right arrows and shows the value as a readout.
+     */
+    variant: "value" | "pagination";
+    /**
+     * The committed value as text, for example "100%" or "1 / 2".
+     */
+    value: string;
+    onStep: (direction: 1 | -1) => void;
+    /**
+     * @defaultValue true
+     */
+    canStepUp?: boolean;
+    /**
+     * @defaultValue true
+     */
+    canStepDown?: boolean;
+    isDisabled?: boolean;
+    accessibilityConfig: IUiToolbarStepperAccessibilityConfig;
+    decreaseIcon?: IconType;
+    increaseIcon?: IconType;
+    /**
+     * Makes the value of the "value" variant editable. Enter commits the typed text. Escape and blur
+     * revert the typed text to the committed value.
+     */
+    onCommit?: (value: string) => void;
+    /**
+     * Held while the preset list is on screen.
+     * @defaultValue false
+     */
+    isOpen?: boolean;
+    /**
+     * Attributes from the `renderButton` callback of a {@link UiDropdown} with `triggerRole: "combobox"`.
+     */
+    ariaAttributes?: IUiDropdownButtonRenderProps["ariaAttributes"];
+    inputRef?: Ref<HTMLInputElement>;
+    onClick?: (event: MouseEvent_2<HTMLInputElement>) => void;
+    /**
+     * Runs before the built-in key handling, which is skipped when the event is default-prevented.
+     */
+    onInputKeyDown?: (event: KeyboardEvent_2<HTMLInputElement>) => void;
+    dataTestId?: string;
+}
+
 /**
  * @internal
  */
@@ -9642,6 +9993,18 @@ export declare interface IUiTooltipProps {
      * Custom styles for the anchor wrapper element
      */
     anchorWrapperStyles?: CSSProperties;
+    /**
+     * Close the tooltip when the anchor is clicked. Uncontrolled mode only.
+     * @defaultValue false
+     */
+    closeOnAnchorClick?: boolean;
+    /**
+     * Take the hover delays from an enclosing floating-ui `FloatingDelayGroup` instead of
+     * `hoverOpenDelay` / `hoverCloseDelay`. Sibling tooltips in the group open instantly while one
+     * of them was recently open.
+     * @defaultValue false
+     */
+    delayGroup?: boolean;
 }
 
 /**
@@ -10138,6 +10501,17 @@ export declare const makeMenuKeyboardNavigation: <T extends KeyboardEvent_2 = Ke
     onUnhandledKeyDown?: ((event: T) => void) | undefined;
 }, options?: IHandleActionOptions) => (event: T) => void;
 
+/**
+ * Home and End are left out so they reach an enclosing toolbar.
+ *
+ * @internal
+ */
+export declare const makeRadioGroupKeyboardNavigation: <T extends KeyboardEvent_2 = KeyboardEvent_2<Element>>(handlers: {
+    onFocusNext?: ((event: T) => void) | undefined;
+    onFocusPrevious?: ((event: T) => void) | undefined;
+    onUnhandledKeyDown?: ((event: T) => void) | undefined;
+}, options?: IHandleActionOptions) => (event: T) => void;
+
 /**
  * @internal
  */
@@ -10967,6 +11341,14 @@ export declare function ToastsCenterContextProvider({ skipAutomaticMessageRender
     children: ReactNode;
 }): JSX.Element;
 
+/**
+ * Marks a subtree the toolbar keyboard navigation must ignore. Set it as a data attribute on a
+ * wrapper element inside a {@link UiToolbar}.
+ *
+ * @internal
+ */
+export declare const TOOLBAR_SKIP_ATTR = "data-gd-toolbar-skip";
+
 /**
  * Standard tooltip width presets.
  * Will be integrated into the theme system as CSS custom properties (e.g. --tooltipWidth-m).
@@ -11041,9 +11423,9 @@ export declare type TypographyTagName = "h1" | "h2" | "h3" | "p";
 export declare function UiAddGranteeDialog({ isOpen, ...cardProps }: IUiAddGranteeDialogProps): JSX.Element;
 
 /**
- * Add-grantee dialog card — header + grantee picker (search input with
- * sectioned Groups/Users dropdown and picked-rows list) + footer with Cancel
- * and Share. Renders inline as a plain card. For modal behavior (portal,
+ * Add-grantee dialog card — header ("Add users or groups", which also names the
+ * search input) + grantee picker (search input with sectioned Groups/Users
+ * dropdown and picked-rows list) + footer with Cancel and Add. Renders inline as a plain card. For modal behavior (portal,
  * backdrop, focus trap, dismiss), use `UiAddGranteeDialog` which wraps this
  * in `UiModalDialog`.
  *
@@ -11053,7 +11435,7 @@ export declare function UiAddGranteeDialog({ isOpen, ...cardProps }: IUiAddGrant
  *
  * @internal
  */
-export declare function UiAddGranteeDialogCard({ objectTitle, loadOptions, disabledLevels, disabledTooltip, selectedGrantees, onSelectedGranteesChange, initialPermissionLevel, labels, onBack, onClose, onCancel, onShare, dataTestId, }: IUiAddGranteeDialogCardProps): JSX.Element;
+export declare function UiAddGranteeDialogCard({ loadOptions, disabledLevels, disabledTooltip, selectedGrantees, onSelectedGranteesChange, initialPermissionLevel, labels, onBack, onClose, onCancel, onShare, dataTestId, }: IUiAddGranteeDialogCardProps): JSX.Element;
 
 /**
  * @internal
@@ -11478,7 +11860,7 @@ export declare function UiGeneralAccessRadio({ value, onChange, disabled, worksp
  *
  * @internal
  */
-export declare function UiGranteeAsyncPicker({ loadOptions, selectedGrantees, onSelect, onPermissionChange, disabledLevels, disabledTooltip, onRemove, labels, onLabelsChange, dataTestId, }: IUiGranteeAsyncPickerProps): JSX.Element;
+export declare function UiGranteeAsyncPicker({ loadOptions, selectedGrantees, onSelect, onPermissionChange, disabledLevels, disabledTooltip, onRemove, labels, onLabelsChange, accessibilityConfig, dataTestId, }: IUiGranteeAsyncPickerProps): JSX.Element;
 
 /**
  * 32×32 circle avatar used by the OLP share-dialog grantee list. Thin wrapper
@@ -11641,7 +12023,7 @@ export declare function UiObjectShareDialog({ isOpen, ...cardProps }: IUiObjectS
  *
  * @internal
  */
-export declare function UiObjectShareDialogCard({ objectTitle, onClose, grantees, isLoading, onAddClick, isAddDisabled, generalAccess, onGeneralAccessChange, isGeneralAccessDisabled, workspaceAccessInherited, workspaceControls, workspaceLevel, error, dataTestId, }: IUiObjectShareDialogCardProps): JSX.Element;
+export declare function UiObjectShareDialogCard({ title, onClose, note, grantees, emptyMessage, isLoading, onAddClick, isAddDisabled, generalAccess, onGeneralAccessChange, isGeneralAccessDisabled, workspaceAccessInherited, workspaceControls, workspaceLevel, error, dataTestId, }: IUiObjectShareDialogCardProps): JSX.Element;
 
 /**
  * @internal
@@ -11677,12 +12059,12 @@ export declare type UiPaginationButtonSize = "small" | "large";
  * Per-grantee permission popover. Renders a fixed set of rows — three
  * permission levels (Can edit & share / Can view & share / Can view), an
  * optional divider, an optional labels drill-in and an optional Remove access
- * action row. Each level row carries an `infoCircle` tooltip; disabled level
- * rows (`disabledLevels`) swap it for `disabledTooltip`.
+ * action row. Enabled rows carry no tooltip; a disabled row (`disabledLevels`,
+ * `isRemoveDisabled`) shows its explanation as a tooltip over the whole row.
  *
  * @internal
  */
-export declare function UiPermissionMenu({ anchor, selectedLevel, onPermissionChange, disabledLevels, disabledTooltip, disabledLevelTooltips, labels, selectedLabelIds, onLabelsChange, onRemoveAccess, isRemoveDisabled, removeDisabledTooltip, dataTestId, }: IUiPermissionMenuProps): JSX.Element;
+export declare function UiPermissionMenu({ anchor, selectedLevel, onPermissionChange, disabledLevels, disabledTooltip, disabledLevelTooltips, labels, selectedLabelIds, onLabelsChange, onRemoveAccess, isRemoveDisabled, removeDisabledTooltip, removeAccessLabel, dataTestId, }: IUiPermissionMenuProps): JSX.Element;
 
 /**
  * @internal
@@ -11888,10 +12270,126 @@ export declare function UiToastProvider({ children }: {
  */
 export declare function UiToastsContainer({ dataTestId }: IUiToastsContainerProps): ReactNode;
 
+/**
+ * Horizontal toolbar with one tab stop. Arrow keys move between items, Home and End jump to the
+ * ends, and the last focused item is remembered when focus leaves and comes back. Inside a
+ * {@link UiToolbarSegmentedControl} the arrows change the selection first and continue to the
+ * neighbouring item at the ends.
+ *
+ * Editable values inside a toolbar must be text-like inputs (`type="text"` with an `inputMode`, or
+ * a textarea): the arrows move the caret and hand off to the neighbouring item at the text edges.
+ * Inputs without a caret API, such as `type="number"`, cannot hand off; wrap such custom controls in
+ * an element with {@link TOOLBAR_SKIP_ATTR} so they keep their own keyboard handling.
+ *
+ * @example
+ * ```
+ * <UiToolbar accessibilityConfig={{ ariaLabel: "Formatting" }}>
+ *     <UiToolbarIconButton icon="bold" label="Bold" isSelected onClick={toggleBold} />
+ *     <UiToolbarDivider />
+ *     <UiToolbarButton label="Reset" onClick={reset} />
+ * </UiToolbar>
+ * ```
+ *
+ * @internal
+ */
+export declare const UiToolbar: ForwardRefExoticComponent<IUiToolbarProps & RefAttributes<HTMLDivElement>>;
+
+/**
+ * Label-only toolbar item.
+ *
+ * @internal
+ */
+export declare const UiToolbarButton: ForwardRefExoticComponent<IUiToolbarButtonProps & RefAttributes<HTMLButtonElement>>;
+
+/**
+ * 20x20 preview of the colour a toolbar control is set to. Decorative: the owning control carries
+ * the accessible name.
+ *
+ * @internal
+ */
+export declare function UiToolbarColorSwatch({ variant, color, hasBorder, isTransparent, glyph, }: IUiToolbarColorSwatchProps): JSX.Element;
+
+/**
+ * Vertical rule that separates groups inside a {@link UiToolbar}.
+ *
+ * @internal
+ */
+export declare function UiToolbarDivider(): JSX.Element;
+
+/**
+ * Icon-only toolbar item. It shows its label as a tooltip on hover and on keyboard focus.
+ *
+ * @internal
+ */
+export declare const UiToolbarIconButton: ForwardRefExoticComponent<IUiToolbarIconButtonProps & RefAttributes<HTMLButtonElement>>;
+
+/**
+ * Icon-driven dropdown trigger of a toolbar: a colour picker, a style menu, a list.
+ *
+ * @internal
+ */
+export declare const UiToolbarIconSelect: ForwardRefExoticComponent<IUiToolbarIconSelectProps & RefAttributes<HTMLButtonElement>>;
+
+/**
+ * Overflow trigger of a toolbar. Build the menu it opens from {@link UiMenu} in a {@link UiDropdown}.
+ *
+ * @internal
+ */
+export declare const UiToolbarMoreButton: ForwardRefExoticComponent<IUiToolbarMoreButtonProps & RefAttributes<HTMLButtonElement>>;
+
+/**
+ * An accessible name for a toolbar or a group: a label, or a reference to a labelling element.
+ *
+ * @internal
+ */
+export declare type UiToolbarNamingConfig = {
+    ariaLabel: NonNullable<IAccessibilityConfigBase["ariaLabel"]>;
+    ariaLabelledBy?: IAccessibilityConfigBase["ariaLabelledBy"];
+} | {
+    ariaLabel?: IAccessibilityConfigBase["ariaLabel"];
+    ariaLabelledBy: NonNullable<IAccessibilityConfigBase["ariaLabelledBy"]>;
+};
+
+/**
+ * Mutually exclusive choices rendered as one borderless strip. Arrow keys move the selection and
+ * the focus; the whole group is one tab stop. Standalone the arrows wrap; inside a {@link UiToolbar}
+ * they continue to the neighbouring toolbar item at the ends.
+ *
+ * @example
+ * ```
+ * <UiToolbarSegmentedControl value={mode} onChange={setMode} accessibilityConfig={{ ariaLabel: "Scope" }}>
+ *     <UiToolbarButton value="cell" label="Cell" />
+ *     <UiToolbarButton value="row" label="Row" />
+ * </UiToolbarSegmentedControl>
+ * ```
+ *
+ * @internal
+ */
+export declare const UiToolbarSegmentedControl: ForwardRefExoticComponent<IUiToolbarSegmentedControlProps & RefAttributes<HTMLDivElement>>;
+
+/**
+ * @internal
+ */
+export declare type UiToolbarSegmentedControlChangeEvent = MouseEvent_2<HTMLElement> | KeyboardEvent_2<HTMLElement>;
+
+/**
+ * Label-driven dropdown trigger of a toolbar.
+ *
+ * @internal
+ */
+export declare const UiToolbarSelect: ForwardRefExoticComponent<IUiToolbarSelectProps & RefAttributes<HTMLButtonElement>>;
+
+/**
+ * Two side controls around a value. Each part is its own toolbar stop.
+ *
+ * @internal
+ */
+export declare const UiToolbarStepper: ForwardRefExoticComponent<IUiToolbarStepperProps & RefAttributes<HTMLDivElement>>;
+
 /**
  * @internal
  */
-export declare function UiTooltip({ id, anchor, content, behaviour, arrowPlacement, triggerBy, hoverOpenDelay, hoverCloseDelay, showArrow, width, offset: offsetProp, optimalPlacement, accessibilityConfig, accessibilityHidden, variant, disabled, isOpen: isOpenProp, onOpen, onClose, onOpenChange, component, inlineAnchor, anchorWrapperStyles, }: IUiTooltipProps): JSX.Element;
+export declare function UiTooltip({ id, anchor, content, behaviour, arrowPlacement, triggerBy, hoverOpenDelay, hoverCloseDelay, showArrow, width, offset: offsetProp, optimalPlacement, accessibilityConfig, accessibilityHidden, variant, disabled, isOpen: isOpenProp, onOpen, onClose, onOpenChange, component, inlineAnchor, anchorWrapperStyles, closeOnAnchorClick, delayGroup, }: IUiTooltipProps): JSX.Element;
 
 /**
  * @internal

package/esm/syntaxHighlightingInput/hooks/useCodemirror.js

@@ -88,7 +88,7 @@ export function useCodemirror({ value = "", label, disabled, autocompletion, pla
             onApi?.(null);
             view.destroy();
         };
-    }, []); // eslint-disable-line react-hooks/exhaustive-deps
+    }, []); // oxlint-disable-line react-hooks/exhaustive-deps
     // Handle external value changes
     useCodemirrorChange(viewRef, value, externalChangeSelection);
     return {

package/esm/utils/domUtilities.d.ts

@@ -30,6 +30,10 @@ export declare const isFixedPosition: (element: HTMLElement | string) => boolean
 export declare const elementRegion: (elementOrSelector: HTMLElement | string, getRegionBasedOnPosition?: boolean) => IRegion;
 export declare const isElementTextInput: (element: HTMLElement | EventTarget | null | undefined) => boolean;
 export declare const isElementSubmitButton: (event: KeyboardEvent) => boolean;
+/**
+ * @internal
+ */
+export declare const focusableElementsSelector: string;
 /**
  * @internal
  * Returns the focusable elements of the given element

package/esm/utils/domUtilities.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"domUtilities.d.ts","sourceRoot":"","sources":["../../src/utils/domUtilities.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,OAAO,CAAC;AAG3C,OAAO,EAAE,KAAK,OAAO,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,KAAK,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAEpE;;GAEG;AACH,eAAO,MAAM,aAAa,YAAa,WAAW,GAAG,IAAI,KAAG,IAI3D,CAAC;AAEF;;;;;;;;;GASG;AACH,eAAO,MAAM,MAAM,YACN,WAAW,wBACE,OAAO,gDAE9B,OAeF,CAAC;AAiBF;;;;GAIG;AACH,eAAO,MAAM,eAAe,YAAa,WAAW,GAAG,MAAM,KAAG,OAe/D,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,aAAa,sBACH,WAAW,GAAG,MAAM,6BACZ,OAAO,KACnC,OAuCF,CAAC;AAEF,eAAO,MAAM,kBAAkB,YAAa,WAAW,GAAG,WAAW,GAAG,IAAI,GAAG,SAAS,KAAG,OAmB1F,CAAC;AAEF,eAAO,MAAM,qBAAqB,UAAW,aAAa,YAIzD,CAAC;AAmDF;;;;;GAKG;AACH,eAAO,MAAM,oBAAoB,aAAc,WAAW,GAAG,IAAI,kBAAiB,OAAO;;;;CASxF,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,aAAc,WAAW,GAAG,IAAI,kBAAiB,OAAO,wBAEtF,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,6BAA6B,YAC7B,OAAO,cACL,mBAAmB,KAC/B,WAAW,GAAG,IAahB,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,oCAAoC,cAClC,WAAW,cACX,mBAAmB,KAC/B,WAAW,GAAG,IA2BhB,CAAC"}
+{"version":3,"file":"domUtilities.d.ts","sourceRoot":"","sources":["../../src/utils/domUtilities.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,OAAO,CAAC;AAG3C,OAAO,EAAE,KAAK,OAAO,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,KAAK,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAEpE;;GAEG;AACH,eAAO,MAAM,aAAa,YAAa,WAAW,GAAG,IAAI,KAAG,IAI3D,CAAC;AAEF;;;;;;;;;GASG;AACH,eAAO,MAAM,MAAM,YACN,WAAW,wBACE,OAAO,gDAE9B,OAeF,CAAC;AAiBF;;;;GAIG;AACH,eAAO,MAAM,eAAe,YAAa,WAAW,GAAG,MAAM,KAAG,OAe/D,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,aAAa,sBACH,WAAW,GAAG,MAAM,6BACZ,OAAO,KACnC,OAuCF,CAAC;AAEF,eAAO,MAAM,kBAAkB,YAAa,WAAW,GAAG,WAAW,GAAG,IAAI,GAAG,SAAS,KAAG,OAmB1F,CAAC;AAEF,eAAO,MAAM,qBAAqB,UAAW,aAAa,YAIzD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,yBAAyB,QAoB3B,CAAC;AA6BZ;;;;;GAKG;AACH,eAAO,MAAM,oBAAoB,aAAc,WAAW,GAAG,IAAI,kBAAiB,OAAO;;;;CASxF,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,aAAc,WAAW,GAAG,IAAI,kBAAiB,OAAO,wBAEtF,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,6BAA6B,YAC7B,OAAO,cACL,mBAAmB,KAC/B,WAAW,GAAG,IAahB,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,oCAAoC,cAClC,WAAW,cACX,mBAAmB,KAC/B,WAAW,GAAG,IA2BhB,CAAC"}

package/esm/utils/domUtilities.js

@@ -121,7 +121,10 @@ export const isElementSubmitButton = (event) => {
     const { id } = event.target;
     return id === CONFIRM_DIALOG_BASE_ID;
 };
-const focusableElementsSelector = [
+/**
+ * @internal
+ */
+export const focusableElementsSelector = [
     // Interactive form elements
     "button:not(:disabled)",
     "input:not(:disabled)",