@spscommerce/ds-react 4.25.0 → 4.26.0

package/lib/index.es.js

@@ -31,7 +31,7 @@ var __objRest = (source, exclude) => {
 };
 import * as React from "react";
 import React__default, { useRef, useEffect, createContext, useMemo as useMemo$1, useContext, useReducer, useState, useLayoutEffect as useLayoutEffect$1, useCallback as useCallback$1 } from "react";
-import { noI18nI18n, ButtonKind, ButtonType, SpsIcon as SpsIcon$1, Position, ZStratum, SpsOptionListOption, DropdownKind, SPS_ACTION_DEFAULTS, TagKind, ClickableTagKind, MultiSelectTagKind, SpsIconSize, SelectMode, TooltipKind, TooltipShowTrigger, TOOLTIP_HIDE_DELAY_MS_DEFAULT, FeedbackBlockKind, FeedbackBlockIcons, GrowlerKind, GrowlerIcon, GROWLER_VISIBLE_DURATION_MS, GROWLER_FADEOUT_DURATION_MS, SpsInsightTileKind, SpsInsightTileIcons, SortDirection, ModalKind, ModalSize, DEFAULT_PAGE_SIZE_OPTIONS, SpinnerSize, StdButtonKind, SpsTaskStatus, TASK_QUEUE_NOTIFICATION_DURATION_MS, SpsTaskStatusIcons, SpsFilterTileKind, RingSize, WizardSubstepConditions } from "@spscommerce/ds-shared";
+import { noI18nI18n, ButtonKind, ButtonType, SpsIcon as SpsIcon$1, SpinnerSize, Position, ZStratum, SpsOptionListOption, DropdownKind, SPS_ACTION_DEFAULTS, TagKind, ClickableTagKind, MultiSelectTagKind, SpsIconSize, SelectMode, TooltipKind, TooltipShowTrigger, TOOLTIP_HIDE_DELAY_MS_DEFAULT, FeedbackBlockKind, FeedbackBlockIcons, GrowlerKind, GrowlerIcon, GROWLER_VISIBLE_DURATION_MS, GROWLER_FADEOUT_DURATION_MS, SpsInsightTileKind, SpsInsightTileIcons, SortDirection, ModalKind, ModalSize, DEFAULT_PAGE_SIZE_OPTIONS, StdButtonKind, SpsTaskStatus, TASK_QUEUE_NOTIFICATION_DURATION_MS, SpsTaskStatusIcons, SpsFilterTileKind, RingSize, WizardSubstepConditions } from "@spscommerce/ds-shared";
 import { values as values$3, code, debounce, flatten, deepFreeze, setPath, diff, DiffChange, getPath, crumblePath, traversePath, forEachNestedObject, lockToAnimationFrames, constrain } from "@spscommerce/utils";
 import * as ReactDOM from "react-dom";
 import { createPortal, unstable_batchedUpdates } from "react-dom";
@@ -759,6 +759,46 @@ var scrollIntoViewImport = /* @__PURE__ */ Object.freeze({
   [Symbol.toStringTag]: "Module",
   "default": scrollIntoView$1
 });
