@sprinklrjs/spaceweb 14.11.3 → 14.11.5

package/asyncSelect/hooks/useAsyncSelect.d.ts

@@ -151,7 +151,7 @@ export declare const useAsyncSelect: ({ loadOptions, initialOptions, resolveSele
     endEnhancerButtonProps?: import("../../select").SelectEnhancerButtonConfig | undefined;
     virtual?: boolean | undefined;
     selectOnTab?: boolean | undefined;
-    getActionsElement?: import("../../menu").MenuItemActions;
+    getActionsElement?: import("../../menu").MenuItemActions | undefined;
     captureScroll?: boolean | undefined;
     popoverMinWidth?: string | undefined;
     createOption?: ((label: string) => import("../../select").Options | Promise<import("../../select").Options>) | undefined;
@@ -329,7 +329,7 @@ export declare const useAsyncSelect: ({ loadOptions, initialOptions, resolveSele
     endEnhancerButtonProps?: import("../../select").SelectEnhancerButtonConfig | undefined;
     virtual?: boolean | undefined;
     selectOnTab?: boolean | undefined;
-    getActionsElement?: import("../../menu").MenuItemActions;
+    getActionsElement?: import("../../menu").MenuItemActions | undefined;
     captureScroll?: boolean | undefined;
     overlayWidth?: string | undefined;
     scrollContainer?: "overlayContainer" | "menuContainer" | undefined;
@@ -510,7 +510,7 @@ export declare const useAsyncSelect: ({ loadOptions, initialOptions, resolveSele
     endEnhancerButtonProps?: import("../../select").SelectEnhancerButtonConfig | undefined;
     virtual?: boolean | undefined;
     selectOnTab?: boolean | undefined;
-    getActionsElement?: import("../../menu").MenuItemActions;
+    getActionsElement?: import("../../menu").MenuItemActions | undefined;
     captureScroll?: boolean | undefined;
     overlayWidth?: string | undefined;
     scrollContainer?: "overlayContainer" | "menuContainer" | undefined;

package/asyncSelect/hooks/useGroupedAsyncSelect.d.ts

@@ -119,7 +119,7 @@ export declare const useGroupedAsyncSelect: ({ onChange, showSelectAll, selectAl
     endEnhancerButtonProps?: import("../../select").SelectEnhancerButtonConfig | undefined;
     virtual?: boolean | undefined;
     selectOnTab?: boolean | undefined;
-    getActionsElement?: import("../../menu").MenuItemActions;
+    getActionsElement?: import("../../menu").MenuItemActions | undefined;
     captureScroll?: boolean | undefined;
     popoverMinWidth?: string | undefined;
     createOption?: ((label: string) => import("../../select").Options | Promise<import("../../select").Options>) | undefined;
@@ -265,7 +265,7 @@ export declare const useGroupedAsyncSelect: ({ onChange, showSelectAll, selectAl
     endEnhancerButtonProps?: import("../../select").SelectEnhancerButtonConfig | undefined;
     virtual?: boolean | undefined;
     selectOnTab?: boolean | undefined;
-    getActionsElement?: import("../../menu").MenuItemActions;
+    getActionsElement?: import("../../menu").MenuItemActions | undefined;
     captureScroll?: boolean | undefined;
     overlayWidth?: string | undefined;
     popoverMinWidth?: string | undefined;
@@ -413,7 +413,7 @@ export declare const useGroupedAsyncSelect: ({ onChange, showSelectAll, selectAl
     endEnhancerButtonProps?: import("../../select").SelectEnhancerButtonConfig | undefined;
     virtual?: boolean | undefined;
     selectOnTab?: boolean | undefined;
-    getActionsElement?: import("../../menu").MenuItemActions;
+    getActionsElement?: import("../../menu").MenuItemActions | undefined;
     captureScroll?: boolean | undefined;
     overlayWidth?: string | undefined;
     popoverMinWidth?: string | undefined;

package/checkbox/checkbox.d.ts

@@ -1,6 +1,6 @@
 import type { CheckboxProps } from './types';
 declare const Checkbox: {
-    ({ overrides, checked, containsInteractiveElement, disabled, autoFocus, isIndeterminate, error, checkmarkType, onChange, onMouseEnter, onMouseLeave, onMouseDown, onMouseUp, onFocus, onBlur, required, labelPlacement, value, id, name, children, title, "aria-label": _ariaLabel, "aria-describedby": ariaDescribedby, "aria-errormessage": ariaErrormessage, ariaLabel, inputRef, className, style, size, intent: _intent, $outlineStyle, $outlineColor, $outlineOffset, $outlineWidth, "data-spaceweb": dataSpaceweb, }: CheckboxProps): import("react/jsx-runtime").JSX.Element;
+    ({ overrides, checked, containsInteractiveElement, disabled, autoFocus, isIndeterminate, error, checkmarkType, onChange, onMouseEnter, onMouseLeave, onMouseDown, onMouseUp, onFocus, onBlur, required, labelPlacement, value, id, name, children, title, "aria-label": _ariaLabel, "aria-describedby": ariaDescribedby, "aria-errormessage": ariaErrormessage, ariaLabel, inputRef, className, style, size, intent: _intent, $outlineStyle, $outlineColor, $outlineOffset, $outlineWidth, "data-spaceweb": dataSpaceweb, ...restProps }: CheckboxProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
     __standard: string;
 };

package/checkbox/checkbox.js

@@ -13,9 +13,10 @@ var context_1 = require("../form-control/context");
 var style_1 = require("../style");
 var tick_1 = tslib_1.__importDefault(require("../icon/components/tick"));
 var subtract_1 = tslib_1.__importDefault(require("../icon/components/subtract"));
+var box_1 = require("../box");
 var stopPropagation = function (e) { return e.stopPropagation(); };
 var Checkbox = function (_a) {
-    var _b = _a.overrides, overrides = _b === void 0 ? {} : _b, _c = _a.checked, checked = _c === void 0 ? false : _c, _d = _a.containsInteractiveElement, containsInteractiveElement = _d === void 0 ? false : _d, _e = _a.disabled, disabled = _e === void 0 ? false : _e, _f = _a.autoFocus, autoFocus = _f === void 0 ? false : _f, _g = _a.isIndeterminate, isIndeterminate = _g === void 0 ? false : _g, _h = _a.error, error = _h === void 0 ? false : _h, _j = _a.checkmarkType, checkmarkType = _j === void 0 ? constants_1.STYLE_TYPE.default : _j, _k = _a.onChange, onChange = _k === void 0 ? noop_1.default : _k, _l = _a.onMouseEnter, onMouseEnter = _l === void 0 ? noop_1.default : _l, _m = _a.onMouseLeave, onMouseLeave = _m === void 0 ? noop_1.default : _m, _o = _a.onMouseDown, onMouseDown = _o === void 0 ? noop_1.default : _o, _p = _a.onMouseUp, onMouseUp = _p === void 0 ? noop_1.default : _p, _q = _a.onFocus, onFocus = _q === void 0 ? noop_1.default : _q, _r = _a.onBlur, onBlur = _r === void 0 ? noop_1.default : _r, required = _a.required, _s = _a.labelPlacement, labelPlacement = _s === void 0 ? 'right' : _s, value = _a.value, id = _a.id, name = _a.name, children = _a.children, title = _a.title, _ariaLabel = _a["aria-label"], ariaDescribedby = _a["aria-describedby"], ariaErrormessage = _a["aria-errormessage"], ariaLabel = _a.ariaLabel, inputRef = _a.inputRef, className = _a.className, style = _a.style, _t = _a.size, size = _t === void 0 ? 'md' : _t, _intent = _a.intent, $outlineStyle = _a.$outlineStyle, $outlineColor = _a.$outlineColor, $outlineOffset = _a.$outlineOffset, $outlineWidth = _a.$outlineWidth, dataSpaceweb = _a["data-spaceweb"];
+    var _b = _a.overrides, overrides = _b === void 0 ? {} : _b, _c = _a.checked, checked = _c === void 0 ? false : _c, _d = _a.containsInteractiveElement, containsInteractiveElement = _d === void 0 ? false : _d, _e = _a.disabled, disabled = _e === void 0 ? false : _e, _f = _a.autoFocus, autoFocus = _f === void 0 ? false : _f, _g = _a.isIndeterminate, isIndeterminate = _g === void 0 ? false : _g, _h = _a.error, error = _h === void 0 ? false : _h, _j = _a.checkmarkType, checkmarkType = _j === void 0 ? constants_1.STYLE_TYPE.default : _j, _k = _a.onChange, onChange = _k === void 0 ? noop_1.default : _k, _l = _a.onMouseEnter, onMouseEnter = _l === void 0 ? noop_1.default : _l, _m = _a.onMouseLeave, onMouseLeave = _m === void 0 ? noop_1.default : _m, _o = _a.onMouseDown, onMouseDown = _o === void 0 ? noop_1.default : _o, _p = _a.onMouseUp, onMouseUp = _p === void 0 ? noop_1.default : _p, _q = _a.onFocus, onFocus = _q === void 0 ? noop_1.default : _q, _r = _a.onBlur, onBlur = _r === void 0 ? noop_1.default : _r, required = _a.required, _s = _a.labelPlacement, labelPlacement = _s === void 0 ? 'right' : _s, value = _a.value, id = _a.id, name = _a.name, children = _a.children, title = _a.title, _ariaLabel = _a["aria-label"], ariaDescribedby = _a["aria-describedby"], ariaErrormessage = _a["aria-errormessage"], ariaLabel = _a.ariaLabel, inputRef = _a.inputRef, className = _a.className, style = _a.style, _t = _a.size, size = _t === void 0 ? 'md' : _t, _intent = _a.intent, $outlineStyle = _a.$outlineStyle, $outlineColor = _a.$outlineColor, $outlineOffset = _a.$outlineOffset, $outlineWidth = _a.$outlineWidth, dataSpaceweb = _a["data-spaceweb"], restProps = tslib_1.__rest(_a, ["overrides", "checked", "containsInteractiveElement", "disabled", "autoFocus", "isIndeterminate", "error", "checkmarkType", "onChange", "onMouseEnter", "onMouseLeave", "onMouseDown", "onMouseUp", "onFocus", "onBlur", "required", "labelPlacement", "value", "id", "name", "children", "title", 'aria-label', 'aria-describedby', 'aria-errormessage', "ariaLabel", "inputRef", "className", "style", "size", "intent", "$outlineStyle", "$outlineColor", "$outlineOffset", "$outlineWidth", 'data-spaceweb']);
     var intent = (0, context_1.useContextualFormProps)({
         intent: _intent,
     }).intent;
@@ -109,7 +110,7 @@ var Checkbox = function (_a) {
     };
     var labelComp = children && ((0, jsx_runtime_1.jsx)(Label, tslib_1.__assign({}, sharedProps, labelProps, { children: containsInteractiveElement ? (
         // eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions -- prevents the event from bubbling up to the label and moving focus to the radio button
-        (0, jsx_runtime_1.jsx)("div", tslib_1.__assign({ onClick: function (e) { return e.preventDefault(); } }, { children: children }))) : (children) })));
+        (0, jsx_runtime_1.jsx)(box_1.Box, tslib_1.__assign({ onClick: function (e) { return e.preventDefault(); } }, { children: children }))) : (children) })));
     var getCheckmarkIcon = function () {
         if (isIndeterminate) {
             return (0, jsx_runtime_1.jsx)(subtract_1.default, { size: size === 'medium' || size === 'large' ? 10 : 8 });
@@ -133,10 +134,10 @@ var Checkbox = function (_a) {
             },
             style,
             rootProps === null || rootProps === void 0 ? void 0 : rootProps.style,
-        ], className: [className, rootProps === null || rootProps === void 0 ? void 0 : rootProps.className] }, { children: [(labelPlacement === 'top' || labelPlacement === 'left') && labelComp, checkmarkType === constants_1.STYLE_TYPE.toggle ? ((0, jsx_runtime_1.jsx)(ToggleTrack, tslib_1.__assign({}, sharedProps, toggleTrackProps, { children: (0, jsx_runtime_1.jsx)(Toggle, tslib_1.__assign({}, sharedProps, toggleProps)) }))) : (checkmarkComp), (0, jsx_runtime_1.jsx)(Input, tslib_1.__assign({ value: value, id: id, name: name, checked: checked, required: required, "aria-label": ariaLabel || _ariaLabel, "aria-describedby": ariaDescribedby, "aria-checked": !!checked, "aria-errormessage": ariaErrormessage, "aria-invalid": error || null, "aria-required": required || null, disabled: disabled, type: "checkbox", ref: mergedRef, 
+        ], className: [className, rootProps === null || rootProps === void 0 ? void 0 : rootProps.className] }, { children: [(labelPlacement === 'top' || labelPlacement === 'left') && labelComp, checkmarkType === constants_1.STYLE_TYPE.toggle ? ((0, jsx_runtime_1.jsx)(ToggleTrack, tslib_1.__assign({}, sharedProps, toggleTrackProps, { children: (0, jsx_runtime_1.jsx)(Toggle, tslib_1.__assign({}, sharedProps, toggleProps)) }))) : (checkmarkComp), (0, jsx_runtime_1.jsx)(Input, tslib_1.__assign({ value: value, id: id, name: name, checked: checked, required: required, disabled: disabled, type: "checkbox", ref: mergedRef, 
                 // Prevent a second click event from firing when label is clicked.
                 // See https://github.com/uber/baseweb/issues/3847
-                onClick: stopPropagation, role: checkmarkType === constants_1.STYLE_TYPE.toggle ? 'switch' : undefined }, sharedProps, inputEvents, inputProps)), (labelPlacement === 'bottom' || labelPlacement === 'right') && labelComp] })));
+                onClick: stopPropagation, role: checkmarkType === constants_1.STYLE_TYPE.toggle ? 'switch' : undefined }, restProps, { "aria-label": ariaLabel || _ariaLabel, "aria-describedby": ariaDescribedby, "aria-checked": !!checked, "aria-errormessage": ariaErrormessage, "aria-invalid": error || null, "aria-required": required || null }, sharedProps, inputEvents, inputProps)), (labelPlacement === 'bottom' || labelPlacement === 'right') && labelComp] })));
 };
 exports.default = Checkbox;
 Checkbox.displayName = 'Checkbox';

