@salt-ds/lab 1.0.0-alpha.49 → 1.0.0-alpha.50

package/dist-cjs/list-deprecated/ListBase.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var jsxRuntime = require('react/jsx-runtime');
 var core = require('@salt-ds/core');
 var clsx = require('clsx');
-var React = require('react');
+var react = require('react');
 var reactWindow = require('react-window');
 var ListItemBase = require('./ListItemBase.js');
 var ListItemContext = require('./ListItemContext.js');
@@ -20,22 +20,22 @@ var window = require('@salt-ds/window');
 var List = require('./List.css.js');
 
 const withBaseName = core.makePrefixer("saltListDeprecated");
-const ListboxContext = React.createContext({});
-const DefaultItem = React.memo(function DefaultItem2(props) {
+const ListboxContext = react.createContext({});
+const DefaultItem = react.memo(function DefaultItem2(props) {
   const { item, itemToString, itemProps } = useListItem.useListItem(props);
   return /* @__PURE__ */ jsxRuntime.jsx(ListItemBase.ListItemBase, {
     ...itemProps,
     children: itemToString(item)
   });
 }, reactWindow.areEqual);
-const DefaultVirtualizedItem = React.memo(function DefaultVirtualizedItem2(props) {
+const DefaultVirtualizedItem = react.memo(function DefaultVirtualizedItem2(props) {
   const { item, itemToString, itemProps } = useListItem.useVirtualizedListItem(props);
   return /* @__PURE__ */ jsxRuntime.jsx(ListItemBase.ListItemBase, {
     ...itemProps,
     children: itemToString(item)
   });
 }, reactWindow.areEqual);
-const Listbox = React.forwardRef(
+const Listbox = react.forwardRef(
   function Listbox2(props, ref) {
     const { style, onScroll, children } = props;
     const {
@@ -47,7 +47,7 @@ const Listbox = React.forwardRef(
       style: styleProp,
       onScroll: onScrollProp,
       ...restListProps
-    } = React.useContext(ListboxContext);
+    } = react.useContext(ListboxContext);
     const setListRef = core.useForkRef(ref, listRef);
     const handleScroll = (event) => {
       if (onScroll) {
@@ -79,7 +79,7 @@ const noScrolling = {
   scrollToItem: (item) => void 0,
   scrollTo: (scrollOffset) => void 0
 };
-const ListBase = React.forwardRef(function ListBase2(props, ref) {
+const ListBase = react.forwardRef(function ListBase2(props, ref) {
   var _a;
   const targetWindow = window.useWindow();
   styles.useComponentCssInjection({
@@ -137,8 +137,8 @@ const ListBase = React.forwardRef(function ListBase2(props, ref) {
     height: preferredHeight,
     width
   });
-  const virtualizedListRef = React.useRef(null);
-  const listRef = React.useRef(null);
+  const virtualizedListRef = react.useRef(null);
+  const listRef = react.useRef(null);
   const setListRef = core.useForkRef(listRef, listRefProp);
   const scrollToIndex = (itemIndex) => {
     var _a2;
@@ -147,7 +147,7 @@ const ListBase = React.forwardRef(function ListBase2(props, ref) {
       listRef
     );
   };
-  const scrollHandles = React.useMemo(
+  const scrollHandles = react.useMemo(
     () => ({
       scrollToIndex,
       scrollToItem: (item) => {
@@ -161,7 +161,7 @@ const ListBase = React.forwardRef(function ListBase2(props, ref) {
     }),
     [getItemIndex]
   );
-  const virtualizedScrollHandles = React.useMemo(
+  const virtualizedScrollHandles = react.useMemo(
     () => ({
       scrollToIndex: (itemIndex) => {
         if (virtualizedListRef.current) {
@@ -177,7 +177,7 @@ const ListBase = React.forwardRef(function ListBase2(props, ref) {
     }),
     [getItemIndex]
   );
-  React.useImperativeHandle(
+  react.useImperativeHandle(
     ref,
     () => {
       if (virtualized && virtualizedListRef.current) {
@@ -201,7 +201,7 @@ const ListBase = React.forwardRef(function ListBase2(props, ref) {
     }
   }, [highlightedIndex, virtualized]);
   const renderList = () => {
-    if (React.Children.count(children)) {
+    if (react.Children.count(children)) {
       return /* @__PURE__ */ jsxRuntime.jsx(Listbox, {
         style: autoSize,
         children: /* @__PURE__ */ jsxRuntime.jsx(ListItemContext.ListItemContext.Provider, {

package/dist-cjs/list-deprecated/ListItem.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
+var react = require('react');
 var ListItemBase = require('./ListItemBase.js');
 var DescendantContext = require('./internal/DescendantContext.js');
 var helpers = require('./internal/helpers.js');
@@ -28,7 +28,7 @@ function ListItem(props, ref) {
     children: children !== void 0 ? children : itemText
   });
 }
-const _ListItem = React.forwardRef(ListItem);
+const _ListItem = react.forwardRef(ListItem);
 
 exports.ListItem = _ListItem;
 //# sourceMappingURL=ListItem.js.map

package/dist-cjs/list-deprecated/ListItemBase.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var jsxRuntime = require('react/jsx-runtime');
 var core = require('@salt-ds/core');
 var clsx = require('clsx');
-var React = require('react');
+var react = require('react');
 var useOverflowDetection = require('../utils/useOverflowDetection.js');
 var Highlighter = require('./internal/Highlighter.js');
 var styles = require('@salt-ds/styles');
@@ -13,8 +13,8 @@ var window = require('@salt-ds/window');
 var ListItem = require('./ListItem.css.js');
 
 const withBaseName = core.makePrefixer("saltListItemDeprecated");
-const ListItemBase = React.memo(
-  React.forwardRef(function ListItemBase2(props, ref) {
+const ListItemBase = react.memo(
+  react.forwardRef(function ListItemBase2(props, ref) {
     const {
       className,
       deselectable,
@@ -33,7 +33,7 @@ const ListItemBase = React.memo(
       css: ListItem,
       window: targetWindow
     });
-    const { current: detectTruncation } = React.useRef(typeof children === "string");
+    const { current: detectTruncation } = react.useRef(typeof children === "string");
     const [overflowRef, isOverflowed] = useOverflowDetection.useOverflowDetection();
     const setItemRef = core.useForkRef(overflowRef, ref);
     return /* @__PURE__ */ jsxRuntime.jsx(core.Tooltip, {

package/dist-cjs/list-deprecated/ListItemContext.js

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var React = require('react');
+var react = require('react');
 
-const ListItemContext = React.createContext(void 0);
+const ListItemContext = react.createContext(void 0);
 const useListItemContext = () => {
-  const contextValue = React.useContext(ListItemContext);
+  const contextValue = react.useContext(ListItemContext);
   if (contextValue === void 0) {
     throw new Error(
       "useListItemContext must be used inside of a List or ListBase component."

package/dist-cjs/list-deprecated/ListStateContext.js

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var React = require('react');
+var react = require('react');
 
-const ListStateContext = React.createContext();
+const ListStateContext = react.createContext();
 const useListStateContext = () => {
-  const context = React.useContext(ListStateContext);
+  const context = react.useContext(ListStateContext);
   if (!context) {
     throw new Error(
       "useListStateContext must be used inside of a ListStateContext Provider."

package/dist-cjs/list-deprecated/internal/DescendantContext.js

@@ -4,12 +4,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
 var core = require('@salt-ds/core');
-var React = require('react');
+var react = require('react');
 
-const DescendantContext = React.createContext();
+const DescendantContext = react.createContext();
 function DescendantProvider({ items, ...props }) {
-  const assigning = React.useRef(true);
-  const [, forceUpdate] = React.useState();
+  const assigning = react.useRef(true);
+  const [, forceUpdate] = react.useState();
   core.useIsomorphicLayoutEffect(() => {
     if (assigning.current) {
       assigning.current = false;
@@ -29,8 +29,8 @@ function DescendantProvider({ items, ...props }) {
   });
 }
 function useDescendant(descendant) {
-  const { assigning, items } = React.useContext(DescendantContext);
-  const index = React.useRef(-1);
+  const { assigning, items } = react.useContext(DescendantContext);
+  const index = react.useRef(-1);
   core.useIsomorphicLayoutEffect(() => {
     if (assigning.current) {
       index.current = items.current.push(descendant) - 1;

package/dist-cjs/list-deprecated/internal/useListAutoSizer.js

@@ -3,13 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var core = require('@salt-ds/core');
-var React = require('react');
+var react = require('react');
 
 function useListAutoSizer(props) {
   const { responsive, width, height } = props;
-  const [size, setSize] = React.useState({ width, height });
-  const ref = React.useRef(null);
-  const handleResize = React.useCallback(function handleResize2(contentRect) {
+  const [size, setSize] = react.useState({ width, height });
+  const ref = react.useRef(null);
+  const handleResize = react.useCallback(function handleResize2(contentRect) {
     if (contentRect.width > 0 && contentRect.height > 0) {
       setSize({
         width: contentRect.width,

package/dist-cjs/list-deprecated/internal/useWidth.js

@@ -3,12 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var core = require('@salt-ds/core');
-var React = require('react');
+var react = require('react');
 
 function useWidth(responsive) {
-  const [width, setWidth] = React.useState();
-  const ref = React.useRef();
-  const handleResize = React.useCallback(function handleResize2(contentRect) {
+  const [width, setWidth] = react.useState();
+  const ref = react.useRef();
+  const handleResize = react.useCallback(function handleResize2(contentRect) {
     setWidth(contentRect.width);
   }, []);
   core.useIsomorphicLayoutEffect(() => {

package/dist-cjs/list-deprecated/useList.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var core = require('@salt-ds/core');
-var React = require('react');
+var react = require('react');
 
 function useList(props = {}) {
   validateProps(props);
@@ -39,19 +39,19 @@ function useList(props = {}) {
     onBlur: handleBlurVisible,
     ref: focusVisibleRef
   } = core.useIsFocusVisible();
-  const { current: isDeselectable } = React.useRef(
+  const { current: isDeselectable } = react.useRef(
     selectionVariant === "deselectable"
   );
-  const { current: isMultiSelect } = React.useRef(
+  const { current: isMultiSelect } = react.useRef(
     selectionVariant === "multiple" || selectionVariant === "extended" || Array.isArray(initialSelectedItem) || Array.isArray(selectedItemProp)
   );
-  const { current: isExtendedSelect } = React.useRef(selectionVariant === "extended");
-  let getItemIndex = React.useCallback(
+  const { current: isExtendedSelect } = react.useRef(selectionVariant === "extended");
+  let getItemIndex = react.useCallback(
     (item) => source.indexOf(item),
     [source]
   );
-  let getItemAtIndex = React.useCallback((index) => source[index], [source]);
-  const indexComparator = React.useCallback(
+  let getItemAtIndex = react.useCallback((index) => source[index], [source]);
+  const indexComparator = react.useCallback(
     (a, b) => getItemIndex(a) - getItemIndex(b),
     [getItemIndex]
   );
@@ -59,9 +59,9 @@ function useList(props = {}) {
     getItemIndex = getItemIndexProp;
     getItemAtIndex = getItemAtIndexProp;
   }
-  const rootRef = React.useRef();
-  const [focusVisible, setFocusVisible] = React.useState(false);
-  const [lastFocusedIndex, setLastFocusedIndex] = React.useState(-1);
+  const rootRef = react.useRef();
+  const [focusVisible, setFocusVisible] = react.useState(false);
+  const [lastFocusedIndex, setLastFocusedIndex] = react.useState(-1);
   const [selectedItem, setSelectedItem] = core.useControlled({
     controlled: selectedItemProp,
     default: initialSelectedItem != null ? initialSelectedItem : isMultiSelect ? [] : null,
@@ -74,7 +74,7 @@ function useList(props = {}) {
     name: "useList",
     state: "highlightedIndex"
   });
-  const handleSingleSelect = React.useCallback(
+  const handleSingleSelect = react.useCallback(
     (event, index, item) => {
       const isSelected = item === selectedItem;
       let nextItem;
@@ -99,7 +99,7 @@ function useList(props = {}) {
     },
     [isDeselectable, onChange, selectedItem]
   );
-  const handleMultiSelect = React.useCallback(
+  const handleMultiSelect = react.useCallback(
     (event, index, item) => {
       const isSelected = selectedItem.indexOf(item) !== -1;
       let nextItems = selectedItem;
@@ -121,7 +121,7 @@ function useList(props = {}) {
     },
     [indexComparator, onChange, selectedItem]
   );
-  const handleRangeSelect = React.useCallback(
+  const handleRangeSelect = react.useCallback(
     (event, index) => {
       var _a;
       const currentSelection = event.ctrlKey || event.metaKey ? selectedItem : [];
@@ -153,7 +153,7 @@ function useList(props = {}) {
     },
     [getItemIndex, onChange, selectedItem, source]
   );
-  const handleExtendedSelect = React.useCallback(
+  const handleExtendedSelect = react.useCallback(
     (event, index, item) => {
       let nextItems = selectedItem;
       if (event.shiftKey) {
@@ -176,7 +176,7 @@ function useList(props = {}) {
     },
     [handleMultiSelect, handleRangeSelect, onChange, selectedItem]
   );
-  const handleSelect = React.useCallback(
+  const handleSelect = react.useCallback(
     (event, index, item) => {
       if (item == null || item.disabled) {
         return;
@@ -394,12 +394,12 @@ const validateProps = (props) => {
     const hasIndexer = typeof getItemIndex === "function" && typeof getItemAtIndex === "function";
     const hasNoIndexer = getItemIndex === void 0 && getItemAtIndex === void 0;
     const sourceNotArray = !Array.isArray(source);
-    React.useEffect(() => {
+    react.useEffect(() => {
       if (sourceNotArray) {
         console.error("`source` for useList must be an array.");
       }
     }, [sourceNotArray]);
-    React.useEffect(() => {
+    react.useEffect(() => {
       if (!hasNoIndexer && !hasIndexer) {
         console.error(
           "useList needs to have both `getItemIndex` and `getItemAtIndex`."

package/dist-cjs/list-deprecated/useListItem.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var React = require('react');
+var react = require('react');
 var ListItemContext = require('./ListItemContext.js');
 var ListStateContext = require('./ListStateContext.js');
 
@@ -35,7 +35,7 @@ function useListItem(props) {
     style: styleProp,
     ...restProps
   } = props;
-  const style = React.useMemo(
+  const style = react.useMemo(
     () => ({
       height: itemHeight,
       ...styleProp
@@ -44,7 +44,7 @@ function useListItem(props) {
   );
   const highlighted = index === highlightedIndex;
   const selected = isMultiSelect ? selectedItem.indexOf(item) !== -1 : item === selectedItem;
-  const handleClick = React.useCallback(
+  const handleClick = react.useCallback(
     (event) => {
       handleSelect(event, index, item);
       if (onClick) {
@@ -53,7 +53,7 @@ function useListItem(props) {
     },
     [handleSelect, index, item, onClick]
   );
-  const handleMouseMove = React.useCallback(
+  const handleMouseMove = react.useCallback(
     (event) => {
       setHighlightedIndex(index);
       setFocusVisible(false);
@@ -119,7 +119,7 @@ const useVirtualizedListItem = (props) => {
 };
 const validateProps = (props) => {
   const { index, item } = props;
-  React.useEffect(() => {
+  react.useEffect(() => {
     if (item === void 0) {
       console.warn("useListItem needs `item`.");
     }

package/dist-cjs/list-deprecated/useTypeSelect.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var React = require('react');
+var react = require('react');
 var escapeRegExp = require('../utils/escapeRegExp.js');
 require('@salt-ds/core');
 var itemToString = require('./itemToString.js');
@@ -18,7 +18,7 @@ function useTypeSelect(options) {
     setFocusVisible,
     setHighlightedIndex
   } = options;
-  const getItemIndexForSearch = React.useCallback(
+  const getItemIndexForSearch = react.useCallback(
     (searchTerm, fromIndex) => {
       if (itemCount === 0) {
         return null;
@@ -36,7 +36,7 @@ function useTypeSelect(options) {
     },
     [itemCount, itemToString$1, getItemAtIndex]
   );
-  const state = React.useRef({
+  const state = react.useRef({
     search: "",
     timeout: null
   }).current;

package/dist-cjs/list-next/ListItemNext.js

@@ -5,14 +5,14 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var jsxRuntime = require('react/jsx-runtime');
 var core = require('@salt-ds/core');
 var clsx = require('clsx');
-var React = require('react');
+var react = require('react');
 var styles = require('@salt-ds/styles');
 var window = require('@salt-ds/window');
 var ListItemNext$1 = require('./ListItemNext.css.js');
 var ListNextContext = require('./ListNextContext.js');
 
 const withBaseName = core.makePrefixer("saltListItemNext");
-const ListItemNext = React.forwardRef(
+const ListItemNext = react.forwardRef(
   function ListItemNext2({
     children,
     className,

package/dist-cjs/list-next/ListNext.js

@@ -7,13 +7,13 @@ var core = require('@salt-ds/core');
 var styles = require('@salt-ds/styles');
 var window = require('@salt-ds/window');
 var clsx = require('clsx');
-var React = require('react');
+var react = require('react');
 var ListNext$1 = require('./ListNext.css.js');
 var ListNextContext = require('./ListNextContext.js');
 var useList = require('./useList.js');
 
 const withBaseName = core.makePrefixer("saltListNext");
-const ListNext = React.forwardRef(
+const ListNext = react.forwardRef(
   function ListNext2({
     children,
     className,
@@ -38,7 +38,7 @@ const ListNext = React.forwardRef(
       window: targetWindow
     });
     const listId = core.useId(id);
-    const listRef = React.useRef(null);
+    const listRef = react.useRef(null);
     const handleRef = core.useForkRef(listRef, ref);
     const {
       focusHandler,

package/dist-cjs/list-next/ListNextContext.js

@@ -3,14 +3,14 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var core = require('@salt-ds/core');
-var React = require('react');
+var react = require('react');
 
 const ListNextContext = core.createContext(
   "ListNextContext",
   void 0
 );
 function useListItem() {
-  return React.useContext(ListNextContext);
+  return react.useContext(ListNextContext);
 }
 
 exports.ListNextContext = ListNextContext;

package/dist-cjs/list-next/useList.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var core = require('@salt-ds/core');
-var React = require('react');
+var react = require('react');
 
 const useList = ({
   disabled = false,
@@ -15,14 +15,14 @@ const useList = ({
   id,
   ref
 }) => {
-  const getOptions = React.useCallback(() => {
+  const getOptions = react.useCallback(() => {
     var _a, _b;
     return Array.from(
       (_b = (_a = ref.current) == null ? void 0 : _a.querySelectorAll('[role="option"]:not([aria-disabled])')) != null ? _b : []
     );
   }, [ref]);
-  const [focusVisible, setFocusVisible] = React.useState(false);
-  const [activeDescendant, setActiveDescendant] = React.useState(
+  const [focusVisible, setFocusVisible] = react.useState(false);
+  const [activeDescendant, setActiveDescendant] = react.useState(
     void 0
   );
   const [highlightedItem, setHighlightedItem] = core.useControlled({
@@ -43,7 +43,7 @@ const useList = ({
     onBlur: handleBlurVisible,
     ref: focusVisibleRef
   } = core.useIsFocusVisible();
-  const updateScroll = React.useCallback(
+  const updateScroll = react.useCallback(
     (currentTarget) => {
       const list = ref.current;
       if (!list || !currentTarget)
@@ -59,7 +59,7 @@ const useList = ({
     },
     [ref]
   );
-  const updateHighlighted = React.useCallback(
+  const updateHighlighted = react.useCallback(
     (element) => {
       setHighlightedItem(element.dataset.value);
       setActiveDescendant(element.id);
@@ -67,7 +67,7 @@ const useList = ({
     },
     [updateScroll]
   );
-  const selectItem = React.useCallback(
+  const selectItem = react.useCallback(
     (element) => {
       const newValue = element == null ? void 0 : element.dataset.value;
       if (newValue) {
@@ -77,7 +77,7 @@ const useList = ({
     },
     [updateHighlighted]
   );
-  React.useEffect(() => {
+  react.useEffect(() => {
     var _a;
     const activeOptions = getOptions();
     const highlightedIndex = activeOptions.findIndex(
@@ -115,7 +115,7 @@ const useList = ({
     );
     return activeOptions[currentOptionIndex - moves] || activeOptions[0];
   };
-  const select = React.useCallback(
+  const select = react.useCallback(
     (event) => {
       const newValue = event.currentTarget.dataset.value;
       const activeOptions = getOptions();
@@ -130,18 +130,18 @@ const useList = ({
     },
     [selectItem, selectedItem, onChange, onSelect, getOptions]
   );
-  const isSelected = React.useCallback(
+  const isSelected = react.useCallback(
     (value) => selectedItem === value,
     [selectedItem]
   );
-  const highlight = React.useCallback((event) => {
+  const highlight = react.useCallback((event) => {
     setHighlightedItem(event.currentTarget.dataset.value);
   }, []);
-  const isHighlighted = React.useCallback(
+  const isHighlighted = react.useCallback(
     (value) => highlightedItem === value,
     [highlightedItem]
   );
-  const isFocused = React.useCallback(
+  const isFocused = react.useCallback(
     (value) => isHighlighted(value) && focusVisible,
     [focusVisible, isHighlighted]
   );
@@ -217,7 +217,7 @@ const useList = ({
         break;
     }
   };
-  const contextValue = React.useMemo(
+  const contextValue = react.useMemo(
     () => ({
       disabled,
       id,

package/dist-cjs/logo/Logo.js

@@ -5,13 +5,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var jsxRuntime = require('react/jsx-runtime');
 var core = require('@salt-ds/core');
 var clsx = require('clsx');
-var React = require('react');
+var react = require('react');
 var styles = require('@salt-ds/styles');
 var window = require('@salt-ds/window');
 var Logo$1 = require('./Logo.css.js');
 
 const withBaseName = core.makePrefixer("saltLogo");
-const Logo = React.forwardRef(
+const Logo = react.forwardRef(
   function Logo2(props, ref) {
     const { className, ...rest } = props;
     const targetWindow = window.useWindow();

package/dist-cjs/logo/LogoImage.js

@@ -7,11 +7,11 @@ var core = require('@salt-ds/core');
 var styles = require('@salt-ds/styles');
 var window = require('@salt-ds/window');
 var clsx = require('clsx');
-var React = require('react');
+var react = require('react');
 var LogoImage$1 = require('./LogoImage.css.js');
 
 const withBaseName = core.makePrefixer("saltLogoImage");
-const LogoImage = React.forwardRef(
+const LogoImage = react.forwardRef(
   function LogoImage2(props, ref) {
     const { className, alt, ...rest } = props;
     const targetWindow = window.useWindow();

package/dist-cjs/logo/LogoSeparator.js

@@ -5,13 +5,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var jsxRuntime = require('react/jsx-runtime');
 var core = require('@salt-ds/core');
 var clsx = require('clsx');
-var React = require('react');
+var react = require('react');
 var styles = require('@salt-ds/styles');
 var window = require('@salt-ds/window');
 var LogoSeparator$1 = require('./LogoSeparator.css.js');
 
 const withBaseName = core.makePrefixer("saltLogoSeparator");
-const LogoSeparator = React.forwardRef(
+const LogoSeparator = react.forwardRef(
   function LogoSeparator2(props, ref) {
     const { className, ...rest } = props;
     const targetWindow = window.useWindow();

package/dist-cjs/menu-button/MenuButton.js

@@ -5,12 +5,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var jsxRuntime = require('react/jsx-runtime');
 var styles = require('@salt-ds/styles');
 var window = require('@salt-ds/window');
-var React = require('react');
+var react = require('react');
 var CascadingMenu = require('../cascading-menu/CascadingMenu.js');
 var MenuButtonTrigger = require('./MenuButtonTrigger.js');
 var MenuButton$1 = require('./MenuButton.css.js');
 
-const MenuButton = React.forwardRef(
+const MenuButton = react.forwardRef(
   function MenuButton2({ variant = "secondary", CascadingMenuProps = {}, children, ...restProps }, ref) {
     const {
       initialSource = { menuItems: [] },
@@ -24,12 +24,12 @@ const MenuButton = React.forwardRef(
       css: MenuButton$1,
       window: targetWindow
     });
-    const [isMenuOpen, setMenuOpen] = React.useState(false);
-    const handleOpen = React.useCallback(() => {
+    const [isMenuOpen, setMenuOpen] = react.useState(false);
+    const handleOpen = react.useCallback(() => {
       setMenuOpen(true);
       onOpen == null ? void 0 : onOpen();
     }, [onOpen]);
-    const handleClose = React.useCallback(() => {
+    const handleClose = react.useCallback(() => {
       setMenuOpen(false);
       onClose == null ? void 0 : onClose();
     }, [onClose]);