+const propsDoc$1y = {
+  alt: "string",
+  size: "SpinnerSize",
+  title: "string"
+};
+const propTypes$1C = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
+  alt: propTypes$1F.exports.string,
+  size: enumValue(SpinnerSize),
+  title: propTypes$1F.exports.string
+});
+function SpsSpinner(props2) {
+  const _a = props2, {
+    alt,
+    className,
+    size = SpinnerSize.MEDIUM,
+    "data-testid": testId,
+    title,
+    unsafelyReplaceClassName
+  } = _a, rest = __objRest(_a, [
+    "alt",
+    "className",
+    "size",
+    "data-testid",
+    "title",
+    "unsafelyReplaceClassName"
+  ]);
+  const { t: t2 } = React.useContext(I18nContext);
+  const altText = alt || title || t2("design-system:spinner.defaultAltText");
+  const spinnerClasses = clsx(unsafelyReplaceClassName || "sps-spinner", `sps-spinner--${size}`, className);
+  return /* @__PURE__ */ React.createElement("i", __spreadValues({
+    className: spinnerClasses,
+    "data-testid": testId,
+    title: altText
+  }, rest));
+}
+Object.assign(SpsSpinner, {
+  props: propsDoc$1y,
+  propTypes: propTypes$1C,
+  displayName: "SpsSpinner"
+});
 const NAVBAR_HEIGHT = 60;
 function px$1(num) {
   return typeof num === "undefined" ? "inherit" : `${num}px`;
@@ -966,7 +1006,7 @@ const searchableOptionListProps = {
   searchPlaceholder: propTypes$1F.exports.string,
   searchInputRef: ref()
 };
-const propTypes$1C = __spreadProps(__spreadValues(__spreadValues(__spreadValues({}, spsGlobalPropTypes), spsOptionListPassthroughProps.propTypes), searchableOptionListProps), {
+const propTypes$1B = __spreadProps(__spreadValues(__spreadValues(__spreadValues({}, spsGlobalPropTypes), spsOptionListPassthroughProps.propTypes), searchableOptionListProps), {
   attachTo: ref().isRequired,
   conformWidth: propTypes$1F.exports.bool,
   id: propTypes$1F.exports.string.isRequired,
@@ -983,13 +1023,18 @@ const propTypes$1C = __spreadProps(__spreadValues(__spreadValues(__spreadValues(
   positionOverride: propTypes$1F.exports.arrayOf(enumValue(Position)),
   selectedOption: propTypes$1F.exports.any,
   specialAction: fun(),
-  ignoreWidthStyles: propTypes$1F.exports.bool
+  ignoreWidthStyles: propTypes$1F.exports.bool,
+  loading: propTypes$1F.exports.bool
 });
-async function updateOptions(props2, searchState, searchStatePatch, setOptionList, setAnyOptionHasIcon) {
+async function updateOptions(props2, searchState, searchStatePatch, setOptionList, setAnyOptionHasIcon, promiseRef) {
   searchStatePatch({ pending: true });
   const fetchedOptions = typeof props2.options === "function" ? props2.options(searchState.value) : props2.options || [];
   const resultPromise = fetchedOptions instanceof Promise ? fetchedOptions : Promise.resolve(fetchedOptions);
+  promiseRef.current = resultPromise;
   const result = await resultPromise || [];
+  if (promiseRef.current !== resultPromise) {
+    return;
+  }
   let newOpts = Array.from(result).filter(Boolean).map((thing) => new SpsOptionListOption(thing, typeof thing === "function" ? {
     textKey: "label",
     captionKey: "caption"
@@ -1023,9 +1068,10 @@ async function updateOptions(props2, searchState, searchStatePatch, setOptionLis
 function useOptionListOptions(props2, searchState, searchStatePatch) {
   const [optionList, setOptionList] = React.useState(Object.freeze([]));
   const [anyOptionHasIcon, setAnyOptionHasIcon] = React.useState(false);
+  const promiseRef = React.useRef(null);
   const update2 = React.useMemo(() => typeof props2.options === "function" ? debounce(updateOptions, typeof props2.searchDebounce !== "undefined" ? props2.searchDebounce : 500) : updateOptions, [props2.options, props2.disabledOptions]);
   React.useEffect(() => {
-    void update2(props2, searchState, searchStatePatch, setOptionList, setAnyOptionHasIcon);
+    void update2(props2, searchState, searchStatePatch, setOptionList, setAnyOptionHasIcon, promiseRef);
   }, [
     props2.options,
     searchState.value,
@@ -1269,7 +1315,8 @@ const SpsOptionList = React.forwardRef((props2, ref2) => {
     positionOverride,
     selectedOption,
     specialAction,
-    unsafelyReplaceClassName
+    unsafelyReplaceClassName,
+    loading
   } = _a, rest = __objRest(_a, [
     "captionKey",
     "comparisonKey",
@@ -1301,7 +1348,8 @@ const SpsOptionList = React.forwardRef((props2, ref2) => {
     "positionOverride",
     "selectedOption",
     "specialAction",
-    "unsafelyReplaceClassName"
+    "unsafelyReplaceClassName",
+    "loading"
   ]);
   const specialActionOption = React.useMemo(() => specialAction ? new SpsOptionListOption(specialAction, {
     textKey: "label",
@@ -1523,9 +1571,11 @@ const SpsOptionList = React.forwardRef((props2, ref2) => {
   }, rest), searchElement, /* @__PURE__ */ React.createElement("div", {
     className: optionsClasses,
     ref: optionsRef
-  }, zeroState && (searchState.value || !searchState.isAsync) && optionList.length === 0 && /* @__PURE__ */ React.createElement("div", {
+  }, !loading && !searchState.pending && zeroState && (searchState.value || !searchState.isAsync) && optionList.length === 0 && /* @__PURE__ */ React.createElement("div", {
     className: "sps-option-list__zero-state"
-  }, zeroState), optionList.map((option, i2) => {
+  }, zeroState), (loading || searchState.pending) && /* @__PURE__ */ React.createElement("div", {
+    className: "sps-option-list__loading"
+  }, /* @__PURE__ */ React.createElement(SpsSpinner, null)), !loading && !searchState.pending && optionList.map((option, i2) => {
     const identifier = `${id2}-option-${i2}`;
     return /* @__PURE__ */ React.createElement("a", {
       key: identifier,
@@ -1561,7 +1611,7 @@ const SpsOptionList = React.forwardRef((props2, ref2) => {
   }), /* @__PURE__ */ React.createElement("span", null, specialAction.label))));
 });
 Object.assign(SpsOptionList, {
-  propTypes: propTypes$1C,
+  propTypes: propTypes$1B,
   displayName: "SpsOptionList"
 });
 function selectChildren(children = [], groups = []) {
@@ -1650,7 +1700,7 @@ function useInputPopup(rootRef, popupRef) {
     doHidePopup
   };
 }
-const propsDoc$1y = {
+const propsDoc$1x = {
   debounce: "number",
   disabled: "boolean",
   formMeta: "SpsFormFieldMeta<string>",
@@ -1666,9 +1716,10 @@ const propsDoc$1y = {
   },
   tallOptionList: "boolean",
   value: "string",
-  zeroState: "string"
+  zeroState: "string",
+  loading: "boolean"
 };
-const propTypes$1B = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
+const propTypes$1A = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
   debounce: propTypes$1F.exports.number,
   disabled: propTypes$1F.exports.bool,
   formControl: impl(),
@@ -1683,7 +1734,8 @@ const propTypes$1B = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
   ]).isRequired,
   tallOptionList: propTypes$1F.exports.bool,
   value: propTypes$1F.exports.string,
-  zeroState: propTypes$1F.exports.string
+  zeroState: propTypes$1F.exports.string,
+  loading: propTypes$1F.exports.bool
 });
 function SpsAutocomplete(_a) {
   var _b = _a, {
@@ -1700,7 +1752,8 @@ function SpsAutocomplete(_a) {
     unsafelyReplaceClassName,
     tallOptionList,
     value = "",
-    zeroState
+    zeroState,
+    loading
   } = _b, rest = __objRest(_b, [
     "className",
     "debounce",
@@ -1715,7 +1768,8 @@ function SpsAutocomplete(_a) {
     "unsafelyReplaceClassName",
     "tallOptionList",
     "value",
-    "zeroState"
+    "zeroState",
+    "loading"
   ]);
   const meta = formMeta || formControl2;
   const { wrapperId, controlId } = useFormControlId(id2, meta);
@@ -1823,12 +1877,13 @@ function SpsAutocomplete(_a) {
     search: value,
     searchDebounce: debounce2,
     tall: tallOptionList,
-    zeroState
+    zeroState,
+    loading
   }));
 }
 Object.assign(SpsAutocomplete, {
-  props: propsDoc$1y,
-  propTypes: propTypes$1B,
+  props: propsDoc$1x,
+  propTypes: propTypes$1A,
   displayName: "SpsAutocomplete"
 });
 const SpsAutocompleteExamples = {
@@ -1951,7 +2006,7 @@ const SpsAutocompleteExamples = {
     }
   }
 };
-const propsDoc$1x = {
+const propsDoc$1w = {
   alignLeft: "boolean",
   disabled: "boolean",
   icon: "SpsIcon",
@@ -1962,9 +2017,10 @@ const propsDoc$1x = {
   spinningTitle: "string",
   tallOptionList: "boolean",
   onOpen: "() => void",
-  onClose: "() => void"
+  onClose: "() => void",
+  loading: "boolean"
 };
-const propTypes$1A = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
+const propTypes$1z = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
   alignLeft: propTypes$1F.exports.bool,
   disabled: propTypes$1F.exports.bool,
   icon: enumValue(SpsIcon$1),
@@ -1975,7 +2031,8 @@ const propTypes$1A = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
   spinningTitle: propTypes$1F.exports.string,
   tallOptionList: propTypes$1F.exports.bool,
   onOpen: fun(),
-  onClose: fun()
+  onClose: fun(),
+  loading: propTypes$1F.exports.bool
 });
 function SpsDropdown(props2) {
   const _a = props2, {
@@ -1993,7 +2050,8 @@ function SpsDropdown(props2) {
     tallOptionList,
     unsafelyReplaceClassName,
     onOpen,
-    onClose
+    onClose,
+    loading
   } = _a, rest = __objRest(_a, [
     "alignLeft",
     "className",
@@ -2009,7 +2067,8 @@ function SpsDropdown(props2) {
     "tallOptionList",
     "unsafelyReplaceClassName",
     "onOpen",
-    "onClose"
+    "onClose",
+    "loading"
   ]);
   const { t: t2 } = React.useContext(I18nContext);
   const id2 = useElementId(idProp);
@@ -2107,7 +2166,8 @@ function SpsDropdown(props2) {
     options,
     offsets: [0, 0],
     tall: tallOptionList,
-    optionRole: "option"
+    optionRole: "option",
+    loading
   }), /* @__PURE__ */ React.createElement("div", {
     onClick: handleButtonClick,
     className: buttonClasses,
@@ -2129,12 +2189,12 @@ function SpsDropdown(props2) {
   }, spinningTitle || t2("design-system:button.spinningTitle")))));
 }
 Object.assign(SpsDropdown, {
-  props: propsDoc$1x,
-  propTypes: propTypes$1A,
+  props: propsDoc$1w,
+  propTypes: propTypes$1z,
   displayName: "SpsDropdown"
 });
-const propsDoc$1w = {};
-const propTypes$1z = __spreadValues({}, spsGlobalPropTypes);
+const propsDoc$1v = {};
+const propTypes$1y = __spreadValues({}, spsGlobalPropTypes);
 function SpsButtonGroup(props2) {
   const _a = props2, {
     children,
@@ -2165,8 +2225,8 @@ function SpsButtonGroup(props2) {
   }), others.length > 0 && others);
 }
 Object.assign(SpsButtonGroup, {
-  props: propsDoc$1w,
-  propTypes: propTypes$1z,
+  props: propsDoc$1v,
+  propTypes: propTypes$1y,
   displayName: "SpsButtonGroup"
 });
 const SpsButtonExamples = {
@@ -2645,12 +2705,12 @@ const SpsButtonExamples = {
     }
   }
 };
-const propsDoc$1v = {
+const propsDoc$1u = {
   content: "ReactNodeLike",
   icon: "SpsIcon",
   title: "string"
 };
-const propTypes$1y = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
+const propTypes$1x = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
   content: propTypes$1F.exports.node,
   icon: enumValue(SpsIcon$1),
   title: propTypes$1F.exports.string
@@ -2685,15 +2745,15 @@ function SpsCardHeader(props2) {
   }, content));
 }
 Object.assign(SpsCardHeader, {
-  props: propsDoc$1v,
-  propTypes: propTypes$1y,
+  props: propsDoc$1u,
+  propTypes: propTypes$1x,
   displayName: "SpsCardHeader"
 });
-const propsDoc$1u = {
+const propsDoc$1t = {
   icon: "SpsIcon",
   kind: "TagKind"
 };
-const propTypes$1x = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
+const propTypes$1w = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
   icon: enumValue(SpsIcon$1),
   kind: enumValue(TagKind)
 });
@@ -2726,11 +2786,11 @@ function SpsTag(props2) {
   }), children);
 }
 Object.assign(SpsTag, {
-  props: propsDoc$1u,
-  propTypes: propTypes$1x,
+  props: propsDoc$1t,
+  propTypes: propTypes$1w,
   displayName: "SpsTag"
 });
-const propsDoc$1t = {
+const propsDoc$1s = {
   activateTab: "Function",
   active: "boolean",
   icon: "SpsIcon",
@@ -2740,7 +2800,7 @@ const propsDoc$1t = {
   tagKind: "TagKind",
   tagIcon: "SpsIcon"
 };
-const propTypes$1w = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
+const propTypes$1v = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
   activateTab: propTypes$1F.exports.func,
   active: propTypes$1F.exports.bool,
   icon: enumValue(SpsIcon$1),
@@ -2809,8 +2869,8 @@ function SpsCardTabbedPane(props2) {
   }, tag));
 }
 Object.assign(SpsCardTabbedPane, {
-  props: propsDoc$1t,
-  propTypes: propTypes$1w,
+  props: propsDoc$1s,
+  propTypes: propTypes$1v,
   displayName: "SpsCardTabbedPane"
 });
 function useTab$1(children, activeTab, isTabbedCard) {
@@ -2852,14 +2912,14 @@ function useTab$1(children, activeTab, isTabbedCard) {
   }, [activeTab, children]);
   return [currentlyActiveTab, activateTab];
 }
-const propsDoc$1s = {
+const propsDoc$1r = {
   activeTab: "string",
   footer: "ReactNodeOrRenderFn",
   headerContent: "ReactNodeOrRenderFn",
   headerIcon: "SpsIcon",
   headerTitle: "string"
 };
-const propTypes$1v = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
+const propTypes$1u = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
   activeTab: propTypes$1F.exports.string,
   footer: nodeOrRenderFn,
   headerContent: nodeOrRenderFn,
@@ -2931,8 +2991,8 @@ function SpsCard(props2) {
   }, contentOf(footer)));
 }
 Object.assign(SpsCard, {
-  props: propsDoc$1s,
-  propTypes: propTypes$1v,
+  props: propsDoc$1r,
+  propTypes: propTypes$1u,
   displayName: "SpsCard"
 });
 const SpsCardExamples = {
@@ -3220,7 +3280,7 @@ const SpsCardExamples = {
     }
   }
 };
-const propsDoc$1r = {
+const propsDoc$1q = {
   checked: "boolean",
   disabled: "boolean",
   formMeta: "SpsFormFieldMeta<boolean>",
@@ -3229,7 +3289,7 @@ const propsDoc$1r = {
   label: "string",
   onChange: "ChangeEventHandler"
 };
-const propTypes$1u = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
+const propTypes$1t = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
   checked: propTypes$1F.exports.bool,
   disabled: propTypes$1F.exports.bool,
   formControl: impl(),
@@ -3311,8 +3371,8 @@ function SpsCheckbox(_c) {
   }, label || ""));
 }
 Object.assign(SpsCheckbox, {
-  props: propsDoc$1r,
-  propTypes: propTypes$1u,
+  props: propsDoc$1q,
+  propTypes: propTypes$1t,
   displayName: "SpsCheckbox"
 });
 const SpsCheckboxExamples = {
@@ -3440,14 +3500,14 @@ const SpsCheckboxExamples = {
     }
   }
 };
-const propsDoc$1q = {
+const propsDoc$1p = {
   disabled: "boolean",
   href: "string",
   kind: "ClickableTagKind",
   onAdd: "() => void",
   onRemove: "() => void"
 };
-const propTypes$1t = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
+const propTypes$1s = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
   disabled: propTypes$1F.exports.bool,
   href: propTypes$1F.exports.string,
   kind: enumValue(ClickableTagKind),
@@ -3545,8 +3605,8 @@ function SpsMultiSelectTag(props2) {
   return /* @__PURE__ */ React.createElement(SpsClickableTag, __spreadValues({}, clickableTagProps), children);
 }
 Object.assign(SpsClickableTag, {
-  props: propsDoc$1q,
-  propTypes: propTypes$1t,
+  props: propsDoc$1p,
+  propTypes: propTypes$1s,
   displayName: "SpsClickableTag"
 });
 const SpsClickableTagExamples = {
@@ -11802,7 +11862,7 @@ var ConnectedDraggable = connect(makeMapStateToProps$1, mapDispatchToProps$1, nu
   areStatePropsEqual: isStrictEqual
 })(Draggable);
 ConnectedDraggable.defaultProps = defaultProps$1;
-const propsDoc$1p = {
+const propsDoc$1o = {
   index: "number",
   key: "string",
   columnId: "string",
@@ -11811,7 +11871,7 @@ const propsDoc$1p = {
   onDelete: "(columnValue: string) => void",
   mandatory: "boolean"
 };
-const propTypes$1s = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
+const propTypes$1r = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
   index: propTypes$1F.exports.number,
   key: propTypes$1F.exports.string,
   columnId: propTypes$1F.exports.string,
@@ -11874,17 +11934,17 @@ function SpsColumnChooserColumn(props2) {
   })))));
 }
 Object.assign(SpsColumnChooserColumn, {
-  props: propsDoc$1p,
-  propTypes: propTypes$1s,
+  props: propsDoc$1o,
+  propTypes: propTypes$1r,
   displayName: "SpsColumnChooserColumn"
 });
