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

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

@@ -8,7 +8,7 @@ var icons = require('@salt-ds/icons');
 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 TrackerConnector = require('../TrackerConnector/TrackerConnector.js');
 var SteppedTrackerContext = require('../SteppedTrackerContext.js');
 var TrackerStep$1 = require('./TrackerStep.css.js');
@@ -37,7 +37,7 @@ const getState = ({
   return state;
 };
 const useCheckWithinSteppedTracker = (isWithinSteppedTracker) => {
-  React.useEffect(() => {
+  react.useEffect(() => {
     if (process.env.NODE_ENV !== "production") {
       if (!isWithinSteppedTracker) {
         console.error(
@@ -47,7 +47,7 @@ const useCheckWithinSteppedTracker = (isWithinSteppedTracker) => {
     }
   }, [isWithinSteppedTracker]);
 };
-const TrackerStep = React.forwardRef(
+const TrackerStep = react.forwardRef(
   function TrackerStep2(props, ref) {
     const {
       state = "default",

package/dist-cjs/stepper-input/StepperInput.js

@@ -8,12 +8,12 @@ var icons = require('@salt-ds/icons');
 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 useStepperInput = require('./useStepperInput.js');
 var StepperInput$1 = require('./StepperInput.css.js');
 
 const withBaseName = core.makePrefixer("saltStepperInput");
-const StepperInput = React.forwardRef(
+const StepperInput = react.forwardRef(
   function StepperInput2(props, ref) {
     const {
       className,
@@ -30,7 +30,7 @@ const StepperInput = React.forwardRef(
       css: StepperInput$1,
       window: targetWindow
     });
-    const inputRef = React.useRef(null);
+    const inputRef = react.useRef(null);
     const { getButtonProps, getInputProps } = useStepperInput.useStepperInput(props, inputRef);
     return /* @__PURE__ */ jsxRuntime.jsxs("div", {
       className: clsx.clsx(withBaseName(), className),

package/dist-cjs/stepper-input/internal/useInterval.js

@@ -2,14 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var React = require('react');
+var react = require('react');
 
 function useInterval(callback, delay) {
-  const savedCallback = React.useRef(null);
-  React.useEffect(() => {
+  const savedCallback = react.useRef(null);
+  react.useEffect(() => {
     savedCallback.current = callback;
   });
-  React.useEffect(() => {
+  react.useEffect(() => {
     function tick() {
       if (savedCallback.current !== null) {
         savedCallback.current();

package/dist-cjs/stepper-input/internal/useSpinner.js

@@ -2,17 +2,17 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var React = require('react');
+var react = require('react');
 var useInterval = require('./useInterval.js');
 
 const INTERVAL_DELAY = 300;
 function useSpinner(activationFn, isAtLimit) {
-  const [buttonDown, setButtonDown] = React.useState(false);
-  React.useEffect(() => {
+  const [buttonDown, setButtonDown] = react.useState(false);
+  react.useEffect(() => {
     if (isAtLimit)
       setButtonDown(false);
   }, [isAtLimit]);
-  React.useEffect(() => {
+  react.useEffect(() => {
     const cancelInterval = () => setButtonDown(false);
     window.addEventListener("keyup", cancelInterval);
     window.addEventListener("mouseup", cancelInterval);

package/dist-cjs/system-status/SystemStatus.css.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var css_248z = "/* Styles applied to root component */\n.saltSystemStatus {\n  --saltIcon-color: var(--salt-content-bold-foreground);\n\n  background: var(--saltSystemStatus-background, var(--systemStatus-background));\n  border-color: var(--saltSystemStatus-borderColor, var(--systemStatus-borderColor));\n  border-width: var(--saltSystemStatus-borderWidth, var(--salt-size-border));\n  border-style: var(--saltSystemStatus-borderStyle, var(--salt-container-borderStyle));\n  box-sizing: border-box;\n  display: flex;\n  gap: var(--salt-spacing-75);\n  padding: var(--saltSystemStatus-padding, var(--salt-spacing-50) var(--salt-spacing-100));\n  width: 100%;\n  min-height: calc(var(--salt-size-base) + var(--salt-spacing-100));\n  font-family: var(--salt-text-fontFamily);\n  font-size: var(--salt-text-fontSize);\n  font-weight: var(--salt-text-fontWeight);\n  line-height: var(--salt-text-lineHeight);\n}\n\n/* Styles applied to icon */\n.saltSystemStatus-icon.saltIcon {\n  min-height: var(--salt-size-base);\n}\n\n/* Styles applied when state = \"info\" */\n.saltSystemStatus-info {\n  --systemStatus-borderColor: var(--salt-status-info-bold-background);\n  --systemStatus-background: var(--salt-status-info-bold-background);\n}\n\n/* Styles applied when state = \"error\" */\n.saltSystemStatus-error {\n  --systemStatus-borderColor: var(--salt-status-error-bold-background);\n  --systemStatus-background: var(--salt-status-error-bold-background);\n}\n\n/* Styles applied when state = \"warning\" */\n.saltSystemStatus-warning {\n  --systemStatus-borderColor: var(--salt-status-warning-bold-background);\n  --systemStatus-background: var(--salt-status-warning-bold-background);\n}\n\n/* Styles applied when state = \"success\" */\n.saltSystemStatus-success {\n  --systemStatus-borderColor: var(--salt-status-success-bold-background);\n  --systemStatus-background: var(--salt-status-success-bold-background);\n}\n";
+
+module.exports = css_248z;
+//# sourceMappingURL=SystemStatus.css.js.map

package/dist-cjs/system-status/SystemStatus.css.js.map

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

package/dist-cjs/system-status/SystemStatus.js

@@ -0,0 +1,39 @@
+'use strict';
+
+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 styles = require('@salt-ds/styles');
+var window = require('@salt-ds/window');
+var SystemStatus$1 = require('./SystemStatus.css.js');
+
+const withBaseName = core.makePrefixer("saltSystemStatus");
+const SystemStatus = react.forwardRef(
+  function SystemStatus2({ children, className, status = "info", ...rest }, ref) {
+    const targetWindow = window.useWindow();
+    styles.useComponentCssInjection({
+      testId: "salt-system-status",
+      css: SystemStatus$1,
+      window: targetWindow
+    });
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", {
+      className: clsx.clsx(withBaseName(), withBaseName(status), className),
+      ref,
+      role: "status",
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(core.StatusIndicator, {
+          status,
+          className: withBaseName("icon")
+        }),
+        children
+      ]
+    });
+  }
+);
+
+exports.SystemStatus = SystemStatus;
+//# sourceMappingURL=SystemStatus.js.map

package/dist-cjs/system-status/SystemStatus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SystemStatus.js","sources":["../src/system-status/SystemStatus.tsx"],"sourcesContent":["import {\n  StatusIndicator,\n  type ValidationStatus,\n  makePrefixer,\n} from \"@salt-ds/core\";\nimport { clsx } from \"clsx\";\nimport { type HTMLAttributes, forwardRef } from \"react\";\n\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\n\nimport systemStatusCss from \"./SystemStatus.css\";\n\nexport interface SystemStatusProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   *  A string to determine the current state of the SystemStatus. Defaults to `info`.\n   */\n  status?: ValidationStatus;\n}\n\nconst withBaseName = makePrefixer(\"saltSystemStatus\");\n\nexport const SystemStatus = forwardRef<HTMLDivElement, SystemStatusProps>(\n  function SystemStatus(\n    { children, className, status = \"info\", ...rest },\n    ref,\n  ) {\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-system-status\",\n      css: systemStatusCss,\n      window: targetWindow,\n    });\n\n    return (\n      <div\n        className={clsx(withBaseName(), withBaseName(status), className)}\n        ref={ref}\n        role=\"status\"\n        {...rest}\n      >\n        <StatusIndicator status={status} className={withBaseName(\"icon\")} />\n        {children}\n      </div>\n    );\n  },\n);\n"],"names":["makePrefixer","forwardRef","SystemStatus","useWindow","useComponentCssInjection","systemStatusCss","jsxs","clsx","jsx","StatusIndicator"],"mappings":";;;;;;;;;;;;AAoBA,MAAM,YAAA,GAAeA,kBAAa,kBAAkB,CAAA,CAAA;AAE7C,MAAM,YAAe,GAAAC,gBAAA;AAAA,EAC1B,SAASC,cACP,EAAE,QAAA,EAAU,WAAW,MAAS,GAAA,MAAA,EAAA,GAAW,IAAK,EAAA,EAChD,GACA,EAAA;AACA,IAAA,MAAM,eAAeC,gBAAU,EAAA,CAAA;AAC/B,IAAyBC,+BAAA,CAAA;AAAA,MACvB,MAAQ,EAAA,oBAAA;AAAA,MACR,GAAK,EAAAC,cAAA;AAAA,MACL,MAAQ,EAAA,YAAA;AAAA,KACT,CAAA,CAAA;AAED,IAAA,uBACGC,eAAA,CAAA,KAAA,EAAA;AAAA,MACC,WAAWC,SAAK,CAAA,YAAA,IAAgB,YAAa,CAAA,MAAM,GAAG,SAAS,CAAA;AAAA,MAC/D,GAAA;AAAA,MACA,IAAK,EAAA,QAAA;AAAA,MACJ,GAAG,IAAA;AAAA,MAEJ,QAAA,EAAA;AAAA,wBAACC,cAAA,CAAAC,oBAAA,EAAA;AAAA,UAAgB,MAAA;AAAA,UAAgB,SAAA,EAAW,aAAa,MAAM,CAAA;AAAA,SAAG,CAAA;AAAA,QACjE,QAAA;AAAA,OAAA;AAAA,KACH,CAAA,CAAA;AAAA,GAEJ;AACF;;;;"}

package/dist-cjs/system-status/SystemStatusActions.css.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var css_248z = ".saltSystemStatusActions {\n  margin-bottom: auto;\n  display: flex;\n  gap: var(--salt-spacing-100);\n}\n";
+
+module.exports = css_248z;
+//# sourceMappingURL=SystemStatusActions.css.js.map

package/dist-cjs/system-status/SystemStatusActions.css.js.map

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

package/dist-cjs/system-status/SystemStatusActions.js

@@ -0,0 +1,30 @@
+'use strict';
+
+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 styles = require('@salt-ds/styles');
+var window = require('@salt-ds/window');
+var SystemStatusActions$1 = require('./SystemStatusActions.css.js');
+
+const withBaseName = core.makePrefixer("saltSystemStatusActions");
+const SystemStatusActions = react.forwardRef(function SystemStatusActions2(props, ref) {
+  const { className, ...rest } = props;
+  const targetWindow = window.useWindow();
+  styles.useComponentCssInjection({
+    testId: "salt-system-status-actions",
+    css: SystemStatusActions$1,
+    window: targetWindow
+  });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", {
+    className: clsx.clsx(withBaseName(), className),
+    ...rest,
+    ref
+  });
+});
+
+exports.SystemStatusActions = SystemStatusActions;
+//# sourceMappingURL=SystemStatusActions.js.map

package/dist-cjs/system-status/SystemStatusActions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SystemStatusActions.js","sources":["../src/system-status/SystemStatusActions.tsx"],"sourcesContent":["import { makePrefixer } from \"@salt-ds/core\";\nimport { clsx } from \"clsx\";\nimport {\n  type ComponentPropsWithoutRef,\n  type ReactNode,\n  forwardRef,\n} from \"react\";\n\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport systemStatusActionsCss from \"./SystemStatusActions.css\";\n\nconst withBaseName = makePrefixer(\"saltSystemStatusActions\");\n\ninterface SystemStatusActionsProps extends ComponentPropsWithoutRef<\"div\"> {\n  /**\n   * The content of SystemStatusActions\n   */\n  children: ReactNode;\n}\n\nexport const SystemStatusActions = forwardRef<\n  HTMLDivElement,\n  SystemStatusActionsProps\n>(function SystemStatusActions(props, ref) {\n  const { className, ...rest } = props;\n\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-system-status-actions\",\n    css: systemStatusActionsCss,\n    window: targetWindow,\n  });\n\n  return (\n    <div className={clsx(withBaseName(), className)} {...rest} ref={ref} />\n  );\n});\n"],"names":["makePrefixer","forwardRef","SystemStatusActions","useWindow","useComponentCssInjection","systemStatusActionsCss","jsx","clsx"],"mappings":";;;;;;;;;;;;AAYA,MAAM,YAAA,GAAeA,kBAAa,yBAAyB,CAAA,CAAA;AASpD,MAAM,mBAAsB,GAAAC,gBAAA,CAGjC,SAASC,oBAAAA,CAAoB,OAAO,GAAK,EAAA;AACzC,EAAM,MAAA,EAAE,SAAc,EAAA,GAAA,IAAA,EAAS,GAAA,KAAA,CAAA;AAE/B,EAAA,MAAM,eAAeC,gBAAU,EAAA,CAAA;AAC/B,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,4BAAA;AAAA,IACR,GAAK,EAAAC,qBAAA;AAAA,IACL,MAAQ,EAAA,YAAA;AAAA,GACT,CAAA,CAAA;AAED,EAAA,uBACGC,cAAA,CAAA,KAAA,EAAA;AAAA,IAAI,SAAW,EAAAC,SAAA,CAAK,YAAa,EAAA,EAAG,SAAS,CAAA;AAAA,IAAI,GAAG,IAAA;AAAA,IAAM,GAAA;AAAA,GAAU,CAAA,CAAA;AAEzE,CAAC;;;;"}

package/dist-cjs/system-status/SystemStatusContent.css.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var css_248z = "/* Styles applied to SystemStatusContent */\n.saltSystemStatusContent {\n  flex: 1 0;\n  margin: var(--salt-spacing-75) 0;\n  color: var(--salt-content-bold-foreground);\n}\n";
+
+module.exports = css_248z;
+//# sourceMappingURL=SystemStatusContent.css.js.map

package/dist-cjs/system-status/SystemStatusContent.css.js.map

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

package/dist-cjs/system-status/SystemStatusContent.js

@@ -0,0 +1,30 @@
+'use strict';
+
+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 styles = require('@salt-ds/styles');
+var window = require('@salt-ds/window');
+var SystemStatusContent$1 = require('./SystemStatusContent.css.js');
+
+const withBaseName = core.makePrefixer("saltSystemStatusContent");
+const SystemStatusContent = react.forwardRef(function SystemStatusContent2(props, ref) {
+  const { className, ...rest } = props;
+  const targetWindow = window.useWindow();
+  styles.useComponentCssInjection({
+    testId: "salt-system-status-content",
+    css: SystemStatusContent$1,
+    window: targetWindow
+  });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", {
+    className: clsx.clsx(withBaseName(), className),
+    ...rest,
+    ref
+  });
+});
+
+exports.SystemStatusContent = SystemStatusContent;
+//# sourceMappingURL=SystemStatusContent.js.map

package/dist-cjs/system-status/SystemStatusContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SystemStatusContent.js","sources":["../src/system-status/SystemStatusContent.tsx"],"sourcesContent":["import { makePrefixer } from \"@salt-ds/core\";\nimport { clsx } from \"clsx\";\nimport {\n  type ComponentPropsWithoutRef,\n  type ReactNode,\n  forwardRef,\n} from \"react\";\n\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport systemStatusContentCss from \"./SystemStatusContent.css\";\n\nconst withBaseName = makePrefixer(\"saltSystemStatusContent\");\n\ninterface SystemStatusContentProps extends ComponentPropsWithoutRef<\"div\"> {\n  /**\n   * The content of SystemStatusContent\n   */\n  children: ReactNode;\n}\n\nexport const SystemStatusContent = forwardRef<\n  HTMLDivElement,\n  SystemStatusContentProps\n>(function SystemStatusContent(props, ref) {\n  const { className, ...rest } = props;\n\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-system-status-content\",\n    css: systemStatusContentCss,\n    window: targetWindow,\n  });\n\n  return (\n    <div className={clsx(withBaseName(), className)} {...rest} ref={ref} />\n  );\n});\n"],"names":["makePrefixer","forwardRef","SystemStatusContent","useWindow","useComponentCssInjection","systemStatusContentCss","jsx","clsx"],"mappings":";;;;;;;;;;;;AAYA,MAAM,YAAA,GAAeA,kBAAa,yBAAyB,CAAA,CAAA;AASpD,MAAM,mBAAsB,GAAAC,gBAAA,CAGjC,SAASC,oBAAAA,CAAoB,OAAO,GAAK,EAAA;AACzC,EAAM,MAAA,EAAE,SAAc,EAAA,GAAA,IAAA,EAAS,GAAA,KAAA,CAAA;AAE/B,EAAA,MAAM,eAAeC,gBAAU,EAAA,CAAA;AAC/B,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,4BAAA;AAAA,IACR,GAAK,EAAAC,qBAAA;AAAA,IACL,MAAQ,EAAA,YAAA;AAAA,GACT,CAAA,CAAA;AAED,EAAA,uBACGC,cAAA,CAAA,KAAA,EAAA;AAAA,IAAI,SAAW,EAAAC,SAAA,CAAK,YAAa,EAAA,EAAG,SAAS,CAAA;AAAA,IAAI,GAAG,IAAA;AAAA,IAAM,GAAA;AAAA,GAAU,CAAA,CAAA;AAEzE,CAAC;;;;"}

package/dist-cjs/tabs/Tab.js

@@ -8,7 +8,7 @@ var icons = require('@salt-ds/icons');
 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 EditableLabel = require('../editable-label/EditableLabel.js');
 var Tab$1 = require('./Tab.css.js');
 
@@ -26,7 +26,7 @@ const CloseTabButton = (props) => /* @__PURE__ */ jsxRuntime.jsx(core.Button, {
     className: withBaseName("close-icon")
   })
 });
-const Tab = React.forwardRef(function Tab2({
+const Tab = react.forwardRef(function Tab2({
   ariaControls,
   children,
   className,
@@ -62,11 +62,11 @@ const Tab = React.forwardRef(function Tab2({
     css: Tab$1,
     window: targetWindow
   });
-  const root = React.useRef(null);
-  const editableRef = React.useRef(null);
+  const root = react.useRef(null);
+  const editableRef = react.useRef(null);
   const setForkRef = core.useForkRef(ref, root);
-  const [closeHover, setCloseHover] = React.useState(false);
-  const handleClick = React.useCallback(
+  const [closeHover, setCloseHover] = react.useState(false);
+  const handleClick = react.useCallback(
     (e) => {
       if (!editing) {
         e.preventDefault();

package/dist-cjs/tabs/TabActivationIndicator.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 useActivationIndicator = require('./useActivationIndicator.js');
 var styles = require('@salt-ds/styles');
 var window = require('@salt-ds/window');
@@ -22,7 +22,7 @@ const TabActivationIndicator = ({
     css: TabActivationIndicator$1,
     window: targetWindow
   });
-  const rootRef = React.useRef(null);
+  const rootRef = react.useRef(null);
   const style = useActivationIndicator.useActivationIndicator({
     rootRef,
     tabId,

package/dist-cjs/tabs/TabPanel.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 TabPanel$1 = require('./TabPanel.css.js');
 
 const withBaseName = core.makePrefixer("saltTabPanel");
-const TabPanel = React.forwardRef(function TabPanel2({ children, className, enableClose, ...htmlAttributes }, forwardedRef) {
+const TabPanel = react.forwardRef(function TabPanel2({ children, className, enableClose, ...htmlAttributes }, forwardedRef) {
   const targetWindow = window.useWindow();
   styles.useComponentCssInjection({
     testId: "salt-tab-panel",

package/dist-cjs/tabs/Tabs.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 Tabstrip = require('./Tabstrip.js');
 var useTabs = require('./useTabs.js');
 var styles = require('@salt-ds/styles');
@@ -13,7 +13,7 @@ var window = require('@salt-ds/window');
 var Tabs$1 = require('./Tabs.css.js');
 
 const withBaseName = core.makePrefixer("saltTabs");
-const Tabs = React.forwardRef(function Tabs2({
+const Tabs = react.forwardRef(function Tabs2({
   activeTabIndex: activeTabIndexProp,
   allowDragDrop,
   centered,
@@ -40,8 +40,8 @@ const Tabs = React.forwardRef(function Tabs2({
     css: Tabs$1,
     window: targetWindow
   });
-  const tabstripRef = React.useRef(null);
-  React.useImperativeHandle(
+  const tabstripRef = react.useRef(null);
+  react.useImperativeHandle(
     forwardedRef,
     () => ({
       focus: () => {
@@ -73,7 +73,7 @@ const Tabs = React.forwardRef(function Tabs2({
     onMoveTab,
     overflowMenu
   };
-  React.useCallback(
+  react.useCallback(
     (tabIndex) => {
       if (tabIndex === activeTabIndex) {
         return `${id}-${tabIndex}-panel`;

package/dist-cjs/tabs/Tabstrip.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 icons = require('@salt-ds/icons');
 var clsx = require('clsx');
@@ -22,16 +22,12 @@ var window = require('@salt-ds/window');
 var Tabstrip$1 = require('./Tabstrip.css.js');
 var ThemeTabstrip = require('./ThemeTabstrip.css.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
 const withBaseName = core.makePrefixer("saltTabstrip");
 const ADD_TAB_LABEL = "Create Tab";
 const tabDescriptors = (tabs) => tabs == null ? void 0 : tabs.map(
   (tab) => typeof tab === "string" ? { label: tab } : tab
 );
-const Tabstrip = React.forwardRef(function Tabstrip2({
+const Tabstrip = react.forwardRef(function Tabstrip2({
   activeTabIndex: activeTabIndexProp,
   allowDragDrop = false,
   centered = false,
@@ -73,13 +69,13 @@ const Tabstrip = React.forwardRef(function Tabstrip2({
     css: ThemeTabstrip,
     window: targetWindow
   });
-  const root = React.useRef(null);
-  const activeRef = React.useRef(
+  const root = react.useRef(null);
+  const activeRef = react.useRef(
     activeTabIndexProp || defaultActiveTabIndex || 0
   );
-  const overflowItemsRef = React.useRef([]);
-  const [showOverflowMenu, _setShowOverflowMenu] = React.useState(false);
-  const setShowOverflowMenu = React.useCallback((value) => {
+  const overflowItemsRef = react.useRef([]);
+  const [showOverflowMenu, _setShowOverflowMenu] = react.useState(false);
+  const setShowOverflowMenu = react.useCallback((value) => {
     _setShowOverflowMenu(value);
   }, []);
   const tabstripId = core.useIdMemo(idProp);
@@ -104,12 +100,12 @@ const Tabstrip = React.forwardRef(function Tabstrip2({
       }
     }
   });
-  const childCount = React.useRef(React__default["default"].Children.count(children));
+  const childCount = react.useRef(react.Children.count(children));
   const getChildren = () => {
-    if (React__default["default"].Children.count(children) === 0) {
+    if (react.Children.count(children) === 0) {
       return void 0;
     }
-    return React__default["default"].Children.toArray(children);
+    return react.Children.toArray(children);
   };
   const [innerContainerRef, switchOverflowPriorities] = useOverflowLayout.useOverflowLayout({
     collectionHook,
@@ -120,7 +116,7 @@ const Tabstrip = React.forwardRef(function Tabstrip2({
   });
   overflowItemsRef.current = collectionHook.data;
   const overflowedItems = collectionHook.data.filter((item) => item.overflowed);
-  const tabMovedHandler = React.useCallback(
+  const tabMovedHandler = react.useCallback(
     (fromIndex, toIndex) => {
       onMoveTab == null ? void 0 : onMoveTab(fromIndex, toIndex);
       setTimeout(() => {
@@ -131,7 +127,7 @@ const Tabstrip = React.forwardRef(function Tabstrip2({
     },
     [collectionHook, onMoveTab]
   );
-  const handleTabSelectionChange = React.useCallback(
+  const handleTabSelectionChange = react.useCallback(
     (tabIndex) => {
       const selectedItem = collectionHook.data[tabIndex];
       const prevSelectedItem = collectionHook.data.find(
@@ -178,7 +174,7 @@ const Tabstrip = React.forwardRef(function Tabstrip2({
     tabs: (_a = tabDescriptors(source)) != null ? _a : getChildren()
   });
   activeRef.current = activeTabIndex;
-  React.useImperativeHandle(
+  react.useImperativeHandle(
     forwardedRef,
     () => ({
       focus: () => {
@@ -195,15 +191,15 @@ const Tabstrip = React.forwardRef(function Tabstrip2({
     }),
     []
   );
-  const handleAddTabClick = React.useCallback(() => {
+  const handleAddTabClick = react.useCallback(() => {
     if (!collectionHook.isControlled) {
       addTab();
     }
     onAddTab == null ? void 0 : onAddTab();
   }, [collectionHook.isControlled, onAddTab, addTab]);
-  const selectedIndex = React.useRef(activeTabIndex);
+  const selectedIndex = react.useRef(activeTabIndex);
   const focusedTabIndex = tabstripHook.highlightedIdx;
-  const handleOverflowSelectionChange = React.useCallback(
+  const handleOverflowSelectionChange = react.useCallback(
     (e, tab) => {
       if (tab !== null) {
         activateTab(tab.index);
@@ -211,20 +207,20 @@ const Tabstrip = React.forwardRef(function Tabstrip2({
     },
     [activateTab]
   );
-  const handleKeydownOverflowMenu = React.useCallback(
+  const handleKeydownOverflowMenu = react.useCallback(
     (e) => {
       var _a2, _b;
       (_b = (_a2 = tabstripHook.navigationProps) == null ? void 0 : _a2.onKeyDown) == null ? void 0 : _b.call(_a2, e);
     },
     [tabstripHook.navigationProps]
   );
-  const handleOverflowMenuOpen = React.useCallback(
+  const handleOverflowMenuOpen = react.useCallback(
     (open) => {
       setShowOverflowMenu(open);
     },
     [setShowOverflowMenu]
   );
-  const handleMouseDown = React.useCallback(
+  const handleMouseDown = react.useCallback(
     (evt) => {
       onMouseDown == null ? void 0 : onMouseDown(evt);
       tabstripHookMouseDown == null ? void 0 : tabstripHookMouseDown(evt);
@@ -237,8 +233,8 @@ const Tabstrip = React.forwardRef(function Tabstrip2({
     }
   }, [overflowMenuProp, activeTabIndex]);
   core.useIsomorphicLayoutEffect(() => {
-    if (React__default["default"].Children.count(children) !== childCount.current) {
-      childCount.current = React__default["default"].Children.count(children);
+    if (react.Children.count(children) !== childCount.current) {
+      childCount.current = react.Children.count(children);
     }
   }, [children]);
   core.useIsomorphicLayoutEffect(() => {
@@ -279,13 +275,13 @@ const Tabstrip = React.forwardRef(function Tabstrip2({
         orientation,
         selected
       };
-      if (React__default["default"].isValidElement(element)) {
+      if (react.isValidElement(element)) {
         if (element.type === Tab.Tab) {
-          return React__default["default"].cloneElement(element, { ...baseProps, ...tabProps });
+          return react.cloneElement(element, { ...baseProps, ...tabProps });
         }
-        return React__default["default"].cloneElement(element, baseProps);
+        return react.cloneElement(element, baseProps);
       }
-      return React__default["default"].createElement(Tab.Tab, {
+      return react.createElement(Tab.Tab, {
         ...baseProps,
         ...tabProps,
         label: tab.label
@@ -339,7 +335,7 @@ const Tabstrip = React.forwardRef(function Tabstrip2({
     }
     if (injectedItem) {
       content.push(
-        /* @__PURE__ */ React.createElement(core.Button, {
+        /* @__PURE__ */ react.createElement(core.Button, {
           ...tabstripHook.navigationProps,
           "aria-label": ADD_TAB_LABEL,
           "data-priority": injectedItem.priority,