@kaizen/components 3.3.2 → 3.3.3

package/dist/esm/src/SingleSelect/subcomponents/ListBox/ListBox.mjs

@@ -1,5 +1,5 @@
 import { __rest, __assign } from 'tslib';
-import React, { useRef, useEffect } from 'react';
+import React__default, { useRef, useEffect } from 'react';
 import { useListBox } from '@react-aria/listbox';
 import classnames from 'classnames';
 import { useIsClientReady } from '../../../utils/useIsClientReady/useIsClientReady.mjs';
@@ -29,48 +29,45 @@ var safeQuerySelector = function (selector) {
     return null;
   }
 };
-const ListBox = /*#__PURE__*/function () {
-  const ListBox = function (_a) {
-    var children = _a.children,
-      menuProps = _a.menuProps,
-      classNameOverride = _a.classNameOverride,
-      restProps = __rest(_a, ["children", "menuProps", "classNameOverride"]);
-    var isClientReady = useIsClientReady();
-    var state = useSelectContext().state;
-    var ref = useRef(null);
-    var listBoxProps = useListBox(__assign(__assign({}, menuProps), {
-      disallowEmptySelection: true,
-      // This is to ensure that the listbox doesn't use React Aria's auto focus feature for Listbox, which creates a visual bug
-      autoFocus: false
-    }), state, ref).listBoxProps;
-    /**
-     * This uses the new useIsClientReady to ensure document exists before trying to querySelector and give the time to focus to the correct element
-     */
-    useEffect(function () {
-      var _a;
-      if (isClientReady) {
-        var optionKey = getOptionKeyFromCollection(state);
-        var focusToElement = safeQuerySelector("[data-key='".concat(optionKey, "']"));
-        if (focusToElement) {
-          focusToElement.focus({
-            preventScroll: true
-          });
-        } 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({
-            preventScroll: true
-          });
-        }
+var ListBox = function (_a) {
+  var children = _a.children,
+    menuProps = _a.menuProps,
+    classNameOverride = _a.classNameOverride,
+    restProps = __rest(_a, ["children", "menuProps", "classNameOverride"]);
+  var isClientReady = useIsClientReady();
+  var state = useSelectContext().state;
+  var ref = useRef(null);
+  var listBoxProps = useListBox(__assign(__assign({}, menuProps), {
+    disallowEmptySelection: true,
+    // This is to ensure that the listbox doesn't use React Aria's auto focus feature for Listbox, which creates a visual bug
+    autoFocus: false
+  }), state, ref).listBoxProps;
+  /**
+   * This uses the new useIsClientReady to ensure document exists before trying to querySelector and give the time to focus to the correct element
+   */
+  useEffect(function () {
+    var _a;
+    if (isClientReady) {
+      var optionKey = getOptionKeyFromCollection(state);
+      var focusToElement = safeQuerySelector("[data-key='".concat(optionKey, "']"));
+      if (focusToElement) {
+        focusToElement.focus({
+          preventScroll: true
+        });
+      } 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({
+          preventScroll: true
+        });
       }
-      // Only run this effect for checking the first successful render
-      // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [isClientReady]);
-    return /*#__PURE__*/React.createElement("ul", __assign({
-      ref: ref,
-      className: classnames(modules_251fbe08.listBox, classNameOverride)
-    }, listBoxProps, restProps), children);
-  };
-  ListBox.displayName = 'ListBox';
-  return ListBox;
-}();
+    }
+    // Only run this effect for checking the first successful render
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [isClientReady]);
+  return /*#__PURE__*/React__default.createElement("ul", __assign({
+    ref: ref,
+    className: classnames(modules_251fbe08.listBox, classNameOverride)
+  }, listBoxProps, restProps), children);
+};
+ListBox.displayName = 'ListBox';
 export { ListBox };

package/dist/esm/src/SingleSelect/subcomponents/ListBoxSection/ListBoxSection.mjs

@@ -1,36 +1,33 @@
 import { __assign } from 'tslib';
-import React from 'react';
+import React__default from 'react';
 import { useListBoxSection } from '@react-aria/listbox';
 import { Heading } from '../../../Heading/Heading.mjs';
 import { Option } from '../Option/Option.mjs';
 import modules_38d20667 from './ListBoxSection.module.scss.mjs';
-const ListBoxSection = /*#__PURE__*/function () {
-  const ListBoxSection = function (_a) {
-    var section = _a.section;
-    var _b = useListBoxSection({
-        'heading': section.rendered,
-        'aria-label': section['aria-label']
-      }),
-      itemProps = _b.itemProps,
-      headingProps = _b.headingProps,
-      groupProps = _b.groupProps;
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("li", __assign({}, itemProps, {
-      className: modules_38d20667.sectionWrapper
-    }), section.rendered && (/*#__PURE__*/React.createElement(Heading, __assign({
-      tag: "span",
-      variant: "heading-6"
-    }, headingProps, {
-      classNameOverride: modules_38d20667.sectionHeading
-    }), section.rendered)), /*#__PURE__*/React.createElement("ul", __assign({}, groupProps, {
-      className: modules_38d20667.sectionList
-    }), Array.from(section.childNodes).map(function (item) {
-      return /*#__PURE__*/React.createElement(Option, {
-        key: item.key,
-        item: item
-      });
-    }))));
-  };
-  ListBoxSection.displayName = 'ListBoxSection';
-  return ListBoxSection;
-}();
+var ListBoxSection = function (_a) {
+  var section = _a.section;
+  var _b = useListBoxSection({
+      'heading': section.rendered,
+      'aria-label': section['aria-label']
+    }),
+    itemProps = _b.itemProps,
+    headingProps = _b.headingProps,
+    groupProps = _b.groupProps;
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("li", __assign({}, itemProps, {
+    className: modules_38d20667.sectionWrapper
+  }), section.rendered && (/*#__PURE__*/React__default.createElement(Heading, __assign({
+    tag: "span",
+    variant: "heading-6"
+  }, headingProps, {
+    classNameOverride: modules_38d20667.sectionHeading
+  }), section.rendered)), /*#__PURE__*/React__default.createElement("ul", __assign({}, groupProps, {
+    className: modules_38d20667.sectionList
+  }), Array.from(section.childNodes).map(function (item) {
+    return /*#__PURE__*/React__default.createElement(Option, {
+      key: item.key,
+      item: item
+    });
+  }))));
+};
+ListBoxSection.displayName = 'ListBoxSection';
 export { ListBoxSection };

