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

package/dist-cjs/editable-label/EditableLabel.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 InputLegacy = require('../input-legacy/InputLegacy.js');
 require('../input-legacy/StaticInputAdornment.js');
 var styles = require('@salt-ds/styles');
@@ -13,7 +13,7 @@ var window = require('@salt-ds/window');
 var EditableLabel$1 = require('./EditableLabel.css.js');
 
 const classBase = "saltEditableLabel";
-const EditableLabel = React.forwardRef(function EditableLabel2({
+const EditableLabel = react.forwardRef(function EditableLabel2({
   className: classNameProp,
   defaultEditing,
   defaultValue,
@@ -29,7 +29,7 @@ const EditableLabel = React.forwardRef(function EditableLabel2({
     css: EditableLabel$1,
     window: targetWindow
   });
-  const inputRef = React.useRef(null);
+  const inputRef = react.useRef(null);
   const [value, setValue] = core.useControlled({
     controlled: valueProp,
     default: defaultValue != null ? defaultValue : "",
@@ -42,7 +42,7 @@ const EditableLabel = React.forwardRef(function EditableLabel2({
     name: "EditableLabel",
     state: "editing"
   });
-  const initialValue = React.useRef(value);
+  const initialValue = react.useRef(value);
   core.useIsomorphicLayoutEffect(() => {
     if (editing) {
       if (inputRef.current !== null) {
@@ -51,7 +51,7 @@ const EditableLabel = React.forwardRef(function EditableLabel2({
       }
     }
   }, [editing]);
-  const enterEditMode = React.useCallback(() => {
+  const enterEditMode = react.useCallback(() => {
     setEditing(true);
     onEnterEditMode == null ? void 0 : onEnterEditMode();
   }, [onEnterEditMode]);

package/dist-cjs/form-field-context-legacy/useFormFieldLegacyProps.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');
 var FormFieldLegacyContext = require('./FormFieldLegacyContext.js');
 
 function useFormFieldLegacyProps({
   focusVisible
 } = {}) {
-  const { setFocused, ...formFieldProps } = React.useContext(FormFieldLegacyContext.FormFieldLegacyContext) || {};
+  const { setFocused, ...formFieldProps } = react.useContext(FormFieldLegacyContext.FormFieldLegacyContext) || {};
   core.useIsomorphicLayoutEffect(() => {
     if (focusVisible !== void 0 && setFocused) {
       setFocused(focusVisible);

package/dist-cjs/form-field-legacy/FormFieldLegacy.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 FormFieldLegacyContext = require('../form-field-context-legacy/FormFieldLegacyContext.js');
 var FormActivationIndicator = require('./FormActivationIndicator.js');
 var FormHelperText = require('./FormHelperText.js');
@@ -23,7 +23,7 @@ const useA11yValue = ({
   helperTextId,
   renderHelperText
 }) => {
-  return React.useMemo(
+  return react.useMemo(
     () => ({
       "aria-labelledby": labelId,
       "aria-required": required,
@@ -38,7 +38,7 @@ const useFormFieldLegacy = ({
   onBlur,
   onFocus
 }) => {
-  const [focused, setFocused] = React.useState(false);
+  const [focused, setFocused] = react.useState(false);
   const handleBlur = (event) => {
     setFocused(false);
     onBlur == null ? void 0 : onBlur(event);
@@ -61,7 +61,7 @@ const useFormFieldLegacy = ({
   ];
 };
 const withBaseName = core.makePrefixer(constant.classBase);
-const FormFieldLegacy = React.forwardRef(
+const FormFieldLegacy = react.forwardRef(
   ({
     ActivationIndicatorComponent = FormActivationIndicator.FormActivationIndicator,
     children,
@@ -95,7 +95,7 @@ const FormFieldLegacy = React.forwardRef(
     });
     const labelId = core.useId(LabelProps == null ? void 0 : LabelProps.id);
     const helperTextId = core.useId(HelperTextProps == null ? void 0 : HelperTextProps.id);
-    const rootRef = React.useRef(null);
+    const rootRef = react.useRef(null);
     const renderHelperText = !!helperText;
     const a11yValue = useA11yValue({
       required,

package/dist-cjs/form-field-legacy/FormHelperText.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormHelperText.js","sources":["../src/form-field-legacy/FormHelperText.tsx"],"sourcesContent":["import type { ComponentPropsWithoutRef } from \"react\";\nimport type { FormFieldLegacyProps as FormFieldProps } from \"./FormFieldLegacy\";\n\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\n\nimport formHelperTextCss from \"./FormHelperText.css\";\n\nexport type FormHelperTextProps<E extends React.ElementType = \"p\"> =\n  ComponentPropsWithoutRef<E> & {\n    helperText: FormFieldProps[\"helperText\"];\n    helperTextPlacement: FormFieldProps[\"helperTextPlacement\"];\n  };\n\nexport const FormHelperText = <E extends React.ElementType = \"p\">({\n  helperText,\n  helperTextPlacement,\n  ...restProps\n}: FormHelperTextProps<E>) => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-form-helper-text\",\n    css: formHelperTextCss,\n    window: targetWindow,\n  });\n\n  if (helperText) {\n    if (helperTextPlacement === \"bottom\") {\n      return (\n        <p className=\"saltFormHelperText\" {...restProps}>\n          {helperText}\n        </p>\n      );\n    }\n    if (helperTextPlacement === \"tooltip\") {\n      console.warn(\"helperTextPlacement tooltip has not yet implemented\");\n      return null;\n    }\n    return null;\n  }\n  return null;\n};\n"],"names":["useWindow","useComponentCssInjection","formHelperTextCss","jsx"],"mappings":";;;;;;;;;AAcO,MAAM,iBAAiB,CAAoC;AAAA,EAChE,UAAA;AAAA,EACA,mBAAA;AAAA,EACG,GAAA,SAAA;AACL,CAA8B,KAAA;AAC5B,EAAA,MAAM,eAAeA,gBAAU,EAAA,CAAA;AAC/B,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,uBAAA;AAAA,IACR,GAAK,EAAAC,gBAAA;AAAA,IACL,MAAQ,EAAA,YAAA;AAAA,GACT,CAAA,CAAA;AAED,EAAA,IAAI,UAAY,EAAA;AACd,IAAA,IAAI,wBAAwB,QAAU,EAAA;AACpC,MAAA,uBACGC,cAAA,CAAA,GAAA,EAAA;AAAA,QAAE,SAAU,EAAA,oBAAA;AAAA,QAAsB,GAAG,SAAA;AAAA,QACnC,QAAA,EAAA,UAAA;AAAA,OACH,CAAA,CAAA;AAAA,KAEJ;AACA,IAAA,IAAI,wBAAwB,SAAW,EAAA;AACrC,MAAA,OAAA,CAAQ,KAAK,qDAAqD,CAAA,CAAA;AAClE,MAAO,OAAA,IAAA,CAAA;AAAA,KACT;AACA,IAAO,OAAA,IAAA,CAAA;AAAA,GACT;AACA,EAAO,OAAA,IAAA,CAAA;AACT;;;;"}
+{"version":3,"file":"FormHelperText.js","sources":["../src/form-field-legacy/FormHelperText.tsx"],"sourcesContent":["import type { ComponentPropsWithoutRef } from \"react\";\nimport type { FormFieldLegacyProps as FormFieldProps } from \"./FormFieldLegacy\";\n\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\n\nimport formHelperTextCss from \"./FormHelperText.css\";\n\nexport interface FormHelperTextProps extends ComponentPropsWithoutRef<\"p\"> {\n  helperText: FormFieldProps[\"helperText\"];\n  helperTextPlacement: FormFieldProps[\"helperTextPlacement\"];\n}\n\nexport const FormHelperText = ({\n  helperText,\n  helperTextPlacement,\n  ...restProps\n}: FormHelperTextProps) => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-form-helper-text\",\n    css: formHelperTextCss,\n    window: targetWindow,\n  });\n\n  if (helperText) {\n    if (helperTextPlacement === \"bottom\") {\n      return (\n        <p className=\"saltFormHelperText\" {...restProps}>\n          {helperText}\n        </p>\n      );\n    }\n    if (helperTextPlacement === \"tooltip\") {\n      console.warn(\"helperTextPlacement tooltip has not yet implemented\");\n      return null;\n    }\n    return null;\n  }\n  return null;\n};\n"],"names":["useWindow","useComponentCssInjection","formHelperTextCss","jsx"],"mappings":";;;;;;;;;AAaO,MAAM,iBAAiB,CAAC;AAAA,EAC7B,UAAA;AAAA,EACA,mBAAA;AAAA,EACG,GAAA,SAAA;AACL,CAA2B,KAAA;AACzB,EAAA,MAAM,eAAeA,gBAAU,EAAA,CAAA;AAC/B,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,uBAAA;AAAA,IACR,GAAK,EAAAC,gBAAA;AAAA,IACL,MAAQ,EAAA,YAAA;AAAA,GACT,CAAA,CAAA;AAED,EAAA,IAAI,UAAY,EAAA;AACd,IAAA,IAAI,wBAAwB,QAAU,EAAA;AACpC,MAAA,uBACGC,cAAA,CAAA,GAAA,EAAA;AAAA,QAAE,SAAU,EAAA,oBAAA;AAAA,QAAsB,GAAG,SAAA;AAAA,QACnC,QAAA,EAAA,UAAA;AAAA,OACH,CAAA,CAAA;AAAA,KAEJ;AACA,IAAA,IAAI,wBAAwB,SAAW,EAAA;AACrC,MAAA,OAAA,CAAQ,KAAK,qDAAqD,CAAA,CAAA;AAClE,MAAO,OAAA,IAAA,CAAA;AAAA,KACT;AACA,IAAO,OAAA,IAAA,CAAA;AAAA,GACT;AACA,EAAO,OAAA,IAAA,CAAA;AACT;;;;"}

package/dist-cjs/form-group/FormGroup.js

@@ -4,13 +4,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
 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 FormGroup$1 = require('./FormGroup.css.js');
 
 const baseName = "saltFormGroup";
-const FormGroup = React.forwardRef(
+const FormGroup = react.forwardRef(
   function FormGroup2({ className, row, ...other }, ref) {
     const targetWindow = window.useWindow();
     styles.useComponentCssInjection({

package/dist-cjs/formatted-input/FormattedInput.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 rifm = require('rifm');
 var InputLegacy = require('../input-legacy/InputLegacy.js');
 require('../input-legacy/StaticInputAdornment.js');
@@ -16,7 +16,7 @@ var FormattedInput$1 = require('./FormattedInput.css.js');
 
 const defaultFormatter = (string) => string;
 const defaultRifmOptions = {};
-const FormattedInput = React.forwardRef(
+const FormattedInput = react.forwardRef(
   function FormattedInput2({
     defaultValue = "",
     className,

package/dist-cjs/formatted-input/internal/InputWithMask.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');
 
 const baseName = "saltFormattedInput";
 function getClippedMask(mask, value, textAlign) {
@@ -20,7 +20,7 @@ function getClippedMask(mask, value, textAlign) {
   }
   return "";
 }
-const InputWithMask = React.forwardRef(
+const InputWithMask = react.forwardRef(
   function InputWithMask2({
     "aria-labelledby": ariaLabelledBy,
     className,

package/dist-cjs/index.js

@@ -114,6 +114,9 @@ var TrackerStep = require('./stepped-tracker/TrackerStep/TrackerStep.js');
 var StepLabel = require('./stepped-tracker/StepLabel/StepLabel.js');
 var useStepperInput = require('./stepper-input/useStepperInput.js');
 var StepperInput = require('./stepper-input/StepperInput.js');
+var SystemStatus = require('./system-status/SystemStatus.js');
+var SystemStatusContent = require('./system-status/SystemStatusContent.js');
+var SystemStatusActions = require('./system-status/SystemStatusActions.js');
 var TabActivationIndicator = require('./tabs/TabActivationIndicator.js');
 var Tabstrip = require('./tabs/Tabstrip.js');
 var Tab = require('./tabs/Tab.js');
@@ -280,6 +283,9 @@ exports.TrackerStep = TrackerStep.TrackerStep;
 exports.StepLabel = StepLabel.StepLabel;
 exports.useStepperInput = useStepperInput.useStepperInput;
 exports.StepperInput = StepperInput.StepperInput;
+exports.SystemStatus = SystemStatus.SystemStatus;
+exports.SystemStatusContent = SystemStatusContent.SystemStatusContent;
+exports.SystemStatusActions = SystemStatusActions.SystemStatusActions;
 exports.TabActivationIndicator = TabActivationIndicator.TabActivationIndicator;
 exports.Tabstrip = Tabstrip.Tabstrip;
 exports.Tab = Tab.Tab;

package/dist-cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist-cjs/input-legacy/InputLegacy.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');
 require('../form-field-context-legacy/FormFieldLegacyContext.js');
 var useFormFieldLegacyProps = require('../form-field-context-legacy/useFormFieldLegacyProps.js');
 var useCursorOnFocus = require('./useCursorOnFocus.js');
@@ -26,7 +26,7 @@ function mergeA11yProps(a11yProps, inputProps, misplacedAriaProps) {
     "aria-labelledby": ariaLabelledBy ? Array.from(new Set(ariaLabelledBy.split(" "))).join(" ") : null
   };
 }
-const InputLegacy = React.forwardRef(
+const InputLegacy = react.forwardRef(
   function Input({
     "aria-activedescendant": ariaActiveDescendant,
     "aria-expanded": ariaExpanded,
@@ -74,8 +74,8 @@ const InputLegacy = React.forwardRef(
       setFocused: setFormFieldFocused,
       inFormField
     } = useFormFieldLegacyProps.useFormFieldLegacyProps();
-    const [focused, setFocused] = React.useState(false);
-    const inputRef = React.useRef(null);
+    const [focused, setFocused] = react.useState(false);
+    const inputRef = react.useRef(null);
     const handleRef = core.useForkRef(inputRef, ref);
     const cursorOnFocusHelpers = useCursorOnFocus.useCursorOnFocus(inputRef, {
       cursorPositionOnFocus,

package/dist-cjs/input-legacy/StaticInputAdornment.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 StaticInputAdornment$1 = require('./StaticInputAdornment.css.js');
 
 const withBaseName = core.makePrefixer("saltStaticInputAdornment");
-const StaticInputAdornment = React.forwardRef(function StaticInputAdornment2(props, ref) {
+const StaticInputAdornment = react.forwardRef(function StaticInputAdornment2(props, ref) {
   const { children, className, ...other } = props;
   const targetWindow = window.useWindow();
   styles.useComponentCssInjection({

package/dist-cjs/input-legacy/useCursorOnFocus.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 getSelectionRange(input, { highlightOnFocus, cursorPositionOnFocus }) {
   if (highlightOnFocus === true) {
@@ -30,13 +30,13 @@ function isFirefox() {
   return navigator.userAgent.toLowerCase().includes("firefox");
 }
 function useCursorOnFocus(inputRef, { cursorPositionOnFocus, highlightOnFocus }) {
-  const wasClick = React.useRef(false);
-  const timeoutRef = React.useRef(-1);
-  const originalCursorPosition = React.useRef(-1);
-  const selectionInProgress = React.useRef(false);
-  const mouseMovement = React.useRef(0);
-  const selection = React.useRef([null, null]);
-  const wasWindowFocus = React.useRef(false);
+  const wasClick = react.useRef(false);
+  const timeoutRef = react.useRef(-1);
+  const originalCursorPosition = react.useRef(-1);
+  const selectionInProgress = react.useRef(false);
+  const mouseMovement = react.useRef(0);
+  const selection = react.useRef([null, null]);
+  const wasWindowFocus = react.useRef(false);
   const handleMouseDown = () => {
     wasClick.current = true;
   };
@@ -72,7 +72,7 @@ function useCursorOnFocus(inputRef, { cursorPositionOnFocus, highlightOnFocus })
     selectionInProgress.current = false;
     mouseMovement.current = 0;
   };
-  React.useEffect(() => {
+  react.useEffect(() => {
     if (cursorPositionOnFocus != null || highlightOnFocus != null) {
       const handleFocusBehaviour = () => {
         var _a;

package/dist-cjs/layer-layout/LayerLayout.js

@@ -7,7 +7,7 @@ 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 useIsViewportLargerThanBreakpoint = require('../utils/useIsViewportLargerThanBreakpoint.js');
 var LayerLayout$1 = require('./LayerLayout.css.js');
 
@@ -20,7 +20,7 @@ const LAYER_POSITIONS = [
 ];
 const withBaseName = core.makePrefixer("saltLayerLayout");
 const ariaAttributes = { role: "dialog", "aria-modal": true };
-const LayerLayout = React.forwardRef(
+const LayerLayout = react.forwardRef(
   function LayerLayout2(props, ref) {
     const {
       children,
@@ -44,9 +44,9 @@ const LayerLayout = React.forwardRef(
       [disableAnimations],
       false
     );
-    const [showComponent, setShowComponent] = React.useState(false);
-    const [isAnimating, setIsAnimating] = React.useState(false);
-    React.useEffect(() => {
+    const [showComponent, setShowComponent] = react.useState(false);
+    const [isAnimating, setIsAnimating] = react.useState(false);
+    react.useEffect(() => {
       if (!isOpen && disableAnimations || !isOpen && !isAnimating) {
         setShowComponent(false);
       }

package/dist-cjs/list/List.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 core = require('@salt-ds/core');
 var clsx = require('clsx');
 require('../common-hooks/collectionProvider.js');
@@ -23,7 +23,7 @@ var List$1 = require('./List.css.js');
 
 const defaultEmptyMessage = "No data to display";
 const withBaseName = core.makePrefixer("saltList");
-const List = React.forwardRef(function List2({
+const List = react.forwardRef(function List2({
   ListItem: ListItem$1 = ListItem.ListItem,
   ListPlaceholder,
   borderless,
@@ -76,9 +76,9 @@ const List = React.forwardRef(function List2({
     window: targetWindow
   });
   const id = core.useIdMemo(idProp);
-  const rootRef = React.useRef(null);
-  const contentRef = React.useRef(null);
-  const rowHeightProxyRef = React.useRef(null);
+  const rootRef = react.useRef(null);
+  const contentRef = react.useRef(null);
+  const rowHeightProxyRef = react.useRef(null);
   const collectionHook = useCollectionItems.useCollectionItems({
     id,
     label: "List",
@@ -138,7 +138,7 @@ const List = React.forwardRef(function List2({
   });
   const appliedFocusVisible = focusVisibleProp != null ? focusVisibleProp : focusVisible;
   const createHeader = function createHeader2(idx, headerId, title, expanded) {
-    const header = /* @__PURE__ */ React.createElement(ListItem$1, {
+    const header = /* @__PURE__ */ react.createElement(ListItem$1, {
       ...listItemHeaderHandlers,
       className: clsx.clsx("saltListItemHeader", {
         focusVisible: collapsibleHeaders && appliedFocusVisible === idx.value
@@ -159,7 +159,7 @@ const List = React.forwardRef(function List2({
   function renderCollectionItem(list, item, idx) {
     var _a;
     const { disabled, value, id: itemId, label } = item;
-    const isChildItem = React.isValidElement(value);
+    const isChildItem = react.isValidElement(value);
     const listItemProps = {
       className: clsx.clsx({
         saltHighlighted: idx.value === highlightedIndex,
@@ -178,7 +178,7 @@ const List = React.forwardRef(function List2({
       showCheckbox: checkable
     };
     list.push(
-      isChildItem ? React.cloneElement(value, listItemProps) : /* @__PURE__ */ jsxRuntime.jsx(ListItem$1, {
+      isChildItem ? react.cloneElement(value, listItemProps) : /* @__PURE__ */ jsxRuntime.jsx(ListItem$1, {
         ...listItemProps
       })
     );

package/dist-cjs/list/ListItem.js

@@ -5,21 +5,21 @@ 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 Highlighter = require('./Highlighter.js');
 var styles = require('@salt-ds/styles');
 var window = require('@salt-ds/window');
 var ListItem$1 = require('./ListItem.css.js');
 
 const withBaseName = core.makePrefixer("saltListItem");
-const ListItemProxy = React.forwardRef(function ListItemNextProxy(props, forwardedRef) {
+const ListItemProxy = react.forwardRef(function ListItemNextProxy(props, forwardedRef) {
   return /* @__PURE__ */ jsxRuntime.jsx("div", {
     "aria-hidden": true,
     className: clsx.clsx(withBaseName(), withBaseName("proxy")),
     ref: forwardedRef
   });
 });
-const ListItem = React.forwardRef(
+const ListItem = react.forwardRef(
   function ListItem2({
     children,
     className: classNameProp,

package/dist-cjs/list/VirtualizedList.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');
 require('../common-hooks/collectionProvider.js');
 require('../common-hooks/keyUtils.js');
 var useCollectionItems = require('../common-hooks/useCollectionItems.js');
@@ -22,7 +22,7 @@ var List = require('./List.css.js');
 
 const defaultEmptyMessage = "No data to display";
 const withBaseName = core.makePrefixer("saltList");
-const VirtualizedList = React.forwardRef(function List$1({
+const VirtualizedList = react.forwardRef(function List$1({
   borderless,
   children,
   className,
@@ -70,8 +70,8 @@ const VirtualizedList = React.forwardRef(function List$1({
     window: targetWindow
   });
   const id = core.useIdMemo(idProp);
-  const rootRef = React.useRef(null);
-  const rowHeightProxyRef = React.useRef(null);
+  const rootRef = react.useRef(null);
+  const rowHeightProxyRef = react.useRef(null);
   const collectionHook = useCollectionItems.useCollectionItems({
     id,
     label: "List",

package/dist-cjs/list/useList.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var React = require('react');
+var react = require('react');
 require('@salt-ds/core');
 require('../common-hooks/collectionProvider.js');
 require('../common-hooks/keyUtils.js');
@@ -39,16 +39,16 @@ const useList = ({
   stickyHeaders,
   tabToSelect
 }) => {
-  const lastSelection = React.useRef(selected || defaultSelected);
+  const lastSelection = react.useRef(selected || defaultSelected);
   const handleKeyboardNavigation = (evt, nextIndex) => {
     var _a, _b;
     (_b = (_a = selectionHook.listHandlers).onKeyboardNavigation) == null ? void 0 : _b.call(_a, evt, nextIndex);
     onKeyboardNavigation == null ? void 0 : onKeyboardNavigation(evt, nextIndex);
   };
-  const handleSelect = React.useCallback(
+  const handleSelect = react.useCallback(
     (evt, selectedItem) => {
       if (onSelect) {
-        if (React.isValidElement(selectedItem.value)) {
+        if (react.isValidElement(selectedItem.value)) {
           onSelect(evt, selectedItem.label);
         } else if (selectedItem.value !== null) {
           onSelect(evt, selectedItem.value);
@@ -57,14 +57,14 @@ const useList = ({
     },
     [onSelect]
   );
-  const handleSelectionChange = React.useCallback(
+  const handleSelectionChange = react.useCallback(
     (evt, selected2) => {
       if (onSelectionChange) {
         onSelectionChange(
           evt,
           Array.isArray(selected2) ? selected2.map(
-            (s) => React.isValidElement(s.value) ? s.label : s.value
-          ) : selected2 && (React.isValidElement(selected2.value) ? selected2.label : selected2.value)
+            (s) => react.isValidElement(s.value) ? s.label : s.value
+          ) : selected2 && (react.isValidElement(selected2.value) ? selected2.label : selected2.value)
         );
       }
     },
@@ -115,7 +115,7 @@ const useList = ({
     typeToNavigate: true,
     items: dataHook.data
   });
-  const handleKeyDown = React.useCallback(
+  const handleKeyDown = react.useCallback(
     (evt) => {
       var _a, _b, _c;
       if (!evt.defaultPrevented) {
@@ -147,7 +147,7 @@ const useList = ({
     indexPositions: dataHook.data,
     stickyHeaders
   });
-  const handleMouseMove = React.useCallback(
+  const handleMouseMove = react.useCallback(
     (evt) => {
       if (!isScrolling.current && !disabled) {
         navigationMouseMove();

package/dist-cjs/list/useListHeight.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var React = require('react');
+var react = require('react');
 require('@salt-ds/core');
 require('react/jsx-runtime');
 var useResizeObserver = require('../responsive/useResizeObserver.js');
@@ -17,8 +17,8 @@ const useListHeight = ({
   itemHeight: itemHeightProp,
   rowHeightRef
 }) => {
-  const [measuredItemHeight, setMeasuredItemHeight] = React.useState(36);
-  const preferredHeight = React.useMemo(() => {
+  const [measuredItemHeight, setMeasuredItemHeight] = react.useState(36);
+  const preferredHeight = react.useMemo(() => {
     let result = borderless ? 0 : 2;
     const itemHeight = itemHeightProp != null ? itemHeightProp : measuredItemHeight;
     const preferredItemCount = Math.min(displayedItemCount, itemCount) || displayedItemCount;
@@ -40,7 +40,7 @@ const useListHeight = ({
     itemHeightProp,
     measuredItemHeight
   ]);
-  const handleRowHeight = React.useCallback(({ height: height2 }) => {
+  const handleRowHeight = react.useCallback(({ height: height2 }) => {
     setMeasuredItemHeight(height2);
   }, []);
   useResizeObserver.useResizeObserver(rowHeightRef, useResizeObserver.HeightOnly, handleRowHeight, true);

package/dist-cjs/list/useVirtualization.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');
 var keyset = require('./keyset.js');
 
 const byKey = ([k1], [k2]) => k1 - k2;
@@ -13,16 +13,16 @@ const useVirtualization = ({
   data,
   itemGapSize = 0
 }) => {
-  const viewportMeasures = React.useRef({
+  const viewportMeasures = react.useRef({
     contentHeight: 1e4,
     firstVisibleRow: 0,
     rowCount: 0,
     rowHeight: 0,
     scrollPos: 0
   });
-  const [rows, setRows] = React.useState([]);
-  const keys = React.useMemo(() => new keyset.KeySet(0, 1), []);
-  const updateRows = React.useCallback(
+  const [rows, setRows] = react.useState([]);
+  const keys = react.useMemo(() => new keyset.KeySet(0, 1), []);
+  const updateRows = react.useCallback(
     (from, to) => {
       const { rowHeight } = viewportMeasures.current;
       const rowHeightWithGap = rowHeight + itemGapSize;
@@ -56,7 +56,7 @@ const useVirtualization = ({
       }
     }
   }, [data, itemGapSize, updateRows, viewportRef]);
-  const handleVerticalScroll = React.useCallback(
+  const handleVerticalScroll = react.useCallback(
     (e) => {
       const viewport = viewportMeasures.current;
       const scrollTop = e.target.scrollTop;

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

@@ -4,15 +4,15 @@ 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');
 var ListBase = require('./ListBase.js');
 var ListStateContext = require('./ListStateContext.js');
 var useList = require('./useList.js');
 var useTypeSelect = require('./useTypeSelect.js');
 var DescendantContext = require('./internal/DescendantContext.js');
 
-const ListWithDescendants = React.forwardRef(function ListWithDescendants2(props, ref) {
-  const { items } = React.useContext(DescendantContext.DescendantContext);
+const ListWithDescendants = react.forwardRef(function ListWithDescendants2(props, ref) {
+  const { items } = react.useContext(DescendantContext.DescendantContext);
   const { focusedRef, state, helpers, listProps } = useList.useList({
     source: items.current.length ? items.current : [],
     ...props
@@ -62,8 +62,8 @@ const ListWithDescendants = React.forwardRef(function ListWithDescendants2(props
     })
   });
 });
-const List = React.forwardRef(function List2(props, ref) {
-  const itemsRef = React.useRef([]);
+const List = react.forwardRef(function List2(props, ref) {
+  const itemsRef = react.useRef([]);
   return /* @__PURE__ */ jsxRuntime.jsx(DescendantContext.DescendantProvider, {
     items: itemsRef,
     children: /* @__PURE__ */ jsxRuntime.jsx(ListWithDescendants, {