-const propsDoc$1o = {
+const propsDoc$1n = {
   maxSelectedColumns: "number",
   unselectedColumns: "ColumnProps[]",
   selectedColumns: "ColumnProps[]",
   onApplyChanges: "(selectedColumns: ColumnProps[]) => void"
 };
-const propTypes$1r = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
+const propTypes$1q = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
   maxSelectedColumns: propTypes$1F.exports.number,
   unselectedColumns: propTypes$1F.exports.array,
   selectedColumns: propTypes$1F.exports.array,
@@ -12027,8 +12087,8 @@ function SpsColumnChooser(props2) {
   })), provided.placeholder)))));
 }
 Object.assign(SpsColumnChooser, {
-  props: propsDoc$1o,
-  propTypes: propTypes$1r,
+  props: propsDoc$1n,
+  propTypes: propTypes$1q,
   displayName: "SpsColumnChooser"
 });
 const SpsColumnChooserExamples = {
@@ -12060,11 +12120,11 @@ const SpsColumnChooserExamples = {
     }
   }
 };
-const propsDoc$1n = {
+const propsDoc$1m = {
   icon: { type: "SpsIcon", required: true },
   size: "SpsIconSize"
 };
-const propTypes$1q = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
+const propTypes$1p = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
   icon: enumValue(SpsIcon$1).isRequired,
   size: enumValue(SpsIconSize)
 });
@@ -12090,26 +12150,26 @@ function SpsIcon(props2) {
   }, rest));
 }
 Object.assign(SpsIcon, {
-  props: propsDoc$1n,
-  propTypes: propTypes$1q,
+  props: propsDoc$1m,
+  propTypes: propTypes$1p,
   displayName: "SpsI"
 });
 function SpsI(props2) {
   return /* @__PURE__ */ React.createElement(SpsIcon, __spreadValues({}, props2));
 }
 Object.assign(SpsI, {
-  props: propsDoc$1n,
-  propTypes: propTypes$1q,
+  props: propsDoc$1m,
+  propTypes: propTypes$1p,
   displayName: "SpsI"
 });
-const propsDoc$1m = {
+const propsDoc$1l = {
   borderless: "boolean",
   lean: "boolean",
   leaner: { type: "boolean", deprecated: true },
   widthPx: "number",
   widthRem: "number"
 };
-const propTypes$1p = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
+const propTypes$1o = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
   borderless: propTypes$1F.exports.bool,
   lean: propTypes$1F.exports.bool,
   leaner: propTypes$1F.exports.bool,
@@ -12159,12 +12219,12 @@ function SpsContentRowCol(props2) {
   }), children);
 }
 Object.assign(SpsContentRowCol, {
-  props: propsDoc$1m,
-  propTypes: propTypes$1p,
+  props: propsDoc$1l,
+  propTypes: propTypes$1o,
   displayName: "SpsContentRowCol"
 });
-const propsDoc$1l = {};
-const propTypes$1o = __spreadValues({}, spsGlobalPropTypes);
+const propsDoc$1k = {};
+const propTypes$1n = __spreadValues({}, spsGlobalPropTypes);
 function SpsContentRowExpansion(props2) {
   const _a = props2, {
     children,
@@ -12185,11 +12245,11 @@ function SpsContentRowExpansion(props2) {
   }), children);
 }
 Object.assign(SpsContentRowExpansion, {
-  props: propsDoc$1l,
-  propTypes: propTypes$1o,
+  props: propsDoc$1k,
+  propTypes: propTypes$1n,
   displayName: "SpsContentRowExpansion"
 });
-const propsDoc$1k = {
+const propsDoc$1j = {
   alternateLayout: "boolean",
   initiallyExpanded: "boolean",
   cardSpacing: "boolean",
@@ -12202,7 +12262,7 @@ const propsDoc$1k = {
   selectable: "boolean",
   selected: "boolean"
 };
-const propTypes$1n = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
+const propTypes$1m = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
   alternateLayout: propTypes$1F.exports.bool,
   cardSpacing: propTypes$1F.exports.bool,
   expanded: propTypes$1F.exports.bool,
@@ -12294,8 +12354,8 @@ function SpsContentRow(props2) {
   }, /* @__PURE__ */ React.createElement("section", null, ContentRowCheckBox()), /* @__PURE__ */ React.createElement("section", null, ExpandoThingy())), columns), expansion);
 }
 Object.assign(SpsContentRow, {
-  props: propsDoc$1k,
-  propTypes: propTypes$1n,
+  props: propsDoc$1j,
+  propTypes: propTypes$1m,
   displayName: "SpsContentRow"
 });
 const SpsContentRowExamples = {
@@ -12764,7 +12824,7 @@ function parse2(value) {
 function weekOfMonth$1(date2) {
   return Math.floor((date2.clone().date(1).day() + date2.date() - 1) / 7);
 }
-const propsDoc$1j = {
+const propsDoc$1i = {
   disabled: "boolean",
   format: "string",
   maxDate: "string",
@@ -12774,7 +12834,7 @@ const propsDoc$1j = {
   placeholder: "string",
   value: "string"
 };
-const propTypes$1m = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
+const propTypes$1l = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
   disabled: propTypes$1F.exports.bool,
   format: propTypes$1F.exports.string,
   maxDate: propTypes$1F.exports.string,
@@ -13145,8 +13205,8 @@ function SpsDatepicker(props2) {
   }))));
 }
 Object.assign(SpsDatepicker, {
-  props: propsDoc$1j,
-  propTypes: propTypes$1m,
+  props: propsDoc$1i,
+  propTypes: propTypes$1l,
   displayName: "SpsDatepicker"
 });
 const SpsDatepickerExamples = {
@@ -13241,7 +13301,7 @@ const SpsDatepickerExamples = {
     }
   }
 };