package/dist/esm/src/SingleSelect/subcomponents/ListItem/ListItem.mjs

@@ -1,18 +1,15 @@
-import React from 'react';
+import React__default from 'react';
 import { ListBoxSection } from '../ListBoxSection/ListBoxSection.mjs';
 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, {
-      key: item.key,
-      section: item
-    })) : (/*#__PURE__*/React.createElement(Option, {
-      key: item.key,
-      item: item
-    }));
-  };
-  ListItem.displayName = 'ListItem';
-  return ListItem;
-}();
+var ListItem = function (_a) {
+  var item = _a.item;
+  return item.type === 'section' ? (/*#__PURE__*/React__default.createElement(ListBoxSection, {
+    key: item.key,
+    section: item
+  })) : (/*#__PURE__*/React__default.createElement(Option, {
+    key: item.key,
+    item: item
+  }));
+};
+ListItem.displayName = 'ListItem';
 export { ListItem };

package/dist/esm/src/SingleSelect/subcomponents/ListItems/ListItems.mjs

@@ -1,20 +1,17 @@
-import React from 'react';
+import React__default from 'react';
 import { ListItem } from '../ListItem/ListItem.mjs';
 
 /*
  * Default rendered list of select items
  */
-const ListItems = /*#__PURE__*/function () {
-  const ListItems = function (_a) {
-    var items = _a.items;
-    return /*#__PURE__*/React.createElement(React.Fragment, null, items.map(function (item) {
-      return /*#__PURE__*/React.createElement(ListItem, {
-        key: item.key,
-        item: item
-      });
-    }));
-  };
-  ListItems.displayName = 'ListItems';
-  return ListItems;
-}();
+var ListItems = function (_a) {
+  var items = _a.items;
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, items.map(function (item) {
+    return /*#__PURE__*/React__default.createElement(ListItem, {
+      key: item.key,
+      item: item
+    });
+  }));
+};
+ListItems.displayName = 'ListItems';
 export { ListItems };

