@kaizen/components 1.70.9 → 1.70.11

package/dist/esm/RichTextEditor/RichTextEditor/RichTextEditor.mjs

@@ -45,18 +45,18 @@ const RichTextEditor = /*#__PURE__*/function () {
       classNameOverride = _a.classNameOverride,
       controls = _a.controls,
       _b = _a.rows,
-      rows = _b === void 0 ? 3 : _b,
+      rows = _b === undefined ? 3 : _b,
       dataError = _a.dataError,
       onDataError = _a.onDataError,
       validationMessage = _a.validationMessage,
       description = _a.description,
       _c = _a.status,
-      status = _c === void 0 ? 'default' : _c,
+      status = _c === undefined ? 'default' : _c,
       restProps = __rest(_a, ["id", "onChange", "defaultValue", "labelText", 'aria-labelledby', 'aria-describedby', "classNameOverride", "controls", "rows", "dataError", "onDataError", "validationMessage", "description", "status"]);
     var generatedId = useId();
     var schema = useState(createSchemaFromControls(controls))[0];
-    var editorId = id !== null && id !== void 0 ? id : generatedId;
-    var labelId = labelledBy !== null && labelledBy !== void 0 ? labelledBy : "".concat(editorId, "-rte-label");
+    var editorId = id !== null && id !== undefined ? id : generatedId;
+    var labelId = labelledBy !== null && labelledBy !== undefined ? labelledBy : "".concat(editorId, "-rte-label");
     var validationMessageAria = validationMessage ? "".concat(editorId, "-rte-validation-message") : '';
     var descriptionAria = description ? "".concat(editorId, "-rte-description") : '';
     var ariaDescribedBy = classnames(validationMessageAria, descriptionAria, describedBy);
@@ -85,7 +85,7 @@ const RichTextEditor = /*#__PURE__*/function () {
       }
     }();
     if (useRichTextEditorResult instanceof Error) {
-      onDataError === null || onDataError === void 0 ? void 0 : onDataError();
+      onDataError === null || onDataError === undefined ? undefined : onDataError();
       return /*#__PURE__*/React.createElement(InlineNotification, {
         headingProps: {
           children: 'Error',
@@ -93,7 +93,7 @@ const RichTextEditor = /*#__PURE__*/function () {
         },
         type: "negative",
         persistent: true
-      }, dataError !== null && dataError !== void 0 ? dataError : 'Something went wrong');
+      }, dataError !== null && dataError !== undefined ? dataError : 'Something went wrong');
     }
     var editorRef = useRichTextEditorResult[0],
       editorState = useRichTextEditorResult[1],