-const propsDoc$1i = {
+const propsDoc$1h = {
   placeholder: "string",
   disabled: "boolean",
   format: "string",
@@ -13252,7 +13312,7 @@ const propsDoc$1i = {
   value: "MomentRange",
   preset: "Duration"
 };
-const propTypes$1l = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
+const propTypes$1k = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
   placeholder: propTypes$1F.exports.string,
   disabled: propTypes$1F.exports.bool,
   format: propTypes$1F.exports.string,
@@ -13906,8 +13966,8 @@ function SpsDateRangePicker(props2) {
   }) : "")));
 }
 Object.assign(SpsDateRangePicker, {
-  props: propsDoc$1i,
-  propTypes: propTypes$1l,
+  props: propsDoc$1h,
+  propTypes: propTypes$1k,
   displayName: "SpsDateRangePicker"
 });
 const SpsDateRangePickerExamples = {
@@ -18510,7 +18570,7 @@ const formatMaps = {
   LONG_FULLDATETIME: "LLLL",
   LONG_FULLDATETIME_ZONE: "LLLL z"
 };
-const propsDoc$1h = {
+const propsDoc$1g = {
   currentUser: "any",
   dateToFormat: "string | Date",
   format: "string",
@@ -18519,7 +18579,7 @@ const propsDoc$1h = {
   relativeHrs: "number",
   tz: "string"
 };
-const propTypes$1k = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
+const propTypes$1j = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
   currentUser: propTypes$1F.exports.any,
   dateToFormat: propTypes$1F.exports.oneOfType([
     propTypes$1F.exports.string,
@@ -18605,8 +18665,8 @@ function SpsDateTime(props2) {
   }));
 }
 Object.assign(SpsDateTime, {
-  props: propsDoc$1h,
-  propTypes: propTypes$1k,
+  props: propsDoc$1g,
+  propTypes: propTypes$1j,
   displayName: "SpsDateTime"
 });
 const SpsDatetimeExamples = {
@@ -18627,12 +18687,12 @@ const SpsDatetimeExamples = {
     }
   }
 };
-const propsDoc$1g = {
+const propsDoc$1f = {
   compact: "boolean",
   wideTerms: "boolean",
   widerTerms: "boolean"
 };
-const propTypes$1j = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
+const propTypes$1i = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
   compact: propTypes$1F.exports.bool,
   wideTerms: propTypes$1F.exports.bool,
   widerTerms: propTypes$1F.exports.bool
@@ -18675,20 +18735,20 @@ function SpsDescriptionList(props2) {
   }, rest), childrenWithProps);
 }
 Object.assign(SpsDescriptionList, {
-  props: propsDoc$1g,
-  propTypes: propTypes$1j,
+  props: propsDoc$1f,
+  propTypes: propTypes$1i,
   displayName: "SpsDescriptionList / SpsDl"
 });
 function SpsDl(p2) {
   return SpsDescriptionList(p2);
 }
 Object.assign(SpsDl, {
-  props: propsDoc$1g,
-  propTypes: propTypes$1j,
+  props: propsDoc$1f,
+  propTypes: propTypes$1i,
   displayName: "SpsDescriptionList / SpsDl"
 });
-const propsDoc$1f = {};
-const propTypes$1i = __spreadValues({}, spsGlobalPropTypes);
+const propsDoc$1e = {};
+const propTypes$1h = __spreadValues({}, spsGlobalPropTypes);
 function SpsDescriptionListDefinition(props2) {
   const _a = props2, {
     children,
@@ -18708,16 +18768,16 @@ function SpsDescriptionListDefinition(props2) {
   }, rest), children);
 }
 Object.assign(SpsDescriptionListDefinition, {
-  props: propsDoc$1f,
-  propTypes: propTypes$1i,
+  props: propsDoc$1e,
+  propTypes: propTypes$1h,
   displayName: "SpsDescriptionListDefinition / SpsDd"
 });
 function SpsDd(p2) {
   return SpsDescriptionListDefinition(p2);
 }
 Object.assign(SpsDd, {
-  props: propsDoc$1f,
-  propTypes: propTypes$1i,
+  props: propsDoc$1e,
+  propTypes: propTypes$1h,
   displayName: "SpsDescriptionListDefinition / SpsDd"
 });
 var TooltipVisibility;
@@ -18732,7 +18792,7 @@ function toggleTooltipState(state) {
 }
 const CARET_SPACING_PX = 13;
 const openTips = new Map();
-const propsDoc$1e = {
+const propsDoc$1d = {
   for: { type: "React.MutableRefObject<any> | string", required: true },
   hideDelay: "number",
   isShown: "TooltipVisibility",
@@ -18744,7 +18804,7 @@ const propsDoc$1e = {
   showOn: "TooltipShowTrigger",
   title: "string"
 };
-const propTypes$1h = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
+const propTypes$1g = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
   for: propTypes$1F.exports.oneOfType([ref(), propTypes$1F.exports.string]).isRequired,
   hideDelay: propTypes$1F.exports.number,
   isShown: enumValue(TooltipVisibility),
@@ -18920,18 +18980,18 @@ function SpsTooltip({
   })));
 }
 Object.assign(SpsTooltip, {
-  props: propsDoc$1e,
-  propTypes: propTypes$1h,
+  props: propsDoc$1d,
+  propTypes: propTypes$1g,
   displayName: "SpsTooltip"
 });
-const propsDoc$1d = {
+const propsDoc$1c = {
   error: "boolean",
   errors: "ReactNodeOrRenderFn",
   help: "ReactNodeOrRenderFn",
   labelFor: "SpsFormFieldMeta<any>",
   required: "boolean"
 };
-const propTypes$1g = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
+const propTypes$1f = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
   error: propTypes$1F.exports.bool,
   errors: nodeOrRenderFn,
   help: nodeOrRenderFn,
@@ -18995,16 +19055,16 @@ function SpsDescriptionListTerm(props2) {
   }, contentOf(tipKind === TooltipKind.ERROR ? errors : help)));
 }
 Object.assign(SpsDescriptionListTerm, {
-  props: propsDoc$1d,
-  propTypes: propTypes$1g,
+  props: propsDoc$1c,
+  propTypes: propTypes$1f,
   displayName: "SpsDescriptionListTerm / SpsDt"
 });
 function SpsDt(p2) {
   return SpsDescriptionListTerm(p2);
 }
 Object.assign(SpsDt, {
-  props: propsDoc$1d,
-  propTypes: propTypes$1g,
+  props: propsDoc$1c,
+  propTypes: propTypes$1f,
   displayName: "SpsDescriptionListTerm / SpsDt"
 });
 const SpsDescriptionListExamples = {
@@ -19482,14 +19542,14 @@ const SpsDropdownExamples = {
     }
   }
 };
-const propsDoc$1c = {
+const propsDoc$1b = {
   checked: "boolean",
   onChange: "ChangeEventHandler",
   indeterminate: "boolean",
   disabled: "boolean",
   options: "Array<SpsActionMethod | [SpsActionDescriptor, () => void]>"
 };
-const propTypes$1f = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
+const propTypes$1e = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
   checked: propTypes$1F.exports.bool,
   onChange: fun(),
   indeterminate: propTypes$1F.exports.bool,
@@ -19528,14 +19588,14 @@ function SpsCheckboxDropdown(props2) {
   }));
 }
 Object.assign(SpsCheckboxDropdown, {
-  props: propsDoc$1c,
-  propTypes: propTypes$1f,
+  props: propsDoc$1b,
+  propTypes: propTypes$1e,
   displayName: "SpsCheckboxDropdown"
 });
-const propsDoc$1b = {
+const propsDoc$1a = {
   kind: "FeedbackBlockKind"
 };
-const propTypes$1e = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
+const propTypes$1d = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
   kind: enumValue(FeedbackBlockKind)
 });
 function SpsFeedbackBlock(props2) {
@@ -19566,8 +19626,8 @@ function SpsFeedbackBlock(props2) {
   }, children));
 }
 Object.assign(SpsFeedbackBlock, {
-  props: propsDoc$1b,
-  propTypes: propTypes$1e,
+  props: propsDoc$1a,
+  propTypes: propTypes$1d,
   displayName: "SpsFeedbackBlock"
 });
 const SpsFeedbackBlockExamples = {
@@ -19669,7 +19729,7 @@ const SpsFeedbackBlockExamples = {
     }
   }
 };