package/checkbox/types.d.ts

@@ -1,9 +1,9 @@
-import * as React from 'react';
-import { SharedProps as BaseSharedProps } from '../baseui/input';
-import { OutlineProps } from '../helpers/commonStyles';
-import { Override } from '../overrides';
-import { Intent, SpacewebComponentProps } from '../types';
-import { STYLE_TYPE } from './constants';
+import type * as React from 'react';
+import type { SharedProps as BaseSharedProps } from '../baseui/input';
+import type { OutlineProps } from '../helpers/commonStyles';
+import type { Override } from '../overrides';
+import type { Intent, SpacewebComponentProps } from '../types';
+import type { STYLE_TYPE } from './constants';
 export type StyleType = keyof typeof STYLE_TYPE;
 export type LabelPlacement = 'top' | 'right' | 'bottom' | 'left';
 /** @deprecated */
@@ -39,8 +39,10 @@ export type CheckboxOverrides = {
 type BaseCheckboxProps = {
     'aria-describedby'?: string;
     'aria-errormessage'?: string;
+    'aria-hidden'?: boolean | 'true' | 'false';
     ariaLabel?: string;
     'aria-label'?: string;
+    tabIndex?: number;
     children?: React.ReactNode;
     containsInteractiveElement?: boolean;
     overrides?: CheckboxOverrides;

package/esm/asyncSelect/hooks/useAsyncSelect.d.ts

@@ -151,7 +151,7 @@ export declare const useAsyncSelect: ({ loadOptions, initialOptions, resolveSele
     endEnhancerButtonProps?: import("../../select").SelectEnhancerButtonConfig | undefined;
     virtual?: boolean | undefined;
     selectOnTab?: boolean | undefined;
-    getActionsElement?: import("../../menu").MenuItemActions;
+    getActionsElement?: import("../../menu").MenuItemActions | undefined;
     captureScroll?: boolean | undefined;
     popoverMinWidth?: string | undefined;
     createOption?: ((label: string) => import("../../select").Options | Promise<import("../../select").Options>) | undefined;
@@ -329,7 +329,7 @@ export declare const useAsyncSelect: ({ loadOptions, initialOptions, resolveSele
     endEnhancerButtonProps?: import("../../select").SelectEnhancerButtonConfig | undefined;
     virtual?: boolean | undefined;
     selectOnTab?: boolean | undefined;
-    getActionsElement?: import("../../menu").MenuItemActions;
+    getActionsElement?: import("../../menu").MenuItemActions | undefined;
     captureScroll?: boolean | undefined;
     overlayWidth?: string | undefined;
     scrollContainer?: "overlayContainer" | "menuContainer" | undefined;
@@ -510,7 +510,7 @@ export declare const useAsyncSelect: ({ loadOptions, initialOptions, resolveSele
     endEnhancerButtonProps?: import("../../select").SelectEnhancerButtonConfig | undefined;
     virtual?: boolean | undefined;
     selectOnTab?: boolean | undefined;
-    getActionsElement?: import("../../menu").MenuItemActions;
+    getActionsElement?: import("../../menu").MenuItemActions | undefined;
     captureScroll?: boolean | undefined;
     overlayWidth?: string | undefined;
     scrollContainer?: "overlayContainer" | "menuContainer" | undefined;

package/esm/asyncSelect/hooks/useGroupedAsyncSelect.d.ts

@@ -119,7 +119,7 @@ export declare const useGroupedAsyncSelect: ({ onChange, showSelectAll, selectAl
     endEnhancerButtonProps?: import("../../select").SelectEnhancerButtonConfig | undefined;
     virtual?: boolean | undefined;
     selectOnTab?: boolean | undefined;
-    getActionsElement?: import("../../menu").MenuItemActions;
+    getActionsElement?: import("../../menu").MenuItemActions | undefined;
     captureScroll?: boolean | undefined;
     popoverMinWidth?: string | undefined;
     createOption?: ((label: string) => import("../../select").Options | Promise<import("../../select").Options>) | undefined;
@@ -265,7 +265,7 @@ export declare const useGroupedAsyncSelect: ({ onChange, showSelectAll, selectAl
     endEnhancerButtonProps?: import("../../select").SelectEnhancerButtonConfig | undefined;
     virtual?: boolean | undefined;
     selectOnTab?: boolean | undefined;
-    getActionsElement?: import("../../menu").MenuItemActions;
+    getActionsElement?: import("../../menu").MenuItemActions | undefined;
     captureScroll?: boolean | undefined;
     overlayWidth?: string | undefined;
     popoverMinWidth?: string | undefined;
@@ -413,7 +413,7 @@ export declare const useGroupedAsyncSelect: ({ onChange, showSelectAll, selectAl
     endEnhancerButtonProps?: import("../../select").SelectEnhancerButtonConfig | undefined;
     virtual?: boolean | undefined;
     selectOnTab?: boolean | undefined;
-    getActionsElement?: import("../../menu").MenuItemActions;
+    getActionsElement?: import("../../menu").MenuItemActions | undefined;
     captureScroll?: boolean | undefined;
     overlayWidth?: string | undefined;
     popoverMinWidth?: string | undefined;

package/esm/checkbox/checkbox.d.ts

@@ -1,6 +1,6 @@
 import type { CheckboxProps } from './types';
 declare const Checkbox: {
-    ({ overrides, checked, containsInteractiveElement, disabled, autoFocus, isIndeterminate, error, checkmarkType, onChange, onMouseEnter, onMouseLeave, onMouseDown, onMouseUp, onFocus, onBlur, required, labelPlacement, value, id, name, children, title, "aria-label": _ariaLabel, "aria-describedby": ariaDescribedby, "aria-errormessage": ariaErrormessage, ariaLabel, inputRef, className, style, size, intent: _intent, $outlineStyle, $outlineColor, $outlineOffset, $outlineWidth, "data-spaceweb": dataSpaceweb, }: CheckboxProps): import("react/jsx-runtime").JSX.Element;
+    ({ overrides, checked, containsInteractiveElement, disabled, autoFocus, isIndeterminate, error, checkmarkType, onChange, onMouseEnter, onMouseLeave, onMouseDown, onMouseUp, onFocus, onBlur, required, labelPlacement, value, id, name, children, title, "aria-label": _ariaLabel, "aria-describedby": ariaDescribedby, "aria-errormessage": ariaErrormessage, ariaLabel, inputRef, className, style, size, intent: _intent, $outlineStyle, $outlineColor, $outlineOffset, $outlineWidth, "data-spaceweb": dataSpaceweb, ...restProps }: CheckboxProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
     __standard: string;
 };

package/esm/checkbox/checkbox.js

@@ -1,4 +1,4 @@
-import { __assign, __read } from "tslib";
+import { __assign, __read, __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { getCheckmarkBackgroundColor, getCheckmarkBorderColor, getTrackBackgroundColor, getTrackBorderColor, StyledCheckmark, StyledInput, StyledLabel, StyledRoot, StyledToggle, StyledToggleTrack, } from './styled-components';
 import { STYLE_TYPE } from './constants';
@@ -11,9 +11,10 @@ import { useContextualFormProps } from '../form-control/context';
 import { useStyle } from '../style';
 import Tick from '../icon/components/tick';
 import Indeterminate from '../icon/components/subtract';
+import { Box } from '../box';
 var stopPropagation = function (e) { return e.stopPropagation(); };
 var Checkbox = function (_a) {
-    var _b = _a.overrides, overrides = _b === void 0 ? {} : _b, _c = _a.checked, checked = _c === void 0 ? false : _c, _d = _a.containsInteractiveElement, containsInteractiveElement = _d === void 0 ? false : _d, _e = _a.disabled, disabled = _e === void 0 ? false : _e, _f = _a.autoFocus, autoFocus = _f === void 0 ? false : _f, _g = _a.isIndeterminate, isIndeterminate = _g === void 0 ? false : _g, _h = _a.error, error = _h === void 0 ? false : _h, _j = _a.checkmarkType, checkmarkType = _j === void 0 ? STYLE_TYPE.default : _j, _k = _a.onChange, onChange = _k === void 0 ? _noop : _k, _l = _a.onMouseEnter, onMouseEnter = _l === void 0 ? _noop : _l, _m = _a.onMouseLeave, onMouseLeave = _m === void 0 ? _noop : _m, _o = _a.onMouseDown, onMouseDown = _o === void 0 ? _noop : _o, _p = _a.onMouseUp, onMouseUp = _p === void 0 ? _noop : _p, _q = _a.onFocus, onFocus = _q === void 0 ? _noop : _q, _r = _a.onBlur, onBlur = _r === void 0 ? _noop : _r, required = _a.required, _s = _a.labelPlacement, labelPlacement = _s === void 0 ? 'right' : _s, value = _a.value, id = _a.id, name = _a.name, children = _a.children, title = _a.title, _ariaLabel = _a["aria-label"], ariaDescribedby = _a["aria-describedby"], ariaErrormessage = _a["aria-errormessage"], ariaLabel = _a.ariaLabel, inputRef = _a.inputRef, className = _a.className, style = _a.style, _t = _a.size, size = _t === void 0 ? 'md' : _t, _intent = _a.intent, $outlineStyle = _a.$outlineStyle, $outlineColor = _a.$outlineColor, $outlineOffset = _a.$outlineOffset, $outlineWidth = _a.$outlineWidth, dataSpaceweb = _a["data-spaceweb"];
+    var _b = _a.overrides, overrides = _b === void 0 ? {} : _b, _c = _a.checked, checked = _c === void 0 ? false : _c, _d = _a.containsInteractiveElement, containsInteractiveElement = _d === void 0 ? false : _d, _e = _a.disabled, disabled = _e === void 0 ? false : _e, _f = _a.autoFocus, autoFocus = _f === void 0 ? false : _f, _g = _a.isIndeterminate, isIndeterminate = _g === void 0 ? false : _g, _h = _a.error, error = _h === void 0 ? false : _h, _j = _a.checkmarkType, checkmarkType = _j === void 0 ? STYLE_TYPE.default : _j, _k = _a.onChange, onChange = _k === void 0 ? _noop : _k, _l = _a.onMouseEnter, onMouseEnter = _l === void 0 ? _noop : _l, _m = _a.onMouseLeave, onMouseLeave = _m === void 0 ? _noop : _m, _o = _a.onMouseDown, onMouseDown = _o === void 0 ? _noop : _o, _p = _a.onMouseUp, onMouseUp = _p === void 0 ? _noop : _p, _q = _a.onFocus, onFocus = _q === void 0 ? _noop : _q, _r = _a.onBlur, onBlur = _r === void 0 ? _noop : _r, required = _a.required, _s = _a.labelPlacement, labelPlacement = _s === void 0 ? 'right' : _s, value = _a.value, id = _a.id, name = _a.name, children = _a.children, title = _a.title, _ariaLabel = _a["aria-label"], ariaDescribedby = _a["aria-describedby"], ariaErrormessage = _a["aria-errormessage"], ariaLabel = _a.ariaLabel, inputRef = _a.inputRef, className = _a.className, style = _a.style, _t = _a.size, size = _t === void 0 ? 'md' : _t, _intent = _a.intent, $outlineStyle = _a.$outlineStyle, $outlineColor = _a.$outlineColor, $outlineOffset = _a.$outlineOffset, $outlineWidth = _a.$outlineWidth, dataSpaceweb = _a["data-spaceweb"], restProps = __rest(_a, ["overrides", "checked", "containsInteractiveElement", "disabled", "autoFocus", "isIndeterminate", "error", "checkmarkType", "onChange", "onMouseEnter", "onMouseLeave", "onMouseDown", "onMouseUp", "onFocus", "onBlur", "required", "labelPlacement", "value", "id", "name", "children", "title", 'aria-label', 'aria-describedby', 'aria-errormessage', "ariaLabel", "inputRef", "className", "style", "size", "intent", "$outlineStyle", "$outlineColor", "$outlineOffset", "$outlineWidth", 'data-spaceweb']);
     var intent = useContextualFormProps({
         intent: _intent,
     }).intent;
@@ -107,7 +108,7 @@ var Checkbox = function (_a) {
     };
     var labelComp = children && (_jsx(Label, __assign({}, sharedProps, labelProps, { children: containsInteractiveElement ? (
         // eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions -- prevents the event from bubbling up to the label and moving focus to the radio button
-        _jsx("div", __assign({ onClick: function (e) { return e.preventDefault(); } }, { children: children }))) : (children) })));
+        _jsx(Box, __assign({ onClick: function (e) { return e.preventDefault(); } }, { children: children }))) : (children) })));
     var getCheckmarkIcon = function () {
         if (isIndeterminate) {
             return _jsx(Indeterminate, { size: size === 'medium' || size === 'large' ? 10 : 8 });
@@ -131,10 +132,10 @@ var Checkbox = function (_a) {
             },
             style,
             rootProps === null || rootProps === void 0 ? void 0 : rootProps.style,
-        ], className: [className, rootProps === null || rootProps === void 0 ? void 0 : rootProps.className] }, { children: [(labelPlacement === 'top' || labelPlacement === 'left') && labelComp, checkmarkType === STYLE_TYPE.toggle ? (_jsx(ToggleTrack, __assign({}, sharedProps, toggleTrackProps, { children: _jsx(Toggle, __assign({}, sharedProps, toggleProps)) }))) : (checkmarkComp), _jsx(Input, __assign({ value: value, id: id, name: name, checked: checked, required: required, "aria-label": ariaLabel || _ariaLabel, "aria-describedby": ariaDescribedby, "aria-checked": !!checked, "aria-errormessage": ariaErrormessage, "aria-invalid": error || null, "aria-required": required || null, disabled: disabled, type: "checkbox", ref: mergedRef, 
+        ], className: [className, rootProps === null || rootProps === void 0 ? void 0 : rootProps.className] }, { children: [(labelPlacement === 'top' || labelPlacement === 'left') && labelComp, checkmarkType === STYLE_TYPE.toggle ? (_jsx(ToggleTrack, __assign({}, sharedProps, toggleTrackProps, { children: _jsx(Toggle, __assign({}, sharedProps, toggleProps)) }))) : (checkmarkComp), _jsx(Input, __assign({ value: value, id: id, name: name, checked: checked, required: required, disabled: disabled, type: "checkbox", ref: mergedRef, 
                 // Prevent a second click event from firing when label is clicked.
                 // See https://github.com/uber/baseweb/issues/3847
-                onClick: stopPropagation, role: checkmarkType === STYLE_TYPE.toggle ? 'switch' : undefined }, sharedProps, inputEvents, inputProps)), (labelPlacement === 'bottom' || labelPlacement === 'right') && labelComp] })));
+                onClick: stopPropagation, role: checkmarkType === STYLE_TYPE.toggle ? 'switch' : undefined }, restProps, { "aria-label": ariaLabel || _ariaLabel, "aria-describedby": ariaDescribedby, "aria-checked": !!checked, "aria-errormessage": ariaErrormessage, "aria-invalid": error || null, "aria-required": required || null }, sharedProps, inputEvents, inputProps)), (labelPlacement === 'bottom' || labelPlacement === 'right') && labelComp] })));
 };
 export default Checkbox;
 Checkbox.displayName = 'Checkbox';

package/esm/checkbox/types.d.ts

@@ -1,9 +1,9 @@
-import * as React from 'react';
-import { SharedProps as BaseSharedProps } from '../baseui/input';
-import { OutlineProps } from '../helpers/commonStyles';
-import { Override } from '../overrides';
-import { Intent, SpacewebComponentProps } from '../types';
-import { STYLE_TYPE } from './constants';
+import type * as React from 'react';
+import type { SharedProps as BaseSharedProps } from '../baseui/input';
+import type { OutlineProps } from '../helpers/commonStyles';
+import type { Override } from '../overrides';
+import type { Intent, SpacewebComponentProps } from '../types';
+import type { STYLE_TYPE } from './constants';
 export type StyleType = keyof typeof STYLE_TYPE;
 export type LabelPlacement = 'top' | 'right' | 'bottom' | 'left';
 /** @deprecated */
@@ -39,8 +39,10 @@ export type CheckboxOverrides = {
 type BaseCheckboxProps = {
     'aria-describedby'?: string;
     'aria-errormessage'?: string;
+    'aria-hidden'?: boolean | 'true' | 'false';
     ariaLabel?: string;
     'aria-label'?: string;
+    tabIndex?: number;
     children?: React.ReactNode;
     containsInteractiveElement?: boolean;
     overrides?: CheckboxOverrides;

package/esm/form-control/form-control.d.ts

@@ -1,4 +1,4 @@
 import * as React from 'react';
-import { FormControlProps } from './types';
+import type { FormControlProps } from './types';
 declare const FormControl: React.ForwardRefExoticComponent<FormControlProps & React.RefAttributes<HTMLElement>>;
 export { FormControl };

package/esm/form-control/form-control.js

@@ -68,7 +68,7 @@ var FormControl = forwardRef(function (_a, ref) {
                             _a[a11yErrorMessageId] = intentMessageNode,
                             _a[a11yDisabledTooltipId] = shouldShowDisabledTooltip,
                             _a));
-                        var childElement = React.cloneElement(child, __assign(__assign(__assign(__assign({ key: key, id: a11yFieldId, 'aria-invalid': invalidInput }, (invalidInput ? { 'aria-errormessage': error ? a11yErrorMessageId : a11yCaptionId } : {})), { 'aria-labelledby': a11yLabelId }), (ariaDescribedBy ? { 'aria-describedby': ariaDescribedBy } : {})), { 'aria-required': required ? 'true' : 'false', size: onlyChildProps.size || size, disabled: onlyChildProps.disabled || disabled, required: onlyChildProps.required || required }));
+                        var childElement = React.cloneElement(child, __assign(__assign(__assign(__assign({ key: key, id: a11yFieldId, 'aria-invalid': invalidInput }, (invalidInput ? { 'aria-errormessage': error ? a11yErrorMessageId : a11yCaptionId } : {})), (label ? { 'aria-labelledby': a11yLabelId } : {})), (ariaDescribedBy ? { 'aria-describedby': ariaDescribedBy } : {})), { 'aria-required': required ? 'true' : 'false', size: onlyChildProps.size || size, disabled: onlyChildProps.disabled || disabled, required: onlyChildProps.required || required }));
                         return shouldShowDisabledTooltip ? (_jsx(DisabledTooltip, __assign({ content: disabledTooltip }, disabledTooltipProps, { children: _jsx(Box, __assign({ className: "inline-block w-full" }, { children: childElement })) }), "disabled-tooltip-".concat(key))) : (childElement);
                     }),
                     captionMessage ? (_jsx(Caption, __assign({ "data-spaceweb": "form-control-caption", id: a11yCaptionId }, sharedProps, captionProps, { children: renderWithIcon(intent, captionMessage) }))) : null,

package/esm/menu/StatefulSubMenu.d.ts

@@ -19,7 +19,7 @@ declare const StatefulSubMenu: import("react").ForwardRefExoticComponent<Omit<Me
     onItemSelect?: ((item: SubMenuItem, event?: MouseEvent) => void) | undefined;
     overrides?: {
         Menu?: Override<Omit<import("../list").ListProps, "overrides"> & {
-            getActionsElement?: import("./types").MenuItemActions<import("./types").MenuActionItem>;
+            getActionsElement?: import("./types").MenuItemActions<import("./types").MenuActionItem> | undefined;
             disableNavigationOnMount?: boolean | undefined;
             focusWhenNavigationEnabled?: boolean | undefined;
             keyboardFocusRestoreTarget?: HTMLElement | null | undefined;

package/esm/menu/SubMenu.d.ts

@@ -20,7 +20,7 @@ declare const SubMenu: import("react").ForwardRefExoticComponent<Omit<MenuProps,
     onItemSelect: (item: SubMenuItem, event?: MouseEvent) => void;
     overrides?: {
         Menu?: Override<Omit<import("../list").ListProps, "overrides"> & {
-            getActionsElement?: import("./types").MenuItemActions<import("./types").MenuActionItem>;
+            getActionsElement?: import("./types").MenuItemActions<import("./types").MenuActionItem> | undefined;
             disableNavigationOnMount?: boolean | undefined;
             focusWhenNavigationEnabled?: boolean | undefined;
             keyboardFocusRestoreTarget?: HTMLElement | null | undefined;

package/esm/menu/index.d.ts

@@ -4,5 +4,5 @@ export { default as ActionsIconButton, type ActionsIconButtonProps } from './Act
 export { default as NestedMenuProvider } from './nested-menu-context';
 export { SubMenu, type SubMenuProps } from './SubMenu';
 export { StatefulSubMenu, type StatefulSubMenuProps } from './StatefulSubMenu';
-export type { MenuItemProps, ContextValue, MenuProps, MenuRef, SubMenuItem, MenuItemActions, MenuItemActionsParams, MenuActionItem, } from './types';
+export type { MenuItemProps, ContextValue, MenuProps, MenuRef, SubMenuItem, MenuItemActions, MenuItemActionsParams, MenuItemActionsConfig, MenuActionItem, } from './types';
 export { default as useStatefulSubMenu } from './useStatefulSubmenu';

package/esm/menu/menu-item.js

@@ -1,5 +1,5 @@
 import { __assign, __read, __rest } from "tslib";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import * as React from 'react';
 import { Box } from '../box';
@@ -17,12 +17,24 @@ import cx from '../classNames';
 function resolveMenuActions(getActionsElement, item) {
     if (!getActionsElement)
         return null;
+    var menuActions;
     if (typeof getActionsElement === 'function') {
         if (item == null)
             return null;
-        return getActionsElement({ item: item });
+        menuActions = getActionsElement({ item: item });
     }
-    return getActionsElement;
+    else {
+        menuActions = getActionsElement;
+    }
+    return menuActions.filter(function (action) {
+        // If array item is null | undefined
+        if (!action)
+            return false;
+        // If action object in array as no actionEl
+        if ('actionEl' in action && !action.actionEl)
+            return false;
+        return true;
+    });
 }
 var listItemOverrides = {
     ListItem: {
@@ -61,10 +73,17 @@ var ACTION_CONTAINER_HANDLER_PROPS = {
     },
 };
 function MenuActionContainer(_a) {
-    var sharedProps = _a.sharedProps, endEnhancer = _a.endEnhancer, renderedActions = _a.renderedActions;
-    return (_jsxs(Box, __assign({ className: cx('flex items-center gap-1 pointer-events-none', 'group-hover:visible group-hover:pointer-events-auto', 'group-focus-within:visible group-focus-within:pointer-events-auto', 
-        // Use visibility (not opacity) so alwaysVisible children can override with `visible`.
-        sharedProps.$highlighted ? 'visible pointer-events-auto' : 'invisible'), "data-menu-action-container": "true", role: "group" }, ACTION_CONTAINER_HANDLER_PROPS, { children: [renderedActions.map(function (action) { return (_jsx(Box, __assign({ className: action.props.alwaysVisible ? 'visible opacity-100 pointer-events-auto' : undefined }, { children: action }), action.key)); }), typeof endEnhancer === 'function' ? endEnhancer(sharedProps) : endEnhancer !== null && endEnhancer !== void 0 ? endEnhancer : null] })));
+    var sharedProps = _a.sharedProps, renderedActions = _a.renderedActions;
+    return (_jsx(Box, __assign({ className: ['flex items-center', sharedProps.$highlighted ? 'pointer-events-auto' : 'pointer-events-none'], "data-menu-action-container": "true" }, ACTION_CONTAINER_HANDLER_PROPS, { children: renderedActions.map(function (action, index) {
+            var _a;
+            var _b = 'actionEl' in action ? action : { actionEl: action, alwaysVisible: false }, actionEl = _b.actionEl, alwaysVisible = _b.alwaysVisible;
+            return (_jsx(Box, __assign({ 
+                // Only show actions that are always visible or whose parent item is highlighted
+                className: [
+                    index === 0 ? 'ml-0' : 'ml-1',
+                    alwaysVisible || sharedProps.$highlighted ? 'visible' : 'invisible w-0 ml-0',
+                ] }, { children: React.cloneElement(actionEl, { tabIndex: -1 }) }), (_a = actionEl.key) !== null && _a !== void 0 ? _a : "menu-action-".concat(index)));
+        }) })));
 }
 function buildListItemAriaProps(itemRole, selected, ChildMenu) {
     var props = {};
@@ -76,28 +95,10 @@ function buildListItemAriaProps(itemRole, selected, ChildMenu) {
     }
     return props;
 }
-function flattenActionElements(actions) {
-    return React.Children.toArray(actions).flatMap(function (node) {
-        if (React.isValidElement(node)) {
-            return node.type === React.Fragment ? flattenActionElements(node.props.children) : [node];
-        }
-        return [];
-    });
-}
 function useResolvedMenuEndEnhancer(resolvedItemActions, shouldRenderActions, endEnhancer, ChildMenu) {
-    var renderedActions = useMemo(function () {
-        return shouldRenderActions
-            ? flattenActionElements(resolvedItemActions).map(function (action, index) {
-                var _a;
-                return React.cloneElement(action, {
-                    key: (_a = action.key) !== null && _a !== void 0 ? _a : "menu-action-".concat(index),
-                });
-            })
-            : null;
-    }, [resolvedItemActions, shouldRenderActions]);
     return useMemo(function () {
         if (shouldRenderActions) {
-            return function (sharedProps) { return (_jsx(MenuActionContainer, { sharedProps: sharedProps, endEnhancer: endEnhancer, renderedActions: renderedActions !== null && renderedActions !== void 0 ? renderedActions : [] })); };
+            return function (sharedProps) { return (_jsxs(_Fragment, { children: [_jsx(MenuActionContainer, { sharedProps: sharedProps, renderedActions: resolvedItemActions !== null && resolvedItemActions !== void 0 ? resolvedItemActions : [] }), typeof endEnhancer === 'function' ? endEnhancer(sharedProps) : endEnhancer !== null && endEnhancer !== void 0 ? endEnhancer : null] })); };
         }
         if (endEnhancer)
             return endEnhancer;
@@ -105,7 +106,7 @@ function useResolvedMenuEndEnhancer(resolvedItemActions, shouldRenderActions, en
             return _jsx(ChevronDown, { size: 14, className: "transform -rotate-90" });
         }
         return undefined;
-    }, [ChildMenu, endEnhancer, renderedActions, shouldRenderActions]);
+    }, [ChildMenu, endEnhancer, resolvedItemActions, shouldRenderActions]);
 }
 function useMenuItemInteractionHandlers(onMouseOver, ownRef, setHighlightedItem, setNestedMenuOpen) {
     var onMouseOverRef = useLatest(onMouseOver);
@@ -127,12 +128,13 @@ function useMenuItemInteractionHandlers(onMouseOver, ownRef, setHighlightedItem,
     return { handleMouseOver: handleMouseOver, handleMouseMove: handleMouseMove, resetMenu: resetMenu, closeNestedMenu: closeNestedMenu };
 }
 var MenuItem = React.forwardRef(function MenuItem(_a, ref) {
+    var _b;
     var selected = _a.selected, highlighted = _a.highlighted, overrides = _a.overrides, getChildMenu = _a.getChildMenu, onMouseEnter = _a.onMouseEnter, onMouseLeave = _a.onMouseLeave, onMouseOver = _a.onMouseOver, endEnhancer = _a.endEnhancer, hideInlineActions = _a.hideInlineActions, renderAll = _a.renderAll, explicitRole = _a.role, $item = _a.$item, restProps = __rest(_a, ["selected", "highlighted", "overrides", "getChildMenu", "onMouseEnter", "onMouseLeave", "onMouseOver", "endEnhancer", "hideInlineActions", "renderAll", "role", "$item"]);
-    var _b = __read(useState(false), 2), hovered = _b[0], setHovered = _b[1];
+    var _c = __read(useState(false), 2), hovered = _c[0], setHovered = _c[1];
     var ChildMenu = getChildMenu === null || getChildMenu === void 0 ? void 0 : getChildMenu();
     var ownRef = useRef(null);
     var itemRef = useCombinedRefs(ref, ownRef);
-    var _c = useMenuContext(), getActionsElement = _c.getActionsElement, highlightedItem = _c.highlightedItem, setHighlightedItem = _c.setHighlightedItem, setMenuContainerRef = _c.setMenuContainerRef, listItemFocusVisible = _c.listItemFocusVisible, nestedMenuOpen = _c.nestedMenuOpen, setNestedMenuOpen = _c.setNestedMenuOpen;
+    var _d = useMenuContext(), getActionsElement = _d.getActionsElement, highlightedItem = _d.highlightedItem, setHighlightedItem = _d.setHighlightedItem, setMenuContainerRef = _d.setMenuContainerRef, listItemFocusVisible = _d.listItemFocusVisible, nestedMenuOpen = _d.nestedMenuOpen, setNestedMenuOpen = _d.setNestedMenuOpen;
     var itemRole = explicitRole !== null && explicitRole !== void 0 ? explicitRole : 'menuitem';
     useEffect(function () {
         var _a, _b;
@@ -140,12 +142,12 @@ var MenuItem = React.forwardRef(function MenuItem(_a, ref) {
     }, [setMenuContainerRef]);
     var isItemHighlighted = highlighted || (highlightedItem !== null && highlightedItem === ownRef.current);
     var resolvedItemActions = useMemo(function () { return resolveMenuActions(getActionsElement, $item); }, [getActionsElement, $item]);
-    var shouldRenderActions = Boolean(resolvedItemActions) && !ChildMenu && !hideInlineActions;
+    var shouldRenderActions = ((_b = resolvedItemActions === null || resolvedItemActions === void 0 ? void 0 : resolvedItemActions.length) !== null && _b !== void 0 ? _b : 0) > 0 && !ChildMenu && !hideInlineActions;
     var resolvedEndEnhancer = useResolvedMenuEndEnhancer(resolvedItemActions, shouldRenderActions, endEnhancer, ChildMenu);
     var mergedOverrides = useMemo(function () { return mergeOverrides(listItemOverrides, overrides); }, [overrides]);
-    var _d = __read(useOverrides(mergedOverrides === null || mergedOverrides === void 0 ? void 0 : mergedOverrides.ListItem, ListItem), 2), ListItemOverride = _d[0], listItemProps = _d[1];
-    var _e = __read(useOverrides(mergedOverrides === null || mergedOverrides === void 0 ? void 0 : mergedOverrides.Popover, Popover), 2), PopoverOverride = _e[0], popoverProps = _e[1];
-    var _f = useMenuItemInteractionHandlers(onMouseOver, ownRef, setHighlightedItem, setNestedMenuOpen), handleMouseOver = _f.handleMouseOver, handleMouseMove = _f.handleMouseMove, resetMenu = _f.resetMenu, closeNestedMenu = _f.closeNestedMenu;
+    var _e = __read(useOverrides(mergedOverrides === null || mergedOverrides === void 0 ? void 0 : mergedOverrides.ListItem, ListItem), 2), ListItemOverride = _e[0], listItemProps = _e[1];
+    var _f = __read(useOverrides(mergedOverrides === null || mergedOverrides === void 0 ? void 0 : mergedOverrides.Popover, Popover), 2), PopoverOverride = _f[0], popoverProps = _f[1];
+    var _g = useMenuItemInteractionHandlers(onMouseOver, ownRef, setHighlightedItem, setNestedMenuOpen), handleMouseOver = _g.handleMouseOver, handleMouseMove = _g.handleMouseMove, resetMenu = _g.resetMenu, closeNestedMenu = _g.closeNestedMenu;
     var id = useUniqueId();
     var listItem = (_jsx(ListItemOverride, __assign({ id: id.toString(), ref: itemRef, role: itemRole, selected: selected, "data-haschildmenu": Boolean(ChildMenu), "data-hasactions": shouldRenderActions, highlighted: isItemHighlighted, "$outlined": isItemHighlighted && listItemFocusVisible, endEnhancer: resolvedEndEnhancer, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, "$item": $item }, buildListItemAriaProps(itemRole, selected, ChildMenu), restProps, { onMouseOver: handleMouseOver, onMouseMove: handleMouseMove }, listItemProps)));
     var handleMouseEnter = useCombinedHandler(function () { return setHovered(true); }, onMouseEnter);

package/esm/menu/menu.d.ts

@@ -2,7 +2,7 @@
 import type { MenuRef } from './types';
 import type { ClassName, Styles } from '../types';
 declare const _default: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Omit<import("../list").ListProps, "overrides"> & {
-    getActionsElement?: import("./types").MenuItemActions<import("./types").MenuActionItem>;
+    getActionsElement?: import("./types").MenuItemActions<import("./types").MenuActionItem> | undefined;
     disableNavigationOnMount?: boolean | undefined;
     focusWhenNavigationEnabled?: boolean | undefined;
     keyboardFocusRestoreTarget?: HTMLElement | null | undefined;

package/esm/menu/types.d.ts

@@ -1,4 +1,4 @@
-import type { Dispatch, MutableRefObject, ReactElement, ReactNode, SetStateAction } from 'react';
+import type { Dispatch, MutableRefObject, ReactElement, SetStateAction } from 'react';
 import type { ListItemProps, ListItemSharedProps, ListProps } from '../list';
 import type { Override } from '../overrides';
 import type { PopoverProps } from '../popover';
@@ -32,7 +32,15 @@ export type MenuItemActionsParams<TItem extends MenuActionItem = MenuActionItem>
  * Inline row actions: a static node for every row, or `({ item }) => …` for per-row actions
  * (permissions, conditional buttons, etc.). Function form requires `$item` on {@link MenuItem}.
  */
-export type MenuItemActions<TItem extends MenuActionItem = MenuActionItem> = ReactNode | ((params: MenuItemActionsParams<TItem>) => ReactNode);
+export type MenuItemActionsConfig = (ReactElement | null | undefined | {
+    actionEl: ReactElement | null | undefined;
+    alwaysVisible?: boolean;
+})[];
+export type ResolvedMenuItemActionsConfig = (ReactElement | {
+    actionEl: ReactElement;
+    alwaysVisible?: boolean;
+})[];
+export type MenuItemActions<TItem extends MenuActionItem = MenuActionItem> = MenuItemActionsConfig | ((params: MenuItemActionsParams<TItem>) => MenuItemActionsConfig);
 export type MenuProps = Omit<ListProps, 'overrides'> & {
     /**
      * Action buttons rendered for each MenuItem (skips submenu items). Pass `({ item }) => …` to vary actions per row.

package/esm/select/selectMenuAdapter/CollapsibleSelectMenu.d.ts

@@ -114,7 +114,7 @@ export declare const CollapsibleSelectMenu: ({ overrides, value, items: groupedI
     virtual?: boolean | undefined;
     overscanCount?: number | undefined;
     selectOnTab?: boolean | undefined;
-    getActionsElement?: import("../../menu").MenuItemActions;
+    getActionsElement?: import("../../menu").MenuItemActions | undefined;
     inputElement?: HTMLInputElement | null | undefined;
 } & {
     $onPaginate?: ((event: UIEvent<HTMLElement>, itemGroup: string) => void) | undefined;

package/esm/select/selectMenuAdapter/SelectMenuItem.d.ts

@@ -64,8 +64,10 @@ declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponen
         Checkbox?: Override<Omit<{
             'aria-describedby'?: string | undefined;
             'aria-errormessage'?: string | undefined;
+            'aria-hidden'?: boolean | "false" | "true" | undefined;
             ariaLabel?: string | undefined;
             'aria-label'?: string | undefined;
+            tabIndex?: number | undefined;
             children?: React.ReactNode;
             containsInteractiveElement?: boolean | undefined;
             overrides?: import("../../checkbox").CheckboxOverrides | undefined;

package/esm/tag/tag.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 declare const Tag: import("react").ForwardRefExoticComponent<Omit<{
     closeable?: boolean | undefined;
+    closeAriaLabel?: string | undefined;
     isFocused?: boolean | undefined;
     isHovered?: boolean | undefined;
     children?: import("react").ReactNode;

package/esm/tag/tag.js

@@ -17,7 +17,7 @@ import { useLocale } from '../locale';
 import { useTruncateWithTooltip } from '../truncateWithTooltip/hooks/useTruncateWithTooltip';
 import { getActionIconButtonOverrides, getDefaultTagSize, getTagSizeTheme, getTextFromChildren } from './utils';
 var Tag = forwardRef(function (props, ref) {
-    var children = props.children, _a = props.closeable, closeable = _a === void 0 ? true : _a, _size = props.size, _b = props.shape, shape = _b === void 0 ? 'default' : _b, _c = props.isFocused, isFocused = _c === void 0 ? false : _c, _d = props.isHovered, isHovered = _d === void 0 ? false : _d, onActionClick = props.onActionClick, onActionKeyDown = props.onActionKeyDown, _e = props.onClick, onClick = _e === void 0 ? null : _e, _f = props.onKeyDown, onKeyDown = _f === void 0 ? null : _f, overrides = props.overrides, title = props.title, _g = props.variant, variant = _g === void 0 ? 'light' : _g, _h = props.intent, intent = _h === void 0 ? 'default' : _h, _j = props.appearance, appearance = _j === void 0 ? 'gray' : _j, className = props.className, startEnhancer = props.startEnhancer, noTooltipOnTruncation = props.noTooltipOnTruncation, restProps = __rest(props, ["children", "closeable", "size", "shape", "isFocused", "isHovered", "onActionClick", "onActionKeyDown", "onClick", "onKeyDown", "overrides", "title", "variant", "intent", "appearance", "className", "startEnhancer", "noTooltipOnTruncation"]);
+    var children = props.children, _a = props.closeable, closeable = _a === void 0 ? true : _a, closeAriaLabel = props.closeAriaLabel, _size = props.size, _b = props.shape, shape = _b === void 0 ? 'default' : _b, _c = props.isFocused, isFocused = _c === void 0 ? false : _c, _d = props.isHovered, isHovered = _d === void 0 ? false : _d, onActionClick = props.onActionClick, onActionKeyDown = props.onActionKeyDown, _e = props.onClick, onClick = _e === void 0 ? null : _e, _f = props.onKeyDown, onKeyDown = _f === void 0 ? null : _f, overrides = props.overrides, title = props.title, _g = props.variant, variant = _g === void 0 ? 'light' : _g, _h = props.intent, intent = _h === void 0 ? 'default' : _h, _j = props.appearance, appearance = _j === void 0 ? 'gray' : _j, className = props.className, startEnhancer = props.startEnhancer, noTooltipOnTruncation = props.noTooltipOnTruncation, restProps = __rest(props, ["children", "closeable", "closeAriaLabel", "size", "shape", "isFocused", "isHovered", "onActionClick", "onActionKeyDown", "onClick", "onKeyDown", "overrides", "title", "variant", "intent", "appearance", "className", "startEnhancer", "noTooltipOnTruncation"]);
     var _k = useFocusVisible(), $isFocusVisible = _k.$isFocusVisible, onBlur = _k.onBlur, onFocus = _k.onFocus;
     var theme = useStyle().theme;
     var locale = useLocale();
@@ -67,7 +67,7 @@ var Tag = forwardRef(function (props, ref) {
                         actionIconButtonOverrides,
                     ], style: {
                         '--sw-color': theme.spr.iconTertiary,
-                    }, "aria-label": locale.tag.closeAriaLabel, tabIndex: actionProps === null || actionProps === void 0 ? void 0 : actionProps.tabIndex }, { children: _jsx(ActionIcon, __assign({ size: clearableIconSize }, actionIconProps)) })) }))) : null] })));
+                    }, "aria-label": closeAriaLabel !== null && closeAriaLabel !== void 0 ? closeAriaLabel : locale.tag.closeAriaLabel, tabIndex: actionProps === null || actionProps === void 0 ? void 0 : actionProps.tabIndex }, { children: _jsx(ActionIcon, __assign({ size: clearableIconSize }, actionIconProps)) })) }))) : null] })));
 });
 Tag.displayName = 'Tag';
 Tag.__standard = 'Component';

package/esm/tag/types.d.ts

@@ -1,7 +1,7 @@
-import * as React from 'react';
-import { AvatarProps } from '../avatar';
-import { Override } from '../overrides';
-import { ClassName, SpacewebComponentProps } from '../types';
+import type * as React from 'react';
+import type { AvatarProps } from '../avatar';
+import type { Override } from '../overrides';
+import type { ClassName, SpacewebComponentProps } from '../types';
 export type Intent = 'success' | 'error' | 'warning' | 'info' | 'default' | 'ai';
 export type Appearance = 'gray' | 'white' | 'outline';
 export type Variant = 'solid' | 'light';
@@ -16,6 +16,7 @@ export type TagOverrides = {
 };
 export type TagProps = SpacewebComponentProps<{
     closeable?: boolean;
+    closeAriaLabel?: string;
     isFocused?: boolean;
     isHovered?: boolean;
     children?: React.ReactNode;

package/form-control/form-control.d.ts

@@ -1,4 +1,4 @@
 import * as React from 'react';
-import { FormControlProps } from './types';
+import type { FormControlProps } from './types';
 declare const FormControl: React.ForwardRefExoticComponent<FormControlProps & React.RefAttributes<HTMLElement>>;
 export { FormControl };

package/form-control/form-control.js

@@ -71,7 +71,7 @@ var FormControl = (0, react_2.forwardRef)(function (_a, ref) {
                             _a[a11yErrorMessageId] = intentMessageNode,
                             _a[a11yDisabledTooltipId] = shouldShowDisabledTooltip,
                             _a));
-                        var childElement = React.cloneElement(child, tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign({ key: key, id: a11yFieldId, 'aria-invalid': invalidInput }, (invalidInput ? { 'aria-errormessage': error ? a11yErrorMessageId : a11yCaptionId } : {})), { 'aria-labelledby': a11yLabelId }), (ariaDescribedBy ? { 'aria-describedby': ariaDescribedBy } : {})), { 'aria-required': required ? 'true' : 'false', size: onlyChildProps.size || size, disabled: onlyChildProps.disabled || disabled, required: onlyChildProps.required || required }));
+                        var childElement = React.cloneElement(child, tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign({ key: key, id: a11yFieldId, 'aria-invalid': invalidInput }, (invalidInput ? { 'aria-errormessage': error ? a11yErrorMessageId : a11yCaptionId } : {})), (label ? { 'aria-labelledby': a11yLabelId } : {})), (ariaDescribedBy ? { 'aria-describedby': ariaDescribedBy } : {})), { 'aria-required': required ? 'true' : 'false', size: onlyChildProps.size || size, disabled: onlyChildProps.disabled || disabled, required: onlyChildProps.required || required }));
                         return shouldShowDisabledTooltip ? ((0, jsx_runtime_1.jsx)(DisabledTooltip, tslib_1.__assign({ content: disabledTooltip }, disabledTooltipProps, { children: (0, jsx_runtime_1.jsx)(box_1.Box, tslib_1.__assign({ className: "inline-block w-full" }, { children: childElement })) }), "disabled-tooltip-".concat(key))) : (childElement);
                     }),
                     captionMessage ? ((0, jsx_runtime_1.jsx)(Caption, tslib_1.__assign({ "data-spaceweb": "form-control-caption", id: a11yCaptionId }, sharedProps, captionProps, { children: renderWithIcon(intent, captionMessage) }))) : null,

package/menu/StatefulSubMenu.d.ts

@@ -19,7 +19,7 @@ declare const StatefulSubMenu: import("react").ForwardRefExoticComponent<Omit<Me
     onItemSelect?: ((item: SubMenuItem, event?: MouseEvent) => void) | undefined;
     overrides?: {
         Menu?: Override<Omit<import("../list").ListProps, "overrides"> & {
-            getActionsElement?: import("./types").MenuItemActions<import("./types").MenuActionItem>;
+            getActionsElement?: import("./types").MenuItemActions<import("./types").MenuActionItem> | undefined;
             disableNavigationOnMount?: boolean | undefined;
             focusWhenNavigationEnabled?: boolean | undefined;
             keyboardFocusRestoreTarget?: HTMLElement | null | undefined;