package/dist/esm/src/SingleSelect/subcomponents/Option/Option.mjs

@@ -1,53 +1,50 @@
 import { __rest, __assign } from 'tslib';
-import React from 'react';
+import React__default from 'react';
 import { useOption } from '@react-aria/listbox';
 import classnames from 'classnames';
 import { useFocusRing, mergeProps } from 'react-aria';
 import { Icon } from '../../../Icon/Icon.mjs';
 import { useSelectContext } from '../../context/SelectContext.mjs';
 import modules_84f224dd from './Option.module.scss.mjs';
-const Option = /*#__PURE__*/function () {
-  const Option = function (_a) {
-    var item = _a.item,
-      classNameOverride = _a.classNameOverride,
-      props = __rest(_a, ["item", "classNameOverride"]);
-    var state = useSelectContext().state;
-    var ref = React.useRef(null);
-    var _b = useOption({
-        key: item.key
-      }, state, ref),
-      optionProps = _b.optionProps,
-      isSelected = _b.isSelected,
-      isDisabled = _b.isDisabled;
-    var onPointerUp = optionProps.onPointerUp,
-      restOptionProps = __rest(optionProps, ["onPointerUp"]);
-    var _c = useFocusRing(),
-      isFocusVisible = _c.isFocusVisible,
-      focusProps = _c.focusProps;
-    return /*#__PURE__*/React.createElement("li", __assign({}, mergeProps(restOptionProps, focusProps, props, {
-      onPointerUp: function (e) {
-        if (e.pointerType === 'touch') {
-          // On touch devices, the listbox closes too quickly so below elements will trigger their pointer events.
-          // Slow it down a bit to prevent the appearance of propagation.
-          setTimeout(function () {
-            return state.setSelectedKey(item.key);
-          }, 250);
-        } else {
-          onPointerUp === null || onPointerUp === void 0 ? void 0 : onPointerUp(e);
-        }
+var Option = function (_a) {
+  var item = _a.item,
+    classNameOverride = _a.classNameOverride,
+    props = __rest(_a, ["item", "classNameOverride"]);
+  var state = useSelectContext().state;
+  var ref = React__default.useRef(null);
+  var _b = useOption({
+      key: item.key
+    }, state, ref),
+    optionProps = _b.optionProps,
+    isSelected = _b.isSelected,
+    isDisabled = _b.isDisabled;
+  var onPointerUp = optionProps.onPointerUp,
+    restOptionProps = __rest(optionProps, ["onPointerUp"]);
+  var _c = useFocusRing(),
+    isFocusVisible = _c.isFocusVisible,
+    focusProps = _c.focusProps;
+  return /*#__PURE__*/React__default.createElement("li", __assign({}, mergeProps(restOptionProps, focusProps, props, {
+    onPointerUp: function (e) {
+      if (e.pointerType === 'touch') {
+        // On touch devices, the listbox closes too quickly so below elements will trigger their pointer events.
+        // Slow it down a bit to prevent the appearance of propagation.
+        setTimeout(function () {
+          return state.setSelectedKey(item.key);
+        }, 250);
+      } else {
+        onPointerUp === null || onPointerUp === void 0 ? void 0 : onPointerUp(e);
       }
-    }), {
-      ref: ref,
-      className: classnames(modules_84f224dd.option, isSelected && modules_84f224dd.isSelected, isFocusVisible && modules_84f224dd.isFocusVisible, isDisabled && modules_84f224dd.disabled, classNameOverride),
-      "aria-label": item.textValue
-    }), item.rendered, /*#__PURE__*/React.createElement("span", {
-      className: classnames(modules_84f224dd.icon, isSelected && modules_84f224dd.isSelected)
-    }, isSelected && /*#__PURE__*/React.createElement(Icon, {
-      name: "check",
-      isPresentational: true
-    })));
-  };
-  Option.displayName = 'Option';
-  return Option;
-}();
+    }
+  }), {
+    ref: ref,
+    className: classnames(modules_84f224dd.option, isSelected && modules_84f224dd.isSelected, isFocusVisible && modules_84f224dd.isFocusVisible, isDisabled && modules_84f224dd.disabled, classNameOverride),
+    "aria-label": item.textValue
+  }), item.rendered, /*#__PURE__*/React__default.createElement("span", {
+    className: classnames(modules_84f224dd.icon, isSelected && modules_84f224dd.isSelected)
+  }, isSelected && /*#__PURE__*/React__default.createElement(Icon, {
+    name: "check",
+    isPresentational: true
+  })));
+};
+Option.displayName = 'Option';
 export { Option };

package/dist/esm/src/SingleSelect/subcomponents/Overlay/Overlay.mjs

@@ -1,39 +1,36 @@
 import { __rest, __assign } from 'tslib';
-import React from 'react';
+import React__default from 'react';
 import { FocusScope } from '@react-aria/focus';
 import { useOverlay, DismissButton } from '@react-aria/overlays';
 import { useSelectContext } from '../../context/SelectContext.mjs';
-const Overlay = /*#__PURE__*/function () {
-  const Overlay = function (_a) {
-    var children = _a.children,
-      classNameOverride = _a.classNameOverride,
-      popoverRef = _a.popoverRef,
-      restProps = __rest(_a, ["children", "classNameOverride", "popoverRef"]);
-    var state = useSelectContext().state;
-    // Handle events that should cause the menu to close,
-    // e.g. blur, clicking outside, or pressing the escape key.
-    var overlayRef = React.useRef(null);
-    var overlayProps = useOverlay({
-      isDismissable: true,
-      isOpen: state.isOpen,
-      onClose: state.close
-    }, popoverRef !== null && popoverRef !== void 0 ? popoverRef : overlayRef).overlayProps;
-    // Wrap in <FocusScope> so that focus is restored back to the trigger when the menu is closed
-    // and auto focus on the first focusable item after loading. (disable eslint no-autofocus error for it)
-    // In addition, add hidden <DismissButton> components at the start and end of the list
-    // to allow screen reader users to dismiss the popup easily.
-    return /*#__PURE__*/React.createElement("div", __assign({
-      className: classNameOverride
-    }, overlayProps, restProps), /*#__PURE__*/React.createElement(FocusScope, {
-      autoFocus: false,
-      restoreFocus: true
-    }, /*#__PURE__*/React.createElement(DismissButton, {
-      onDismiss: state.close
-    }), children, /*#__PURE__*/React.createElement(DismissButton, {
-      onDismiss: state.close
-    })));
-  };
-  Overlay.displayName = 'Overlay';
-  return Overlay;
-}();
+var Overlay = function (_a) {
+  var children = _a.children,
+    classNameOverride = _a.classNameOverride,
+    popoverRef = _a.popoverRef,
+    restProps = __rest(_a, ["children", "classNameOverride", "popoverRef"]);
+  var state = useSelectContext().state;
+  // Handle events that should cause the menu to close,
+  // e.g. blur, clicking outside, or pressing the escape key.
+  var overlayRef = React__default.useRef(null);
+  var overlayProps = useOverlay({
+    isDismissable: true,
+    isOpen: state.isOpen,
+    onClose: state.close
+  }, popoverRef !== null && popoverRef !== void 0 ? popoverRef : overlayRef).overlayProps;
+  // Wrap in <FocusScope> so that focus is restored back to the trigger when the menu is closed
+  // and auto focus on the first focusable item after loading. (disable eslint no-autofocus error for it)
+  // In addition, add hidden <DismissButton> components at the start and end of the list
+  // to allow screen reader users to dismiss the popup easily.
+  return /*#__PURE__*/React__default.createElement("div", __assign({
+    className: classNameOverride
+  }, overlayProps, restProps), /*#__PURE__*/React__default.createElement(FocusScope, {
+    autoFocus: false,
+    restoreFocus: true
+  }, /*#__PURE__*/React__default.createElement(DismissButton, {
+    onDismiss: state.close
+  }), children, /*#__PURE__*/React__default.createElement(DismissButton, {
+    onDismiss: state.close
+  })));
+};
+Overlay.displayName = 'Overlay';
 export { Overlay };

package/dist/esm/src/SingleSelect/subcomponents/SectionDivider/SectionDivider.mjs

@@ -1,14 +1,11 @@
-import React from 'react';
+import React__default from 'react';
 import { Divider } from '../../../Divider/Divider.mjs';
 import modules_07bb815f from './SectionDivider.module.scss.mjs';
-const SectionDivider = /*#__PURE__*/function () {
-  const SectionDivider = function () {
-    return /*#__PURE__*/React.createElement(Divider, {
-      classNameOverride: modules_07bb815f.divider,
-      variant: "canvas"
-    });
-  };
-  SectionDivider.displayName = 'SectionDivider';
-  return SectionDivider;
-}();
+var SectionDivider = function () {
+  return /*#__PURE__*/React__default.createElement(Divider, {
+    classNameOverride: modules_07bb815f.divider,
+    variant: "canvas"
+  });
+};
+SectionDivider.displayName = 'SectionDivider';
 export { SectionDivider };

package/dist/esm/src/SingleSelect/subcomponents/SelectPopoverContents/SelectPopoverContents.mjs

@@ -1,33 +1,30 @@
-import React from 'react';
+import React__default from 'react';
 import { useSelectContext } from '../../context/SelectContext.mjs';
 import { ListBox } from '../ListBox/ListBox.mjs';
 import { ListItems } from '../ListItems/ListItems.mjs';
 import { Overlay } from '../Overlay/Overlay.mjs';
 import modules_2add844f from './SelectPopoverContents.module.scss.mjs';
-const SelectPopoverContents = /*#__PURE__*/function () {
-  const SelectPopoverContents = function (_a) {
-    var children = _a.children,
-      menuProps = _a.menuProps,
-      popoverRef = _a.popoverRef;
-    var state = useSelectContext().state;
-    // The collection structure is set by useSelectState's `children`
-    // which we have used a util to ensure the following structure
-    // - SingleSelectOptionGroup => Section
-    // - Option => Item
-    var itemNodes = Array.from(state.collection);
-    return /*#__PURE__*/React.createElement("div", {
-      className: modules_2add844f.selectPopoverContents
-    }, /*#__PURE__*/React.createElement(Overlay, {
-      popoverRef: popoverRef
-    }, /*#__PURE__*/React.createElement(ListBox, {
-      menuProps: menuProps
-    }, children ? children({
-      items: itemNodes
-    }) : /*#__PURE__*/React.createElement(ListItems, {
-      items: itemNodes
-    }))));
-  };
-  SelectPopoverContents.displayName = 'Select.PopoverContents';
-  return SelectPopoverContents;
-}();
+var SelectPopoverContents = function (_a) {
+  var children = _a.children,
+    menuProps = _a.menuProps,
+    popoverRef = _a.popoverRef;
+  var state = useSelectContext().state;
+  // The collection structure is set by useSelectState's `children`
+  // which we have used a util to ensure the following structure
+  // - SingleSelectOptionGroup => Section
+  // - Option => Item
+  var itemNodes = Array.from(state.collection);
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: modules_2add844f.selectPopoverContents
+  }, /*#__PURE__*/React__default.createElement(Overlay, {
+    popoverRef: popoverRef
+  }, /*#__PURE__*/React__default.createElement(ListBox, {
+    menuProps: menuProps
+  }, children ? children({
+    items: itemNodes
+  }) : /*#__PURE__*/React__default.createElement(ListItems, {
+    items: itemNodes
+  }))));
+};
+SelectPopoverContents.displayName = 'Select.PopoverContents';
 export { SelectPopoverContents };