@@ -106,13 +106,13 @@ const RichTextEditor = /*#__PURE__*/function () {
       // Including `onContentChange` in the dependencies here will cause a 'Maximum update depth exceeded' issue
       // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [editorState]);
-    return /*#__PURE__*/React.createElement(React.Fragment, null, !labelledBy && labelText && ( /*#__PURE__*/React.createElement(Label, {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, !labelledBy && labelText && (/*#__PURE__*/React.createElement(Label, {
       classNameOverride: styles.editorLabel,
       id: labelId,
       labelText: labelText
     })), /*#__PURE__*/React.createElement("div", {
       className: classnames(styles.editorWrapper, styles[status])
-    }, controls && ( /*#__PURE__*/React.createElement(Toolbar, {
+    }, controls && (/*#__PURE__*/React.createElement(Toolbar, {
       "aria-controls": editorId,
       "aria-label": "Text formatting",
       classNameOverride: styles.toolbar
@@ -135,7 +135,7 @@ const RichTextEditor = /*#__PURE__*/function () {
       id: editorId,
       ref: editorRef,
       className: classnames(styles.editor, styles["rows".concat(rows)], classNameOverride, controls != null && controls.length > 0 && styles.hasToolbar)
-    }, restProps))), validationMessage && ( /*#__PURE__*/React.createElement(FieldMessage, {
+    }, restProps))), validationMessage && (/*#__PURE__*/React.createElement(FieldMessage, {
       id: validationMessageAria,
       message: validationMessage,
       status: status

package/dist/esm/RichTextEditor/RichTextEditor/subcomponents/ToggleIconButton/ToggleIconButton.mjs

@@ -8,11 +8,11 @@ const ToggleIconButton = /*#__PURE__*/function () {
     var label = props.label,
       icon = props.icon,
       _a = props.isActive,
-      isActive = _a === void 0 ? false : _a,
+      isActive = _a === undefined ? false : _a,
       _b = props.mood,
-      mood = _b === void 0 ? 'default' : _b,
+      mood = _b === undefined ? 'default' : _b,
       _c = props.disabled,
-      disabled = _c === void 0 ? false : _c,
+      disabled = _c === undefined ? false : _c,
       classNameOverride = props.classNameOverride,
       onClick = props.onClick,
       nativeButtonProps = __rest(props, ["label", "icon", "isActive", "mood", "disabled", "classNameOverride", "onClick"]);

package/dist/esm/RichTextEditor/RichTextEditor/utils/controlmap.mjs

@@ -22,14 +22,14 @@ var chainTransactions = function () {
     var _a;
     var updateStateAndDispatch = function (tr) {
       state = state.apply(tr);
-      dispatch === null || dispatch === void 0 ? void 0 : dispatch(tr);
+      dispatch === null || dispatch === undefined ? undefined : dispatch(tr);
     };
     var lastCommand = commands.pop();
     for (var _i = 0, commands_1 = commands; _i < commands_1.length; _i++) {
       var command = commands_1[_i];
       command(state, updateStateAndDispatch);
     }
-    return (_a = lastCommand === null || lastCommand === void 0 ? void 0 : lastCommand(state, dispatch)) !== null && _a !== void 0 ? _a : false;
+    return (_a = lastCommand === null || lastCommand === undefined ? undefined : lastCommand(state, dispatch)) !== null && _a !== undefined ? _a : false;
   };
 };
 /** Dispatches a transaction to create initial p tag required for pm commands */
@@ -68,7 +68,7 @@ var createLiftListCommand = function () {
     var _a;
     var $from = state.selection.$from;
     // calculate the parent node from the current tag selected
-    var listItemNode = (_a = $from.node($from.depth - 1)) === null || _a === void 0 ? void 0 : _a.type;
+    var listItemNode = (_a = $from.node($from.depth - 1)) === null || _a === undefined ? undefined : _a.type;
     return ProseMirrorSchemaList.liftListItem(listItemNode)(state, dispatch);
   };
 };
@@ -77,7 +77,7 @@ var createIndentListCommand = function () {
   return function (state, dispatch) {
     var _a;
     var $from = state.selection.$from;
-    var listItemNode = (_a = $from.node($from.depth - 1)) === null || _a === void 0 ? void 0 : _a.type;
+    var listItemNode = (_a = $from.node($from.depth - 1)) === null || _a === undefined ? undefined : _a.type;
     return ProseMirrorSchemaList.sinkListItem(listItemNode)(state, dispatch);
   };
 };
@@ -85,8 +85,8 @@ var createIndentListCommand = function () {
 var liftListIsDisabled = function (state) {
   var _a;
   var $from = state.selection.$from;
-  var listItemNode = (_a = $from.node($from.depth - 1)) === null || _a === void 0 ? void 0 : _a.type;
-  var isValidListItem = (listItemNode === null || listItemNode === void 0 ? void 0 : listItemNode.name) === 'listItem' || false;
+  var listItemNode = (_a = $from.node($from.depth - 1)) === null || _a === undefined ? undefined : _a.type;
+  var isValidListItem = (listItemNode === null || listItemNode === undefined ? undefined : listItemNode.name) === 'listItem' || false;
   return !isValidListItem;
 };
 /** handler indent list disabled state */
@@ -95,8 +95,8 @@ var indentListIsDisabled = function (state) {
   var _b = state.selection,
     $from = _b.$from,
     $to = _b.$to;
-  var listItemNode = (_a = $from.node($from.depth - 1)) === null || _a === void 0 ? void 0 : _a.type;
-  var isValidListItem = (listItemNode === null || listItemNode === void 0 ? void 0 : listItemNode.name) === 'listItem' || false;
+  var listItemNode = (_a = $from.node($from.depth - 1)) === null || _a === undefined ? undefined : _a.type;
+  var isValidListItem = (listItemNode === null || listItemNode === undefined ? undefined : listItemNode.name) === 'listItem' || false;
   if (!isValidListItem) {
     return true;
   }
@@ -110,8 +110,8 @@ var createControlGroupIndex = function (controls) {
   return controls.reduce(function (groups, currentControl) {
     var _a;
     var _b;
-    if (!(currentControl === null || currentControl === void 0 ? void 0 : currentControl.name)) return groups;
-    return __assign(__assign({}, groups), (_a = {}, _a[currentControl.name] = (_b = currentControl.group) !== null && _b !== void 0 ? _b : 'ungrouped', _a));
+    if (!(currentControl === null || currentControl === undefined ? undefined : currentControl.name)) return groups;
+    return __assign(__assign({}, groups), (_a = {}, _a[currentControl.name] = (_b = currentControl.group) !== null && _b !== undefined ? _b : 'ungrouped', _a));
   }, {});
 };
 /** Creates an initial object used to map button configuration into its respective groups */
@@ -130,7 +130,7 @@ var createInitialControls = function (controlGroupIndex) {
 var getGroupIndex = function (controlGroupIndex, controlType) {
   var _a;
   if (controlType) {
-    return (_a = controlGroupIndex[controlType]) !== null && _a !== void 0 ? _a : 'ungrouped';
+    return (_a = controlGroupIndex[controlType]) !== null && _a !== undefined ? _a : 'ungrouped';
   }
   return 'ungrouped';
 };
@@ -215,7 +215,7 @@ var buildControlMap = function (schema, editorState, controls) {
     });
   }
   if (schema.nodes.orderedList || schema.nodes.bulletList) {
-    var groupIndex = (_b = (_a = controlGroupIndex.orderedList) !== null && _a !== void 0 ? _a : controlGroupIndex.bulletList) !== null && _b !== void 0 ? _b : 'ungrouped';
+    var groupIndex = (_b = (_a = controlGroupIndex.orderedList) !== null && _a !== undefined ? _a : controlGroupIndex.bulletList) !== null && _b !== undefined ? _b : 'ungrouped';
     toolbarControls[groupIndex].push({
       action: createLiftListCommand(),
       disabled: liftListIsDisabled(editorState),

package/dist/esm/RichTextEditor/RichTextEditor/utils/keymap.mjs

@@ -52,7 +52,7 @@ var buildKeymap = function (schema) {
   if (schema.nodes.hardBreak) {
     var br_1 = schema.nodes.hardBreak;
     var cmd = chainCommands(exitCode, function (state, dispatch) {
-      dispatch === null || dispatch === void 0 ? void 0 : dispatch(state.tr.replaceSelectionWith(br_1.create()).scrollIntoView());
+      dispatch === null || dispatch === undefined ? undefined : dispatch(state.tr.replaceSelectionWith(br_1.create()).scrollIntoView());
       return true;
     });
     keys['Mod-Enter'] = cmd;

package/dist/esm/RichTextEditor/utils/commands/getMarkRange.mjs

@@ -2,10 +2,10 @@
 // At the time of writing the implication of this is on links: they cannot span across multiple nodes.
 // There's no impact on the other marks like bold, italics and underline.
 var getMarkRange = function ($pos, type) {
-  if ($pos === void 0) {
+  if ($pos === undefined) {
     $pos = null;
   }
-  if (type === void 0) {
+  if (type === undefined) {
     type = null;
   }
   if (!$pos || !type) {

package/dist/esm/RichTextEditor/utils/commands/listIsActive.mjs

@@ -1,6 +1,6 @@
 import { findParentNodeOfTypeClosestToPos } from 'prosemirror-utils';
 var listIsActive = function (state, type, listNodes) {
   var listNode = findParentNodeOfTypeClosestToPos(state.selection.$from, listNodes);
-  return (listNode === null || listNode === void 0 ? void 0 : listNode.node.type) === type;
+  return (listNode === null || listNode === undefined ? undefined : listNode.node.type) === type;
 };
 export { listIsActive };

package/dist/esm/RichTextEditor/utils/commands/markIsActive.mjs

@@ -6,7 +6,7 @@ var markIsActive = function (state, type) {
     to = _b.to,
     empty = _b.empty;
   if (empty) {
-    return !!type.isInSet((_a = state.storedMarks) !== null && _a !== void 0 ? _a : $from.marks());
+    return !!type.isInSet((_a = state.storedMarks) !== null && _a !== undefined ? _a : $from.marks());
   }
   return !!state.doc.rangeHasMark(from, to, type);
 };

package/dist/esm/RichTextEditor/utils/commands/removeMark.mjs

@@ -2,7 +2,7 @@ import { getMarkRange } from './getMarkRange.mjs';
 
 /** Remove part or all of the Mark from the current selection */
 var removeMark = function (type, options) {
-  if (options === void 0) {
+  if (options === undefined) {
     options = {
       toExtent: false
     };

package/dist/esm/RichTextEditor/utils/commands/updateMark.mjs

@@ -2,7 +2,7 @@ import { getMarkRange } from './getMarkRange.mjs';
 
 /** Update Mark attributes, create nested Marks or split Marks of the same type   */
 var updateMark = function (type, attrs, options) {
-  if (options === void 0) {
+  if (options === undefined) {
     options = {
       toExtent: false
     };

package/dist/esm/RichTextEditor/utils/core/createRichTextEditor.mjs

@@ -9,21 +9,21 @@ var createRichTextEditor = function (_a) {
   var initialEditorState = _a.initialEditorState,
     node = _a.node,
     _b = _a.onChange,
-    onChange = _b === void 0 ? function () {
+    onChange = _b === undefined ? function () {
       return undefined;
     } : _b,
     attributes = _a.attributes,
     _c = _a.isEditable,
-    isEditable = _c === void 0 ? function () {
+    isEditable = _c === undefined ? function () {
       return true;
     } : _c;
   var editorView = null;
   // Handle transactions eminating from the EditorView instance
   var dispatch = function (tx) {
-    var newEditorState = editorView === null || editorView === void 0 ? void 0 : editorView.state.apply(tx);
+    var newEditorState = editorView === null || editorView === undefined ? undefined : editorView.state.apply(tx);
     if (newEditorState) {
       onChange(newEditorState);
-      editorView === null || editorView === void 0 ? void 0 : editorView.updateState(newEditorState);
+      editorView === null || editorView === undefined ? undefined : editorView.updateState(newEditorState);
     }
   };
   // Allow the dispatcher to handle either a Command or a Transaction so we can

package/dist/esm/RichTextEditor/utils/core/state.mjs

@@ -7,7 +7,7 @@ import { EditorState } from 'prosemirror-state';
  * API obvious to consumers
  */
 var createEditorState = function (schema, doc, plugins) {
-  if (plugins === void 0) {
+  if (plugins === undefined) {
     plugins = [];
   }
   return EditorState.create({

package/dist/esm/RichTextEditor/utils/plugins/LinkManager/LinkManager.mjs

@@ -48,7 +48,7 @@ var LinkManager = /** @class */function () {
   };
   LinkManager.prototype.destroy = function () {
     var _a;
-    (_a = this.tooltipTarget) === null || _a === void 0 ? void 0 : _a.destroy();
+    (_a = this.tooltipTarget) === null || _a === undefined ? undefined : _a.destroy();
     window.removeEventListener('resize', this.onResize);
   };
   LinkManager.prototype.createElement = function (view) {
@@ -58,12 +58,12 @@ var LinkManager = /** @class */function () {
   };
   LinkManager.prototype.updateElement = function (view) {
     var _a;
-    (_a = this.tooltipTarget) === null || _a === void 0 ? void 0 : _a.update(this.getEditorProps(view));
+    (_a = this.tooltipTarget) === null || _a === undefined ? undefined : _a.update(this.getEditorProps(view));
   };
   LinkManager.prototype.destroyElement = function (view) {
     var _a;
     view.dispatch(this.validateLinks);
-    (_a = this.tooltipTarget) === null || _a === void 0 ? void 0 : _a.destroy();
+    (_a = this.tooltipTarget) === null || _a === undefined ? undefined : _a.destroy();
     this.tooltipTarget = null;
   };
   LinkManager.prototype.getEditorProps = function (view) {
@@ -121,9 +121,9 @@ var defaultLinkAttributeValidator = function (attrs) {
 var createLinkManager = function (_a) {
   var markType = _a.markType,
     _b = _a.editorComponent,
-    editorComponent = _b === void 0 ? LinkEditor : _b,
+    editorComponent = _b === undefined ? LinkEditor : _b,
     _c = _a.linkAttributeValidator,
-    linkAttributeValidator = _c === void 0 ? defaultLinkAttributeValidator : _c;
+    linkAttributeValidator = _c === undefined ? defaultLinkAttributeValidator : _c;
   return new Plugin({
     view: function (editorView) {
       return new LinkManager(editorView, markType, editorComponent, linkAttributeValidator);

package/dist/esm/RichTextEditor/utils/plugins/LinkManager/components/LinkEditor/LinkEditor.mjs

@@ -12,13 +12,13 @@ const LinkEditor = /*#__PURE__*/function () {
     var _c = useState(attrs.href != null),
       isPopoverOpen = _c[0],
       setIsPopoverOpen = _c[1];
-    var _d = useState(((_b = attrs._metadata) === null || _b === void 0 ? void 0 : _b.added) === true),
+    var _d = useState(((_b = attrs._metadata) === null || _b === undefined ? undefined : _b.added) === true),
       modalOpen = _d[0],
       setModalOpen = _d[1];
     var _e = useState(attrs.href ? attrs.href : undefined),
       href = _e[0],
       setHref = _e[1];
-    return /*#__PURE__*/React.createElement(React.Fragment, null, isPopoverOpen && ( /*#__PURE__*/React.createElement(LinkPopover, {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, isPopoverOpen && (/*#__PURE__*/React.createElement(LinkPopover, {
       href: href,
       selectionPosition: selectionPosition,
       onRemove: function () {

package/dist/esm/RichTextEditor/utils/plugins/LinkManager/components/LinkModal/LinkModal.mjs

@@ -19,7 +19,7 @@ const LinkModal = /*#__PURE__*/function () {
       onAfterLeave = _a.onAfterLeave,
       isOpen = _a.isOpen,
       defaultHref = _a.defaultHref;
-    var _b = useState(defaultHref !== null && defaultHref !== void 0 ? defaultHref : ''),
+    var _b = useState(defaultHref !== null && defaultHref !== undefined ? defaultHref : ''),
       href = _b[0],
       setHref = _b[1];
     var _c = useState({
@@ -32,7 +32,7 @@ const LinkModal = /*#__PURE__*/function () {
       var _a;
       var validation = validateLink(href);
       if (validation.status !== 'success') {
-        (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+        (_a = inputRef.current) === null || _a === undefined ? undefined : _a.focus();
         setValidationStatus(validation);
         return;
       }
@@ -48,16 +48,16 @@ const LinkModal = /*#__PURE__*/function () {
       onAfterLeave: onAfterLeave,
       onAfterEnter: function () {
         var _a;
-        return (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+        return (_a = inputRef.current) === null || _a === undefined ? undefined : _a.focus();
       }
     }, /*#__PURE__*/React.createElement(TextField, {
       id: "href",
       type: "text",
-      defaultValue: href !== null && href !== void 0 ? href : '',
+      defaultValue: href !== null && href !== undefined ? href : '',
       labelText: "Link URL",
       description: "Must start with http:// or https://",
       inputRef: inputRef,
-      validationMessage: (validationStatus === null || validationStatus === void 0 ? void 0 : validationStatus.message) && ( /*#__PURE__*/React.createElement("div", {
+      validationMessage: (validationStatus === null || validationStatus === undefined ? undefined : validationStatus.message) && (/*#__PURE__*/React.createElement("div", {
         className: styles.validationErrorMessage
       }, validationStatus.message)),
       status: validationStatus.status,

package/dist/esm/RichTextEditor/utils/plugins/LinkManager/components/LinkPopover/Positioner.mjs

@@ -30,7 +30,7 @@ const Positioner = /*#__PURE__*/function () {
     if (windowScroll === undefined || portalContainer === undefined) return null;
     var x = windowScroll[0],
       y = windowScroll[1];
-    return /*#__PURE__*/createPortal( /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/createPortal(/*#__PURE__*/React.createElement("div", {
       ref: ref,
       style: {
         height: "".concat(height, "px"),

package/dist/esm/RichTextEditor/utils/plugins/LinkManager/createReactTooltipWrapper.mjs

@@ -29,7 +29,7 @@ var createReactTooltipWrapper = function (parentNode, Component, componentProps)
   var container = document.createElement('div');
   parentNode.appendChild(container);
   var root = createRoot(container);
-  root.render( /*#__PURE__*/React.createElement(Wrapper, {
+  root.render(/*#__PURE__*/React.createElement(Wrapper, {
     componentProps: componentProps,
     Component: Component,
     emitter: emitter

package/dist/esm/RichTextEditor/utils/plugins/LinkManager/validation.mjs

@@ -4,7 +4,7 @@ var validateLink = function (href) {
   if (!isValidLink) {
     return {
       status: 'error',
-      message: ( /*#__PURE__*/React.createElement(React.Fragment, null, "Empty or invalid link. Links must start with http or https, e.g:", /*#__PURE__*/React.createElement("ul", null, /*#__PURE__*/React.createElement("li", null, "https://google.com"), /*#__PURE__*/React.createElement("li", null, "http://www.google.com"))))
+      message: (/*#__PURE__*/React.createElement(React.Fragment, null, "Empty or invalid link. Links must start with http or https, e.g:", /*#__PURE__*/React.createElement("ul", null, /*#__PURE__*/React.createElement("li", null, "https://google.com"), /*#__PURE__*/React.createElement("li", null, "http://www.google.com"))))
     };
   }
   return {

package/dist/esm/SearchField/SearchField.mjs

@@ -14,18 +14,18 @@ const SearchField = /*#__PURE__*/function () {
       labelText = _a.labelText,
       disabled = _a.disabled,
       _b = _a.reversed,
-      reversed = _b === void 0 ? false : _b,
+      reversed = _b === undefined ? false : _b,
       _c = _a.secondary,
-      secondary = _c === void 0 ? false : _c,
+      secondary = _c === undefined ? false : _c,
       classNameOverride = _a.classNameOverride,
       restProps = __rest(_a, ["id", "labelText", "disabled", "reversed", "secondary", "classNameOverride"]);
     var showVisibleLabel = !secondary;
     var reactId = useId();
-    var id = propsId !== null && propsId !== void 0 ? propsId : reactId;
+    var id = propsId !== null && propsId !== undefined ? propsId : reactId;
     // @todo: Move restProps to container div?
     return /*#__PURE__*/React.createElement("div", {
       className: classNameOverride
-    }, showVisibleLabel && ( /*#__PURE__*/React.createElement(Label, {
+    }, showVisibleLabel && (/*#__PURE__*/React.createElement(Label, {
       htmlFor: id,
       labelText: labelText,
       reversed: reversed,

package/dist/esm/Select/Select.mjs

@@ -16,11 +16,11 @@ import styles from './Select.module.scss.mjs';
 const Select = /*#__PURE__*/function () {
   const Select = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     var _b = _a.variant,
-      variant = _b === void 0 ? 'default' : _b,
+      variant = _b === undefined ? 'default' : _b,
       _c = _a.status,
-      status = _c === void 0 ? 'default' : _c,
+      status = _c === undefined ? 'default' : _c,
       _d = _a.reversed,
-      reversed = _d === void 0 ? false : _d,
+      reversed = _d === undefined ? false : _d,
       label = _a.label,
       validationMessage = _a.validationMessage,
       description = _a.description,
@@ -31,16 +31,16 @@ const Select = /*#__PURE__*/function () {
       props = __rest(_a, ["variant", "status", "reversed", "label", "validationMessage", "description", "fullWidth", "className", "isDisabled", "placeholder"]);
     var reactId = useId();
     // the default for fullWidth depends on the variant
-    var fullWidth = propsFullWidth !== null && propsFullWidth !== void 0 ? propsFullWidth : !['secondary', 'secondary-small'].includes(variant);
+    var fullWidth = propsFullWidth !== null && propsFullWidth !== undefined ? propsFullWidth : !['secondary', 'secondary-small'].includes(variant);
     var classes = classnames(propsClassName, styles.specificityIncreaser, (!reversed || variant === 'default') && styles.default, reversed && styles.reversed, variant === 'secondary' && styles.secondary, variant === 'secondary-small' && styles.secondarySmall, !fullWidth && styles.notFullWidth, isDisabled && styles.disabled, status === 'error' && styles.error);
     var labelId = useState(label ? reactId : undefined)[0];
-    return /*#__PURE__*/React.createElement(React.Fragment, null, label ? ( /*#__PURE__*/React.createElement(Label, {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, label ? (/*#__PURE__*/React.createElement(Label, {
       reversed: reversed,
       id: labelId
     }, label)) : null, /*#__PURE__*/React.createElement(ReactSelect, __assign({}, props, {
       ref: ref,
       "aria-labelledby": labelId,
-      placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : '',
+      placeholder: placeholder !== null && placeholder !== undefined ? placeholder : '',
       components: {
         Control: Control,
         Placeholder: Placeholder,
@@ -75,7 +75,7 @@ const AsyncSelect = /*#__PURE__*/function () {
       props = __rest(_a, ["className", "placeholder"]);
     return /*#__PURE__*/React.createElement(Async, __assign({}, props, {
       ref: ref,
-      placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : '',
+      placeholder: placeholder !== null && placeholder !== undefined ? placeholder : '',
       components: {
         Control: Control,
         Placeholder: Placeholder,

package/dist/esm/Skirt/Skirt.mjs

@@ -12,9 +12,9 @@ const Skirt = /*#__PURE__*/function () {
   const Skirt = function (_a) {
     var children = _a.children,
       _b = _a.variant,
-      variant = _b === void 0 ? 'default' : _b,
+      variant = _b === undefined ? 'default' : _b,
       _c = _a.titleBlockHasNavigation,
-      titleBlockHasNavigation = _c === void 0 ? true : _c,
+      titleBlockHasNavigation = _c === undefined ? true : _c,
       classNameOverride = _a.classNameOverride,
       restProps = __rest(_a, ["children", "variant", "titleBlockHasNavigation", "classNameOverride"]);
     var _d = useResizeObserver(function (entry) {

package/dist/esm/Slider/Slider.mjs

@@ -17,14 +17,14 @@ const Slider = /*#__PURE__*/function () {
       labelText = _a.labelText,
       description = _a.description,
       _b = _a.labelPosition,
-      labelPosition = _b === void 0 ? 'inline' : _b,
+      labelPosition = _b === undefined ? 'inline' : _b,
       _c = _a.variant,
-      variant = _c === void 0 ? 'default' : _c,
+      variant = _c === undefined ? 'default' : _c,
       disabled = _a.disabled,
       readOnlyMessage = _a.readOnlyMessage,
       restProps = __rest(_a, ["id", "labelText", "description", "labelPosition", "variant", "disabled", "readOnlyMessage"]);
     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");
     return /*#__PURE__*/React.createElement(FieldGroup, {
       inline: true
@@ -39,7 +39,7 @@ const Slider = /*#__PURE__*/function () {
       labelText: labelText,
       variant: variant,
       disabled: disabled
-    })), description && ( /*#__PURE__*/React.createElement(Text, {
+    })), description && (/*#__PURE__*/React.createElement(Text, {
       variant: "small",
       id: descriptionId,
       classNameOverride: disabled ? styles.descriptionDisabled : undefined

package/dist/esm/SplitButton/subcomponents/DropdownButton/DropdownButton.mjs

@@ -12,7 +12,7 @@ const DropdownButton = /*#__PURE__*/function () {
       restProps = __rest(_a, ["classNameOverride", 'aria-label']);
     var formatMessage = useIntl().formatMessage;
     return /*#__PURE__*/React.createElement(BaseButton, __assign({
-      label: ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : formatMessage({
+      label: ariaLabel !== null && ariaLabel !== undefined ? ariaLabel : formatMessage({
         id: 'splitButton.dropdownButton.label',
         defaultMessage: 'Additional actions',
         description: 'Label for a dropdown menu holding additional actions'