@kaizen/components 1.70.9 → 1.70.11

package/dist/esm/TitleBlockZen/subcomponents/MainActions.mjs

@@ -15,10 +15,10 @@ const MainActions = /*#__PURE__*/function () {
     var primaryAction = _a.primaryAction,
       defaultAction = _a.defaultAction,
       _f = _a.reversed,
-      reversed = _f === void 0 ? false : _f,
+      reversed = _f === undefined ? false : _f,
       overflowMenuItems = _a.overflowMenuItems,
       _g = _a.showOverflowMenu,
-      showOverflowMenu = _g === void 0 ? false : _g;
+      showOverflowMenu = _g === undefined ? false : _g;
     var items;
     if (primaryAction && isMenuGroupNotButton(primaryAction)) {
       var menuContent = primaryAction.menuItems.map(function (item, idx) {
@@ -30,14 +30,14 @@ const MainActions = /*#__PURE__*/function () {
       });
       items = __spreadArray(__spreadArray([], defaultAction ? [{
         key: 'defaultAction',
-        node: ( /*#__PURE__*/React.createElement(Button, __assign({}, defaultAction, {
-          reversed: (_b = defaultAction.reversed) !== null && _b !== void 0 ? _b : reversed,
+        node: (/*#__PURE__*/React.createElement(Button, __assign({}, defaultAction, {
+          reversed: (_b = defaultAction.reversed) !== null && _b !== undefined ? _b : reversed,
           "data-automation-id": "title-block-default-action-button",
           "data-testid": "title-block-default-action-button"
         })))
       }] : [], true), primaryAction ? [{
         key: 'primaryAction',
-        node: ( /*#__PURE__*/React.createElement(Menu, {
+        node: (/*#__PURE__*/React.createElement(Menu, {
           align: "right",
           button: /*#__PURE__*/React.createElement(Button, {
             label: primaryAction.label,
@@ -59,16 +59,16 @@ const MainActions = /*#__PURE__*/function () {
     } else {
       items = __spreadArray(__spreadArray([], defaultAction ? [{
         key: 'defaultAction',
-        node: ( /*#__PURE__*/React.createElement(Button, __assign({}, defaultAction, {
-          reversed: (_c = defaultAction.reversed) !== null && _c !== void 0 ? _c : reversed,
+        node: (/*#__PURE__*/React.createElement(Button, __assign({}, defaultAction, {
+          reversed: (_c = defaultAction.reversed) !== null && _c !== undefined ? _c : reversed,
           "data-automation-id": "title-block-default-action-button",
           "data-testid": "title-block-default-action-button"
         })))
       }] : [], true), primaryAction ? [{
         key: 'primaryAction',
-        node: ( /*#__PURE__*/React.createElement(Button, __assign({}, primaryAction, {
-          primary: (_d = primaryAction.primary) !== null && _d !== void 0 ? _d : true,
-          reversed: (_e = primaryAction.reversed) !== null && _e !== void 0 ? _e : reversed,
+        node: (/*#__PURE__*/React.createElement(Button, __assign({}, primaryAction, {
+          primary: (_d = primaryAction.primary) !== null && _d !== undefined ? _d : true,
+          reversed: (_e = primaryAction.reversed) !== null && _e !== undefined ? _e : reversed,
           "data-automation-id": "title-block-primary-action-button",
           "data-testid": "title-block-primary-action-button",
           badge: primaryAction.badge ? __assign(__assign({}, primaryAction.badge), {
@@ -80,7 +80,7 @@ const MainActions = /*#__PURE__*/function () {
     if (overflowMenuItems && showOverflowMenu && overflowMenuItems.length > 0) {
       items = __spreadArray([{
         key: 'overflowMenu',
-        node: ( /*#__PURE__*/React.createElement(Menu, {
+        node: (/*#__PURE__*/React.createElement(Menu, {
           align: "right",
           button: /*#__PURE__*/React.createElement(IconButton, {
             id: TITLE_BLOCK_ZEN_SECONDARY_MENU_HTML_ID,

package/dist/esm/TitleBlockZen/subcomponents/MobileActions.mjs

@@ -94,8 +94,8 @@ var DrawerMenuContent = function (_a) {
     defaultAction = _a.defaultAction,
     secondaryActions = _a.secondaryActions,
     secondaryOverflowMenuItems = _a.secondaryOverflowMenuItems;
-  var showOtherActionsHeading = (_c = (_b = defaultAction && defaultActionIsButton(defaultAction)) !== null && _b !== void 0 ? _b : secondaryActions) !== null && _c !== void 0 ? _c : secondaryOverflowMenuItems;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(MenuList, null, primaryAction && renderPrimaryActionDrawerContent(primaryAction, 'link'), defaultAction && renderDefaultLink(defaultAction), primaryAction && renderPrimaryActionDrawerContent(primaryAction, 'action')), ((_d = defaultAction !== null && defaultAction !== void 0 ? defaultAction : secondaryActions) !== null && _d !== void 0 ? _d : secondaryOverflowMenuItems) && ( /*#__PURE__*/React.createElement(MenuList, {
+  var showOtherActionsHeading = (_c = (_b = defaultAction && defaultActionIsButton(defaultAction)) !== null && _b !== undefined ? _b : secondaryActions) !== null && _c !== undefined ? _c : secondaryOverflowMenuItems;
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(MenuList, null, primaryAction && renderPrimaryActionDrawerContent(primaryAction, 'link'), defaultAction && renderDefaultLink(defaultAction), primaryAction && renderPrimaryActionDrawerContent(primaryAction, 'action')), ((_d = defaultAction !== null && defaultAction !== undefined ? defaultAction : secondaryActions) !== null && _d !== undefined ? _d : secondaryOverflowMenuItems) && (/*#__PURE__*/React.createElement(MenuList, {
     heading: showOtherActionsHeading ? /*#__PURE__*/React.createElement(MenuHeading, null, "Other actions") : undefined
   }, defaultAction && renderDefaultAction(defaultAction), secondaryActions && renderSecondaryActions(secondaryActions), secondaryOverflowMenuItems && renderSecondaryOverflowMenuItems(secondaryOverflowMenuItems))));
 };
@@ -175,7 +175,7 @@ var DrawerHandle = function (_a) {
     drawerHandleLabelIconPosition = _a.drawerHandleLabelIconPosition,
     toggleDisplay = _a.toggleDisplay,
     isOpen = _a.isOpen;
-  var showDrawer = (_b = defaultAction !== null && defaultAction !== void 0 ? defaultAction : secondaryActions) !== null && _b !== void 0 ? _b : secondaryOverflowMenuItems;
+  var showDrawer = (_b = defaultAction !== null && defaultAction !== undefined ? defaultAction : secondaryActions) !== null && _b !== undefined ? _b : secondaryOverflowMenuItems;
   if (primaryAction) {
     // If the primary action is a menu
     if (isMenuGroupNotButton(primaryAction)) {
@@ -198,11 +198,11 @@ var DrawerHandle = function (_a) {
     return /*#__PURE__*/React.createElement("div", {
       className: classnames(styles.mobileActionsTopRow, !showDrawer && styles.mobileActionsTopRowSingleButton),
       "data-testid": "title-block-mobile-actions-drawer-handle"
-    }, 'component' in primaryAction ? ( /*#__PURE__*/React.createElement(primaryAction.component, __assign({
+    }, 'component' in primaryAction ? (/*#__PURE__*/React.createElement(primaryAction.component, __assign({
       className: classnames(styles.mobileActionsPrimaryLabel, styles.mobileActionsPrimaryButton)
-    }, primaryAction), primaryAction.label && renderDrawerHandleLabel(primaryAction.label, primaryAction.icon, drawerHandleLabelIconPosition))) : ( /*#__PURE__*/React.createElement(ButtonOrLink, {
+    }, primaryAction), primaryAction.label && renderDrawerHandleLabel(primaryAction.label, primaryAction.icon, drawerHandleLabelIconPosition))) : (/*#__PURE__*/React.createElement(ButtonOrLink, {
       action: getAction(primaryAction)
-    }, renderDrawerHandleLabel(primaryAction.label, primaryAction.icon, drawerHandleLabelIconPosition))), showDrawer && ( /*#__PURE__*/React.createElement("button", {
+    }, renderDrawerHandleLabel(primaryAction.label, primaryAction.icon, drawerHandleLabelIconPosition))), showDrawer && (/*#__PURE__*/React.createElement("button", {
       type: "button",
       className: styles.mobileActionsExpandButton,
       onClick: toggleDisplay,
@@ -243,7 +243,7 @@ const MobileActions = /*#__PURE__*/function () {
       secondaryOverflowMenuItems = _a.secondaryOverflowMenuItems,
       drawerHandleLabelIconPosition = _a.drawerHandleLabelIconPosition,
       _d = _a.autoHide,
-      autoHide = _d === void 0 ? false : _d;
+      autoHide = _d === undefined ? false : _d;
     var _e = useState(false),
       isOpen = _e[0],
       setIsOpen = _e[1];
@@ -254,7 +254,7 @@ const MobileActions = /*#__PURE__*/function () {
     // This callback handler will not run when autoHide === "off"
     var handleDocumentClickForAutoHide = useCallback(function (e) {
       var _a;
-      if (isOpen && e.target instanceof Node && ((_a = menuContent.current) === null || _a === void 0 ? void 0 : _a.contains(e.target))) {
+      if (isOpen && e.target instanceof Node && ((_a = menuContent.current) === null || _a === undefined ? undefined : _a.contains(e.target))) {
         setIsOpen(false);
       }
     },
@@ -284,7 +284,7 @@ const MobileActions = /*#__PURE__*/function () {
       drawerHandleLabelIconPosition: drawerHandleLabelIconPosition,
       toggleDisplay: toggleDisplay,
       isOpen: isOpen
-    }), ((_c = (_b = defaultAction !== null && defaultAction !== void 0 ? defaultAction : secondaryActions) !== null && _b !== void 0 ? _b : secondaryOverflowMenuItems) !== null && _c !== void 0 ? _c : primaryAction && isMenuGroupNotButton(primaryAction)) && ( /*#__PURE__*/React.createElement("div", {
+    }), ((_c = (_b = defaultAction !== null && defaultAction !== undefined ? defaultAction : secondaryActions) !== null && _b !== undefined ? _b : secondaryOverflowMenuItems) !== null && _c !== undefined ? _c : primaryAction && isMenuGroupNotButton(primaryAction)) && (/*#__PURE__*/React.createElement("div", {
       ref: menuContent,
       className: styles.mobileActionsMenuContainer
     }, /*#__PURE__*/React.createElement(DrawerMenuContent, {

package/dist/esm/TitleBlockZen/subcomponents/SecondaryActions.mjs

@@ -35,14 +35,14 @@ const SecondaryActions = /*#__PURE__*/function () {
     var secondaryActions = _a.secondaryActions,
       secondaryOverflowMenuItems = _a.secondaryOverflowMenuItems,
       _b = _a.reversed,
-      reversed = _b === void 0 ? false : _b;
+      reversed = _b === undefined ? false : _b;
     if (!secondaryActions && !secondaryOverflowMenuItems) return null;
     var secondaryActionsAsToolbarItems = secondaryActions ? secondaryActions.map(function (action, i) {
       if ('menuItems' in action) {
         return {
           key: "".concat(i),
           // We shouldn't use an index here, see note above
-          node: ( /*#__PURE__*/React.createElement(Menu, {
+          node: (/*#__PURE__*/React.createElement(Menu, {
             align: "right",
             button: /*#__PURE__*/React.createElement(Button, {
               secondary: true,
@@ -68,7 +68,7 @@ const SecondaryActions = /*#__PURE__*/function () {
         return {
           key: "".concat(i),
           // We shouldn't use an index here, see note above
-          node: ( /*#__PURE__*/React.createElement(Button, __assign({
+          node: (/*#__PURE__*/React.createElement(Button, __assign({
             secondary: true,
             reversed: reversed
           }, action, {

package/dist/esm/TitleBlockZen/subcomponents/Toolbar.mjs

@@ -9,7 +9,7 @@ const Toolbar = /*#__PURE__*/function () {
   const Toolbar = function (_a) {
     var items = _a.items,
       _b = _a.noGap,
-      noGap = _b === void 0 ? false : _b,
+      noGap = _b === undefined ? false : _b,
       automationId = _a.automationId;
     if (!items || items && items.length === 0) {
       return /*#__PURE__*/React.createElement(React.Fragment, null);

package/dist/esm/TitleBlockZen/utils.mjs

@@ -42,7 +42,7 @@ var createTabletOverflowMenuItems = function (secondaryActions, secondaryOverflo
   } else {
     secondaryActionsList = [];
   }
-  var flatSecondaryOverflowItemsList = secondaryOverflowMenuItems !== null && secondaryOverflowMenuItems !== void 0 ? secondaryOverflowMenuItems : [];
+  var flatSecondaryOverflowItemsList = secondaryOverflowMenuItems !== null && secondaryOverflowMenuItems !== undefined ? secondaryOverflowMenuItems : [];
   return secondaryActionsList.concat(flatSecondaryOverflowItemsList);
 };
 export { NON_REVERSED_VARIANTS, convertSecondaryActionsToMenuItems, createTabletOverflowMenuItems, isMenuGroupNotButton, isReversed };

package/dist/esm/ToggleSwitch/ToggleSwitchField/ToggleSwitchField.mjs

@@ -15,7 +15,7 @@ const ToggleSwitchField = /*#__PURE__*/function () {
     var propsId = _a.id,
       labelText = _a.labelText,
       _b = _a.labelPosition,
-      labelPosition = _b === void 0 ? 'start' : _b,
+      labelPosition = _b === undefined ? 'start' : _b,
       toggledStatus = _a.toggledStatus,
       disabled = _a.disabled,
       reversed = _a.reversed,
@@ -23,7 +23,7 @@ const ToggleSwitchField = /*#__PURE__*/function () {
       fullWidth = _a.fullWidth,
       restProps = __rest(_a, ["id", "labelText", "labelPosition", "toggledStatus", "disabled", "reversed", "inline", "fullWidth"]);
     var fallbackId = useId();
-    var id = propsId !== null && propsId !== void 0 ? propsId : fallbackId;
+    var id = propsId !== null && propsId !== undefined ? propsId : fallbackId;
     return /*#__PURE__*/React.createElement(FieldGroup, {
       id: "".concat(id, "-field-group"),
       inline: inline,

package/dist/esm/Tooltip/Tooltip.mjs

@@ -16,7 +16,7 @@ var TooltipContent = function (_a) {
     referenceElement = _a.referenceElement,
     tooltipId = _a.tooltipId,
     _b = _a.mood,
-    mood = _b === void 0 ? 'default' : _b;
+    mood = _b === undefined ? 'default' : _b;
   var _c = useState(null),
     popperElement = _c[0],
     setPopperElement = _c[1];
@@ -63,7 +63,7 @@ var TooltipContent = function (_a) {
     isVisible = _f.isVisible,
     isAnimIn = _f.isAnimIn,
     isAnimOut = _f.isAnimOut;
-  return isVisible || isAnimOut || isAnimIn ? ( /*#__PURE__*/React.createElement("div", __assign({
+  return isVisible || isAnimOut || isAnimIn ? (/*#__PURE__*/React.createElement("div", __assign({
     ref: setPopperElement,
     className: styles.tooltip,
     style: popperStyles.popper
@@ -100,16 +100,16 @@ const Tooltip = /*#__PURE__*/function () {
     var children = _a.children,
       text = _a.text,
       _b = _a.display,
-      display = _b === void 0 ? 'block' : _b,
+      display = _b === undefined ? 'block' : _b,
       _c = _a.position,
-      position = _c === void 0 ? 'above' : _c,
+      position = _c === undefined ? 'above' : _c,
       classNameOverride = _a.classNameOverride,
       portalSelector = _a.portalSelector,
       animationDuration = _a.animationDuration,
       _d = _a.isInitiallyVisible,
-      isInitiallyVisible = _d === void 0 ? false : _d,
+      isInitiallyVisible = _d === undefined ? false : _d,
       _e = _a.mood,
-      mood = _e === void 0 ? 'default' : _e;
+      mood = _e === undefined ? 'default' : _e;
     var _f = useState(isInitiallyVisible),
       isHover = _f[0],
       setIsHover = _f[1];

package/dist/esm/Tooltip/subcomponents/AppearanceAnim.mjs

@@ -15,7 +15,7 @@ var AnimationContext = /*#__PURE__*/React.createContext({
 var AnimationProvider = function (_a) {
   var isVisible = _a.isVisible,
     _b = _a.animationDuration,
-    animationDuration = _b === void 0 ? ANIM_DURATION_MS : _b,
+    animationDuration = _b === undefined ? ANIM_DURATION_MS : _b,
     otherProps = __rest(_a, ["isVisible", "animationDuration"]);
   var _c = useState(false),
     isAnimIn = _c[0],

package/dist/esm/Tooltip/utils/isSemanticElement.mjs

@@ -4,7 +4,7 @@ import React from 'react';
 var allowedDisplayNames = ['Button', 'IconButton', 'FilterButtonBase'];
 function extractDisplayName(type) {
   var _a, _b;
-  return (_b = (_a = type.displayName) !== null && _a !== void 0 ? _a : type.name) !== null && _b !== void 0 ? _b : 'Unknown';
+  return (_b = (_a = type.displayName) !== null && _a !== undefined ? _a : type.name) !== null && _b !== undefined ? _b : 'Unknown';
 }
 /**
  *  Validates implicit or explicitly semantic roles required to make `aria-describedby` announce predictably with screen readers

package/dist/esm/Well/Well.mjs

@@ -12,11 +12,11 @@ const Well = /*#__PURE__*/function () {
     var children = _a.children,
       variant = _a.variant,
       _b = _a.color,
-      color = _b === void 0 ? 'white' : _b,
+      color = _b === undefined ? 'white' : _b,
       _c = _a.borderStyle,
-      borderStyle = _c === void 0 ? 'solid' : _c,
+      borderStyle = _c === undefined ? 'solid' : _c,
       _d = _a.noMargin,
-      noMargin = _d === void 0 ? false : _d,
+      noMargin = _d === undefined ? false : _d,
       classNameOverride = _a.classNameOverride,
       restProps = __rest(_a, ["children", "variant", "color", "borderStyle", "noMargin", "classNameOverride"]);
     return /*#__PURE__*/React.createElement("div", __assign({

package/dist/esm/Workflow/subcomponents/Footer/components/FooterActions/FooterActions.mjs

@@ -7,7 +7,7 @@ import styles from './FooterActions.module.css.mjs';
 const FooterAction = /*#__PURE__*/function () {
   const FooterAction = function (_a) {
     var _b = _a.actionType,
-      actionType = _b === void 0 ? 'Previous' : _b,
+      actionType = _b === undefined ? 'Previous' : _b,
       action = _a.action,
       restProps = __rest(_a, ["actionType", "action"]);
     return /*#__PURE__*/React.createElement("div", __assign({

package/dist/esm/Workflow/subcomponents/Footer/components/ProgressStepper/ProgressStepper.mjs

@@ -40,7 +40,7 @@ const ProgressStepper = /*#__PURE__*/function () {
     var currentStepId = _a.currentStepId,
       steps = _a.steps,
       _b = _a.isComplete,
-      isComplete = _b === void 0 ? false : _b,
+      isComplete = _b === undefined ? false : _b,
       restprops = __rest(_a, ["currentStepId", "steps", "isComplete"]);
     var currentStepIndex = steps.findIndex(function (stepItem) {
       return stepItem.id === currentStepId;
@@ -71,7 +71,7 @@ const ProgressStepper = /*#__PURE__*/function () {
         className: styles.stepIndicator
       }, /*#__PURE__*/React.createElement("span", {
         className: classnames(styles.stepIcon, (_b = {}, _b[styles.isCompleted] = isCompletedStep, _b))
-      }, icon)), index < steps.length - 1 && ( /*#__PURE__*/React.createElement("div", {
+      }, icon)), index < steps.length - 1 && (/*#__PURE__*/React.createElement("div", {
         className: classnames([styles.stepDivider, isCompletedStep && styles.completedStep])
       }))));
     })), /*#__PURE__*/React.createElement("span", {

package/dist/esm/Workflow/subcomponents/Header/components/Actions/Actions.mjs

@@ -9,7 +9,7 @@ const Actions = /*#__PURE__*/function () {
       restProps = __rest(_a, ["headerActions"]);
     return /*#__PURE__*/React.createElement("div", __assign({
       className: styles.actions
-    }, restProps), headerActions === null || headerActions === void 0 ? void 0 : headerActions.map(function (action, index) {
+    }, restProps), headerActions === null || headerActions === undefined ? undefined : headerActions.map(function (action, index) {
       return /*#__PURE__*/React.createElement(action.type, __assign({
         key: "header-actions ".concat(index)
       }, action.props));

package/dist/esm/Workflow/subcomponents/Header/components/Branding/Branding.mjs

@@ -4,7 +4,7 @@ import styles from './Branding.module.css.mjs';
 const Branding = /*#__PURE__*/function () {
   const Branding = function (_a) {
     var _b = _a.variant,
-      variant = _b === void 0 ? 'logo-horizontal' : _b,
+      variant = _b === undefined ? 'logo-horizontal' : _b,
       alt = _a.alt;
     return /*#__PURE__*/React.createElement("div", {
       className: styles.branding

package/dist/esm/__rc__/Button/Button.mjs

@@ -9,26 +9,26 @@ import { useReversedColors } from '../../__utilities__/ReversedColors/v3/Reverse
 const Button = /*#__PURE__*/function () {
   const Button = /*#__PURE__*/forwardRef(function (_a, ref) {
     var _b = _a.variant,
-      variant = _b === void 0 ? 'primary' : _b,
+      variant = _b === undefined ? 'primary' : _b,
       _c = _a.size,
-      size = _c === void 0 ? 'medium' : _c,
+      size = _c === undefined ? 'medium' : _c,
       className = _a.className,
       children = _a.children,
       isDisabled = _a.isDisabled,
       _d = _a.isFullWidth,
-      isFullWidth = _d === void 0 ? false : _d,
+      isFullWidth = _d === undefined ? false : _d,
       icon = _a.icon,
       iconPosition = _a.iconPosition,
       _e = _a.hasHiddenLabel,
-      hasHiddenLabel = _e === void 0 ? false : _e,
+      hasHiddenLabel = _e === undefined ? false : _e,
       isPending = _a.isPending,
       _f = _a.hasHiddenPendingLabel,
-      propsHasHiddenPendingLabel = _f === void 0 ? false : _f,
+      propsHasHiddenPendingLabel = _f === undefined ? false : _f,
       pendingLabel = _a.pendingLabel,
       isReversed = _a.isReversed,
       restProps = __rest(_a, ["variant", "size", "className", "children", "isDisabled", "isFullWidth", "icon", "iconPosition", "hasHiddenLabel", "isPending", "hasHiddenPendingLabel", "pendingLabel", "isReversed"]);
     var shouldUseReverse = useReversedColors();
-    var isReversedVariant = isReversed !== null && isReversed !== void 0 ? isReversed : shouldUseReverse;
+    var isReversedVariant = isReversed !== null && isReversed !== undefined ? isReversed : shouldUseReverse;
     var pendingProps = isPending ? {
       isPending: isPending,
       hasHiddenPendingLabel: hasHiddenLabel || propsHasHiddenPendingLabel,

package/dist/esm/__rc__/Button/subcomponents/ButtonContent/ButtonContent.mjs

@@ -9,17 +9,17 @@ var ButtonContent = function (_a) {
   var children = _a.children,
     hasHiddenLabel = _a.hasHiddenLabel,
     _b = _a.size,
-    size = _b === void 0 ? 'medium' : _b,
+    size = _b === undefined ? 'medium' : _b,
     icon = _a.icon,
     _c = _a.iconPosition,
-    iconPosition = _c === void 0 ? 'start' : _c,
+    iconPosition = _c === undefined ? 'start' : _c,
     className = _a.className,
     restProps = __rest(_a, ["children", "hasHiddenLabel", "size", "icon", "iconPosition", "className"]);
   return /*#__PURE__*/React.createElement("span", __assign({
     className: classnames(className, styles.buttonContent, styles[size])
   }, restProps), icon && iconPosition === 'start' && /*#__PURE__*/React.createElement("span", {
     className: styles.buttonIcon
-  }, icon), hasHiddenLabel ? ( /*#__PURE__*/React.createElement(VisuallyHidden, null, children)) : ( /*#__PURE__*/React.createElement("span", {
+  }, icon), hasHiddenLabel ? (/*#__PURE__*/React.createElement(VisuallyHidden, null, children)) : (/*#__PURE__*/React.createElement("span", {
     className: styles.buttonLabel
   }, children)), icon && iconPosition === 'end' && /*#__PURE__*/React.createElement("span", {
     className: styles.buttonIcon

package/dist/esm/__rc__/Button/subcomponents/PendingContent/PendingContent.mjs

@@ -12,12 +12,12 @@ import styles from './PendingContent.module.css.mjs';
 var PendingContent = function (_a) {
   var pendingLabel = _a.pendingLabel,
     _b = _a.hasHiddenPendingLabel,
-    hasHiddenPendingLabel = _b === void 0 ? false : _b,
+    hasHiddenPendingLabel = _b === undefined ? false : _b,
     _c = _a.size,
-    size = _c === void 0 ? 'medium' : _c;
+    size = _c === undefined ? 'medium' : _c;
   return /*#__PURE__*/React.createElement("span", {
     className: classnames(styles.pendingContent, styles[size])
-  }, hasHiddenPendingLabel ? ( /*#__PURE__*/React.createElement(VisuallyHidden, null, pendingLabel)) : ( /*#__PURE__*/React.createElement("span", null, pendingLabel)), /*#__PURE__*/React.createElement(LoadingSpinner, {
+  }, hasHiddenPendingLabel ? (/*#__PURE__*/React.createElement(VisuallyHidden, null, pendingLabel)) : (/*#__PURE__*/React.createElement("span", null, pendingLabel)), /*#__PURE__*/React.createElement(LoadingSpinner, {
     size: size === 'small' ? 'xs' : 'sm',
     accessibilityLabel: "",
     classNameOverride: hasHiddenPendingLabel ? styles.centerSpinner : undefined

package/dist/esm/__rc__/Menu/MenuItem.mjs

@@ -14,16 +14,16 @@ const MenuItem = /*#__PURE__*/function () {
       children = _a.children,
       textValue = _a.textValue,
       props = __rest(_a, ["className", "icon", "children", "textValue"]);
-    var determinedTextValue = textValue !== null && textValue !== void 0 ? textValue : typeof children === 'string' ? children : undefined;
+    var determinedTextValue = textValue !== null && textValue !== undefined ? textValue : typeof children === 'string' ? children : undefined;
     return /*#__PURE__*/React.createElement(MenuItem$1, __assign({
       ref: ref,
       className: mergeClassNames(styles.item, className),
       textValue: determinedTextValue
-    }, props), /*#__PURE__*/React.createElement(React.Fragment, null, typeof children === 'string' && icon ? ( /*#__PURE__*/React.createElement("div", {
+    }, props), typeof children === 'string' && icon ? (/*#__PURE__*/React.createElement("div", {
       className: styles.flexWrapper
     }, /*#__PURE__*/React.createElement("span", {
       className: styles.iconWrapper
-    }, icon), children)) : ( /*#__PURE__*/React.createElement(React.Fragment, null, children))));
+    }, icon), children)) : children);
   });
   MenuItem.displayName = 'MenuItem';
   return MenuItem;

package/dist/esm/__rc__/Select/Select.mjs

@@ -42,14 +42,14 @@ const Select = /*#__PURE__*/function () {
       selectedKey = _a.selectedKey,
       description = _a.description,
       _c = _a.placeholder,
-      placeholder = _c === void 0 ? '' : _c,
+      placeholder = _c === undefined ? '' : _c,
       isDisabled = _a.isDisabled,
       portalContainerId = _a.portalContainerId,
       restProps = __rest(_a, ["label", "items", "id", "trigger", "children", "status", "validationMessage", "isReversed", "isFullWidth", "disabledValues", "classNameOverride", "selectedKey", "description", "placeholder", "isDisabled", "portalContainerId"]);
     var refs = useFloating().refs;
     var triggerRef = refs.reference;
     var fallbackId = useId();
-    var id = propsId !== null && propsId !== void 0 ? propsId : fallbackId;
+    var id = propsId !== null && propsId !== undefined ? propsId : fallbackId;
     var descriptionId = "".concat(id, "--description");
     var popoverId = "".concat(id, "--popover");
     var disabledKeys = getDisabledKeysFromItems(items);
@@ -57,7 +57,7 @@ const Select = /*#__PURE__*/function () {
       label: label,
       items: items,
       children: transformSelectItemToCollectionElement,
-      disabledKeys: disabledValues !== null && disabledValues !== void 0 ? disabledValues : disabledKeys,
+      disabledKeys: disabledValues !== null && disabledValues !== undefined ? disabledValues : disabledKeys,
       selectedKey: typeof selectedKey === 'number' ? selectedKey.toString() : selectedKey,
       description: description,
       placeholder: placeholder,
@@ -78,13 +78,13 @@ const Select = /*#__PURE__*/function () {
     // Issue: https://github.com/adobe/react-spectrum/issues/4091
     var reactAriaLabelledBy = reactAriaTriggerProps['aria-labelledby'];
     var triggerProps = __assign(__assign({}, reactAriaTriggerProps), {
-      'aria-labelledby': reactAriaLabelledBy === null || reactAriaLabelledBy === void 0 ? void 0 : reactAriaLabelledBy.substring(reactAriaLabelledBy.indexOf(' ') + 1)
+      'aria-labelledby': reactAriaLabelledBy === null || reactAriaLabelledBy === undefined ? undefined : reactAriaLabelledBy.substring(reactAriaLabelledBy.indexOf(' ') + 1)
     });
     var buttonProps = useButton(triggerProps, triggerRef).buttonProps;
     var selectToggleProps = __assign(__assign({}, buttonProps), {
       label: label,
       labelProps: labelProps,
-      value: (_b = state === null || state === void 0 ? void 0 : state.selectedItem) === null || _b === void 0 ? void 0 : _b.rendered,
+      value: (_b = state === null || state === undefined ? undefined : state.selectedItem) === null || _b === undefined ? undefined : _b.rendered,
       valueProps: valueProps,
       isOpen: state.isOpen,
       placeholder: placeholder,
@@ -111,7 +111,7 @@ const Select = /*#__PURE__*/function () {
       triggerRef: triggerRef
     }), /*#__PURE__*/React.createElement("div", {
       className: styles.container
-    }, trigger === undefined ? ( /*#__PURE__*/React.createElement(SelectToggle, __assign({}, selectToggleProps))) : trigger(selectToggleProps, selectToggleProps.ref), state.isOpen && ( /*#__PURE__*/React.createElement(Popover, {
+    }, trigger === undefined ? (/*#__PURE__*/React.createElement(SelectToggle, __assign({}, selectToggleProps))) : trigger(selectToggleProps, selectToggleProps.ref), state.isOpen && (/*#__PURE__*/React.createElement(Popover, {
       id: popoverId,
       portalContainer: portalContainer,
       refs: refs
@@ -119,11 +119,11 @@ const Select = /*#__PURE__*/function () {
       state: state
     }, /*#__PURE__*/React.createElement(SelectPopoverContents, {
       menuProps: menuProps
-    }, children))))), validationMessage && ( /*#__PURE__*/React.createElement(FieldMessage, __assign({}, errorMessageProps, {
+    }, children))))), validationMessage && (/*#__PURE__*/React.createElement(FieldMessage, __assign({}, errorMessageProps, {
       message: validationMessage,
       status: status,
       reversed: isReversed
-    }))), description && ( /*#__PURE__*/React.createElement(FieldMessage, __assign({}, descriptionProps, {
+    }))), description && (/*#__PURE__*/React.createElement(FieldMessage, __assign({}, descriptionProps, {
       id: descriptionId,
       message: description,
       reversed: isReversed

package/dist/esm/__rc__/Select/subcomponents/ListBox/ListBox.mjs

@@ -55,7 +55,7 @@ const ListBox = /*#__PURE__*/function () {
           focusToElement.focus();
         } else {
           // If an element is not found, focus on the listbox. This ensures the list can still be navigated to via keyboard if the keys do not align to the data attributes of the list items.
-          (_a = ref.current) === null || _a === void 0 ? void 0 : _a.focus();
+          (_a = ref.current) === null || _a === undefined ? undefined : _a.focus();
         }
       }
       // Only run this effect for checking the first successful render

package/dist/esm/__rc__/Select/subcomponents/ListBoxSection/ListBoxSection.mjs

@@ -16,7 +16,7 @@ const ListBoxSection = /*#__PURE__*/function () {
       groupProps = _b.groupProps;
     return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("li", __assign({}, itemProps, {
       className: styles.sectionWrapper
-    }), section.rendered && ( /*#__PURE__*/React.createElement(Heading, __assign({
+    }), section.rendered && (/*#__PURE__*/React.createElement(Heading, __assign({
       tag: "span",
       variant: "heading-6"
     }, headingProps, {

package/dist/esm/__rc__/Select/subcomponents/ListItem/ListItem.mjs

@@ -4,10 +4,10 @@ import { Option } from '../Option/Option.mjs';
 const ListItem = /*#__PURE__*/function () {
   const ListItem = function (_a) {
     var item = _a.item;
-    return item.type === 'section' ? ( /*#__PURE__*/React.createElement(ListBoxSection, {
+    return item.type === 'section' ? (/*#__PURE__*/React.createElement(ListBoxSection, {
       key: item.key,
       section: item
-    })) : ( /*#__PURE__*/React.createElement(Option, {
+    })) : (/*#__PURE__*/React.createElement(Option, {
       key: item.key,
       item: item
     }));

package/dist/esm/__rc__/Select/subcomponents/Option/Option.mjs

@@ -32,7 +32,7 @@ const Option = /*#__PURE__*/function () {
             return state.setSelectedKey(item.key);
           }, 250);
         } else {
-          onPointerUp === null || onPointerUp === void 0 ? void 0 : onPointerUp(e);
+          onPointerUp === null || onPointerUp === undefined ? undefined : onPointerUp(e);
         }
       }
     }), {

package/dist/esm/__rc__/Select/subcomponents/SelectToggle/SelectToggle.mjs

@@ -12,7 +12,7 @@ const SelectToggle = /*#__PURE__*/function () {
       valueProps = _a.valueProps,
       isOpen = _a.isOpen,
       _b = _a.placeholder,
-      placeholder = _b === void 0 ? 'Select' : _b,
+      placeholder = _b === undefined ? 'Select' : _b,
       status = _a.status,
       isDisabled = _a.isDisabled,
       isReversed = _a.isReversed,
@@ -31,7 +31,7 @@ const SelectToggle = /*#__PURE__*/function () {
       className: classnames(styles.selectToggle, (value === null || value === undefined) && styles.placeholder, status === 'error' && styles.error, status === 'caution' && styles.caution, isDisabled && styles.disabled, isReversed && styles.reversed, classNameOverride)
     }), /*#__PURE__*/React.createElement("span", __assign({}, valueProps, {
       className: styles.value
-    }), value !== null && value !== void 0 ? value : placeholder), /*#__PURE__*/React.createElement(Icon, {
+    }), value !== null && value !== undefined ? value : placeholder), /*#__PURE__*/React.createElement(Icon, {
       name: isOpen ? 'keyboard_arrow_up' : 'keyboard_arrow_down',
       isPresentational: true,
       className: styles.icon

package/dist/esm/__rc__/Select/utils/transformSelectItemToCollectionElement.mjs

@@ -2,7 +2,7 @@ import React from 'react';
 import { Section, Item } from '@react-stately/collections';
 import { isSelectOptionGroup } from './isSelectOptionGroup.mjs';
 var transformSelectItemToCollectionElement = function (item) {
-  return isSelectOptionGroup(item) ? ( /*#__PURE__*/React.createElement(Section, {
+  return isSelectOptionGroup(item) ? (/*#__PURE__*/React.createElement(Section, {
     key: item.label,
     title: item.label,
     items: item.options
@@ -10,7 +10,7 @@ var transformSelectItemToCollectionElement = function (item) {
     return /*#__PURE__*/React.createElement(Item, {
       key: child.value
     }, child.label);
-  })) : ( /*#__PURE__*/React.createElement(Item, {
+  })) : (/*#__PURE__*/React.createElement(Item, {
     key: item.value
   }, item.label));
 };

package/dist/esm/__rc__/Tabs/subcomponents/Tab/Tab.mjs

@@ -18,14 +18,11 @@ var Tab = function (props) {
   }, restProps);
   return /*#__PURE__*/React.createElement(Tab$1, __assign({
     "data-kz-tab": true
-  }, tabProps), function (_a) {
-    var isSelected = _a.isSelected,
-      isFocusVisible = _a.isFocusVisible,
-      isHovered = _a.isHovered;
-    return /*#__PURE__*/React.createElement(React.Fragment, null, children, badge && ( /*#__PURE__*/React.createElement("span", {
+  }, tabProps), function (TabRenderProps) {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, typeof children === 'function' ? children(TabRenderProps) : children, badge && (/*#__PURE__*/React.createElement("span", {
       className: styles.badge
     }, /*#__PURE__*/React.createElement(Badge, {
-      variant: isSelected || isFocusVisible || isHovered ? 'active' : 'default'
+      variant: TabRenderProps.isSelected || TabRenderProps.isFocusVisible || TabRenderProps.isHovered ? 'active' : 'default'
     }, badge))));
   });
 };

package/dist/esm/__rc__/Tabs/subcomponents/TabList/TabList.mjs

@@ -13,7 +13,7 @@ import styles from './TabList.module.css.mjs';
 var TabList = function (props) {
   var ariaLabel = props["aria-label"],
     _a = props.noPadding,
-    noPadding = _a === void 0 ? false : _a,
+    noPadding = _a === undefined ? false : _a,
     children = props.children,
     className = props.className,
     testId = props["data-testid"],
@@ -36,7 +36,7 @@ var TabList = function (props) {
     containerElement = _f[0],
     setContainerElement = _f[1];
   var tabListContext = useContext(TabListStateContext);
-  var selectedKey = tabListContext === null || tabListContext === void 0 ? void 0 : tabListContext.selectedKey;
+  var selectedKey = tabListContext === null || tabListContext === undefined ? undefined : tabListContext.selectedKey;
   useEffect(function () {
     if (!isDocumentReady) {
       setIsDocumentReady(true);
@@ -50,7 +50,7 @@ var TabList = function (props) {
     if (!isDocumentReady) {
       return;
     }
-    var tabs = containerElement === null || containerElement === void 0 ? void 0 : containerElement.querySelectorAll('[data-kz-tab]');
+    var tabs = containerElement === null || containerElement === undefined ? undefined : containerElement.querySelectorAll('[data-kz-tab]');
     if (!tabs) {
       return;
     }
@@ -87,7 +87,7 @@ var TabList = function (props) {
       return;
     }
     // Scroll selected tab into view
-    (_a = containerElement === null || containerElement === void 0 ? void 0 : containerElement.querySelector('[role="tab"][data-selected=true]')) === null || _a === void 0 ? void 0 : _a.scrollIntoView({
+    (_a = containerElement === null || containerElement === undefined ? undefined : containerElement.querySelector('[role="tab"][data-selected=true]')) === null || _a === undefined ? undefined : _a.scrollIntoView({
       block: 'nearest',
       inline: 'center'
     });