-const propsDoc$1a = {
+const propsDoc$19 = {
   errors: "ReactNodeOrRenderFn",
   formMeta: "SpsFormSetMeta<any>",
   legend: "string",
@@ -19678,7 +19738,7 @@ const propsDoc$1a = {
   onToggled: "(isEnabled: boolean) => void",
   tooltip: "string"
 };
-const propTypes$1d = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
+const propTypes$1c = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
   errors: nodeOrRenderFn,
   formArray: impl(),
   formGroup: impl(),
@@ -19763,8 +19823,8 @@ function SpsFieldset({
   }, contentOf(errors)), children));
 }
 Object.assign(SpsFieldset, {
-  props: propsDoc$1a,
-  propTypes: propTypes$1d,
+  props: propsDoc$19,
+  propTypes: propTypes$1c,
   displayName: "SpsFieldset"
 });
 const SpsFieldsetExamples = {
@@ -20050,8 +20110,8 @@ const SpsFieldsetExamples = {
     }
   }
 };
-const propsDoc$19 = {};
-const propTypes$1c = __spreadValues({}, spsGlobalPropTypes);
+const propsDoc$18 = {};
+const propTypes$1b = __spreadValues({}, spsGlobalPropTypes);
 function SpsFocusedTaskActions(props2) {
   const _a = props2, {
     children,
@@ -20072,16 +20132,16 @@ function SpsFocusedTaskActions(props2) {
   }, children)));
 }
 Object.assign(SpsFocusedTaskActions, {
-  props: propsDoc$19,
-  propTypes: propTypes$1c,
+  props: propsDoc$18,
+  propTypes: propTypes$1b,
   displayName: "SpsFocusedTaskActions"
 });
-const propsDoc$18 = {
+const propsDoc$17 = {
   fullWidth: "boolean",
   isOpen: "boolean",
   onClose: "() => void"
 };
-const propTypes$1b = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
+const propTypes$1a = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
   fullWidth: propTypes$1F.exports.bool,
   isOpen: propTypes$1F.exports.bool,
   onClose: fun()
@@ -20140,8 +20200,8 @@ function SpsFocusedTask(props2) {
   }, isOpen && content)), actions);
 }
 Object.assign(SpsFocusedTask, {
-  props: propsDoc$18,
-  propTypes: propTypes$1b,
+  props: propsDoc$17,
+  propTypes: propTypes$1a,
   displayName: "SpsFocusedTask"
 });
 const SpsFocusedTaskExamples = {
@@ -21624,14 +21684,14 @@ const SpsAddRemoveFormRowExamples = {
     }
   }
 };
-const propsDoc$17 = {
+const propsDoc$16 = {
   imgSrc: "string",
   kind: "GrowlerKind",
   onClose: "() => void",
   persist: "boolean",
   title: "string"
 };
-const propTypes$1a = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
+const propTypes$19 = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
   imgSrc: propTypes$1F.exports.string,
   kind: enumValue(GrowlerKind),
   onClose: fun(),
@@ -21742,8 +21802,8 @@ function SpsGrowler(props2) {
   })))));
 }
 Object.assign(SpsGrowler, {
-  props: propsDoc$17,
-  propTypes: propTypes$1a,
+  props: propsDoc$16,
+  propTypes: propTypes$19,
   displayName: "SpsGrowler"
 });
 const SpsGrowlerExamples = {
@@ -22118,14 +22178,14 @@ const SpsGrowlerExamples = {
     }
   }
 };
-const propsDoc$16 = {
+const propsDoc$15 = {
   disabled: "boolean",
   min: "number",
   max: "number",
   step: "number",
   onValueChange: "(newValue: number) => void"
 };
-const propTypes$19 = __spreadValues({
+const propTypes$18 = __spreadValues({
   disabled: propTypes$1F.exports.bool,
   min: propTypes$1F.exports.number,
   max: propTypes$1F.exports.number,
@@ -22232,8 +22292,8 @@ function SpsIncrementor(props2) {
   }))));
 }
 Object.assign(SpsIncrementor, {
-  props: propsDoc$16,
-  propTypes: propTypes$19,
+  props: propsDoc$15,
+  propTypes: propTypes$18,
   displayName: "SpsIncrementor"
 });
 const SpsIncrementorExamples = {
@@ -22272,7 +22332,7 @@ function SpsInsights(props2) {
     className: "insight-tile-wrapper"
   }, children);
 }
-const propsDoc$15 = {
+const propsDoc$14 = {
   horizontal: "boolean",
   icon: "SpsIcon",
   kind: "SpsInsightTileKind",
@@ -22281,7 +22341,7 @@ const propsDoc$15 = {
   partnerCount: "number",
   totalPartners: "number"
 };
-const propTypes$18 = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
+const propTypes$17 = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
   horizontal: propTypes$1F.exports.bool,
   icon: enumValue(SpsIcon$1),
   kind: enumValue(SpsInsightTileKind),
@@ -22348,8 +22408,8 @@ function SpsInsightTile(props2) {
   }, t2("design-system:insightTile.partners")))));
 }
 Object.assign(SpsInsightTile, {
-  props: propsDoc$15,
-  propTypes: propTypes$18,
+  props: propsDoc$14,
+  propTypes: propTypes$17,
   displayName: "SpsInsightTile"
 });
 const SpsInsightTileExamples = {
@@ -22623,10 +22683,10 @@ const SpsInsightTileExamples = {
     }
   }
 };
-const propsDoc$14 = {
+const propsDoc$13 = {
   inline: "boolean"
 };
-const propTypes$17 = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
+const propTypes$16 = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
   inline: propTypes$1F.exports.bool
 });
 function SpsKeyValueList(props2) {
@@ -22650,14 +22710,14 @@ function SpsKeyValueList(props2) {
   }, rest), children);
 }
 Object.assign(SpsKeyValueList, {
-  props: propsDoc$14,
-  propTypes: propTypes$17,
+  props: propsDoc$13,
+  propTypes: propTypes$16,
   displayName: "SpsKeyValueList"
 });
-const propsDoc$13 = {
+const propsDoc$12 = {
   itemKey: { type: "string", required: true }
 };
-const propTypes$16 = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
+const propTypes$15 = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
   itemKey: propTypes$1F.exports.string.isRequired
 });
 function SpsKeyValueListItem(props2) {
@@ -22687,8 +22747,8 @@ function SpsKeyValueListItem(props2) {
   }, children));
 }
 Object.assign(SpsKeyValueListItem, {
-  props: propsDoc$13,
-  propTypes: propTypes$16,
+  props: propsDoc$12,
+  propTypes: propTypes$15,
   displayName: "SpsKeyValueListItem"
 });
 const SpsKeyValueListExamples = {
@@ -22731,7 +22791,7 @@ const SpsKeyValueListExamples = {
     }
   }
 };
-const propsDoc$12 = {
+const propsDoc$11 = {
   for: { type: "SpsFormMetaBase<any>", required: true },
   description: "string",
   stronglySuggested: "boolean",
@@ -22740,7 +22800,7 @@ const propsDoc$12 = {
   helpIconColor: "string",
   errors: "ReactNodeOrRenderFn"
 };
-const propTypes$15 = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
+const propTypes$14 = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
   description: propTypes$1F.exports.string,
   for: propTypes$1F.exports.oneOfType([
     impl(),
@@ -22910,8 +22970,8 @@ function SpsLabel(_e) {
   }, description));
 }
 Object.assign(SpsLabel, {
-  props: propsDoc$12,
-  propTypes: propTypes$15,
+  props: propsDoc$11,
+  propTypes: propTypes$14,
   displayName: "SpsLabel"
 });
 const SpsLabelExamples = {
@@ -23129,11 +23189,11 @@ const SpsLabelExamples = {
     }
   }
 };
-const propsDoc$11 = {
+const propsDoc$10 = {
   clearSelected: { type: "() => void", required: true },
   itemsSelected: { type: "string | number", required: true }
 };
-const propTypes$14 = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
+const propTypes$13 = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
   clearSelected: fun().isRequired,
   itemsSelected: propTypes$1F.exports.oneOfType([propTypes$1F.exports.string, propTypes$1F.exports.number])
 });
@@ -23185,8 +23245,8 @@ function SpsListActionBar(props2) {
   }, t2("design-system:listActionBar.clearSelected")))));
 }
 Object.assign(SpsListActionBar, {
-  props: propsDoc$11,
-  propTypes: propTypes$14,
+  props: propsDoc$10,
+  propTypes: propTypes$13,
   displayName: "SpsListActionBar"
 });
 const getScrollParent = (node) => {
@@ -23382,13 +23442,13 @@ const usePinnedTableHeadStyle = (containerRef) => {
     };
   });
 };
-const propsDoc$10 = {
+const propsDoc$$ = {
   controlCell: "boolean",
   currentSort: "Array<SortedColumn>",
   onSortChange: "SortChangeHandler",
   sortKey: "string"
 };
-const propTypes$13 = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
+const propTypes$12 = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
   controlCell: propTypes$1F.exports.bool,
   currentSort: propTypes$1F.exports.arrayOf(impl()),
   onSortChange: fun(),
@@ -23452,23 +23512,23 @@ function SpsTableHeader(props2) {
   }, children));
 }
 Object.assign(SpsTableHeader, {
-  props: propsDoc$10,
-  propTypes: propTypes$13,
+  props: propsDoc$$,
+  propTypes: propTypes$12,
   displayName: "SpsTableHeader"
 });
 function SpsTh(props2) {
   return /* @__PURE__ */ React.createElement(SpsTableHeader, __spreadValues({}, props2));
 }
 Object.assign(SpsTh, {
-  props: propsDoc$10,
-  propTypes: propTypes$13,
+  props: propsDoc$$,
+  propTypes: propTypes$12,
   displayName: "SpsTh"
 });
