@kaizen/components 1.73.5 → 1.73.7

package/dist/cjs/__next__/Select/Select.cjs

@@ -50,14 +50,14 @@ var Select = function (_a) {
     selectedKey = _a.selectedKey,
     description = _a.description,
     _c = _a.placeholder,
-    placeholder = _c === undefined ? '' : _c,
+    placeholder = _c === void 0 ? '' : _c,
     isDisabled = _a.isDisabled,
     portalContainerId = _a.portalContainerId,
     restProps = tslib.__rest(_a, ["label", "items", "id", "trigger", "children", "status", "validationMessage", "isReversed", "isFullWidth", "disabledValues", "classNameOverride", "selectedKey", "description", "placeholder", "isDisabled", "portalContainerId"]);
   var refs = reactDom.useFloating().refs;
   var triggerRef = refs.reference;
   var fallbackId = React.useId();
-  var id = propsId !== null && propsId !== undefined ? propsId : fallbackId;
+  var id = propsId !== null && propsId !== void 0 ? propsId : fallbackId;
   var descriptionId = "".concat(id, "--description");
   var popoverId = "".concat(id, "--popover");
   var disabledKeys = getDisabledKeysFromItems.getDisabledKeysFromItems(items);
@@ -65,7 +65,7 @@ var Select = function (_a) {
     label: label,
     items: items,
     children: transformSelectItemToCollectionElement.transformSelectItemToCollectionElement,
-    disabledKeys: disabledValues !== null && disabledValues !== undefined ? disabledValues : disabledKeys,
+    disabledKeys: disabledValues !== null && disabledValues !== void 0 ? disabledValues : disabledKeys,
     selectedKey: typeof selectedKey === 'number' ? selectedKey.toString() : selectedKey,
     description: description,
     placeholder: placeholder,
@@ -86,13 +86,13 @@ var Select = function (_a) {
   // Issue: https://github.com/adobe/react-spectrum/issues/4091
   var reactAriaLabelledBy = reactAriaTriggerProps['aria-labelledby'];
   var triggerProps = tslib.__assign(tslib.__assign({}, reactAriaTriggerProps), {
-    'aria-labelledby': reactAriaLabelledBy === null || reactAriaLabelledBy === undefined ? undefined : reactAriaLabelledBy.substring(reactAriaLabelledBy.indexOf(' ') + 1)
+    'aria-labelledby': reactAriaLabelledBy === null || reactAriaLabelledBy === void 0 ? void 0 : reactAriaLabelledBy.substring(reactAriaLabelledBy.indexOf(' ') + 1)
   });
   var buttonProps = button.useButton(triggerProps, triggerRef).buttonProps;
   var selectToggleProps = tslib.__assign(tslib.__assign({}, buttonProps), {
     label: label,
     labelProps: labelProps,
-    value: (_b = state === null || state === undefined ? undefined : state.selectedItem) === null || _b === undefined ? undefined : _b.rendered,
+    value: (_b = state === null || state === void 0 ? void 0 : state.selectedItem) === null || _b === void 0 ? void 0 : _b.rendered,
     valueProps: valueProps,
     isOpen: state.isOpen,
     placeholder: placeholder,

package/dist/cjs/__next__/Select/subcomponents/ListBox/ListBox.cjs

@@ -63,7 +63,7 @@ var ListBox = function (_a) {
         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 === undefined ? undefined : _a.focus();
+        (_a = ref.current) === null || _a === void 0 ? void 0 : _a.focus();
       }
     }
     // Only run this effect for checking the first successful render

package/dist/cjs/__next__/Select/subcomponents/Option/Option.cjs

@@ -40,7 +40,7 @@ var Option = function (_a) {
           return state.setSelectedKey(item.key);
         }, 250);
       } else {
-        onPointerUp === null || onPointerUp === undefined ? undefined : onPointerUp(e);
+        onPointerUp === null || onPointerUp === void 0 ? void 0 : onPointerUp(e);
       }
     }
   }), {

package/dist/cjs/__next__/Select/subcomponents/SelectToggle/SelectToggle.cjs

@@ -20,7 +20,7 @@ var SelectToggle = React__default.default.forwardRef(function (_a, ref) {
     valueProps = _a.valueProps,
     isOpen = _a.isOpen,
     _b = _a.placeholder,
-    placeholder = _b === undefined ? 'Select' : _b,
+    placeholder = _b === void 0 ? 'Select' : _b,
     status = _a.status,
     isDisabled = _a.isDisabled,
     isReversed = _a.isReversed,
@@ -39,7 +39,7 @@ var SelectToggle = React__default.default.forwardRef(function (_a, ref) {
     className: classnames__default.default(SelectToggle_module.selectToggle, (value === null || value === undefined) && SelectToggle_module.placeholder, status === 'error' && SelectToggle_module.error, status === 'caution' && SelectToggle_module.caution, isDisabled && SelectToggle_module.disabled, isReversed && SelectToggle_module.reversed, classNameOverride)
   }), React__default.default.createElement("span", tslib.__assign({}, valueProps, {
     className: SelectToggle_module.value
-  }), value !== null && value !== undefined ? value : placeholder), React__default.default.createElement(Icon.Icon, {
+  }), value !== null && value !== void 0 ? value : placeholder), React__default.default.createElement(Icon.Icon, {
     name: isOpen ? 'keyboard_arrow_up' : 'keyboard_arrow_down',
     isPresentational: true,
     className: SelectToggle_module.icon

package/dist/cjs/__next__/Select/subcomponents/SelectToggle/SelectToggle.module.scss.cjs

@@ -1,7 +1,6 @@
 'use strict';
 
 var styles = {
-  "iconWrapper": "SelectToggle-module_iconWrapper__QIOBG",
   "icon": "SelectToggle-module_icon__MX9x-",
   "selectToggle": "SelectToggle-module_selectToggle__WzOfT",
   "placeholder": "SelectToggle-module_placeholder__MqhPo",

package/dist/cjs/__next__/Tabs/subcomponents/TabList/TabList.cjs

@@ -22,7 +22,7 @@ var classnames__default = /*#__PURE__*/_interopDefault(classnames);
 var TabList = function (props) {
   var ariaLabel = props["aria-label"],
     _a = props.noPadding,
-    noPadding = _a === undefined ? false : _a,
+    noPadding = _a === void 0 ? false : _a,
     children = props.children,
     className = props.className,
     testId = props["data-testid"],
@@ -45,7 +45,7 @@ var TabList = function (props) {
     containerElement = _f[0],
     setContainerElement = _f[1];
   var tabListContext = React.useContext(reactAriaComponents.TabListStateContext);
-  var selectedKey = tabListContext === null || tabListContext === undefined ? undefined : tabListContext.selectedKey;
+  var selectedKey = tabListContext === null || tabListContext === void 0 ? void 0 : tabListContext.selectedKey;
   React.useEffect(function () {
     if (!isDocumentReady) {
       setIsDocumentReady(true);
@@ -59,8 +59,8 @@ var TabList = function (props) {
     if (!isDocumentReady) {
       return;
     }
-    var tabs = containerElement === null || containerElement === undefined ? undefined : containerElement.querySelectorAll('[data-kz-tab]');
-    if (!tabs) {
+    var tabs = containerElement === null || containerElement === void 0 ? void 0 : containerElement.querySelectorAll('[data-kz-tab]');
+    if (!tabs || tabs.length === 0) {
       return;
     }
     var firstTabObserver = new IntersectionObserver(function (entries) {
@@ -96,7 +96,7 @@ var TabList = function (props) {
       return;
     }
     // Scroll selected tab into view
-    (_a = containerElement === null || containerElement === undefined ? undefined : containerElement.querySelector('[role="tab"][data-selected=true]')) === null || _a === undefined ? undefined : _a.scrollIntoView({
+    (_a = containerElement === null || containerElement === void 0 ? void 0 : containerElement.querySelector('[role="tab"][data-selected=true]')) === null || _a === void 0 ? void 0 : _a.scrollIntoView({
       block: 'nearest',
       inline: 'center'
     });

package/dist/cjs/__next__/Tag/Tag/Tag.cjs

@@ -16,7 +16,7 @@ var Tag = function (_a) {
     classNameOverride = _a.classNameOverride,
     icon = _a.icon,
     _b = _a.color,
-    color = _b === undefined ? 'gray' : _b,
+    color = _b === void 0 ? 'gray' : _b,
     restProps = tslib.__rest(_a, ["children", "classNameOverride", "icon", "color"]);
   return React__default.default.createElement("span", tslib.__assign({
     className: classnames__default.default(Tag_module.tag, Tag_module[color], classNameOverride)

package/dist/cjs/__next__/Tooltip/Tooltip.cjs

@@ -33,7 +33,7 @@ var Tooltip = React.forwardRef(function (_a, ref) {
     setShouldInlineHiddenContent = _b[1];
   React.useLayoutEffect(function () {
     var _a;
-    setShouldInlineHiddenContent(!!((_a = triggerRef === null || triggerRef === undefined ? undefined : triggerRef.current) === null || _a === undefined ? undefined : _a.getAttribute('data-inline-hidden-content')));
+    setShouldInlineHiddenContent(!!((_a = triggerRef === null || triggerRef === void 0 ? void 0 : triggerRef.current) === null || _a === void 0 ? void 0 : _a.getAttribute('data-inline-hidden-content')));
   }, [triggerRef]);
   return React__default.default.createElement(React__default.default.Fragment, null, React__default.default.createElement(reactAriaComponents.Tooltip, tslib.__assign({
     ref: ref,

package/dist/cjs/__next__/Tooltip/Tooltip.module.scss.cjs

@@ -2,7 +2,6 @@
 
 var styles = {
   "tooltip": "Tooltip-module_tooltip__zBer-",
-  "reversed": "Tooltip-module_reversed__VnM1F",
-  "slide": "Tooltip-module_slide__XF-On"
+  "reversed": "Tooltip-module_reversed__VnM1F"
 };
 module.exports = styles;

package/dist/cjs/utils/ReversedColors/ReversedColors.cjs

@@ -14,7 +14,7 @@ var useReversedColors = function () {
 var ReversedColors = function (_a) {
   var children = _a.children,
     _b = _a.isReversed,
-    isReversed = _b === undefined ? true : _b;
+    isReversed = _b === void 0 ? true : _b;
   return React__default.default.createElement(ReversedColorsContext.Provider, {
     value: isReversed
   }, children);

package/dist/cjs/utils/isRTL/isRTL.cjs

@@ -6,6 +6,6 @@
  */
 var isRTL = function (element) {
   var _a;
-  return !!((_a = element.closest('[dir]')) === null || _a === undefined ? undefined : _a.matches('[dir="rtl"]'));
+  return !!((_a = element.closest('[dir]')) === null || _a === void 0 ? void 0 : _a.matches('[dir="rtl"]'));
 };
 exports.isRTL = isRTL;

package/dist/cjs/utils/mergeClassNames.cjs

@@ -22,10 +22,10 @@ var mergeClassNames = function () {
     return typeof className === 'function';
   });
   // "as any" is used because TS is not smart enough to know that containsFunction means that ClassNameType doesn't extend Function
-  if (!containsFunction) return classnames__default.default.apply(undefined, classNames);
+  if (!containsFunction) return classnames__default.default.apply(void 0, classNames);
   // "as any" is used because TS is not smart enough to know that containsFunction means that ClassNameType doesn't extend Function
   return function (state) {
-    return classnames__default.default.apply(undefined, classNames.map(function (className) {
+    return classnames__default.default.apply(void 0, classNames.map(function (className) {
       return typeof className === 'function' ? className(state) : className;
     }));
   };

package/dist/cjs/utils/useMediaQueries.cjs

@@ -12,7 +12,7 @@ var subtractOnePixel = function (breakpoint) {
   return "".concat(parseInt(breakpoint, 10) - 1, "px");
 };
 var useMediaQueries = function (propQueries) {
-  if (propQueries === undefined) {
+  if (propQueries === void 0) {
     propQueries = {};
   }
   if (typeof window === 'undefined') {

package/dist/cjs/utils/useResizeObserver.cjs

@@ -22,7 +22,7 @@ var defaultCallback = function (entry) {
  * @deprecated use native `ResizeObserver` DOM API instead
  */
 var useResizeObserver = function (resolveEntry) {
-  if (resolveEntry === undefined) {
+  if (resolveEntry === void 0) {
     resolveEntry = defaultCallback;
   }
   var destroyResizeObserverRef = React.useRef(undefined);

package/dist/esm/Avatar/Avatar.mjs

@@ -5,7 +5,7 @@ import { Textfit } from 'react-textfit';
 import { Icon } from '../__next__/Icon/Icon.mjs';
 import styles from './Avatar.module.css.mjs';
 var getInitials = function (fullName, max2Characters) {
-  if (max2Characters === undefined) {
+  if (max2Characters === void 0) {
     max2Characters = false;
   }
   return fullName == null ? '' : fullName.split(/\s/).reduce(function (acc, name) {
@@ -36,10 +36,10 @@ var FallbackIcon = function (_a) {
   });
 };
 var renderInitials = function (fullName, alt, size, disableInitials) {
-  if (fullName === undefined) {
+  if (fullName === void 0) {
     fullName = '';
   }
-  if (disableInitials === undefined) {
+  if (disableInitials === void 0) {
     disableInitials = false;
   }
   var initials = getInitials(fullName);
@@ -65,16 +65,16 @@ var renderInitials = function (fullName, alt, size, disableInitials) {
 var Avatar = function (_a) {
   var fullName = _a.fullName,
     _b = _a.size,
-    size = _b === undefined ? 'medium' : _b,
+    size = _b === void 0 ? 'medium' : _b,
     avatarSrc = _a.avatarSrc,
     _c = _a.disableInitials,
-    disableInitials = _c === undefined ? false : _c,
+    disableInitials = _c === void 0 ? false : _c,
     _d = _a.isCompany,
-    isCompany = _d === undefined ? false : _d,
+    isCompany = _d === void 0 ? false : _d,
     _e = _a.isCurrentUser,
-    isCurrentUser = _e === undefined ? true : _e,
+    isCurrentUser = _e === void 0 ? true : _e,
     _f = _a.alt,
-    alt = _f === undefined ? fullName !== null && fullName !== undefined ? fullName : '' : _f,
+    alt = _f === void 0 ? fullName !== null && fullName !== void 0 ? fullName : '' : _f,
     classNameOverride = _a.classNameOverride,
     restProps = __rest(_a, ["fullName", "size", "avatarSrc", "disableInitials", "isCompany", "isCurrentUser", "alt", "classNameOverride"]);
   var _g = useState(avatarSrc ? 'loading' : 'none'),
@@ -94,7 +94,7 @@ var Avatar = function (_a) {
   // if the image is cached onLoad may not trigger: https://stackoverflow.com/a/59809184
   useEffect(function () {
     var _a;
-    if ((_a = image === null || image === undefined ? undefined : image.current) === null || _a === undefined ? undefined : _a.complete) onImageSuccess();
+    if ((_a = image === null || image === void 0 ? void 0 : image.current) === null || _a === void 0 ? void 0 : _a.complete) onImageSuccess();
   }, [image]);
   var isNoneOrError = avatarState === 'none' || avatarState === 'error';
   var isPersonal = isNoneOrError && isCurrentUser;

package/dist/esm/AvatarGroup/AvatarGroup.mjs

@@ -14,14 +14,14 @@ var renderCounter = function (remainingAvatars) {
   }, "+".concat(remainingAvatars)));
 };
 var renderAvatars = function (avatars, maxVisible, size) {
-  return /*#__PURE__*/React.createElement(React.Fragment, null, avatars === null || avatars === undefined ? undefined : avatars.map(function (avatarProps, index) {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, avatars === null || avatars === void 0 ? void 0 : avatars.map(function (avatarProps, index) {
     return index < maxVisible && (/*#__PURE__*/React.createElement("li", {
       key: "avatar-".concat(index),
       className: styles.AvatarGroupItem
     }, /*#__PURE__*/React.createElement(Avatar, __assign({}, avatarProps, {
       size: size
     }))));
-  }), renderCounter((avatars === null || avatars === undefined ? undefined : avatars.length) - maxVisible));
+  }), renderCounter((avatars === null || avatars === void 0 ? void 0 : avatars.length) - maxVisible));
 };
 /**
  * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3065021264/Avatar+Group Guidance} |
@@ -29,9 +29,9 @@ var renderAvatars = function (avatars, maxVisible, size) {
  */
 var AvatarGroup = function (_a) {
   var _b = _a.size,
-    size = _b === undefined ? 'medium' : _b,
+    size = _b === void 0 ? 'medium' : _b,
     _c = _a.maxVisible,
-    maxVisible = _c === undefined ? 2 : _c,
+    maxVisible = _c === void 0 ? 2 : _c,
     avatars = _a.avatars,
     classNameOverride = _a.classNameOverride,
     restProps = __rest(_a, ["size", "maxVisible", "avatars", "classNameOverride"]);

package/dist/esm/Badge/Badge.mjs

@@ -1,4 +1,4 @@
-import { __rest, __assign } from 'tslib';
+import { __assign, __rest } from 'tslib';
 import React, { useState, useLayoutEffect } from 'react';
 import classnames from 'classnames';
 import styles from './Badge.module.css.mjs';
@@ -11,11 +11,11 @@ const Badge = /*#__PURE__*/function () {
   const Badge = function (_a) {
     var children = _a.children,
       _b = _a.variant,
-      variant = _b === undefined ? 'default' : _b,
+      variant = _b === void 0 ? 'default' : _b,
       _c = _a.reversed,
-      reversed = _c === undefined ? false : _c,
+      reversed = _c === void 0 ? false : _c,
       _d = _a.size,
-      size = _d === undefined ? 'small' : _d,
+      size = _d === void 0 ? 'small' : _d,
       classNameOverride = _a.classNameOverride,
       restProps = __rest(_a, ["children", "variant", "reversed", "size", "classNameOverride"]);
     return /*#__PURE__*/React.createElement("span", __assign({

package/dist/esm/Brand/Brand.mjs

@@ -10,7 +10,7 @@ var isSVG = function (variant, restProps) {
 const Brand = /*#__PURE__*/function () {
   const Brand = function (_a) {
     var _b = _a.reversed,
-      reversed = _b === undefined ? false : _b,
+      reversed = _b === void 0 ? false : _b,
       variant = _a.variant,
       restProps = __rest(_a, ["reversed", "variant"]);
     if (isSVG(variant)) {

package/dist/esm/Button/GenericButton/GenericButton.mjs

@@ -25,19 +25,19 @@ var getCustomProps = function (props) {
 const GenericButton = /*#__PURE__*/function () {
   const GenericButton = /*#__PURE__*/forwardRef(function (_a, ref) {
     var _b = _a.iconPosition,
-      iconPosition = _b === undefined ? 'start' : _b,
+      iconPosition = _b === void 0 ? 'start' : _b,
       _c = _a.iconButton,
-      iconButton = _c === undefined ? false : _c,
+      iconButton = _c === void 0 ? false : _c,
       _d = _a.primary,
-      primary = _d === undefined ? false : _d,
+      primary = _d === void 0 ? false : _d,
       _e = _a.secondary,
-      secondary = _e === undefined ? false : _e,
+      secondary = _e === void 0 ? false : _e,
       _f = _a.newTabAndIUnderstandTheAccessibilityImplications,
-      newTabAndIUnderstandTheAccessibilityImplications = _f === undefined ? false : _f,
+      newTabAndIUnderstandTheAccessibilityImplications = _f === void 0 ? false : _f,
       _g = _a.disableTabFocusAndIUnderstandTheAccessibilityImplications,
-      disableTabFocusAndIUnderstandTheAccessibilityImplications = _g === undefined ? false : _g,
+      disableTabFocusAndIUnderstandTheAccessibilityImplications = _g === void 0 ? false : _g,
       _h = _a.type,
-      type = _h === undefined ? 'button' : _h,
+      type = _h === void 0 ? 'button' : _h,
       otherProps = __rest(_a, ["iconPosition", "iconButton", "primary", "secondary", "newTabAndIUnderstandTheAccessibilityImplications", "disableTabFocusAndIUnderstandTheAccessibilityImplications", "type"]);
     var buttonRef = useRef();
     var wrapperRef = useRef(null);
@@ -45,7 +45,7 @@ const GenericButton = /*#__PURE__*/function () {
       return {
         focus: function () {
           var _a;
-          (_a = buttonRef.current) === null || _a === undefined ? undefined : _a.focus();
+          (_a = buttonRef.current) === null || _a === void 0 ? void 0 : _a.focus();
         }
       };
     });
@@ -129,7 +129,7 @@ var renderButton = function (props, ref) {
     /*#__PURE__*/
     // eslint-disable-next-line react/button-has-type
     React.createElement("button", __assign({}, passedInProps, focusableProps, {
-      "aria-describedby": props['aria-describedby'] === null ? undefined : (_a = props['aria-describedby']) !== null && _a !== undefined ? _a : focusableProps['aria-describedby'],
+      "aria-describedby": props['aria-describedby'] === null ? undefined : (_a = props['aria-describedby']) !== null && _a !== void 0 ? _a : focusableProps['aria-describedby'],
       // Unset this because the one defined in buttonProps shows
       // focus-visible styles on click
       onPointerDown: undefined,
@@ -155,7 +155,7 @@ var renderLink = function (props, ref) {
   // Not standardize button behavior as we're currently relying on some weird native behaviours (like onClick firing on enter key press) see https://react-spectrum.adobe.com/blog/building-a-button-part-1.html
   var focusableProps = useFocusable(passedInProps, ref).focusableProps;
   return /*#__PURE__*/React.createElement("a", __assign({}, passedInProps, focusableProps, {
-    "aria-describedby": props['aria-describedby'] === null ? undefined : (_a = props['aria-describedby']) !== null && _a !== undefined ? _a : focusableProps['aria-describedby'],
+    "aria-describedby": props['aria-describedby'] === null ? undefined : (_a = props['aria-describedby']) !== null && _a !== void 0 ? _a : focusableProps['aria-describedby'],
     // Unset this because the one defined in linkProps shows
     // focus-visible styles on click
     onPointerDown: undefined,

package/dist/esm/Calendar/CalendarPopover/CalendarPopover.mjs

@@ -1,6 +1,6 @@
 import { __rest, __assign } from 'tslib';
 import React, { useState, useEffect } from 'react';
-import { useFloating, size, offset, autoPlacement, autoUpdate } from '@floating-ui/react-dom';
+import { useFloating, autoUpdate, size, offset, autoPlacement } from '@floating-ui/react-dom';
 import classnames from 'classnames';
 import styles from './CalendarPopover.module.scss.mjs';
 
@@ -49,7 +49,7 @@ const CalendarPopover = /*#__PURE__*/function () {
       if (floatingElement && referenceElement) {
         // @ts-expect-error this can be removed when we update to react 19
         referenceElement.popoverTargetElement = floatingElement;
-        (_a = floatingElement.showPopover) === null || _a === undefined ? undefined : _a.call(floatingElement);
+        (_a = floatingElement.showPopover) === null || _a === void 0 ? void 0 : _a.call(floatingElement);
         update();
       }
     }, [referenceElement, floatingElement, update]);

package/dist/esm/Calendar/CalendarRange/CalendarRange.mjs

@@ -13,20 +13,20 @@ const CalendarRange = /*#__PURE__*/function () {
     var id = _a.id,
       onMount = _a.onMount,
       _c = _a.hasDivider,
-      hasDivider = _c === undefined ? false : _c,
+      hasDivider = _c === void 0 ? false : _c,
       classNameOverride = _a.classNameOverride,
       selected = _a.selected,
       defaultMonth = _a.defaultMonth,
       _d = _a.numberOfMonths,
-      numberOfMonths = _d === undefined ? 2 : _d,
+      numberOfMonths = _d === void 0 ? 2 : _d,
       _e = _a.locale,
-      locale = _e === undefined ? enAU : _e,
+      locale = _e === void 0 ? enAU : _e,
       restProps = __rest(_a, ["id", "onMount", "hasDivider", "classNameOverride", "selected", "defaultMonth", "numberOfMonths", "locale"]);
     var calendarRef = useRef(null);
     useEffect(function () {
-      if (calendarRef.current) onMount === null || onMount === undefined ? undefined : onMount(calendarRef.current);
+      if (calendarRef.current) onMount === null || onMount === void 0 ? void 0 : onMount(calendarRef.current);
     }, [calendarRef, onMount]);
-    var monthToShow = (_b = selected === null || selected === undefined ? undefined : selected.from) !== null && _b !== undefined ? _b : defaultMonth;
+    var monthToShow = (_b = selected === null || selected === void 0 ? void 0 : selected.from) !== null && _b !== void 0 ? _b : defaultMonth;
     var selectedMonth = monthToShow && isInvalidDate(monthToShow) ? undefined : monthToShow;
     /* eslint-disable camelcase */
     var classNames = __assign(__assign({}, baseCalendarClassNames), {

package/dist/esm/Calendar/CalendarSingle/CalendarSingle.mjs

@@ -17,13 +17,13 @@ const CalendarSingle = /*#__PURE__*/function () {
       defaultMonth = _a.defaultMonth,
       weekStartsOn = _a.weekStartsOn,
       _b = _a.locale,
-      locale = _b === undefined ? enAU : _b,
+      locale = _b === void 0 ? enAU : _b,
       restProps = __rest(_a, ["id", "onMount", "classNameOverride", "selected", "defaultMonth", "weekStartsOn", "locale"]);
     var calendarRef = useRef(null);
     useEffect(function () {
-      if (calendarRef.current) onMount === null || onMount === undefined ? undefined : onMount(calendarRef.current);
+      if (calendarRef.current) onMount === null || onMount === void 0 ? void 0 : onMount(calendarRef.current);
     }, [calendarRef, onMount]);
-    var monthToShow = selected !== null && selected !== undefined ? selected : defaultMonth;
+    var monthToShow = selected !== null && selected !== void 0 ? selected : defaultMonth;
     var selectedMonth = monthToShow && isInvalidDate(monthToShow) ? undefined : monthToShow;
     /* eslint-disable camelcase */
     var classNames = __assign(__assign({}, baseCalendarClassNames), {

package/dist/esm/Calendar/LegacyCalendarRange/LegacyCalendarRange.mjs

@@ -14,12 +14,12 @@ const LegacyCalendarRange = /*#__PURE__*/function () {
     var classNameOverride = _a.classNameOverride,
       defaultMonth = _a.defaultMonth,
       _c = _a.weekStartsOn,
-      weekStartsOn = _c === undefined ? DayOfWeek.Mon : _c,
+      weekStartsOn = _c === void 0 ? DayOfWeek.Mon : _c,
       disabledDays = _a.disabledDays,
       selectedRange = _a.selectedRange,
       locale = _a.locale,
       onDayChange = _a.onDayChange;
-    var monthToShow = (_b = selectedRange === null || selectedRange === undefined ? undefined : selectedRange.from) !== null && _b !== undefined ? _b : defaultMonth;
+    var monthToShow = (_b = selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.from) !== null && _b !== void 0 ? _b : defaultMonth;
     var selectedMonth = monthToShow && isInvalidDate(monthToShow) ? undefined : monthToShow;
     /* eslint-disable camelcase */
     var classNames = __assign(__assign({}, baseCalendarClassNames), {

package/dist/esm/Calendar/utils/calculateDisabledDays.mjs

@@ -1,7 +1,7 @@
 import { __spreadArray } from 'tslib';
 var calculateDisabledDays = function (_a) {
   var _b = _a.disabledDates,
-    disabledDates = _b === undefined ? [] : _b,
+    disabledDates = _b === void 0 ? [] : _b,
     disabledDaysOfWeek = _a.disabledDaysOfWeek,
     disabledRange = _a.disabledRange,
     disabledBeforeAfter = _a.disabledBeforeAfter,

package/dist/esm/Calendar/utils/isSelectingDayInCalendar.mjs

@@ -1,6 +1,6 @@
 import calendarStyles from '../baseCalendarClassNames.module.scss.mjs';
 var isSelectingDayInCalendar = function (target) {
   var _a, _b;
-  return (_b = (_a = target === null || target === undefined ? undefined : target.classList) === null || _a === undefined ? undefined : _a.contains(calendarStyles.day)) !== null && _b !== undefined ? _b : false;
+  return (_b = (_a = target === null || target === void 0 ? void 0 : target.classList) === null || _a === void 0 ? void 0 : _a.contains(calendarStyles.day)) !== null && _b !== void 0 ? _b : false;
 };
 export { isSelectingDayInCalendar };

package/dist/esm/Calendar/utils/setFocusInCalendar.mjs

@@ -5,7 +5,7 @@ var isHTMLElement = function (element) {
 };
 var setFocusInCalendar = function (calendarElement, selectedDay) {
   var daySelectedOrToday = calendarElement.getElementsByClassName(selectedDay && !isInvalidDate(selectedDay) ? calendarStyles.daySelected : calendarStyles.dayToday)[0];
-  var dayToFocus = daySelectedOrToday !== null && daySelectedOrToday !== undefined ? daySelectedOrToday : calendarElement.getElementsByClassName(calendarStyles.day)[0];
+  var dayToFocus = daySelectedOrToday !== null && daySelectedOrToday !== void 0 ? daySelectedOrToday : calendarElement.getElementsByClassName(calendarStyles.day)[0];
   if (isHTMLElement(dayToFocus)) dayToFocus.focus();
 };
 export { setFocusInCalendar };

package/dist/esm/Card/Card.mjs

@@ -11,12 +11,12 @@ const Card = /*#__PURE__*/function () {
   const Card = function (_a) {
     var children = _a.children,
       _b = _a.tag,
-      tag = _b === undefined ? 'div' : _b,
+      tag = _b === void 0 ? 'div' : _b,
       variant = _a.variant,
       _c = _a.color,
-      color = _c === undefined ? 'white' : _c,
+      color = _c === void 0 ? 'white' : _c,
       _d = _a.isElevated,
-      isElevated = _d === undefined ? false : _d,
+      isElevated = _d === void 0 ? false : _d,
       classNameOverride = _a.classNameOverride,
       props = __rest(_a, ["children", "tag", "variant", "color", "isElevated", "classNameOverride"]);
     var Element = tag;

package/dist/esm/Checkbox/Checkbox/Checkbox.mjs

@@ -17,10 +17,10 @@ var getCheckedFromStatus = function (checkedStatus) {
 const Checkbox = /*#__PURE__*/function () {
   const Checkbox = function (_a) {
     var _b = _a.checkedStatus,
-      checkedStatus = _b === undefined ? 'off' : _b,
+      checkedStatus = _b === void 0 ? 'off' : _b,
       onCheck = _a.onCheck,
       _c = _a.reversed,
-      reversed = _c === undefined ? false : _c,
+      reversed = _c === void 0 ? false : _c,
       value = _a.value,
       classNameOverride = _a.classNameOverride,
       restProps = __rest(_a, ["checkedStatus", "onCheck", "reversed", "value", "classNameOverride"]);
@@ -37,7 +37,7 @@ const Checkbox = /*#__PURE__*/function () {
       className: classnames(styles.checkbox, classNameOverride, reversed && styles.reversed),
       checked: getCheckedFromStatus(checkedStatus),
       onChange: onCheck,
-      value: value !== null && value !== undefined ? value : checkedStatus,
+      value: value !== null && value !== void 0 ? value : checkedStatus,
       readOnly: onCheck === undefined
     }, restProps)), /*#__PURE__*/React.createElement("span", {
       className: classnames(styles.box, reversed && styles.reversed)

package/dist/esm/Checkbox/CheckboxField/CheckboxField.mjs

@@ -15,16 +15,16 @@ const CheckboxField = /*#__PURE__*/function () {
       labelText = _a.labelText,
       checkedStatus = _a.checkedStatus,
       _b = _a.disabled,
-      disabled = _b === undefined ? false : _b,
+      disabled = _b === void 0 ? false : _b,
       _c = _a.reversed,
-      reversed = _c === undefined ? false : _c,
+      reversed = _c === void 0 ? false : _c,
       _d = _a.noBottomMargin,
-      noBottomMargin = _d === undefined ? false : _d,
+      noBottomMargin = _d === void 0 ? false : _d,
       dataTestId = _a["data-testid"],
       classNameOverride = _a.classNameOverride,
       restProps = __rest(_a, ['id', "labelText", "checkedStatus", "disabled", "reversed", "noBottomMargin", 'data-testid', "classNameOverride"]);
     var fallbackId = useId();
-    var id = propsId !== null && propsId !== undefined ? propsId : fallbackId;
+    var id = propsId !== null && propsId !== void 0 ? propsId : fallbackId;
     return /*#__PURE__*/React.createElement("div", {
       "data-testid": dataTestId,
       className: classnames(styles.container, classNameOverride, checkedStatus === 'on' && styles.checked, checkedStatus === 'mixed' && styles.mixed, reversed && styles.reversed, noBottomMargin && styles.noBottomMargin)

package/dist/esm/Checkbox/CheckboxGroup/CheckboxGroup.mjs

@@ -14,13 +14,13 @@ const CheckboxGroup = /*#__PURE__*/function () {
       labelText = _a.labelText,
       propsLabelId = _a.labelId,
       _b = _a.noBottomMargin,
-      noBottomMargin = _b === undefined ? false : _b,
+      noBottomMargin = _b === void 0 ? false : _b,
       _c = _a.reversed,
-      reversed = _c === undefined ? false : _c,
+      reversed = _c === void 0 ? false : _c,
       classNameOverride = _a.classNameOverride,
       restProps = __rest(_a, ["children", "labelText", "labelId", "noBottomMargin", "reversed", "classNameOverride"]);
     var fallbackId = useId();
-    var labelId = propsLabelId !== null && propsLabelId !== undefined ? propsLabelId : fallbackId;
+    var labelId = propsLabelId !== null && propsLabelId !== void 0 ? propsLabelId : fallbackId;
     return /*#__PURE__*/React.createElement("div", __assign({
       className: classnames(styles.checkboxGroupContainer, classNameOverride, noBottomMargin && styles.noBottomMargin, reversed && styles.reversed),
       role: "group",

package/dist/esm/ClearButton/ClearButton.mjs

@@ -7,7 +7,7 @@ const ClearButton = /*#__PURE__*/function () {
   const ClearButton = function (_a) {
     var classNameOverride = _a.classNameOverride,
       _b = _a.isReversed,
-      isReversed = _b === undefined ? false : _b,
+      isReversed = _b === void 0 ? false : _b,
       restProps = __rest(_a, ["classNameOverride", "isReversed"]);
     return /*#__PURE__*/React.createElement("button", __assign({
       type: "button",

package/dist/esm/Collapsible/Collapsible/Collapsible.mjs

@@ -19,24 +19,24 @@ const Collapsible = /*#__PURE__*/function () {
       noSectionPadding = _a.noSectionPadding,
       onToggle = _a.onToggle,
       _b = _a.variant,
-      variant = _b === undefined ? 'default' : _b,
+      variant = _b === void 0 ? 'default' : _b,
       lazyLoad = _a.lazyLoad,
       controlled = _a.controlled,
       classNameOverride = _a.classNameOverride,
       propsId = _a.id,
       restProps = __rest(_a, ["children", "title", "renderHeader", "open", "group", "separated", "sticky", "noSectionPadding", "onToggle", "variant", "lazyLoad", "controlled", "classNameOverride", "id"]);
-    var _c = useState(open !== null && open !== undefined ? open : false),
+    var _c = useState(open !== null && open !== void 0 ? open : false),
       stateIsOpen = _c[0],
       setIsOpen = _c[1];
     var getOpen = function () {
       return controlled ? open : stateIsOpen;
     };
     var fallbackId = useId();
-    var id = propsId !== null && propsId !== undefined ? propsId : fallbackId;
+    var id = propsId !== null && propsId !== void 0 ? propsId : fallbackId;
     var handleSectionToggle = function () {
       var newIsOpen = !getOpen();
       if (!controlled) setIsOpen(newIsOpen);
-      onToggle === null || onToggle === undefined ? undefined : onToggle(newIsOpen, id);
+      onToggle === null || onToggle === void 0 ? void 0 : onToggle(newIsOpen, id);
     };
     var handleButtonPress = function (event) {
       event.stopPropagation();