package/dist/esm/src/SingleSelect/subcomponents/SelectToggle/SelectToggle.mjs

@@ -1,41 +1,38 @@
 import { __rest, __assign } from 'tslib';
-import React from 'react';
+import React__default from 'react';
 import classnames from 'classnames';
 import { Icon } from '../../../Icon/Icon.mjs';
 import { Label } from '../../../Label/Label.mjs';
 import modules_9ba54552 from './SelectToggle.module.scss.mjs';
-const SelectToggle = /*#__PURE__*/function () {
-  const SelectToggle = /*#__PURE__*/React.forwardRef(function (_a, ref) {
-    var label = _a.label,
-      labelProps = _a.labelProps,
-      value = _a.value,
-      valueProps = _a.valueProps,
-      isOpen = _a.isOpen,
-      status = _a.status,
-      isDisabled = _a.isDisabled,
-      isReversed = _a.isReversed,
-      classNameOverride = _a.classNameOverride,
-      restProps = __rest(_a, ["label", "labelProps", "value", "valueProps", "isOpen", "status", "isDisabled", "isReversed", "classNameOverride"]);
-    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Label, __assign({}, labelProps, {
-      reversed: isReversed,
-      disabled: isDisabled
-    }), label), /*#__PURE__*/React.createElement("button", __assign({
-      type: "button",
-      // for the eslint issue below, both of the attributes (aria-expanded and aria-controls) are on the button but it just doesn't know it
-      // eslint-disable-next-line jsx-a11y/role-has-required-aria-props
-      role: "combobox"
-    }, restProps, {
-      ref: ref,
-      className: classnames(modules_9ba54552.selectToggle, status === 'error' && modules_9ba54552.error, status === 'caution' && modules_9ba54552.caution, isDisabled && modules_9ba54552.disabled, isReversed && modules_9ba54552.reversed, classNameOverride)
-    }), /*#__PURE__*/React.createElement("span", __assign({}, valueProps, {
-      className: modules_9ba54552.value
-    }), value), /*#__PURE__*/React.createElement(Icon, {
-      name: isOpen ? 'keyboard_arrow_up' : 'keyboard_arrow_down',
-      isPresentational: true,
-      className: modules_9ba54552.icon
-    })));
-  });
-  SelectToggle.displayName = 'SelectToggle';
-  return SelectToggle;
-}();
+var SelectToggle = /*#__PURE__*/React__default.forwardRef(function (_a, ref) {
+  var label = _a.label,
+    labelProps = _a.labelProps,
+    value = _a.value,
+    valueProps = _a.valueProps,
+    isOpen = _a.isOpen,
+    status = _a.status,
+    isDisabled = _a.isDisabled,
+    isReversed = _a.isReversed,
+    classNameOverride = _a.classNameOverride,
+    restProps = __rest(_a, ["label", "labelProps", "value", "valueProps", "isOpen", "status", "isDisabled", "isReversed", "classNameOverride"]);
+  return /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(Label, __assign({}, labelProps, {
+    reversed: isReversed,
+    disabled: isDisabled
+  }), label), /*#__PURE__*/React__default.createElement("button", __assign({
+    type: "button",
+    // for the eslint issue below, both of the attributes (aria-expanded and aria-controls) are on the button but it just doesn't know it
+    // eslint-disable-next-line jsx-a11y/role-has-required-aria-props
+    role: "combobox"
+  }, restProps, {
+    ref: ref,
+    className: classnames(modules_9ba54552.selectToggle, status === 'error' && modules_9ba54552.error, status === 'caution' && modules_9ba54552.caution, isDisabled && modules_9ba54552.disabled, isReversed && modules_9ba54552.reversed, classNameOverride)
+  }), /*#__PURE__*/React__default.createElement("span", __assign({}, valueProps, {
+    className: modules_9ba54552.value
+  }), value), /*#__PURE__*/React__default.createElement(Icon, {
+    name: isOpen ? 'keyboard_arrow_up' : 'keyboard_arrow_down',
+    isPresentational: true,
+    className: modules_9ba54552.icon
+  })));
+});
+SelectToggle.displayName = 'SelectToggle';
 export { SelectToggle };

package/dist/esm/src/SingleSelect/utils/transformSelectItemToCollectionElement.mjs

@@ -1,16 +1,16 @@
-import React from 'react';
+import React__default 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__default.createElement(Section, {
     key: item.label,
     title: item.label,
     items: item.options
   }, function (child) {
-    return /*#__PURE__*/React.createElement(Item, {
+    return /*#__PURE__*/React__default.createElement(Item, {
       key: child.value
     }, child.label);
-  })) : (/*#__PURE__*/React.createElement(Item, {
+  })) : (/*#__PURE__*/React__default.createElement(Item, {
     key: item.value
   }, item.label));
 };