-const propsDoc$$ = {
+const propsDoc$_ = {
   currentSort: "Array<SortedColumn>",
   onSortChange: "SortChangeHandler"
 };
-const propTypes$12 = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
+const propTypes$11 = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
   currentSort: propTypes$1F.exports.arrayOf(impl()),
   onSortChange: fun()
 });
@@ -23505,23 +23565,23 @@ function SpsTableRow(props2) {
   }));
 }
 Object.assign(SpsTableRow, {
-  props: propsDoc$$,
-  propTypes: propTypes$12,
+  props: propsDoc$_,
+  propTypes: propTypes$11,
   displayName: "SpsTableRow"
 });
 function SpsTr(props2) {
   return /* @__PURE__ */ React.createElement(SpsTableRow, __spreadValues({}, props2));
 }
 Object.assign(SpsTr, {
-  props: propsDoc$$,
-  propTypes: propTypes$12,
+  props: propsDoc$_,
+  propTypes: propTypes$11,
   displayName: "SpsTr"
 });
-const propsDoc$_ = {
+const propsDoc$Z = {
   currentSort: "Array<SortedColumn>",
   onSortChange: "SortChangeHandler"
 };
-const propTypes$11 = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
+const propTypes$10 = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
   onSortChange: fun(),
   currentSort: propTypes$1F.exports.arrayOf(impl()),
   pinned: propTypes$1F.exports.bool
@@ -23560,24 +23620,24 @@ function SpsTableHead(props2) {
   }));
 }
 Object.assign(SpsTableHead, {
-  props: propsDoc$_,
-  propTypes: propTypes$11,
+  props: propsDoc$Z,
+  propTypes: propTypes$10,
   displayName: "SpsTableHead"
 });
 function SpsThead(props2) {
   return /* @__PURE__ */ React.createElement(SpsTableHead, __spreadValues({}, props2));
 }
 Object.assign(SpsThead, {
-  props: propsDoc$_,
-  propTypes: propTypes$11,
+  props: propsDoc$Z,
+  propTypes: propTypes$10,
   displayName: "SpsThead"
 });
-const propsDoc$Z = {
+const propsDoc$Y = {
   sort: "SortedColumn",
   onSortChange: "SortChangeHandler",
   selectable: "boolean"
 };
-const propTypes$10 = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
+const propTypes$$ = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
   onSortChange: fun(),
   sort: propTypes$1F.exports.arrayOf(impl()),
   selectable: propTypes$1F.exports.bool
@@ -23635,12 +23695,12 @@ function SpsTable(props2) {
   })));
 }
 Object.assign(SpsTable, {
-  props: propsDoc$Z,
-  propTypes: propTypes$10,
+  props: propsDoc$Y,
+  propTypes: propTypes$$,
   displayName: "SpsTable"
 });
-const propsDoc$Y = {};
-const propTypes$$ = __spreadValues({}, spsGlobalPropTypes);
+const propsDoc$X = {};
+const propTypes$_ = __spreadValues({}, spsGlobalPropTypes);
 function SpsTableBody(props2) {
   const _a = props2, {
     children,
@@ -23660,24 +23720,24 @@ function SpsTableBody(props2) {
   }, rest), children);
 }
 Object.assign(SpsTableBody, {
-  props: propsDoc$Y,
-  propTypes: propTypes$$,
+  props: propsDoc$X,
+  propTypes: propTypes$_,
   displayName: "SpsTableBody"
 });
 function SpsTbody(props2) {
   return /* @__PURE__ */ React.createElement(SpsTableBody, __spreadValues({}, props2));
 }
 Object.assign(SpsTbody, {
-  props: propsDoc$Y,
-  propTypes: propTypes$$,
+  props: propsDoc$X,
+  propTypes: propTypes$_,
   displayName: "SpsTbody"
 });
-const propsDoc$X = {
+const propsDoc$W = {
   buttonCell: "boolean",
   controlCell: "boolean",
   wrap: "SpsTableCellWrapWidth"
 };
-const propTypes$_ = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
+const propTypes$Z = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
   buttonCell: propTypes$1F.exports.bool,
   controlCell: propTypes$1F.exports.bool,
   wrap: propTypes$1F.exports.oneOf([
@@ -23720,20 +23780,20 @@ function SpsTableCell(props2) {
   }, rest), children);
 }
 Object.assign(SpsTableCell, {
-  props: propsDoc$X,
-  propTypes: propTypes$_,
+  props: propsDoc$W,
+  propTypes: propTypes$Z,
   displayName: "SpsTableCell"
 });
 function SpsTd(props2) {
   return /* @__PURE__ */ React.createElement(SpsTableCell, __spreadValues({}, props2));
 }
 Object.assign(SpsTd, {
-  props: propsDoc$X,
-  propTypes: propTypes$_,
+  props: propsDoc$W,
+  propTypes: propTypes$Z,
   displayName: "SpsTd"
 });
-const propsDoc$W = {};
-const propTypes$Z = __spreadValues({}, spsGlobalPropTypes);
+const propsDoc$V = {};
+const propTypes$Y = __spreadValues({}, spsGlobalPropTypes);
 const CSS_BLOCK$3 = "sps-icon-button-panel";
 function SpsIconButtonPanel(_g) {
   var _h = _g, {
@@ -23752,8 +23812,8 @@ function SpsIconButtonPanel(_g) {
   }, rest), iconButtons);
 }
 Object.assign(SpsIconButtonPanel, {
-  props: propsDoc$W,
-  propTypes: propTypes$Z,
+  props: propsDoc$V,
+  propTypes: propTypes$Y,
   displayName: "SpsIconButtonPanel"
 });
 const SpsTableExamples = {
@@ -24937,7 +24997,7 @@ const SpsListActionBarExamples = {
     }
   }
 };
-const propTypes$Y = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
+const propTypes$X = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
   tabs: propTypes$1F.exports.arrayOf(impl()).isRequired,
   activeTab: impl(),
   onTabChange: fun()
@@ -25002,14 +25062,14 @@ function SpsTabs(props2) {
   }, tab2.tag)))));
 }
 Object.assign(SpsTabs, {
-  propTypes: propTypes$Y,
+  propTypes: propTypes$X,
   displayName: "SpsTabs"
 });
-const propsDoc$V = {
+const propsDoc$U = {
   formMeta: "SpsFormSetMeta<any>",
   stacked: "boolean"
 };
-const propTypes$X = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
+const propTypes$W = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
   formArray: impl(),
   formGroup: impl(),
   formMeta: impl(),
@@ -25058,14 +25118,14 @@ function SpsInputGroup(_i) {
   }, children));
 }
 Object.assign(SpsInputGroup, {
-  props: propsDoc$V,
-  propTypes: propTypes$X,
+  props: propsDoc$U,
+  propTypes: propTypes$W,
   displayName: "SpsInputGroup"
 });
-const propsDoc$U = {
+const propsDoc$T = {
   onSubmit: "FormEventHandler"
 };
-const propTypes$W = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
+const propTypes$V = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
   onSubmit: fun()
 });
 function SpsListToolbarSearch(props2) {
@@ -25088,11 +25148,11 @@ function SpsListToolbarSearch(props2) {
   }, children));
 }
 Object.assign(SpsListToolbarSearch, {
-  props: propsDoc$U,
-  propTypes: propTypes$W,
+  props: propsDoc$T,
+  propTypes: propTypes$V,
   displayName: "SpsListToolbarSearch"
 });
-const propsDoc$T = {
+const propsDoc$S = {
   activeTab: "SpsTab",
   advancedSearch: "{ isOpen: boolean, enteredFields: number }",
   onToggleAdvancedSearch: "(boolean) => void",
@@ -25105,7 +25165,7 @@ const propsDoc$T = {
   isIndeterminate: "boolean",
   onSelectionChange: "(boolean) => void"
 };
-const propTypes$V = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
+const propTypes$U = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
   activeTab: impl(),
   advancedSearch: propTypes$1F.exports.shape({
     isOpen: propTypes$1F.exports.bool,
@@ -25269,8 +25329,8 @@ function SpsListToolbar(props2) {
   }, otherChildren)));
 }
 Object.assign(SpsListToolbar, {
-  props: propsDoc$T,
-  propTypes: propTypes$V,
+  props: propsDoc$S,
+  propTypes: propTypes$U,
   displayName: "SpsListToolbar"
 });
 function ContentOrderExample() {
@@ -25731,11 +25791,11 @@ const SpsListToolbarExamples = {
     }
   }
 };
