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

package/dist-cjs/responsive/useOverflow.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 partition = require('../utils/partition.js');
 var overflowUtils = require('./overflowUtils.js');
 
@@ -26,10 +26,10 @@ const useOverflow = ({
   overflowContainerRef,
   orientation
 }) => {
-  const innerContainerSizeRef = React.useRef(0);
-  const overflowIndicatorSize = React.useRef(0);
+  const innerContainerSizeRef = react.useRef(0);
+  const overflowIndicatorSize = react.useRef(0);
   const id = core.useIdMemo(idProp);
-  const setContainerMinSize = React.useCallback(
+  const setContainerMinSize = react.useCallback(
     (size) => {
       if (overflowContainerRef.current) {
         const isHorizontal = orientation === "horizontal";
@@ -45,7 +45,7 @@ const useOverflow = ({
     },
     [orientation, overflowContainerRef]
   );
-  const getAllOverflowedItems = React.useCallback(
+  const getAllOverflowedItems = react.useCallback(
     (renderedSize, availableSpace) => {
       const { current: allItems } = overflowItemsRef;
       const overflowedItems = [];
@@ -65,7 +65,7 @@ const useOverflow = ({
     },
     [overflowItemsRef]
   );
-  const getOverflowedItems = React.useCallback(
+  const getOverflowedItems = react.useCallback(
     (visibleContentSize, containerSize) => {
       const newlyOverflowedItems = [];
       const { current: managedItems } = overflowItemsRef;
@@ -85,7 +85,7 @@ const useOverflow = ({
     },
     [overflowItemsRef]
   );
-  const getReinstatedItems = React.useCallback(
+  const getReinstatedItems = react.useCallback(
     (containerSize) => {
       const reinstatedItems = [];
       const { current: managedItems } = overflowItemsRef;
@@ -131,7 +131,7 @@ const useOverflow = ({
     },
     [overflowItemsRef]
   );
-  const resetMeasurements = React.useCallback(
+  const resetMeasurements = react.useCallback(
     (isOverflowing, innerContainerSize) => {
       if (isOverflowing) {
         const { current: managedItems } = overflowItemsRef;
@@ -191,7 +191,7 @@ const useOverflow = ({
       setContainerMinSize
     ]
   );
-  const updateOverflow = React.useCallback(
+  const updateOverflow = react.useCallback(
     (containerSize, renderedSize) => {
       if (containerSize < renderedSize) {
         const overflowItems = getOverflowedItems(renderedSize, containerSize);
@@ -205,7 +205,7 @@ const useOverflow = ({
     },
     [dispatch, getOverflowedItems]
   );
-  const removeOverflow = React.useCallback(
+  const removeOverflow = react.useCallback(
     (containerSize) => {
       const [overflowCount, reinstated] = getReinstatedItems(containerSize);
       if (reinstated.length) {
@@ -224,7 +224,7 @@ const useOverflow = ({
     },
     [dispatch, getReinstatedItems]
   );
-  const handleResize = React.useCallback(
+  const handleResize = react.useCallback(
     (size, containerHasGrown) => {
       const { current: managedItems } = overflowItemsRef;
       const wasOverflowing = managedItems.some(

package/dist-cjs/responsive/useOverflowCollectionItems.js

@@ -3,16 +3,16 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var core = require('@salt-ds/core');
-var React = require('react');
+var react = require('react');
 var OverflowReducer = require('./OverflowReducer.js');
 var overflowUtils = require('./overflowUtils.js');
 
 const defaultOptions = {};
 const defaultChildIdentity = (children) => {
   const childLabels = [];
-  React.Children.forEach(children, (child) => {
+  react.Children.forEach(children, (child) => {
     var _a;
-    if (React.isValidElement(child)) {
+    if (react.isValidElement(child)) {
       childLabels.push((_a = child.props.label) != null ? _a : "");
     }
   });
@@ -43,19 +43,19 @@ const useOverflowCollectionItems = ({
   label = "",
   source
 }) => {
-  const dataRef = React.useRef([]);
-  const versionRef = React.useRef(0);
-  const measureTimeout = React.useRef(null);
-  const previousIdentityRef = React.useRef("");
-  const fontsLoaded = React.useRef(false);
+  const dataRef = react.useRef([]);
+  const versionRef = react.useRef(0);
+  const measureTimeout = react.useRef(null);
+  const previousIdentityRef = react.useRef("");
+  const fontsLoaded = react.useRef(false);
   const identity = getItemsIdentity(defaultSource, source, children);
-  const isControlled = Array.isArray(source) || React.Children.count(children) > 0;
+  const isControlled = Array.isArray(source) || react.Children.count(children) > 0;
   if (isControlled && defaultSource !== void 0) {
     throw Error(
       "useOverflowCollectionItems: defaultSource prop should not be used in combination with either source prop or children "
     );
   }
-  const [data, dispatch] = React.useReducer(
+  const [data, dispatch] = react.useReducer(
     OverflowReducer.overflowReducer,
     {
       children,
@@ -67,7 +67,7 @@ const useOverflowCollectionItems = ({
     OverflowReducer.reducerInitialiser
   );
   dataRef.current = data;
-  const measureManagedItems = React.useCallback(
+  const measureManagedItems = react.useCallback(
     (defer = false) => {
       if (measureTimeout.current) {
         window.clearTimeout(measureTimeout.current);
@@ -107,7 +107,7 @@ const useOverflowCollectionItems = ({
       console.warn("error occurred measuring Overflow Items", err);
     });
   }, [measureManagedItems]);
-  const dispatchOverflowAction = React.useCallback(
+  const dispatchOverflowAction = react.useCallback(
     (action) => {
       if (action.type === "reset") {
         measureManagedItems();

package/dist-cjs/responsive/useOverflowLayout.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var React = require('react');
+var react = require('react');
 var useInstantCollapse = require('./useInstantCollapse.js');
 var useDynamicCollapse = require('./useDynamicCollapse.js');
 var useReclaimSpace = require('./useReclaimSpace.js');
@@ -23,9 +23,9 @@ const useOverflowLayout = ({
   label = "Toolbar",
   disableOverflow = false
 }) => {
-  const overflowContainerRef = React.useRef(null);
-  const overflowItemsRef = React.useRef([]);
-  const measurement = React.useRef({ innerContainerSize: 0, rootContainerDepth: 0 });
+  const overflowContainerRef = react.useRef(null);
+  const overflowItemsRef = react.useRef([]);
+  const measurement = react.useRef({ innerContainerSize: 0, rootContainerDepth: 0 });
   const { innerContainerSize } = measurement.current;
   const { dispatch, version: collectionVersion } = collectionHook;
   overflowItemsRef.current = collectionHook.data;
@@ -71,7 +71,7 @@ const useOverflowLayout = ({
     orientation,
     overflowContainerRef
   });
-  const resizeHandler = React.useCallback(
+  const resizeHandler = react.useCallback(
     ({
       scrollHeight,
       height = scrollHeight,
@@ -100,7 +100,7 @@ const useOverflowLayout = ({
       orientation
     ]
   );
-  const measureAndInitialize = React.useCallback(() => {
+  const measureAndInitialize = react.useCallback(() => {
     const { isOverflowing, ...contentWidthAndDepth } = overflowUtils.measureContainerOverflow(
       overflowContainerRef,
       orientation
@@ -120,7 +120,7 @@ const useOverflowLayout = ({
     resetDynamicMeasurements,
     resetOverflowMeasurements
   ]);
-  const switchPriorities = React.useCallback(
+  const switchPriorities = react.useCallback(
     (item1, item2) => {
       const { priority: priority1 } = item1;
       const { priority: priority2 } = item2;
@@ -142,7 +142,7 @@ const useOverflowLayout = ({
     MONITORED_DIMENSIONS[disableOverflow ? "none" : orientation],
     resizeHandler
   );
-  React.useEffect(() => {
+  react.useEffect(() => {
     if (!disableOverflow) {
       measureAndInitialize();
     }

package/dist-cjs/responsive/useReclaimSpace.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var React = require('react');
+var react = require('react');
 var overflowUtils = require('./overflowUtils.js');
 
 const getPriority = (item) => item.priority;
@@ -44,7 +44,7 @@ const useReclaimSpace = ({
   overflowContainerRef: ref,
   orientation
 }) => {
-  const releaseReclaimedSpace = React.useCallback(() => {
+  const releaseReclaimedSpace = react.useCallback(() => {
     const { current: managedItems } = managedItemsRef;
     const claimant = managedItems.find(hasReclaimedSpace);
     if (claimant) {
@@ -61,7 +61,7 @@ const useReclaimSpace = ({
       });
     }
   }, [managedItemsRef, collectionHook.dispatch]);
-  const handleResize = React.useCallback(
+  const handleResize = react.useCallback(
     (size, containerHasGrown) => {
       const { isOverflowing: willOverflow } = overflowUtils.measureContainerOverflow(
         ref,

package/dist-cjs/responsive/useResizeObserver.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 WidthHeight = ["height", "width"];
 const HeightOnly = ["height"];
@@ -48,8 +48,8 @@ const resizeObserver = typeof ResizeObserver !== "undefined" ? new ResizeObserve
   }
 }) : null;
 function useResizeObserver(ref, dimensions, onResize, reportInitialSize = false) {
-  const dimensionsRef = React.useRef(dimensions);
-  const measure = React.useCallback((target) => {
+  const dimensionsRef = react.useRef(dimensions);
+  const measure = react.useCallback((target) => {
     const rect = target.getBoundingClientRect();
     return dimensionsRef.current.reduce(
       (map, dim) => {

package/dist-cjs/responsive/useWidth.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');
 var useResizeObserver = require('./useResizeObserver.js');
 
 const NONE = [];
 function useWidth(responsive) {
-  const [width, setWidth] = React.useState();
-  const ref = React.useRef(null);
-  const handleResize = React.useCallback(({ width: newWidth }) => {
+  const [width, setWidth] = react.useState();
+  const ref = react.useRef(null);
+  const handleResize = react.useCallback(({ width: newWidth }) => {
     setWidth(newWidth);
   }, []);
   const measurementsToObserve = responsive ? useResizeObserver.WidthOnly : NONE;

package/dist-cjs/search-input/SearchInput.js

@@ -6,7 +6,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var core = require('@salt-ds/core');
 var icons = require('@salt-ds/icons');
 var clsx = require('clsx');
-var React = require('react');
+var react = require('react');
 var InputLegacy = require('../input-legacy/InputLegacy.js');
 var StaticInputAdornment = require('../input-legacy/StaticInputAdornment.js');
 var styles = require('@salt-ds/styles');
@@ -14,7 +14,7 @@ var window = require('@salt-ds/window');
 var SearchInput$1 = require('./SearchInput.css.js');
 
 const baseName = "saltSearchInput";
-const SearchInput = React.forwardRef(
+const SearchInput = react.forwardRef(
   function SearchInput2({
     IconComponent = icons.SearchIcon,
     className,
@@ -32,7 +32,7 @@ const SearchInput = React.forwardRef(
       css: SearchInput$1,
       window: targetWindow
     });
-    const inputRef = React.useRef(null);
+    const inputRef = react.useRef(null);
     const handleRef = core.useForkRef(inputRef, ref);
     const [value, setValue, isControlled] = core.useControlled({
       controlled: valueProp,

package/dist-cjs/skip-link/SkipLink.js

@@ -7,12 +7,12 @@ 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 useManageFocusOnTarget = require('./internal/useManageFocusOnTarget.js');
 var SkipLink$1 = require('./SkipLink.css.js');
 
 const withBaseName = core.makePrefixer("saltSkipLink");
-const SkipLink = React.forwardRef(
+const SkipLink = react.forwardRef(
   function SkipLink2({ className, targetRef, ...rest }, ref) {
     const targetWindow = window.useWindow();
     styles.useComponentCssInjection({

package/dist-cjs/skip-link/SkipLinks.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 SkipLinks$1 = require('./SkipLinks.css.js');
 
 const withBaseName = core.makePrefixer("saltSkipLinks");
-const SkipLinks = React.forwardRef(function SkipLinks2(props, ref) {
+const SkipLinks = react.forwardRef(function SkipLinks2(props, ref) {
   const { className, children, ...restProps } = props;
   const targetWindow = window.useWindow();
   styles.useComponentCssInjection({

package/dist-cjs/skip-link/internal/useManageFocusOnTarget.js

@@ -2,22 +2,22 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var React = require('react');
+var react = require('react');
 
 const FOCUS_TIMEOUT = 50;
 const useManageFocusOnTarget = ({
   targetRef,
   targetClass
 }) => {
-  const [target, setTarget] = React.useState();
-  const hasTabIndex = React.useRef();
-  const shouldRemoveTabIndex = React.useRef();
-  React.useEffect(() => {
+  const [target, setTarget] = react.useState();
+  const hasTabIndex = react.useRef();
+  const shouldRemoveTabIndex = react.useRef();
+  react.useEffect(() => {
     if (targetRef == null ? void 0 : targetRef.current) {
       setTarget(targetRef.current);
     }
   }, [targetRef]);
-  return React.useMemo(() => {
+  return react.useMemo(() => {
     if (!target) {
       return {};
     }

package/dist-cjs/slider/Slider.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 SliderHandle = require('./internal/SliderHandle.js');
 var SliderMarkLabels = require('./internal/SliderMarkLabels.js');
 var SliderRail = require('./internal/SliderRail.js');
@@ -23,7 +23,7 @@ const withBaseName = core.makePrefixer("saltSlider");
 const defaultMin = 0;
 const defaultMax = 100;
 const defaultStep = 1;
-const Slider = React.forwardRef(function Slider2({
+const Slider = react.forwardRef(function Slider2({
   min = defaultMin,
   max = defaultMax,
   step = defaultStep,
@@ -47,7 +47,7 @@ const Slider = React.forwardRef(function Slider2({
     css: Slider$1,
     window: targetWindow
   });
-  const trackRef = React.useRef(null);
+  const trackRef = react.useRef(null);
   const [value, setValue] = core.useControlled({
     controlled: valueProp,
     default: defaultValue,
@@ -55,12 +55,12 @@ const Slider = React.forwardRef(function Slider2({
     state: "Value"
   });
   const updateValueItem = utils.useValueUpdater(pushable, pushDistance, min, max);
-  const trackStyle = React.useMemo(
+  const trackStyle = react.useMemo(
     () => styles$1.createTrackStyle(min, max, value),
     [min, max, value]
   );
   const valueLength = Array.isArray(value) ? value.length : 1;
-  const handleStyles = React.useMemo(
+  const handleStyles = react.useMemo(
     () => styles$1.createHandleStyles(valueLength),
     [valueLength]
   );

package/dist-cjs/slider/internal/SliderMarkLabels.js

@@ -4,7 +4,7 @@ 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 styles$1 = require('./styles.js');
 var utils = require('./utils.js');
 var styles = require('@salt-ds/styles');
@@ -20,11 +20,11 @@ function SliderMarkLabels(props) {
     css: Slider,
     window: targetWindow
   });
-  const style = React.useMemo(
+  const style = react.useMemo(
     () => styles$1.createSliderMarkLabelsStyle(min, max, marks),
     [min, max, marks]
   );
-  const labelStyles = React.useMemo(
+  const labelStyles = react.useMemo(
     () => styles$1.createSliderMarkLabelStyles(marks),
     [marks]
   );

package/dist-cjs/slider/internal/SliderRailMarks.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 styles$1 = require('./styles.js');
 var utils = require('./utils.js');
 var styles = require('@salt-ds/styles');
@@ -21,12 +21,12 @@ function SliderRailMarks(props) {
     css: Slider,
     window: targetWindow
   });
-  const style = React.useMemo(
+  const style = react.useMemo(
     () => styles$1.createSliderRailMarksStyle(min, max, marks),
     [min, max, marks]
   );
   const marksLength = marks.length;
-  const markStyles = React.useMemo(
+  const markStyles = react.useMemo(
     () => styles$1.createHandleStyles(marksLength),
     [marksLength]
   );

package/dist-cjs/slider/internal/useSliderKeyDown.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSliderKeyDown.js","sources":["../src/slider/internal/useSliderKeyDown.ts"],"sourcesContent":["import type { SliderChangeHandler, SliderValue } from \"../types\";\nimport {\n  type UpdateValueItem,\n  clampValue,\n  getHandleIndex,\n  roundValue,\n} from \"./utils\";\n\nexport function useSliderKeyDown(\n  value: SliderValue,\n  min: number,\n  max: number,\n  pageStep: number,\n  step: number,\n  updateValueItem: UpdateValueItem,\n  setValue: SliderChangeHandler,\n  onChange?: SliderChangeHandler,\n) {\n  return (event: React.KeyboardEvent) => {\n    const handleElement = event.target as HTMLDivElement;\n    const handleIndex = getHandleIndex(handleElement);\n    let valueItem: number = Array.isArray(value) ? value[handleIndex] : value;\n    switch (event.key) {\n      case \"Home\":\n        valueItem = min;\n        break;\n      case \"End\":\n        valueItem = max;\n        break;\n      case \"PageUp\":\n        valueItem += pageStep;\n        break;\n      case \"PageDown\":\n        valueItem -= pageStep;\n        break;\n      case \"ArrowUp\":\n      case \"ArrowRight\":\n        valueItem += step;\n        break;\n      case \"ArrowDown\":\n      case \"ArrowLeft\":\n        valueItem -= step;\n        break;\n      default:\n        return;\n    }\n    event.preventDefault();\n    valueItem = roundValue(valueItem, step);\n    valueItem = clampValue(valueItem, min, max);\n    const newValue = updateValueItem(value, handleIndex, valueItem);\n    if (newValue !== value) {\n      setValue(newValue);\n      if (onChange) {\n        onChange(newValue);\n      }\n    }\n  };\n}\n"],"names":["getHandleIndex","roundValue","clampValue"],"mappings":";;;;;;AAQgB,SAAA,gBAAA,CACd,OACA,GACA,EAAA,GAAA,EACA,UACA,IACA,EAAA,eAAA,EACA,UACA,QACA,EAAA;AACA,EAAA,OAAO,CAAC,KAA+B,KAAA;AACrC,IAAA,MAAM,gBAAgB,KAAM,CAAA,MAAA,CAAA;AAC5B,IAAM,MAAA,WAAA,GAAcA,qBAAe,aAAa,CAAA,CAAA;AAChD,IAAA,IAAI,YAAoB,KAAM,CAAA,OAAA,CAAQ,KAAK,CAAA,GAAI,MAAM,WAAe,CAAA,GAAA,KAAA,CAAA;AACpE,IAAA,QAAQ,KAAM,CAAA,GAAA;AAAA,MACP,KAAA,MAAA;AACH,QAAY,SAAA,GAAA,GAAA,CAAA;AACZ,QAAA,MAAA;AAAA,MACG,KAAA,KAAA;AACH,QAAY,SAAA,GAAA,GAAA,CAAA;AACZ,QAAA,MAAA;AAAA,MACG,KAAA,QAAA;AACH,QAAa,SAAA,IAAA,QAAA,CAAA;AACb,QAAA,MAAA;AAAA,MACG,KAAA,UAAA;AACH,QAAa,SAAA,IAAA,QAAA,CAAA;AACb,QAAA,MAAA;AAAA,MACG,KAAA,SAAA,CAAA;AAAA,MACA,KAAA,YAAA;AACH,QAAa,SAAA,IAAA,IAAA,CAAA;AACb,QAAA,MAAA;AAAA,MACG,KAAA,WAAA,CAAA;AAAA,MACA,KAAA,WAAA;AACH,QAAa,SAAA,IAAA,IAAA,CAAA;AACb,QAAA,MAAA;AAAA,MAAA;AAEA,QAAA,OAAA;AAAA,KAAA;AAEJ,IAAA,KAAA,CAAM,cAAe,EAAA,CAAA;AACrB,IAAY,SAAA,GAAAC,gBAAA,CAAW,WAAW,IAAI,CAAA,CAAA;AACtC,IAAY,SAAA,GAAAC,gBAAA,CAAW,SAAW,EAAA,GAAA,EAAK,GAAG,CAAA,CAAA;AAC1C,IAAA,MAAM,QAAW,GAAA,eAAA,CAAgB,KAAO,EAAA,WAAA,EAAa,SAAS,CAAA,CAAA;AAC9D,IAAA,IAAI,aAAa,KAAO,EAAA;AACtB,MAAA,QAAA,CAAS,QAAQ,CAAA,CAAA;AACjB,MAAA,IAAI,QAAU,EAAA;AACZ,QAAA,QAAA,CAAS,QAAQ,CAAA,CAAA;AAAA,OACnB;AAAA,KACF;AAAA,GACF,CAAA;AACF;;;;"}
+{"version":3,"file":"useSliderKeyDown.js","sources":["../src/slider/internal/useSliderKeyDown.ts"],"sourcesContent":["import type { KeyboardEvent } from \"react\";\nimport type { SliderChangeHandler, SliderValue } from \"../types\";\nimport {\n  type UpdateValueItem,\n  clampValue,\n  getHandleIndex,\n  roundValue,\n} from \"./utils\";\n\nexport function useSliderKeyDown(\n  value: SliderValue,\n  min: number,\n  max: number,\n  pageStep: number,\n  step: number,\n  updateValueItem: UpdateValueItem,\n  setValue: SliderChangeHandler,\n  onChange?: SliderChangeHandler,\n) {\n  return (event: KeyboardEvent) => {\n    const handleElement = event.target as HTMLDivElement;\n    const handleIndex = getHandleIndex(handleElement);\n    let valueItem: number = Array.isArray(value) ? value[handleIndex] : value;\n    switch (event.key) {\n      case \"Home\":\n        valueItem = min;\n        break;\n      case \"End\":\n        valueItem = max;\n        break;\n      case \"PageUp\":\n        valueItem += pageStep;\n        break;\n      case \"PageDown\":\n        valueItem -= pageStep;\n        break;\n      case \"ArrowUp\":\n      case \"ArrowRight\":\n        valueItem += step;\n        break;\n      case \"ArrowDown\":\n      case \"ArrowLeft\":\n        valueItem -= step;\n        break;\n      default:\n        return;\n    }\n    event.preventDefault();\n    valueItem = roundValue(valueItem, step);\n    valueItem = clampValue(valueItem, min, max);\n    const newValue = updateValueItem(value, handleIndex, valueItem);\n    if (newValue !== value) {\n      setValue(newValue);\n      if (onChange) {\n        onChange(newValue);\n      }\n    }\n  };\n}\n"],"names":["getHandleIndex","roundValue","clampValue"],"mappings":";;;;;;AASgB,SAAA,gBAAA,CACd,OACA,GACA,EAAA,GAAA,EACA,UACA,IACA,EAAA,eAAA,EACA,UACA,QACA,EAAA;AACA,EAAA,OAAO,CAAC,KAAyB,KAAA;AAC/B,IAAA,MAAM,gBAAgB,KAAM,CAAA,MAAA,CAAA;AAC5B,IAAM,MAAA,WAAA,GAAcA,qBAAe,aAAa,CAAA,CAAA;AAChD,IAAA,IAAI,YAAoB,KAAM,CAAA,OAAA,CAAQ,KAAK,CAAA,GAAI,MAAM,WAAe,CAAA,GAAA,KAAA,CAAA;AACpE,IAAA,QAAQ,KAAM,CAAA,GAAA;AAAA,MACP,KAAA,MAAA;AACH,QAAY,SAAA,GAAA,GAAA,CAAA;AACZ,QAAA,MAAA;AAAA,MACG,KAAA,KAAA;AACH,QAAY,SAAA,GAAA,GAAA,CAAA;AACZ,QAAA,MAAA;AAAA,MACG,KAAA,QAAA;AACH,QAAa,SAAA,IAAA,QAAA,CAAA;AACb,QAAA,MAAA;AAAA,MACG,KAAA,UAAA;AACH,QAAa,SAAA,IAAA,QAAA,CAAA;AACb,QAAA,MAAA;AAAA,MACG,KAAA,SAAA,CAAA;AAAA,MACA,KAAA,YAAA;AACH,QAAa,SAAA,IAAA,IAAA,CAAA;AACb,QAAA,MAAA;AAAA,MACG,KAAA,WAAA,CAAA;AAAA,MACA,KAAA,WAAA;AACH,QAAa,SAAA,IAAA,IAAA,CAAA;AACb,QAAA,MAAA;AAAA,MAAA;AAEA,QAAA,OAAA;AAAA,KAAA;AAEJ,IAAA,KAAA,CAAM,cAAe,EAAA,CAAA;AACrB,IAAY,SAAA,GAAAC,gBAAA,CAAW,WAAW,IAAI,CAAA,CAAA;AACtC,IAAY,SAAA,GAAAC,gBAAA,CAAW,SAAW,EAAA,GAAA,EAAK,GAAG,CAAA,CAAA;AAC1C,IAAA,MAAM,QAAW,GAAA,eAAA,CAAgB,KAAO,EAAA,WAAA,EAAa,SAAS,CAAA,CAAA;AAC9D,IAAA,IAAI,aAAa,KAAO,EAAA;AACtB,MAAA,QAAA,CAAS,QAAQ,CAAA,CAAA;AACjB,MAAA,IAAI,QAAU,EAAA;AACZ,QAAA,QAAA,CAAS,QAAQ,CAAA,CAAA;AAAA,OACnB;AAAA,KACF;AAAA,GACF,CAAA;AACF;;;;"}

package/dist-cjs/slider/internal/useSliderMouseDown.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var React = require('react');
+var react = require('react');
 var utils = require('./utils.js');
 
 const valueFromClientX = (context, x) => {
@@ -30,7 +30,7 @@ function getNearestHandle(value, clickValue) {
   return handleIndex;
 }
 function useSliderMouseDown(trackRef, value, min, max, step, updateValueItem, setValue, onChange) {
-  const mouseContext = React.useRef({
+  const mouseContext = react.useRef({
     min,
     max,
     step,
@@ -40,7 +40,7 @@ function useSliderMouseDown(trackRef, value, min, max, step, updateValueItem, se
     setValue,
     onChange
   });
-  React.useEffect(() => {
+  react.useEffect(() => {
     const c = mouseContext.current;
     c.min = min;
     c.max = max;
@@ -50,7 +50,7 @@ function useSliderMouseDown(trackRef, value, min, max, step, updateValueItem, se
     c.onChange = onChange;
     c.setValue = setValue;
   }, [min, max, step, value, setValue, updateValueItem, onChange]);
-  const onMouseMove = React.useCallback((event) => {
+  const onMouseMove = react.useCallback((event) => {
     const { handleIndex, value: value2, updateValueItem: updateValueItem2, setValue: setValue2, onChange: onChange2 } = mouseContext.current;
     if (handleIndex === void 0) {
       return;
@@ -65,12 +65,12 @@ function useSliderMouseDown(trackRef, value, min, max, step, updateValueItem, se
       }
     }
   }, []);
-  const onMouseUp = React.useCallback(() => {
+  const onMouseUp = react.useCallback(() => {
     document.removeEventListener("mouseup", onMouseUp);
     document.removeEventListener("mousemove", onMouseMove);
     mouseContext.current.handleIndex = void 0;
   }, [onMouseMove]);
-  return React.useCallback(
+  return react.useCallback(
     (event) => {
       const { value: value2, setValue: setValue2, onChange: onChange2 } = mouseContext.current;
       document.addEventListener("mouseup", onMouseUp);

package/dist-cjs/slider/internal/utils.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var React = require('react');
+var react = require('react');
 
 const updateValueItemNotPushable = (oldValue, index, valueItem, min, max) => {
   const newValue = [...oldValue];
@@ -50,7 +50,7 @@ const updateValueItemPushable = (oldValue, index, valueItem, min, max, pushDista
   return newValue;
 };
 function useValueUpdater(pushable, pushDistance, min, max) {
-  return React.useMemo(() => {
+  return react.useMemo(() => {
     const updater = pushable ? (oldValue, index, valueItem) => updateValueItemPushable(
       oldValue,
       index,

package/dist-cjs/stepped-tracker/StepLabel/StepLabel.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 StepLabel$1 = require('./StepLabel.css.js');
 
 const withBaseName = core.makePrefixer("saltStepLabel");
-const StepLabel = React.forwardRef(
+const StepLabel = react.forwardRef(
   function StepLabel2({ children, className, ...rest }, ref) {
     const targetWindow = window.useWindow();
     styles.useComponentCssInjection({

package/dist-cjs/stepped-tracker/SteppedTracker.js

@@ -7,17 +7,17 @@ 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 SteppedTrackerContext = require('./SteppedTrackerContext.js');
 var SteppedTracker$1 = require('./SteppedTracker.css.js');
 
 const withBaseName = core.makePrefixer("saltSteppedTracker");
 const useCheckInvalidChildren = (children) => {
-  React.useEffect(() => {
+  react.useEffect(() => {
     if (process.env.NODE_ENV !== "production") {
       let hasInvalidChild = false;
-      React.Children.forEach(children, (child) => {
-        if (!React.isValidElement(child)) {
+      react.Children.forEach(children, (child) => {
+        if (!react.isValidElement(child)) {
           hasInvalidChild = true;
         }
       });
@@ -29,7 +29,7 @@ const useCheckInvalidChildren = (children) => {
     }
   }, [children]);
 };
-const SteppedTracker = React.forwardRef(
+const SteppedTracker = react.forwardRef(
   function SteppedTracker2({
     children,
     className,
@@ -44,7 +44,7 @@ const SteppedTracker = React.forwardRef(
       window: targetWindow
     });
     useCheckInvalidChildren(children);
-    const totalSteps = React.Children.count(children);
+    const totalSteps = react.Children.count(children);
     return /* @__PURE__ */ jsxRuntime.jsx(SteppedTrackerContext.SteppedTrackerProvider, {
       totalSteps,
       activeStep,
@@ -52,7 +52,7 @@ const SteppedTracker = React.forwardRef(
         className: clsx.clsx(withBaseName(), className, withBaseName(orientation)),
         ref,
         ...restProps,
-        children: React.Children.map(children, (child, i) => /* @__PURE__ */ jsxRuntime.jsx(SteppedTrackerContext.TrackerStepProvider, {
+        children: react.Children.map(children, (child, i) => /* @__PURE__ */ jsxRuntime.jsx(SteppedTrackerContext.TrackerStepProvider, {
           stepNumber: i,
           children: child
         }))

package/dist-cjs/stepped-tracker/SteppedTrackerContext.js

@@ -3,14 +3,14 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
+var react = require('react');
 
 const defaultSteppedTrackerContext = {
   activeStep: 0,
   totalSteps: 1,
   isWithinSteppedTracker: false
 };
-const SteppedTrackerContext = React.createContext(
+const SteppedTrackerContext = react.createContext(
   defaultSteppedTrackerContext
 );
 const SteppedTrackerProvider = ({
@@ -18,7 +18,7 @@ const SteppedTrackerProvider = ({
   totalSteps,
   children
 }) => {
-  const steppedTrackerContextValue = React.useMemo(
+  const steppedTrackerContextValue = react.useMemo(
     () => ({
       activeStep,
       totalSteps,
@@ -31,9 +31,9 @@ const SteppedTrackerProvider = ({
     children
   });
 };
-const useSteppedTrackerContext = () => React.useContext(SteppedTrackerContext);
-const TrackerStepContext = React.createContext(0);
-const useTrackerStepContext = () => React.useContext(TrackerStepContext);
+const useSteppedTrackerContext = () => react.useContext(SteppedTrackerContext);
+const TrackerStepContext = react.createContext(0);
+const useTrackerStepContext = () => react.useContext(TrackerStepContext);
 const TrackerStepProvider = ({
   children,
   stepNumber