-const propsDoc$S = {
+const propsDoc$R = {
   kind: "FeedbackBlockKind",
   message: { type: "string", required: true }
 };
-const propTypes$U = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
+const propTypes$T = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
   kind: enumValue(FeedbackBlockKind),
   message: propTypes$1F.exports.node.isRequired
 });
@@ -25764,8 +25824,8 @@ function SpsMicroBlock(props2) {
   }), /* @__PURE__ */ React.createElement("span", null, message));
 }
 Object.assign(SpsMicroBlock, {
-  props: propsDoc$S,
-  propTypes: propTypes$U,
+  props: propsDoc$R,
+  propTypes: propTypes$T,
   displayName: "SpsMicroBlock"
 });
 const SpsMicroBlockExamples = {
@@ -25820,14 +25880,14 @@ const SpsMicroBlockExamples = {
     }
   }
 };
-const propsDoc$R = {
+const propsDoc$Q = {
   kind: "ModalKind",
   size: "ModalSize",
   title: "string",
   onClose: "() => void",
   focusElementOnOpen: "React.MutableRefObject<HTMLElement>"
 };
-const propTypes$T = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
+const propTypes$S = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
   kind: enumValue(ModalKind),
   size: enumValue(ModalSize),
   title: propTypes$1F.exports.string,
@@ -25954,8 +26014,8 @@ function SpsModalV2(_k) {
   }, t2("design-system:modal.defaultButtonLabel"))))) : /* @__PURE__ */ React.createElement(React.Fragment, null);
 }
 Object.assign(SpsModalV2, {
-  props: propsDoc$R,
-  propTypes: propTypes$T,
+  props: propsDoc$Q,
+  propTypes: propTypes$S,
   displayName: "SpsModalV2"
 });
 const SpsModalExamples = {
@@ -26402,7 +26462,7 @@ const SpsModalExamples = {
     }
   }
 };
-const propsDoc$Q = {
+const propsDoc$P = {
   captionKey: "string",
   debounce: "number",
   disabled: "boolean",
@@ -26416,9 +26476,10 @@ const propsDoc$Q = {
   tallOptionList: "boolean",
   textKey: "string",
   value: "any",
-  zeroState: "string"
+  zeroState: "string",
+  loading: "boolean"
 };
-const propTypes$S = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
+const propTypes$R = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
   action: fun(),
   captionKey: propTypes$1F.exports.string,
   debounce: propTypes$1F.exports.number,
@@ -26438,7 +26499,8 @@ const propTypes$S = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
   tallOptionList: propTypes$1F.exports.bool,
   textKey: propTypes$1F.exports.string,
   value: propTypes$1F.exports.any,
-  zeroState: propTypes$1F.exports.string
+  zeroState: propTypes$1F.exports.string,
+  loading: propTypes$1F.exports.bool
 });
 function SpsMultiSelect(_m) {
   var _n = _m, {
@@ -26460,6 +26522,7 @@ function SpsMultiSelect(_m) {
     unsafelyReplaceClassName,
     value,
     zeroState = "There are no matching options.",
+    loading,
     icon
   } = _n, rest = __objRest(_n, [
     "action",
@@ -26480,6 +26543,7 @@ function SpsMultiSelect(_m) {
     "unsafelyReplaceClassName",
     "value",
     "zeroState",
+    "loading",
     "icon"
   ]);
   const meta = formMeta || formControl2;
@@ -26674,12 +26738,13 @@ function SpsMultiSelect(_m) {
     search: state.searchText,
     tall: tallOptionList,
     textKey,
-    zeroState
+    zeroState,
+    loading
   }));
 }
 Object.assign(SpsMultiSelect, {
-  props: propsDoc$Q,
-  propTypes: propTypes$S,
+  props: propsDoc$P,
+  propTypes: propTypes$R,
   displayName: "SpsMultiSelect"
 });
 const SpsMultiSelectExamples = {
@@ -26843,8 +26908,8 @@ const SpsMultiSelectExamples = {
     }
   }
 };
-const propsDoc$P = {};
-const propTypes$R = __spreadValues({}, spsGlobalPropTypes);
+const propsDoc$O = {};
+const propTypes$Q = __spreadValues({}, spsGlobalPropTypes);
 function SpsPageTitle(props2) {
   const _a = props2, {
     children,
@@ -26876,12 +26941,12 @@ function SpsPageTitle(props2) {
   }, otherChildren));
 }
 Object.assign(SpsPageTitle, {
-  props: propsDoc$P,
-  propTypes: propTypes$R,
+  props: propsDoc$O,
+  propTypes: propTypes$Q,
   displayName: "SpsPageTitle"
 });
-const propsDoc$O = {};
-const propTypes$Q = __spreadValues({}, spsGlobalPropTypes);
+const propsDoc$N = {};
+const propTypes$P = __spreadValues({}, spsGlobalPropTypes);
 function SpsPageSubtitle(props2) {
   const _a = props2, {
     children,
@@ -26901,8 +26966,8 @@ function SpsPageSubtitle(props2) {
   }, rest), children);
 }
 Object.assign(SpsPageSubtitle, {
-  props: propsDoc$O,
-  propTypes: propTypes$Q,
+  props: propsDoc$N,
+  propTypes: propTypes$P,
   displayName: "SpsPageSubtitle"
 });
 const SpsPageTitleExamples = {
@@ -26965,7 +27030,7 @@ const SpsPageTitleExamples = {
     }
   }
 };
-const propsDoc$N = {
+const propsDoc$M = {
   action: "SpsActionMethod",
   captionKey: "string",
   comparisonKey: "string",
@@ -26982,9 +27047,10 @@ const propsDoc$N = {
   valueKey: "string",
   value: "any",
   zeroState: "string",
-  autoFixWidth: "boolean"
+  autoFixWidth: "boolean",
+  loading: "boolean"
 };
-const propTypes$P = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
+const propTypes$O = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
   action: fun(),
   captionKey: propTypes$1F.exports.string,
   comparisonKey: propTypes$1F.exports.string,
@@ -27006,7 +27072,8 @@ const propTypes$P = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
   valueKey: propTypes$1F.exports.string,
   value: propTypes$1F.exports.any,
   zeroState: propTypes$1F.exports.string,
-  autoFixWidth: propTypes$1F.exports.bool
+  autoFixWidth: propTypes$1F.exports.bool,
+  loading: propTypes$1F.exports.bool
 });
 const SpsSelect = React.forwardRef((props2, ref2) => {
   const _a = props2, {
@@ -27030,7 +27097,8 @@ const SpsSelect = React.forwardRef((props2, ref2) => {
     valueKey,
     unsafelyReplaceClassName,
     value: valueProp,
-    zeroState
+    zeroState,
+    loading
   } = _a, rest = __objRest(_a, [
     "action",
     "autoFixWidth",
@@ -27052,7 +27120,8 @@ const SpsSelect = React.forwardRef((props2, ref2) => {
     "valueKey",
     "unsafelyReplaceClassName",
     "value",
-    "zeroState"
+    "zeroState",
+    "loading"
   ]);
   const meta = formMeta || formControl2;
   const { wrapperId, controlId } = useFormControlId(id2, meta);
@@ -27214,21 +27283,22 @@ const SpsSelect = React.forwardRef((props2, ref2) => {
     valueKey,
     onOptionListChanged: handleOptionListChanged,
     zeroState,
-    ignoreWidthStyles: autoFixWidth
+    ignoreWidthStyles: autoFixWidth,
+    loading
   }));
 });
 Object.assign(SpsSelect, {
-  props: propsDoc$N,
-  propTypes: propTypes$P,
+  props: propsDoc$M,
+  propTypes: propTypes$O,
   displayName: "SpsSelect"
 });
-const propsDoc$M = {
+const propsDoc$L = {
   page: "number",
   numPages: "number",
   onPageChange: "(number) => void",
   disabled: "boolean"
 };
-const propTypes$O = __spreadValues({
+const propTypes$N = __spreadValues({
   numPages: propTypes$1F.exports.number,
   onPageChange: fun(),
   page: propTypes$1F.exports.number,
@@ -27325,11 +27395,11 @@ function SpsPageSelector(props2) {
   })))));
 }
 Object.assign(SpsPageSelector, {
-  props: propsDoc$M,
-  propTypes: propTypes$O,
+  props: propsDoc$L,
+  propTypes: propTypes$N,
   displayName: "SpsPageSelector"
 });
-const propsDoc$L = {
+const propsDoc$K = {
   page: "number",
   pageSize: "number",
   pageSizeOptions: "Array<number>",
@@ -27337,7 +27407,7 @@ const propsDoc$L = {
   onPageChange: "(page: number, pageSize: number, indices: [number, number]) => void",
   disabled: "boolean"
 };
-const propTypes$N = __spreadValues({
+const propTypes$M = __spreadValues({
   onPageChange: fun().isRequired,
   page: propTypes$1F.exports.number,
   pageSize: propTypes$1F.exports.number,
@@ -27453,8 +27523,8 @@ function SpsPagination(props2) {
   }));
 }
 Object.assign(SpsPagination, {
-  props: propsDoc$L,
-  propTypes: propTypes$N,
+  props: propsDoc$K,
+  propTypes: propTypes$M,
   displayName: "SpsPagination"
 });
 const SpsPaginationExamples = {
@@ -27532,7 +27602,7 @@ const SpsPaginationExamples = {
     }
   }
 };
-const propsDoc$K = {
+const propsDoc$J = {
   active: "boolean",
   as: "React.ElementType"
 };
@@ -27556,10 +27626,10 @@ function SpsProductBarTab(props2) {
   }, rest), children);
 }
 Object.assign(SpsProductBarTab, {
-  props: propsDoc$K,
+  props: propsDoc$J,
   displayName: "SpsProductBarTab"
 });
-const propsDoc$J = {
+const propsDoc$I = {
   activeTab: "string",
   fullWidth: "boolean",
   onTabChange: "(newTab: string) => void",
@@ -27569,7 +27639,7 @@ const propsDoc$J = {
   productNameHref: "string",
   tabs: "Array<string>"
 };
-const propTypes$M = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
+const propTypes$L = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
   activeTab: propTypes$1F.exports.string,
   fullWidth: propTypes$1F.exports.bool,
   onTabChange: fun(),
@@ -27652,8 +27722,8 @@ function SpsProductBar(props2) {
   }, otherChildren))));
 }
 Object.assign(SpsProductBar, {
-  props: propsDoc$J,
-  propTypes: propTypes$M,
+  props: propsDoc$I,
+  propTypes: propTypes$L,
   displayName: "SpsProductBar"
 });
 const SpsProductBarExamples = {
@@ -27792,14 +27862,14 @@ const SpsProductBarExamples = {
     }
   }
 };
-const propsDoc$I = {
+const propsDoc$H = {
   percentComplete: "number",
   title: "string",
   detail: "string",
   disabled: "boolean",
   onClose: "() => void"
 };
-const propTypes$L = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
+const propTypes$K = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
   percentComplete: propTypes$1F.exports.number,
   title: propTypes$1F.exports.string,
   detail: propTypes$1F.exports.string,
@@ -27859,8 +27929,8 @@ function SpsProgressBar(props2) {
   })));
 }
 Object.assign(SpsProgressBar, {
-  props: propsDoc$I,
-  propTypes: propTypes$L,
+  props: propsDoc$H,
+  propTypes: propTypes$K,
   displayName: "SpsProgressBar"
 });
 const SpsSteppedProgressBarExamples = {
@@ -28443,7 +28513,7 @@ const SpsTooltipExamples = {
     }
   }
 };
-const propsDoc$H = {
+const propsDoc$G = {
   title: "string",
   stepsCount: "number",
   completedStepsCount: "number",
@@ -28452,7 +28522,7 @@ const propsDoc$H = {
   icons: "IconsProps[]",
   tooltipsData: "TooltipsProps[]"
 };
-const propTypes$K = {
+const propTypes$J = {
   title: propTypes$1F.exports.string,
   stepsCount: propTypes$1F.exports.number,
   completedStepsCount: propTypes$1F.exports.number,
@@ -28505,8 +28575,8 @@ function SpsSteppedProgressBar(props2) {
   }, findTooltipData(index).description))))));
 }
 Object.assign(SpsSteppedProgressBar, {
-  props: propsDoc$H,
-  propTypes: propTypes$K,
+  props: propsDoc$G,
+  propTypes: propTypes$J,
   displayName: "SpsSteppedProgressBar"
 });
 const SpsProgressBarExamples = {
@@ -28604,7 +28674,7 @@ const SpsProgressBarExamples = {
     }
   }
 };
-const propsDoc$G = {
+const propsDoc$F = {
   checked: "boolean",
   disabled: "boolean",
   formMeta: "SpsFormFieldMeta<any>",
@@ -28614,7 +28684,7 @@ const propsDoc$G = {
   onChange: "ChangeEventHandler",
   value: "any"
 };
-const propTypes$J = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
+const propTypes$I = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
   checked: propTypes$1F.exports.bool,
   disabled: propTypes$1F.exports.bool,
   formControl: impl(),
@@ -28696,8 +28766,8 @@ function SpsRadioButton(_o) {
   }, label || ""));
 }
 Object.assign(SpsRadioButton, {
-  props: propsDoc$G,
-  propTypes: propTypes$J,
+  props: propsDoc$F,
+  propTypes: propTypes$I,
   displayName: "SpsRadioButton"
 });
 const SpsRadioButtonExamples = {
@@ -28785,10 +28855,10 @@ const SpsRadioButtonExamples = {
     }
   }
 };
-const propsDoc$F = {
+const propsDoc$E = {
   maxHeight: "string"
 };
-const propTypes$I = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
+const propTypes$H = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
   maxHeight: propTypes$1F.exports.string
 });
 function SpsScrollableContainer(props2) {
@@ -28802,8 +28872,8 @@ function SpsScrollableContainer(props2) {
   }, children);
 }
 Object.assign(SpsScrollableContainer, {
-  props: propsDoc$F,
-  propTypes: propTypes$I,
+  props: propsDoc$E,
+  propTypes: propTypes$H,
   displayName: "SpsScrollableContainer"
 });
 const SpsScrollableContainerExamples = {
@@ -28883,12 +28953,12 @@ const SpsScrollableContainerExamples = {
     }
   }
 };
-const propsDoc$E = {
+const propsDoc$D = {
   resultsCount: "number",
   totalResults: "number",
   onClear: "() => void"
 };
-const propTypes$H = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
+const propTypes$G = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
   resultsCount: propTypes$1F.exports.number,
   totalResults: propTypes$1F.exports.number,
   onClear: fun()
@@ -28941,8 +29011,8 @@ function SpsSearchResultsBar(props2) {
   }, t2("design-system:searchResultsBar.clear"))));
 }
 Object.assign(SpsSearchResultsBar, {
-  props: propsDoc$E,
-  propTypes: propTypes$H,
+  props: propsDoc$D,
+  propTypes: propTypes$G,
   displayName: "SpsSearchResultsBar"
 });
 const SpsSearchResultsBarExamples = {
@@ -29741,7 +29811,7 @@ const SpsSideNavExamples = {
     }
   }
 };
-const propsDoc$D = {
+const propsDoc$C = {
   sortKey: "string",
   sortDisabled: "boolean",
   sort: "SortedColumn[]",
@@ -29749,7 +29819,7 @@ const propsDoc$D = {
   widthPx: "number",
   widthRem: "number"
 };
-const propTypes$G = __spreadValues({
+const propTypes$F = __spreadValues({
   sortKey: propTypes$1F.exports.string,
   sortDisabled: propTypes$1F.exports.bool,
   sort: propTypes$1F.exports.arrayOf(impl()),
@@ -29816,15 +29886,15 @@ function SpsSortingHeaderCell(_q) {
   }, rest), children);
 }
 Object.assign(SpsSortingHeaderCell, {
-  props: propsDoc$D,
-  propTypes: propTypes$G,
+  props: propsDoc$C,
+  propTypes: propTypes$F,
   displayName: "SpsSortingHeaderCell"
 });
-const propsDoc$C = {
+const propsDoc$B = {
   sort: "SortedColumn[]",
   onSortChange: "SortChangeHandler"
 };
-const propTypes$F = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
+const propTypes$E = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
   sort: propTypes$1F.exports.arrayOf(impl()),
   onSortChange: fun()
 });
@@ -29859,49 +29929,9 @@ function SpsSortingHeader(_s) {
   }));
 }
 Object.assign(SpsSortingHeader, {
-  props: propsDoc$C,
-  propTypes: propTypes$F,
-  displayName: "SpsSortingHeader"
-});
-const propsDoc$B = {
-  alt: "string",
-  size: "SpinnerSize",
-  title: "string"
-};
-const propTypes$E = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
-  alt: propTypes$1F.exports.string,
-  size: enumValue(SpinnerSize),
-  title: propTypes$1F.exports.string
-});
-function SpsSpinner(props2) {
-  const _a = props2, {
-    alt,
-    className,
-    size = SpinnerSize.MEDIUM,
-    "data-testid": testId,
-    title,
-    unsafelyReplaceClassName
-  } = _a, rest = __objRest(_a, [
-    "alt",
-    "className",
-    "size",
-    "data-testid",
-    "title",
-    "unsafelyReplaceClassName"
-  ]);
-  const { t: t2 } = React.useContext(I18nContext);
-  const altText = alt || title || t2("design-system:spinner.defaultAltText");
-  const spinnerClasses = clsx(unsafelyReplaceClassName || "sps-spinner", `sps-spinner--${size}`, className);
-  return /* @__PURE__ */ React.createElement("i", __spreadValues({
-    className: spinnerClasses,
-    "data-testid": testId,
-    title: altText
-  }, rest));
-}
-Object.assign(SpsSpinner, {
   props: propsDoc$B,
   propTypes: propTypes$E,
-  displayName: "SpsSpinner"
+  displayName: "SpsSortingHeader"
 });
 const SpsSpinnerExamples = {
   basic: {