npm - @spscommerce/ds-react - Versions diffs - 6.26.1 → 6.28.0 - Mend

@spscommerce/ds-react 6.26.1 → 6.28.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (7) hide show

package/lib/index.cjs.js +134 -116
package/lib/index.d.ts +1 -0
package/lib/index.es.js +802 -648
package/lib/slide-in-panel/SpsSlideInPanel.d.ts +15 -0
package/lib/slide-in-panel/SpsSlideInPanel.examples.d.ts +2 -0
package/lib/slide-in-panel/index.d.ts +2 -0
package/package.json +9 -9

package/lib/index.es.js CHANGED Viewed

@@ -80,7 +80,7 @@ var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof win
 function commonjsRequire(path) {
   throw new Error('Could not dynamically require "' + path + '". Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work.');
 }
-var propTypes$1H = { exports: {} };
+var propTypes$1I = { exports: {} };
 var ReactPropTypesSecret$1 = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
 var ReactPropTypesSecret_1 = ReactPropTypesSecret$1;
 var ReactPropTypesSecret = ReactPropTypesSecret_1;
@@ -128,29 +128,29 @@ var factoryWithThrowingShims = function() {
   return ReactPropTypes;
 };
 {
-  propTypes$1H.exports = factoryWithThrowingShims();
+  propTypes$1I.exports = factoryWithThrowingShims();
 }
 function enumValue(e2) {
-  return propTypes$1H.exports.oneOf(values$1(e2));
+  return propTypes$1I.exports.oneOf(values$1(e2));
 }
 function fun() {
-  return propTypes$1H.exports.func;
+  return propTypes$1I.exports.func;
 }
 function impl() {
-  return propTypes$1H.exports.object;
+  return propTypes$1I.exports.object;
 }
 function ref() {
-  return propTypes$1H.exports.object;
+  return propTypes$1I.exports.object;
 }
-const nodeOrRenderFn = propTypes$1H.exports.oneOfType([propTypes$1H.exports.node, propTypes$1H.exports.func]);
+const nodeOrRenderFn = propTypes$1I.exports.oneOfType([propTypes$1I.exports.node, propTypes$1I.exports.func]);
 const spsGlobalPropTypes = {
-  children: propTypes$1H.exports.oneOfType([propTypes$1H.exports.arrayOf(propTypes$1H.exports.node), propTypes$1H.exports.node]),
-  className: propTypes$1H.exports.string,
-  "data-testid": propTypes$1H.exports.string,
-  unsafelyReplaceClassName: propTypes$1H.exports.string
+  children: propTypes$1I.exports.oneOfType([propTypes$1I.exports.arrayOf(propTypes$1I.exports.node), propTypes$1I.exports.node]),
+  className: propTypes$1I.exports.string,
+  "data-testid": propTypes$1I.exports.string,
+  unsafelyReplaceClassName: propTypes$1I.exports.string
 };
 const I18nContext = React.createContext(noI18nI18n);
-const propsDoc$1C = {
+const propsDoc$1D = {
   disabled: "boolean",
   href: "string",
   icon: "SpsIcon",
@@ -159,13 +159,13 @@ const propsDoc$1C = {
   spinningTitle: "string",
   type: "ButtonType"
 };
-const propTypes$1G = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
-  disabled: propTypes$1H.exports.bool,
-  href: propTypes$1H.exports.string,
+const propTypes$1H = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
+  disabled: propTypes$1I.exports.bool,
+  href: propTypes$1I.exports.string,
   icon: enumValue(SpsIcon),
   kind: enumValue(ButtonKind),
-  spinning: propTypes$1H.exports.bool,
-  spinningTitle: propTypes$1H.exports.string,
+  spinning: propTypes$1I.exports.bool,
+  spinningTitle: propTypes$1I.exports.string,
   type: enumValue(ButtonType)
 });
 function SpsButton(props2) {
@@ -215,8 +215,8 @@ function SpsButton(props2) {
   }), iconElement, children, spinner));
 }
 Object.assign(SpsButton, {
-  props: propsDoc$1C,
-  propTypes: propTypes$1G,
+  props: propsDoc$1D,
+  propTypes: propTypes$1H,
   displayName: "SpsButton"
 });
 const spsFormProps = {
@@ -269,7 +269,7 @@ Object.assign(SpsForm, {
 function contentOf(nodeOrRenderFn2) {
   return typeof nodeOrRenderFn2 === "function" ? nodeOrRenderFn2() : nodeOrRenderFn2;
 }
-const propsDoc$1B = __spreadProps(__spreadValues({}, spsFormProps), {
+const propsDoc$1C = __spreadProps(__spreadValues({}, spsFormProps), {
   controlsDisabled: "boolean",
   footerLinks: "ReactNodeOrRenderFn",
   formMeta: "SpsFormSetMeta<any>",
@@ -277,13 +277,13 @@ const propsDoc$1B = __spreadProps(__spreadValues({}, spsFormProps), {
   onClear: "() => void",
   onSubmit: "React.FormEventHandler"
 });
-const propTypes$1F = __spreadProps(__spreadValues(__spreadValues({}, spsGlobalPropTypes), spsFormPropTypes), {
-  controlsDisabled: propTypes$1H.exports.bool,
+const propTypes$1G = __spreadProps(__spreadValues(__spreadValues({}, spsGlobalPropTypes), spsFormPropTypes), {
+  controlsDisabled: propTypes$1I.exports.bool,
   footerLinks: nodeOrRenderFn,
   formArray: impl(),
   formGroup: impl(),
   formMeta: impl(),
-  isOpen: propTypes$1H.exports.bool,
+  isOpen: propTypes$1I.exports.bool,
   onClear: fun(),
   onSubmit: fun()
 });
@@ -348,8 +348,8 @@ function SpsAdvancedSearch(props2) {
   }, t2("design-system:advancedSearch.search"))))));
 }
 Object.assign(SpsAdvancedSearch, {
-  props: propsDoc$1B,
-  propTypes: propTypes$1F,
+  props: propsDoc$1C,
+  propTypes: propTypes$1G,
   displayName: "SpsAdvancedSearch"
 });
 const SpsAdvancedSearchExamples = {
@@ -1383,7 +1383,7 @@ function useSpsForm(value, validatorMap) {
   return state;
 }
 const spsFormComponentWrapperPropTypes = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
-  focusInputOnClick: propTypes$1H.exports.bool,
+  focusInputOnClick: propTypes$1I.exports.bool,
   formMeta: impl(),
   formControl: impl(),
   inputRef: ref()
@@ -1570,15 +1570,15 @@ var scrollIntoViewImport = /* @__PURE__ */ Object.freeze({
   [Symbol.toStringTag]: "Module",
   "default": scrollIntoView$1
 });
-const propsDoc$1A = {
+const propsDoc$1B = {
   alt: "string",
   size: "SpinnerSize",
   title: "string"
 };
-const propTypes$1E = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
-  alt: propTypes$1H.exports.string,
+const propTypes$1F = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
+  alt: propTypes$1I.exports.string,
   size: enumValue(SpinnerSize),
-  title: propTypes$1H.exports.string
+  title: propTypes$1I.exports.string
 });
 function SpsSpinner(props2) {
   const _a = props2, {
@@ -1606,8 +1606,8 @@ function SpsSpinner(props2) {
   }, rest));
 }
 Object.assign(SpsSpinner, {
-  props: propsDoc$1A,
-  propTypes: propTypes$1E,
+  props: propsDoc$1B,
+  propTypes: propTypes$1F,
   displayName: "SpsSpinner"
 });
 const NAVBAR_HEIGHT = 60;
@@ -1798,52 +1798,52 @@ const spsOptionListPassthroughProps = {
     onSpecialActionSelect: "() => void"
   },
   propTypes: {
-    captionKey: propTypes$1H.exports.string,
-    comparisonKey: propTypes$1H.exports.string,
-    disabledOptions: propTypes$1H.exports.arrayOf(propTypes$1H.exports.any),
-    options: propTypes$1H.exports.oneOfType([
-      propTypes$1H.exports.array,
-      propTypes$1H.exports.instanceOf(Promise),
+    captionKey: propTypes$1I.exports.string,
+    comparisonKey: propTypes$1I.exports.string,
+    disabledOptions: propTypes$1I.exports.arrayOf(propTypes$1I.exports.any),
+    options: propTypes$1I.exports.oneOfType([
+      propTypes$1I.exports.array,
+      propTypes$1I.exports.instanceOf(Promise),
       fun()
     ]).isRequired,
-    tall: propTypes$1H.exports.bool,
-    textKey: propTypes$1H.exports.string,
-    valueKey: propTypes$1H.exports.string,
-    zeroState: propTypes$1H.exports.string,
-    maxHeightPx: propTypes$1H.exports.number,
-    maxHeightRem: propTypes$1H.exports.number
+    tall: propTypes$1I.exports.bool,
+    textKey: propTypes$1I.exports.string,
+    valueKey: propTypes$1I.exports.string,
+    zeroState: propTypes$1I.exports.string,
+    maxHeightPx: propTypes$1I.exports.number,
+    maxHeightRem: propTypes$1I.exports.number
   }
 };
 const searchableOptionListProps = {
-  hideInlineSearch: propTypes$1H.exports.bool,
+  hideInlineSearch: propTypes$1I.exports.bool,
   onSearchChange: fun(),
-  search: propTypes$1H.exports.string,
-  searchDebounce: propTypes$1H.exports.number,
-  searchPlaceholder: propTypes$1H.exports.string,
+  search: propTypes$1I.exports.string,
+  searchDebounce: propTypes$1I.exports.number,
+  searchPlaceholder: propTypes$1I.exports.string,
   searchInputRef: ref(),
   onSpecialActionSelect: fun()
 };
-const propTypes$1D = __spreadProps(__spreadValues(__spreadValues(__spreadValues({}, spsGlobalPropTypes), spsOptionListPassthroughProps.propTypes), searchableOptionListProps), {
+const propTypes$1E = __spreadProps(__spreadValues(__spreadValues(__spreadValues({}, spsGlobalPropTypes), spsOptionListPassthroughProps.propTypes), searchableOptionListProps), {
   attachTo: ref().isRequired,
-  conformWidth: propTypes$1H.exports.bool,
-  id: propTypes$1H.exports.string.isRequired,
-  isOpen: propTypes$1H.exports.bool,
-  keepOpen: propTypes$1H.exports.bool,
+  conformWidth: propTypes$1I.exports.bool,
+  id: propTypes$1I.exports.string.isRequired,
+  isOpen: propTypes$1I.exports.bool,
+  keepOpen: propTypes$1I.exports.bool,
   keyDown: impl(),
-  nullOption: propTypes$1H.exports.string,
-  offsets: propTypes$1H.exports.arrayOf(propTypes$1H.exports.number),
+  nullOption: propTypes$1I.exports.string,
+  offsets: propTypes$1I.exports.arrayOf(propTypes$1I.exports.number),
   onOptionListChanged: fun(),
   onOptionSelected: fun(),
   onPositionFlip: fun(),
   onSelfToggle: fun(),
-  optionRole: propTypes$1H.exports.string,
-  positionOverride: propTypes$1H.exports.arrayOf(enumValue(Position)),
-  selectedOption: propTypes$1H.exports.any,
+  optionRole: propTypes$1I.exports.string,
+  positionOverride: propTypes$1I.exports.arrayOf(enumValue(Position)),
+  selectedOption: propTypes$1I.exports.any,
   specialAction: fun(),
-  ignoreWidthStyles: propTypes$1H.exports.bool,
-  loading: propTypes$1H.exports.bool,
-  filterByTextAndCaptionKey: propTypes$1H.exports.bool,
-  disableOptionsMemoization: propTypes$1H.exports.bool
+  ignoreWidthStyles: propTypes$1I.exports.bool,
+  loading: propTypes$1I.exports.bool,
+  filterByTextAndCaptionKey: propTypes$1I.exports.bool,
+  disableOptionsMemoization: propTypes$1I.exports.bool
 });
 async function updateOptions(props2, searchState, searchStatePatch, setOptionList, setAnyOptionHasIcon, promiseRef) {
   const options = typeof props2.options === "function" ? props2.options(searchState.value) : props2.options || [];
@@ -2511,7 +2511,7 @@ const SpsOptionList = React.forwardRef((props2, ref2) => {
   }), /* @__PURE__ */ React.createElement("span", null, specialAction.label))));
 });
 Object.assign(SpsOptionList, {
-  propTypes: propTypes$1D,
+  propTypes: propTypes$1E,
   displayName: "SpsOptionList"
 });
 function bindProps(E, boundProps, deps = []) {
@@ -2646,7 +2646,7 @@ function useInputPopup(rootRef, popupRef, onHide) {
     doHidePopup
   };
 }
-const propsDoc$1z = {
+const propsDoc$1A = {
   debounce: "number",
   disabled: "boolean",
   formMeta: "SpsFormFieldMeta<string>",
@@ -2668,26 +2668,26 @@ const propsDoc$1z = {
   maxHeightOptionListRem: "number",
   disableOptionsMemoization: "boolean"
 };
-const propTypes$1C = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
-  debounce: propTypes$1H.exports.number,
-  disabled: propTypes$1H.exports.bool,
+const propTypes$1D = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
+  debounce: propTypes$1I.exports.number,
+  disabled: propTypes$1I.exports.bool,
   formControl: impl(),
   formMeta: impl(),
   icon: enumValue(SpsIcon),
   onChange: fun(),
-  placeholder: propTypes$1H.exports.string,
-  suggestions: propTypes$1H.exports.oneOfType([
-    propTypes$1H.exports.arrayOf(propTypes$1H.exports.string),
-    propTypes$1H.exports.instanceOf(Promise),
+  placeholder: propTypes$1I.exports.string,
+  suggestions: propTypes$1I.exports.oneOfType([
+    propTypes$1I.exports.arrayOf(propTypes$1I.exports.string),
+    propTypes$1I.exports.instanceOf(Promise),
     fun()
   ]).isRequired,
-  tallOptionList: propTypes$1H.exports.bool,
-  value: propTypes$1H.exports.string,
-  zeroState: propTypes$1H.exports.string,
-  loading: propTypes$1H.exports.bool,
-  maxHeightOptionListPx: propTypes$1H.exports.number,
-  maxHeightOptionListRem: propTypes$1H.exports.number,
-  disableOptionsMemoization: propTypes$1H.exports.bool
+  tallOptionList: propTypes$1I.exports.bool,
+  value: propTypes$1I.exports.string,
+  zeroState: propTypes$1I.exports.string,
+  loading: propTypes$1I.exports.bool,
+  maxHeightOptionListPx: propTypes$1I.exports.number,
+  maxHeightOptionListRem: propTypes$1I.exports.number,
+  disableOptionsMemoization: propTypes$1I.exports.bool
 });
 function SpsAutocomplete(_e) {
   var _f = _e, {
@@ -2848,8 +2848,8 @@ function SpsAutocomplete(_e) {
   }));
 }
 Object.assign(SpsAutocomplete, {
-  props: propsDoc$1z,
-  propTypes: propTypes$1C,
+  props: propsDoc$1A,
+  propTypes: propTypes$1D,
   displayName: "SpsAutocomplete"
 });
 const SpsAutocompleteExamples = {
@@ -2972,7 +2972,7 @@ const SpsAutocompleteExamples = {
     }
   }
 };
-const propsDoc$1y = {
+const propsDoc$1z = {
   alignLeft: "boolean",
   disabled: "boolean",
   icon: "SpsIcon",
@@ -2989,22 +2989,22 @@ const propsDoc$1y = {
   maxHeightOptionListRem: "number",
   disableOptionsMemoization: "boolean"
 };
-const propTypes$1B = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
-  alignLeft: propTypes$1H.exports.bool,
-  disabled: propTypes$1H.exports.bool,
+const propTypes$1C = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
+  alignLeft: propTypes$1I.exports.bool,
+  disabled: propTypes$1I.exports.bool,
   icon: enumValue(SpsIcon),
   kind: enumValue(DropdownKind),
-  label: propTypes$1H.exports.string,
-  options: propTypes$1H.exports.arrayOf(propTypes$1H.exports.oneOfType([propTypes$1H.exports.func, propTypes$1H.exports.any])).isRequired,
-  spinning: propTypes$1H.exports.bool,
-  spinningTitle: propTypes$1H.exports.string,
-  tallOptionList: propTypes$1H.exports.bool,
+  label: propTypes$1I.exports.string,
+  options: propTypes$1I.exports.arrayOf(propTypes$1I.exports.oneOfType([propTypes$1I.exports.func, propTypes$1I.exports.any])).isRequired,
+  spinning: propTypes$1I.exports.bool,
+  spinningTitle: propTypes$1I.exports.string,
+  tallOptionList: propTypes$1I.exports.bool,
   onOpen: fun(),
   onClose: fun(),
-  loading: propTypes$1H.exports.bool,
-  maxHeightOptionListPx: propTypes$1H.exports.number,
-  maxHeightOptionListRem: propTypes$1H.exports.number,
-  disableOptionsMemoization: propTypes$1H.exports.bool
+  loading: propTypes$1I.exports.bool,
+  maxHeightOptionListPx: propTypes$1I.exports.number,
+  maxHeightOptionListRem: propTypes$1I.exports.number,
+  disableOptionsMemoization: propTypes$1I.exports.bool
 });
 function SpsDropdown(props2) {
   const _a = props2, {
@@ -3170,12 +3170,12 @@ function SpsDropdown(props2) {
   }, spinningTitle || t2("design-system:button.spinningTitle")))));
 }
 Object.assign(SpsDropdown, {
-  props: propsDoc$1y,
-  propTypes: propTypes$1B,
+  props: propsDoc$1z,
+  propTypes: propTypes$1C,
   displayName: "SpsDropdown"
 });
-const propsDoc$1x = {};
-const propTypes$1A = __spreadValues({}, spsGlobalPropTypes);
+const propsDoc$1y = {};
+const propTypes$1B = __spreadValues({}, spsGlobalPropTypes);
 function SpsButtonGroup(props2) {
   const _a = props2, {
     children,
@@ -3206,8 +3206,8 @@ function SpsButtonGroup(props2) {
   }), others.length > 0 && others);
 }
 Object.assign(SpsButtonGroup, {
-  props: propsDoc$1x,
-  propTypes: propTypes$1A,
+  props: propsDoc$1y,
+  propTypes: propTypes$1B,
   displayName: "SpsButtonGroup"
 });
 const SpsButtonExamples = {
@@ -5939,8 +5939,8 @@ function SpsTabPanel(_g) {
     className: "sps-card__body"
   }), state.selectedItem ? state.selectedItem.props.children : null);
 }
-const propsDoc$1w = {};
-const propTypes$1z = {};
+const propsDoc$1x = {};
+const propTypes$1A = {};
 function SpsTabsV2(props2) {
   const state = useTabListState(props2);
   const ref2 = React.useRef();
@@ -5958,12 +5958,12 @@ function SpsTabsV2(props2) {
   }));
 }
 Object.assign(SpsTabsV2, {
-  props: propsDoc$1w,
-  propTypes: propTypes$1z,
+  props: propsDoc$1x,
+  propTypes: propTypes$1A,
   displayName: "SpsTabsV2"
 });
-const propsDoc$1v = {};
-const propTypes$1y = {};
+const propsDoc$1w = {};
+const propTypes$1z = {};
 function SpsCardV2Footer(_i) {
   var _j = _i, {
     children,
@@ -5977,12 +5977,12 @@ function SpsCardV2Footer(_i) {
   }, rest), children);
 }
 Object.assign(SpsCardV2Footer, {
-  props: propsDoc$1v,
-  propTypes: propTypes$1y,
+  props: propsDoc$1w,
+  propTypes: propTypes$1z,
   displayName: "SpsCardV2Footer"
 });
-const propsDoc$1u = {};
-const propTypes$1x = {};
+const propsDoc$1v = {};
+const propTypes$1y = {};
 function SpsCardV2Header(_k) {
   var _l = _k, {
     children,
@@ -5996,12 +5996,12 @@ function SpsCardV2Header(_k) {
   }, rest), children);
 }
 Object.assign(SpsCardV2Header, {
-  props: propsDoc$1u,
-  propTypes: propTypes$1x,
+  props: propsDoc$1v,
+  propTypes: propTypes$1y,
   displayName: "SpsCardV2Header"
 });
-const propsDoc$1t = {};
-const propTypes$1w = {};
+const propsDoc$1u = {};
+const propTypes$1x = {};
 function SpsCardV2(_m) {
   var _n = _m, {
     children,
@@ -6027,12 +6027,12 @@ function SpsCardV2(_m) {
   }, bodyContent), footer);
 }
 Object.assign(SpsCardV2, {
-  props: propsDoc$1t,
-  propTypes: propTypes$1w,
+  props: propsDoc$1u,
+  propTypes: propTypes$1x,
   displayName: "SpsCardV2"
 });
-const propsDoc$1s = {};
-const propTypes$1v = {};
+const propsDoc$1t = {};
+const propTypes$1w = {};
 function SpsCardV2Title(_o) {
   var _p = _o, {
     children,
@@ -6046,8 +6046,8 @@ function SpsCardV2Title(_o) {
   }, rest), children);
 }
 Object.assign(SpsCardV2Title, {
-  props: propsDoc$1s,
-  propTypes: propTypes$1v,
+  props: propsDoc$1t,
+  propTypes: propTypes$1w,
   displayName: "SpsCardV2Title"
 });
 const SpsCardExamples = {
@@ -6355,7 +6355,7 @@ const SpsCardExamples = {
     }
   }
 };
-const propsDoc$1r = {
+const propsDoc$1s = {
   checked: "boolean",
   disabled: "boolean",
   formMeta: "SpsFormFieldMeta<boolean>",
@@ -6364,14 +6364,14 @@ const propsDoc$1r = {
   label: "string",
   onChange: "ChangeEventHandler"
 };
-const propTypes$1u = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
-  checked: propTypes$1H.exports.bool,
-  disabled: propTypes$1H.exports.bool,
+const propTypes$1v = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
+  checked: propTypes$1I.exports.bool,
+  disabled: propTypes$1I.exports.bool,
   formControl: impl(),
   formMeta: impl(),
-  indeterminate: propTypes$1H.exports.bool,
-  inline: propTypes$1H.exports.bool,
-  label: propTypes$1H.exports.string,
+  indeterminate: propTypes$1I.exports.bool,
+  inline: propTypes$1I.exports.bool,
+  label: propTypes$1I.exports.string,
   onChange: fun()
 });
 function SpsCheckbox(_q) {
@@ -6447,8 +6447,8 @@ function SpsCheckbox(_q) {
   }, label || ""));
 }
 Object.assign(SpsCheckbox, {
-  props: propsDoc$1r,
-  propTypes: propTypes$1u,
+  props: propsDoc$1s,
+  propTypes: propTypes$1v,
   displayName: "SpsCheckbox"
 });
 const SpsCheckboxExamples = {
@@ -6576,16 +6576,16 @@ const SpsCheckboxExamples = {
     }
   }
 };
-const propsDoc$1q = {
+const propsDoc$1r = {
   disabled: "boolean",
   href: "string",
   kind: "ClickableTagKind",
   onAdd: "() => void",
   onRemove: "() => void"
 };
-const propTypes$1t = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
-  disabled: propTypes$1H.exports.bool,
-  href: propTypes$1H.exports.string,
+const propTypes$1u = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
+  disabled: propTypes$1I.exports.bool,
+  href: propTypes$1I.exports.string,
   kind: enumValue(ClickableTagKind),
   onAdd: fun(),
   onRemove: fun()
@@ -6657,8 +6657,8 @@ function SpsClickableTag(props2) {
   })));
 }
 Object.assign(SpsClickableTag, {
-  props: propsDoc$1q,
-  propTypes: propTypes$1t,
+  props: propsDoc$1r,
+  propTypes: propTypes$1u,
   displayName: "SpsClickableTag"
 });
 const SpsClickableTagExamples = {
@@ -14727,15 +14727,15 @@ var ConnectedDroppable = connect(makeMapStateToProps$1, mapDispatchToProps$1, nu
   areStatePropsEqual: isStrictEqual
 })(Droppable);
 ConnectedDroppable.defaultProps = defaultProps;
-const propsDoc$1p = {
+const propsDoc$1q = {
   content: "ReactNodeLike",
   icon: "SpsIcon",
   title: "string"
 };
-const propTypes$1s = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
-  content: propTypes$1H.exports.node,
+const propTypes$1t = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
+  content: propTypes$1I.exports.node,
   icon: enumValue(SpsIcon),
-  title: propTypes$1H.exports.string
+  title: propTypes$1I.exports.string
 });
 function SpsCardHeader(props2) {
   const _a = props2, {
@@ -14767,15 +14767,15 @@ function SpsCardHeader(props2) {
   }, content));
 }
 Object.assign(SpsCardHeader, {
-  props: propsDoc$1p,
-  propTypes: propTypes$1s,
+  props: propsDoc$1q,
+  propTypes: propTypes$1t,
   displayName: "SpsCardHeader"
 });
-const propsDoc$1o = {
+const propsDoc$1p = {
   icon: "SpsIcon",
   kind: "TagKind"
 };
-const propTypes$1r = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
+const propTypes$1s = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
   icon: enumValue(SpsIcon),
   kind: enumValue(TagKind)
 });
@@ -14808,11 +14808,11 @@ function SpsTag(props2) {
   }), children);
 }
 Object.assign(SpsTag, {
-  props: propsDoc$1o,
-  propTypes: propTypes$1r,
+  props: propsDoc$1p,
+  propTypes: propTypes$1s,
   displayName: "SpsTag"
 });
-const propsDoc$1n = {
+const propsDoc$1o = {
   activateTab: "Function",
   active: "boolean",
   icon: "SpsIcon",
@@ -14822,13 +14822,13 @@ const propsDoc$1n = {
   tagKind: "TagKind",
   tagIcon: "SpsIcon"
 };
-const propTypes$1q = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
-  activateTab: propTypes$1H.exports.func,
-  active: propTypes$1H.exports.bool,
+const propTypes$1r = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
+  activateTab: propTypes$1I.exports.func,
+  active: propTypes$1I.exports.bool,
   icon: enumValue(SpsIcon),
-  label: propTypes$1H.exports.string,
-  index: propTypes$1H.exports.number,
-  tag: propTypes$1H.exports.string,
+  label: propTypes$1I.exports.string,
+  index: propTypes$1I.exports.number,
+  tag: propTypes$1I.exports.string,
   tagKind: enumValue(TagKind),
   tagIcon: enumValue(SpsIcon)
 });
@@ -14891,8 +14891,8 @@ function SpsCardTabbedPane(props2) {
   }, tag));
 }
 Object.assign(SpsCardTabbedPane, {
-  props: propsDoc$1n,
-  propTypes: propTypes$1q,
+  props: propsDoc$1o,
+  propTypes: propTypes$1r,
   displayName: "SpsCardTabbedPane"
 });
 function useTab(children, activeTab, isTabbedCard) {
@@ -14934,19 +14934,19 @@ function useTab(children, activeTab, isTabbedCard) {
   }, [activeTab, children]);
   return [currentlyActiveTab, activateTab];
 }
-const propsDoc$1m = {
+const propsDoc$1n = {
   activeTab: "string",
   footer: "ReactNodeOrRenderFn",
   headerContent: "ReactNodeOrRenderFn",
   headerIcon: "SpsIcon",
   headerTitle: "string"
 };
-const propTypes$1p = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
-  activeTab: propTypes$1H.exports.string,
+const propTypes$1q = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
+  activeTab: propTypes$1I.exports.string,
   footer: nodeOrRenderFn,
   headerContent: nodeOrRenderFn,
   headerIcon: enumValue(SpsIcon),
-  headerTitle: propTypes$1H.exports.string
+  headerTitle: propTypes$1I.exports.string
 });
 function SpsCard(props2) {
   React.useEffect(() => {
@@ -15013,11 +15013,11 @@ function SpsCard(props2) {
   }, contentOf(footer)));
 }
 Object.assign(SpsCard, {
-  props: propsDoc$1m,
-  propTypes: propTypes$1p,
+  props: propsDoc$1n,
+  propTypes: propTypes$1q,
   displayName: "SpsCard"
 });
-const propsDoc$1l = {
+const propsDoc$1m = {
   index: "number",
   key: "string",
   columnId: "string",
@@ -15026,14 +15026,14 @@ const propsDoc$1l = {
   onDelete: "(columnValue: string) => void",
   mandatory: "boolean"
 };
-const propTypes$1o = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
-  index: propTypes$1H.exports.number,
-  key: propTypes$1H.exports.string,
-  columnId: propTypes$1H.exports.string,
-  name: propTypes$1H.exports.string,
-  value: propTypes$1H.exports.string,
+const propTypes$1p = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
+  index: propTypes$1I.exports.number,
+  key: propTypes$1I.exports.string,
+  columnId: propTypes$1I.exports.string,
+  name: propTypes$1I.exports.string,
+  value: propTypes$1I.exports.string,
   onDelete: fun(),
-  mandatory: propTypes$1H.exports.bool
+  mandatory: propTypes$1I.exports.bool
 });
 function SpsColumnChooserColumn(props2) {
   const _a = props2, {
@@ -15091,27 +15091,27 @@ function SpsColumnChooserColumn(props2) {
   })))));
 }
 Object.assign(SpsColumnChooserColumn, {
-  props: propsDoc$1l,
-  propTypes: propTypes$1o,
+  props: propsDoc$1m,
+  propTypes: propTypes$1p,
   displayName: "SpsColumnChooserColumn"
 });
-const propsDoc$1k = {
-  maxSelectedColumns: "number",
+const propsDoc$1l = {
+  maxSelectedColumns: "number | null",
   unselectedColumns: "ColumnProps[]",
   selectedColumns: "ColumnProps[]",
   onApplyChanges: "(selectedColumns: ColumnProps[]) => void"
 };
-const propTypes$1n = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
-  maxSelectedColumns: propTypes$1H.exports.number,
-  unselectedColumns: propTypes$1H.exports.array,
-  selectedColumns: propTypes$1H.exports.array,
+const propTypes$1o = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
+  maxSelectedColumns: propTypes$1I.exports.number || null,
+  unselectedColumns: propTypes$1I.exports.array,
+  selectedColumns: propTypes$1I.exports.array,
   onApplyChanges: fun()
 });
 function SpsColumnChooser(props2) {
   const _a = props2, {
     unselectedColumns,
     selectedColumns,
-    maxSelectedColumns,
+    maxSelectedColumns = 8,
     onApplyChanges,
     className,
     unsafelyReplaceClassName
@@ -15221,7 +15221,7 @@ function SpsColumnChooser(props2) {
     className: "sps-column-chooser__search-container"
   }, /* @__PURE__ */ React.createElement(SpsAutocomplete, {
     suggestions: state.unselectedColumns.map((c2) => c2.name),
-    disabled: maxSelectedColumns && state.selectedColumns.length >= maxSelectedColumns || state.selectedColumns.length >= 8,
+    disabled: maxSelectedColumns && state.selectedColumns.length >= maxSelectedColumns,
     value: state.searchSelectedColumn ? state.searchSelectedColumn.name : "",
     onChange: onSelectBoxChange,
     placeholder: "Find Columns to Add"
@@ -15244,8 +15244,8 @@ function SpsColumnChooser(props2) {
   })), provided.placeholder)))));
 }
 Object.assign(SpsColumnChooser, {
-  props: propsDoc$1k,
-  propTypes: propTypes$1n,
+  props: propsDoc$1l,
+  propTypes: propTypes$1o,
   displayName: "SpsColumnChooser"
 });
 const SpsColumnChooserExamples = {
@@ -15277,11 +15277,11 @@ const SpsColumnChooserExamples = {
     }
   }
 };
-const propsDoc$1j = {
+const propsDoc$1k = {
   icon: { type: "SpsIcon", required: true },
   size: "SpsIconSize"
 };
-const propTypes$1m = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
+const propTypes$1n = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
   icon: enumValue(SpsIcon).isRequired,
   size: enumValue(SpsIconSize)
 });
@@ -15307,28 +15307,28 @@ function SpsI(props2) {
   }, rest));
 }
 Object.assign(SpsI, {
-  props: propsDoc$1j,
-  propTypes: propTypes$1m,
+  props: propsDoc$1k,
+  propTypes: propTypes$1n,
   displayName: "SpsI"
 });
 Object.assign(SpsI, {
-  props: propsDoc$1j,
-  propTypes: propTypes$1m,
+  props: propsDoc$1k,
+  propTypes: propTypes$1n,
   displayName: "SpsI"
 });
-const propsDoc$1i = {
+const propsDoc$1j = {
   borderless: "boolean",
   lean: "boolean",
   leaner: { type: "boolean", deprecated: true },
   widthPx: "number",
   widthRem: "number"
 };
-const propTypes$1l = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
-  borderless: propTypes$1H.exports.bool,
-  lean: propTypes$1H.exports.bool,
-  leaner: propTypes$1H.exports.bool,
-  widthPx: propTypes$1H.exports.number,
-  widthRem: propTypes$1H.exports.number
+const propTypes$1m = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
+  borderless: propTypes$1I.exports.bool,
+  lean: propTypes$1I.exports.bool,
+  leaner: propTypes$1I.exports.bool,
+  widthPx: propTypes$1I.exports.number,
+  widthRem: propTypes$1I.exports.number
 });
 function SpsContentRowCol(props2) {
   const _a = props2, {
@@ -15373,12 +15373,12 @@ function SpsContentRowCol(props2) {
   }), children);
 }
 Object.assign(SpsContentRowCol, {
-  props: propsDoc$1i,
-  propTypes: propTypes$1l,
+  props: propsDoc$1j,
+  propTypes: propTypes$1m,
   displayName: "SpsContentRowCol"
 });
-const propsDoc$1h = {};
-const propTypes$1k = __spreadValues({}, spsGlobalPropTypes);
+const propsDoc$1i = {};
+const propTypes$1l = __spreadValues({}, spsGlobalPropTypes);
 function SpsContentRowExpansion(props2) {
   const _a = props2, {
     children,
@@ -15399,11 +15399,11 @@ function SpsContentRowExpansion(props2) {
   }), children);
 }
 Object.assign(SpsContentRowExpansion, {
-  props: propsDoc$1h,
-  propTypes: propTypes$1k,
+  props: propsDoc$1i,
+  propTypes: propTypes$1l,
   displayName: "SpsContentRowExpansion"
 });
-const propsDoc$1g = {
+const propsDoc$1h = {
   alternateLayout: "boolean",
   initiallyExpanded: "boolean",
   cardSpacing: "boolean",
@@ -15416,18 +15416,18 @@ const propsDoc$1g = {
   selectable: "boolean",
   selected: "boolean"
 };
-const propTypes$1j = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
-  alternateLayout: propTypes$1H.exports.bool,
-  cardSpacing: propTypes$1H.exports.bool,
-  expanded: propTypes$1H.exports.bool,
-  initiallyExpanded: propTypes$1H.exports.bool,
+const propTypes$1k = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
+  alternateLayout: propTypes$1I.exports.bool,
+  cardSpacing: propTypes$1I.exports.bool,
+  expanded: propTypes$1I.exports.bool,
+  initiallyExpanded: propTypes$1I.exports.bool,
   onBeforeCollapsed: fun(),
   onBeforeExpanded: fun(),
   onSelectionChange: fun(),
   onCollapsed: fun(),
   onExpanded: fun(),
-  selectable: propTypes$1H.exports.bool,
-  selected: propTypes$1H.exports.bool
+  selectable: propTypes$1I.exports.bool,
+  selected: propTypes$1I.exports.bool
 });
 function SpsContentRow(props2) {
   const _a = props2, {
@@ -15508,8 +15508,8 @@ function SpsContentRow(props2) {
   }, /* @__PURE__ */ React.createElement("section", null, ContentRowCheckBox()), /* @__PURE__ */ React.createElement("section", null, ExpandoThingy())), columns), expansion);
 }
 Object.assign(SpsContentRow, {
-  props: propsDoc$1g,
-  propTypes: propTypes$1j,
+  props: propsDoc$1h,
+  propTypes: propTypes$1k,
   displayName: "SpsContentRow"
 });
 const SpsContentRowExamples = {
@@ -15992,12 +15992,12 @@ function useMoment(date2) {
   return momentValue;
 }
 const moment$1 = moment$4.default || moment$4;
-const propTypes$1i = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
+const propTypes$1j = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
   maxDate: impl(),
   minDate: impl(),
   onNewSelection: fun().isRequired,
   selectedDate: impl(),
-  selectedRange: propTypes$1H.exports.arrayOf(impl())
+  selectedRange: propTypes$1I.exports.arrayOf(impl())
 });
 const CSS_ELEMENT$1 = "sps-datepicker__calendar";
 function determineViewMonth({
@@ -16117,13 +16117,13 @@ function SpsDatepickerCalendar(props2) {
   }, date2 ? date2.date : "")))))) : /* @__PURE__ */ React.createElement(React.Fragment, null);
 }
 Object.assign(SpsDatepickerCalendar, {
-  propTypes: propTypes$1i,
+  propTypes: propTypes$1j,
   displayName: "SpsDatepickerCalendar"
 });
 const CSS_ELEMENT = "sps-datepicker__popup";
-const propTypes$1h = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
+const propTypes$1i = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
   attachTo: ref().isRequired,
-  isOpen: propTypes$1H.exports.bool.isRequired
+  isOpen: propTypes$1I.exports.bool.isRequired
 });
 const SpsDatepickerPopup = React.forwardRef((_s, ref2) => {
   var _t = _s, {
@@ -16149,10 +16149,10 @@ const SpsDatepickerPopup = React.forwardRef((_s, ref2) => {
   }), children));
 });
 Object.assign(SpsDatepickerPopup, {
-  propTypes: propTypes$1h,
+  propTypes: propTypes$1i,
   displayName: "SpsDatepickerPopup"
 });
-const propsDoc$1f = {
+const propsDoc$1g = {
   disabled: "boolean",
   formMeta: "SpsFormFieldMeta<SimpleDate>",
   maxDate: "SimpleDate",
@@ -16160,8 +16160,8 @@ const propsDoc$1f = {
   onChange: "(newDate: SimpleDate) => void",
   value: "SimpleDate"
 };
-const propTypes$1g = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
-  disabled: propTypes$1H.exports.bool,
+const propTypes$1h = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
+  disabled: propTypes$1I.exports.bool,
   formMeta: impl(),
   maxDate: impl(),
   minDate: impl(),
@@ -16272,8 +16272,8 @@ function SpsDatepicker(_u) {
   })));
 }
 Object.assign(SpsDatepicker, {
-  props: propsDoc$1f,
-  propTypes: propTypes$1g,
+  props: propsDoc$1g,
+  propTypes: propTypes$1h,
   displayName: "SpsDatepicker"
 });
 const SpsDatepickerExamples = {
@@ -16368,7 +16368,7 @@ const SpsDatepickerExamples = {
     }
   }
 };
-const propsDoc$1e = {
+const propsDoc$1f = {
   disabled: "boolean",
   formMeta: "SpsFormFieldMeta<SimpleDateRange | DatePreset>",
   maxDate: "SimpleDate",
@@ -16377,13 +16377,13 @@ const propsDoc$1e = {
   presets: "Array<DatePreset>",
   value: "SimpleDateRange | DatePreset"
 };
-const propTypes$1f = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
-  disabled: propTypes$1H.exports.bool,
+const propTypes$1g = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
+  disabled: propTypes$1I.exports.bool,
   formMeta: impl(),
   maxDate: impl(),
   minDate: impl(),
   onChange: fun(),
-  presets: propTypes$1H.exports.arrayOf(impl())
+  presets: propTypes$1I.exports.arrayOf(impl())
 });
 const CSS_BLOCK$2 = "sps-datepicker";
 const DEFAULT_PRESETS = [
@@ -16597,8 +16597,8 @@ function SpsDateRangePicker(_w) {
   })));
 }
 Object.assign(SpsDateRangePicker, {
-  props: propsDoc$1e,
-  propTypes: propTypes$1f,
+  props: propsDoc$1f,
+  propTypes: propTypes$1g,
   displayName: "SpsDateRangePicker"
 });
 const SpsDateRangePickerExamples = {
@@ -21201,7 +21201,7 @@ const formatMaps = {
   LONG_FULLDATETIME: "LLLL",
   LONG_FULLDATETIME_ZONE: "LLLL z"
 };
-const propsDoc$1d = {
+const propsDoc$1e = {
   currentUser: "any",
   dateToFormat: "string | Date",
   format: "string",
@@ -21210,17 +21210,17 @@ const propsDoc$1d = {
   relativeHrs: "number",
   tz: "string"
 };
-const propTypes$1e = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
-  currentUser: propTypes$1H.exports.any,
-  dateToFormat: propTypes$1H.exports.oneOfType([
-    propTypes$1H.exports.string,
-    propTypes$1H.exports.instanceOf(Date)
+const propTypes$1f = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
+  currentUser: propTypes$1I.exports.any,
+  dateToFormat: propTypes$1I.exports.oneOfType([
+    propTypes$1I.exports.string,
+    propTypes$1I.exports.instanceOf(Date)
   ]),
-  format: propTypes$1H.exports.string,
-  locale: propTypes$1H.exports.string,
-  relative: propTypes$1H.exports.bool,
-  relativeHrs: propTypes$1H.exports.number,
-  tz: propTypes$1H.exports.string
+  format: propTypes$1I.exports.string,
+  locale: propTypes$1I.exports.string,
+  relative: propTypes$1I.exports.bool,
+  relativeHrs: propTypes$1I.exports.number,
+  tz: propTypes$1I.exports.string
 });
 function showRelative(dateToCheck, relative, relativeHrs) {
   if (!relativeHrs && !relative) {
@@ -21296,8 +21296,8 @@ function SpsDateTime(props2) {
   }));
 }
 Object.assign(SpsDateTime, {
-  props: propsDoc$1d,
-  propTypes: propTypes$1e,
+  props: propsDoc$1e,
+  propTypes: propTypes$1f,
   displayName: "SpsDateTime"
 });
 const SpsDatetimeExamples = {
@@ -21318,15 +21318,15 @@ const SpsDatetimeExamples = {
     }
   }
 };
-const propsDoc$1c = {
+const propsDoc$1d = {
   compact: "boolean",
   wideTerms: "boolean",
   widerTerms: "boolean"
 };
-const propTypes$1d = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
-  compact: propTypes$1H.exports.bool,
-  wideTerms: propTypes$1H.exports.bool,
-  widerTerms: propTypes$1H.exports.bool
+const propTypes$1e = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
+  compact: propTypes$1I.exports.bool,
+  wideTerms: propTypes$1I.exports.bool,
+  widerTerms: propTypes$1I.exports.bool
 });
 function SpsDescriptionList(props2) {
   const _a = props2, {
@@ -21366,20 +21366,20 @@ function SpsDescriptionList(props2) {
   }, rest), childrenWithProps);
 }
 Object.assign(SpsDescriptionList, {
-  props: propsDoc$1c,
-  propTypes: propTypes$1d,
+  props: propsDoc$1d,
+  propTypes: propTypes$1e,
   displayName: "SpsDescriptionList / SpsDl"
 });
 function SpsDl(p2) {
   return SpsDescriptionList(p2);
 }
 Object.assign(SpsDl, {
-  props: propsDoc$1c,
-  propTypes: propTypes$1d,
+  props: propsDoc$1d,
+  propTypes: propTypes$1e,
   displayName: "SpsDescriptionList / SpsDl"
 });
-const propsDoc$1b = {};
-const propTypes$1c = __spreadValues({}, spsGlobalPropTypes);
+const propsDoc$1c = {};
+const propTypes$1d = __spreadValues({}, spsGlobalPropTypes);
 function SpsDescriptionListDefinition(props2) {
   const _a = props2, {
     children,
@@ -21399,16 +21399,16 @@ function SpsDescriptionListDefinition(props2) {
   }, rest), children);
 }
 Object.assign(SpsDescriptionListDefinition, {
-  props: propsDoc$1b,
-  propTypes: propTypes$1c,
+  props: propsDoc$1c,
+  propTypes: propTypes$1d,
   displayName: "SpsDescriptionListDefinition / SpsDd"
 });
 function SpsDd(p2) {
   return SpsDescriptionListDefinition(p2);
 }
 Object.assign(SpsDd, {
-  props: propsDoc$1b,
-  propTypes: propTypes$1c,
+  props: propsDoc$1c,
+  propTypes: propTypes$1d,
   displayName: "SpsDescriptionListDefinition / SpsDd"
 });
 var TooltipVisibility;
@@ -21423,7 +21423,7 @@ function toggleTooltipState(state) {
 }
 const CARET_SPACING_PX = 13;
 const openTips = new Map();
-const propsDoc$1a = {
+const propsDoc$1b = {
   for: { type: "React.MutableRefObject<any> | string", required: true },
   hideDelay: "number",
   isShown: "TooltipVisibility",
@@ -21435,17 +21435,17 @@ const propsDoc$1a = {
   showOn: "TooltipShowTrigger",
   title: "string | ReactNode"
 };
-const propTypes$1b = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
-  for: propTypes$1H.exports.oneOfType([ref(), propTypes$1H.exports.string]).isRequired,
-  hideDelay: propTypes$1H.exports.number,
+const propTypes$1c = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
+  for: propTypes$1I.exports.oneOfType([ref(), propTypes$1I.exports.string]).isRequired,
+  hideDelay: propTypes$1I.exports.number,
   isShown: enumValue(TooltipVisibility),
   kind: enumValue(TooltipKind),
-  offsets: propTypes$1H.exports.arrayOf(propTypes$1H.exports.number),
+  offsets: propTypes$1I.exports.arrayOf(propTypes$1I.exports.number),
   onDeferred: fun(),
   position: enumValue(Position),
   altPosition: enumValue(Position),
   showOn: enumValue(TooltipShowTrigger),
-  title: propTypes$1H.exports.string || propTypes$1H.exports.node
+  title: propTypes$1I.exports.string || propTypes$1I.exports.node
 });
 function SpsTooltip({
   children,
@@ -21664,26 +21664,26 @@ function SpsTooltip({
   })));
 }
 Object.assign(SpsTooltip, {
-  props: propsDoc$1a,
-  propTypes: propTypes$1b,
+  props: propsDoc$1b,
+  propTypes: propTypes$1c,
   displayName: "SpsTooltip"
 });
-const propsDoc$19 = {
+const propsDoc$1a = {
   error: "boolean",
   errors: "ReactNodeOrRenderFn",
   help: "ReactNodeOrRenderFn",
   labelFor: "SpsFormFieldMeta<any>",
   required: "boolean"
 };
-const propTypes$1a = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
-  error: propTypes$1H.exports.bool,
+const propTypes$1b = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
+  error: propTypes$1I.exports.bool,
   errors: nodeOrRenderFn,
   help: nodeOrRenderFn,
-  labelFor: propTypes$1H.exports.oneOfType([
+  labelFor: propTypes$1I.exports.oneOfType([
     impl(),
     impl()
   ]),
-  required: propTypes$1H.exports.bool
+  required: propTypes$1I.exports.bool
 });
 function SpsDescriptionListTerm(props2) {
   const _a = props2, {
@@ -21739,16 +21739,16 @@ function SpsDescriptionListTerm(props2) {
   }, contentOf(tipKind === TooltipKind.ERROR ? errors : help)));
 }
 Object.assign(SpsDescriptionListTerm, {
-  props: propsDoc$19,
-  propTypes: propTypes$1a,
+  props: propsDoc$1a,
+  propTypes: propTypes$1b,
   displayName: "SpsDescriptionListTerm / SpsDt"
 });
 function SpsDt(p2) {
   return SpsDescriptionListTerm(p2);
 }
 Object.assign(SpsDt, {
-  props: propsDoc$19,
-  propTypes: propTypes$1a,
+  props: propsDoc$1a,
+  propTypes: propTypes$1b,
   displayName: "SpsDescriptionListTerm / SpsDt"
 });
 const SpsDescriptionListExamples = {
@@ -22492,19 +22492,19 @@ const SpsDropdownExamples = {
     }
   }
 };
-const propsDoc$18 = {
+const propsDoc$19 = {
   checked: "boolean",
   onChange: "ChangeEventHandler",
   indeterminate: "boolean",
   disabled: "boolean",
   options: "Array<SpsActionMethod | [SpsActionDescriptor, () => void]>"
 };
-const propTypes$19 = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
-  checked: propTypes$1H.exports.bool,
+const propTypes$1a = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
+  checked: propTypes$1I.exports.bool,
   onChange: fun(),
-  indeterminate: propTypes$1H.exports.bool,
-  options: propTypes$1H.exports.arrayOf(propTypes$1H.exports.oneOfType([propTypes$1H.exports.func, propTypes$1H.exports.any])).isRequired,
-  disabled: propTypes$1H.exports.bool
+  indeterminate: propTypes$1I.exports.bool,
+  options: propTypes$1I.exports.arrayOf(propTypes$1I.exports.oneOfType([propTypes$1I.exports.func, propTypes$1I.exports.any])).isRequired,
+  disabled: propTypes$1I.exports.bool
 });
 function SpsCheckboxDropdown(props2) {
   const _a = props2, {
@@ -22538,14 +22538,14 @@ function SpsCheckboxDropdown(props2) {
   }));
 }
 Object.assign(SpsCheckboxDropdown, {
-  props: propsDoc$18,
-  propTypes: propTypes$19,
+  props: propsDoc$19,
+  propTypes: propTypes$1a,
   displayName: "SpsCheckboxDropdown"
 });
-const propsDoc$17 = {
+const propsDoc$18 = {
   kind: "FeedbackBlockKind"
 };
-const propTypes$18 = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
+const propTypes$19 = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
   kind: enumValue(FeedbackBlockKind)
 });
 function SpsFeedbackBlock(props2) {
@@ -22576,8 +22576,8 @@ function SpsFeedbackBlock(props2) {
   }, children));
 }
 Object.assign(SpsFeedbackBlock, {
-  props: propsDoc$17,
-  propTypes: propTypes$18,
+  props: propsDoc$18,
+  propTypes: propTypes$19,
   displayName: "SpsFeedbackBlock"
 });
 const SpsFeedbackBlockExamples = {
@@ -22679,7 +22679,7 @@ const SpsFeedbackBlockExamples = {
     }
   }
 };
-const propsDoc$16 = {
+const propsDoc$17 = {
   errors: "ReactNodeOrRenderFn",
   formMeta: "SpsFormSetMeta<any>",
   legend: "string",
@@ -22688,16 +22688,16 @@ const propsDoc$16 = {
   onToggled: "(isEnabled: boolean) => void",
   tooltip: "string"
 };
-const propTypes$17 = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
+const propTypes$18 = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
   errors: nodeOrRenderFn,
   formArray: impl(),
   formGroup: impl(),
   formMeta: impl(),
-  legend: propTypes$1H.exports.string,
-  optional: propTypes$1H.exports.bool,
-  enabled: propTypes$1H.exports.bool,
+  legend: propTypes$1I.exports.string,
+  optional: propTypes$1I.exports.bool,
+  enabled: propTypes$1I.exports.bool,
   onToggled: fun(),
-  tooltip: propTypes$1H.exports.string
+  tooltip: propTypes$1I.exports.string
 });
 function SpsFieldset({
   children,
@@ -22772,8 +22772,8 @@ function SpsFieldset({
   }, contentOf(errors)), children));
 }
 Object.assign(SpsFieldset, {
-  props: propsDoc$16,
-  propTypes: propTypes$17,
+  props: propsDoc$17,
+  propTypes: propTypes$18,
   displayName: "SpsFieldset"
 });
 const SpsFieldsetExamples = {
@@ -23059,8 +23059,8 @@ const SpsFieldsetExamples = {
     }
   }
 };
-const propsDoc$15 = {};
-const propTypes$16 = __spreadValues({}, spsGlobalPropTypes);
+const propsDoc$16 = {};
+const propTypes$17 = __spreadValues({}, spsGlobalPropTypes);
 function SpsFocusedTaskActions(props2) {
   const _a = props2, {
     children,
@@ -23081,18 +23081,18 @@ function SpsFocusedTaskActions(props2) {
   }, children)));
 }
 Object.assign(SpsFocusedTaskActions, {
-  props: propsDoc$15,
-  propTypes: propTypes$16,
+  props: propsDoc$16,
+  propTypes: propTypes$17,
   displayName: "SpsFocusedTaskActions"
 });
-const propsDoc$14 = {
+const propsDoc$15 = {
   fullWidth: "boolean",
   isOpen: "boolean",
   onClose: "() => void"
 };
-const propTypes$15 = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
-  fullWidth: propTypes$1H.exports.bool,
-  isOpen: propTypes$1H.exports.bool,
+const propTypes$16 = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
+  fullWidth: propTypes$1I.exports.bool,
+  isOpen: propTypes$1I.exports.bool,
   onClose: fun()
 });
 function SpsFocusedTask(props2) {
@@ -23149,8 +23149,8 @@ function SpsFocusedTask(props2) {
   }, isOpen && content)), actions);
 }
 Object.assign(SpsFocusedTask, {
-  props: propsDoc$14,
-  propTypes: propTypes$15,
+  props: propsDoc$15,
+  propTypes: propTypes$16,
   displayName: "SpsFocusedTask"
 });
 const SpsFocusedTaskExamples = {
@@ -23759,19 +23759,19 @@ const SpsAddRemoveFormRowExamples = {
     }
   }
 };
-const propsDoc$13 = {
+const propsDoc$14 = {
   imgSrc: "string",
   kind: "GrowlerKind",
   onClose: "() => void",
   persist: "boolean",
   title: "string"
 };
-const propTypes$14 = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
-  imgSrc: propTypes$1H.exports.string,
+const propTypes$15 = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
+  imgSrc: propTypes$1I.exports.string,
   kind: enumValue(GrowlerKind),
   onClose: fun(),
-  persist: propTypes$1H.exports.bool,
-  title: propTypes$1H.exports.string
+  persist: propTypes$1I.exports.bool,
+  title: propTypes$1I.exports.string
 });
 function SpsGrowler(props2) {
   const _a = props2, {
@@ -23877,8 +23877,8 @@ function SpsGrowler(props2) {
   })))));
 }
 Object.assign(SpsGrowler, {
-  props: propsDoc$13,
-  propTypes: propTypes$14,
+  props: propsDoc$14,
+  propTypes: propTypes$15,
   displayName: "SpsGrowler"
 });
 const SpsGrowlerExamples = {
@@ -24253,18 +24253,18 @@ const SpsGrowlerExamples = {
     }
   }
 };
-const propsDoc$12 = {
+const propsDoc$13 = {
   disabled: "boolean",
   min: "number",
   max: "number",
   step: "number",
   onValueChange: "(newValue: number) => void"
 };
-const propTypes$13 = __spreadValues({
-  disabled: propTypes$1H.exports.bool,
-  min: propTypes$1H.exports.number,
-  max: propTypes$1H.exports.number,
-  step: propTypes$1H.exports.number,
+const propTypes$14 = __spreadValues({
+  disabled: propTypes$1I.exports.bool,
+  min: propTypes$1I.exports.number,
+  max: propTypes$1I.exports.number,
+  step: propTypes$1I.exports.number,
   onValueChange: fun()
 }, spsGlobalPropTypes);
 function SpsIncrementor(props2) {
@@ -24367,8 +24367,8 @@ function SpsIncrementor(props2) {
   }))));
 }
 Object.assign(SpsIncrementor, {
-  props: propsDoc$12,
-  propTypes: propTypes$13,
+  props: propsDoc$13,
+  propTypes: propTypes$14,
   displayName: "SpsIncrementor"
 });
 const SpsIncrementorExamples = {
@@ -24407,7 +24407,7 @@ function SpsInsights(props2) {
     className: "insight-tile-wrapper"
   }, children);
 }
-const propsDoc$11 = {
+const propsDoc$12 = {
   horizontal: "boolean",
   icon: "SpsIcon",
   kind: "SpsInsightTileKind",
@@ -24416,14 +24416,14 @@ const propsDoc$11 = {
   partnerCount: "number",
   totalPartners: "number"
 };
-const propTypes$12 = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
-  horizontal: propTypes$1H.exports.bool,
+const propTypes$13 = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
+  horizontal: propTypes$1I.exports.bool,
   icon: enumValue(SpsIcon),
   kind: enumValue(SpsInsightTileKind),
-  title: propTypes$1H.exports.string,
-  metric: propTypes$1H.exports.number || propTypes$1H.exports.string,
-  partnerCount: propTypes$1H.exports.number,
-  totalPartners: propTypes$1H.exports.number
+  title: propTypes$1I.exports.string,
+  metric: propTypes$1I.exports.number || propTypes$1I.exports.string,
+  partnerCount: propTypes$1I.exports.number,
+  totalPartners: propTypes$1I.exports.number
 });
 function SpsInsightTile(props2) {
   const _a = props2, {
@@ -24483,8 +24483,8 @@ function SpsInsightTile(props2) {
   }, t2("design-system:insightTile.partners")))));
 }
 Object.assign(SpsInsightTile, {
-  props: propsDoc$11,
-  propTypes: propTypes$12,
+  props: propsDoc$12,
+  propTypes: propTypes$13,
   displayName: "SpsInsightTile"
 });
 const SpsInsightTileExamples = {
@@ -24758,11 +24758,11 @@ const SpsInsightTileExamples = {
     }
   }
 };
-const propsDoc$10 = {
+const propsDoc$11 = {
   inline: "boolean"
 };
-const propTypes$11 = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
-  inline: propTypes$1H.exports.bool
+const propTypes$12 = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
+  inline: propTypes$1I.exports.bool
 });
 function SpsKeyValueList(props2) {
   const _a = props2, {
@@ -24785,16 +24785,16 @@ function SpsKeyValueList(props2) {
   }, rest), children);
 }
 Object.assign(SpsKeyValueList, {
-  props: propsDoc$10,
-  propTypes: propTypes$11,
+  props: propsDoc$11,
+  propTypes: propTypes$12,
   displayName: "SpsKeyValueList"
 });
-const propsDoc$$ = {
+const propsDoc$10 = {
   itemKey: { type: "string | nodeOrRenderFn", required: true },
   titleColor: "KeyValueListTitleColor"
 };
-const propTypes$10 = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
-  itemKey: propTypes$1H.exports.string.isRequired || nodeOrRenderFn.isRequired,
+const propTypes$11 = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
+  itemKey: propTypes$1I.exports.string.isRequired || nodeOrRenderFn.isRequired,
   titleColor: enumValue(KeyValueListTitleColor)
 });
 function SpsKeyValueListItem(props2) {
@@ -24826,8 +24826,8 @@ function SpsKeyValueListItem(props2) {
   }, children));
 }
 Object.assign(SpsKeyValueListItem, {
-  props: propsDoc$$,
-  propTypes: propTypes$10,
+  props: propsDoc$10,
+  propTypes: propTypes$11,
   displayName: "SpsKeyValueListItem"
 });
 const SpsKeyValueListExamples = {
@@ -25015,7 +25015,7 @@ const SpsKeyValueListExamples = {
     }
   }
 };
-const propsDoc$_ = {
+const propsDoc$$ = {
   for: { type: "SpsFormMetaBase<any>", required: true },
   description: "string",
   stronglySuggested: "boolean",
@@ -25024,16 +25024,16 @@ const propsDoc$_ = {
   helpIconColor: "string",
   errors: "ReactNodeOrRenderFn"
 };
-const propTypes$$ = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
-  description: propTypes$1H.exports.string,
-  for: propTypes$1H.exports.oneOfType([
+const propTypes$10 = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
+  description: propTypes$1I.exports.string,
+  for: propTypes$1I.exports.oneOfType([
     impl(),
     impl()
   ]).isRequired,
-  stronglySuggested: propTypes$1H.exports.bool,
+  stronglySuggested: propTypes$1I.exports.bool,
   help: nodeOrRenderFn,
   helpIcon: enumValue(SpsIcon),
-  helpIconColor: propTypes$1H.exports.string,
+  helpIconColor: propTypes$1I.exports.string,
   errors: nodeOrRenderFn
 });
 function SpsLabel(_y) {
@@ -25221,8 +25221,8 @@ function SpsLabel(_y) {
   }, description));
 }
 Object.assign(SpsLabel, {
-  props: propsDoc$_,
-  propTypes: propTypes$$,
+  props: propsDoc$$,
+  propTypes: propTypes$10,
   displayName: "SpsLabel"
 });
 const SpsLabelExamples = {
@@ -25400,13 +25400,13 @@ const SpsLabelExamples = {
     }
   }
 };
-const propsDoc$Z = {
+const propsDoc$_ = {
   clearSelected: { type: "() => void", required: true },
   itemsSelected: { type: "string | number", required: true }
 };
-const propTypes$_ = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
+const propTypes$$ = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
   clearSelected: fun().isRequired,
-  itemsSelected: propTypes$1H.exports.oneOfType([propTypes$1H.exports.string, propTypes$1H.exports.number])
+  itemsSelected: propTypes$1I.exports.oneOfType([propTypes$1I.exports.string, propTypes$1I.exports.number])
 });
 function SpsListActionBar(props2) {
   const _a = props2, {
@@ -25456,8 +25456,8 @@ function SpsListActionBar(props2) {
   }, t2("design-system:listActionBar.clearSelected")))));
 }
 Object.assign(SpsListActionBar, {
-  props: propsDoc$Z,
-  propTypes: propTypes$_,
+  props: propsDoc$_,
+  propTypes: propTypes$$,
   displayName: "SpsListActionBar"
 });
 const SpsTableContext = React.createContext({
@@ -25784,7 +25784,7 @@ const useMaxHeightTableStyle = (containerRef, maxHeight) => {
     }
   });
 };
-const propsDoc$Y = {
+const propsDoc$Z = {
   sort: "SortedColumn",
   onSortChange: "SortChangeHandler",
   selectable: "boolean",
@@ -25794,13 +25794,13 @@ const propsDoc$Y = {
   resizeState: "ResizeState",
   onResizeStateChange: "ResizeStateChangeHandler"
 };
-const propTypes$Z = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
+const propTypes$_ = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
   onSortChange: fun(),
-  sort: propTypes$1H.exports.arrayOf(impl()),
-  selectable: propTypes$1H.exports.bool,
-  maxHeightPx: propTypes$1H.exports.number,
-  maxHeightRem: propTypes$1H.exports.number,
-  resizeable: propTypes$1H.exports.bool,
+  sort: propTypes$1I.exports.arrayOf(impl()),
+  selectable: propTypes$1I.exports.bool,
+  maxHeightPx: propTypes$1I.exports.number,
+  maxHeightRem: propTypes$1I.exports.number,
+  resizeable: propTypes$1I.exports.bool,
   resizeState: impl(),
   onResizeStateChange: fun()
 });
@@ -25858,8 +25858,8 @@ function SpsTable(_A) {
   }, rest), children)));
 }
 Object.assign(SpsTable, {
-  props: propsDoc$Y,
-  propTypes: propTypes$Z,
+  props: propsDoc$Z,
+  propTypes: propTypes$_,
   displayName: "SpsTable"
 });
 function findTableElementParent(element) {
@@ -26029,17 +26029,17 @@ const useColumnResizer = ({
   ]);
   return { isResizeable };
 };
-const propsDoc$X = {
+const propsDoc$Y = {
   controlCell: "boolean",
   sortKey: "string",
   resizeKey: "string",
   pinned: "boolean"
 };
-const propTypes$Y = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
-  controlCell: propTypes$1H.exports.bool,
-  sortKey: propTypes$1H.exports.string,
-  resizeKey: propTypes$1H.exports.string,
-  pinned: propTypes$1H.exports.bool
+const propTypes$Z = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
+  controlCell: propTypes$1I.exports.bool,
+  sortKey: propTypes$1I.exports.string,
+  resizeKey: propTypes$1I.exports.string,
+  pinned: propTypes$1I.exports.bool
 });
 function SpsTableHeader(_C) {
   var _D = _C, {
@@ -26100,23 +26100,23 @@ function SpsTableHeader(_C) {
   })));
 }
 Object.assign(SpsTableHeader, {
-  props: propsDoc$X,
-  propTypes: propTypes$Y,
+  props: propsDoc$Y,
+  propTypes: propTypes$Z,
   displayName: "SpsTableHeader"
 });
 function SpsTh(props2) {
   return /* @__PURE__ */ React.createElement(SpsTableHeader, __spreadValues({}, props2));
 }
 Object.assign(SpsTh, {
-  props: propsDoc$X,
-  propTypes: propTypes$Y,
+  props: propsDoc$Y,
+  propTypes: propTypes$Z,
   displayName: "SpsTh"
 });
-const propsDoc$W = {
+const propsDoc$X = {
   pinned: "boolean"
 };
-const propTypes$X = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
-  pinned: propTypes$1H.exports.bool
+const propTypes$Y = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
+  pinned: propTypes$1I.exports.bool
 });
 function SpsTableHead(_E) {
   var _F = _E, {
@@ -26139,20 +26139,20 @@ function SpsTableHead(_E) {
   }, rest), children);
 }
 Object.assign(SpsTableHead, {
-  props: propsDoc$W,
-  propTypes: propTypes$X,
+  props: propsDoc$X,
+  propTypes: propTypes$Y,
   displayName: "SpsTableHead"
 });
 function SpsThead(props2) {
   return /* @__PURE__ */ React.createElement(SpsTableHead, __spreadValues({}, props2));
 }
 Object.assign(SpsThead, {
-  props: propsDoc$W,
-  propTypes: propTypes$X,
+  props: propsDoc$X,
+  propTypes: propTypes$Y,
   displayName: "SpsThead"
 });
-const propsDoc$V = {};
-const propTypes$W = __spreadValues({}, spsGlobalPropTypes);
+const propsDoc$W = {};
+const propTypes$X = __spreadValues({}, spsGlobalPropTypes);
 function SpsTableRow(_G) {
   var _H = _G, {
     children,
@@ -26173,20 +26173,20 @@ function SpsTableRow(_G) {
   }, rest), children);
 }
 Object.assign(SpsTableRow, {
-  props: propsDoc$V,
-  propTypes: propTypes$W,
+  props: propsDoc$W,
+  propTypes: propTypes$X,
   displayName: "SpsTableRow"
 });
 function SpsTr(props2) {
   return /* @__PURE__ */ React.createElement(SpsTableRow, __spreadValues({}, props2));
 }
 Object.assign(SpsTr, {
-  props: propsDoc$V,
-  propTypes: propTypes$W,
+  props: propsDoc$W,
+  propTypes: propTypes$X,
   displayName: "SpsTr"
 });
-const propsDoc$U = {};
-const propTypes$V = __spreadValues({}, spsGlobalPropTypes);
+const propsDoc$V = {};
+const propTypes$W = __spreadValues({}, spsGlobalPropTypes);
 function SpsTableBody(props2) {
   const _a = props2, {
     children,
@@ -26206,35 +26206,35 @@ function SpsTableBody(props2) {
   }, rest), children);
 }
 Object.assign(SpsTableBody, {
-  props: propsDoc$U,
-  propTypes: propTypes$V,
+  props: propsDoc$V,
+  propTypes: propTypes$W,
   displayName: "SpsTableBody"
 });
 function SpsTbody(props2) {
   return /* @__PURE__ */ React.createElement(SpsTableBody, __spreadValues({}, props2));
 }
 Object.assign(SpsTbody, {
-  props: propsDoc$U,
-  propTypes: propTypes$V,
+  props: propsDoc$V,
+  propTypes: propTypes$W,
   displayName: "SpsTbody"
 });
-const propsDoc$T = {
+const propsDoc$U = {
   buttonCell: "boolean",
   controlCell: "boolean",
   wrap: "SpsTableCellWrapWidth",
   pinned: "boolean"
 };
-const propTypes$U = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
-  buttonCell: propTypes$1H.exports.bool,
-  controlCell: propTypes$1H.exports.bool,
-  wrap: propTypes$1H.exports.oneOf([
+const propTypes$V = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
+  buttonCell: propTypes$1I.exports.bool,
+  controlCell: propTypes$1I.exports.bool,
+  wrap: propTypes$1I.exports.oneOf([
     200,
     300,
     400,
     500,
     600
   ]),
-  pinned: propTypes$1H.exports.bool
+  pinned: propTypes$1I.exports.bool
 });
 function SpsTableCell(props2) {
   const _a = props2, {
@@ -26267,20 +26267,20 @@ function SpsTableCell(props2) {
   }, rest), children);
 }
 Object.assign(SpsTableCell, {
-  props: propsDoc$T,
-  propTypes: propTypes$U,
+  props: propsDoc$U,
+  propTypes: propTypes$V,
   displayName: "SpsTableCell"
 });
 function SpsTd(props2) {
   return /* @__PURE__ */ React.createElement(SpsTableCell, __spreadValues({}, props2));
 }
 Object.assign(SpsTd, {
-  props: propsDoc$T,
-  propTypes: propTypes$U,
+  props: propsDoc$U,
+  propTypes: propTypes$V,
   displayName: "SpsTd"
 });
-const propsDoc$S = {};
-const propTypes$T = __spreadValues({}, spsGlobalPropTypes);
+const propsDoc$T = {};
+const propTypes$U = __spreadValues({}, spsGlobalPropTypes);
 const CSS_BLOCK$1 = "sps-icon-button-panel";
 function SpsIconButtonPanel(_I) {
   var _J = _I, {
@@ -26299,8 +26299,8 @@ function SpsIconButtonPanel(_I) {
   }, rest), iconButtons);
 }
 Object.assign(SpsIconButtonPanel, {
-  props: propsDoc$S,
-  propTypes: propTypes$T,
+  props: propsDoc$T,
+  propTypes: propTypes$U,
   displayName: "SpsIconButtonPanel"
 });
 const SpsTableExamples = {
@@ -27624,8 +27624,8 @@ const SpsListActionBarExamples = {
     }
   }
 };
-const propTypes$S = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
-  tabs: propTypes$1H.exports.arrayOf(impl()).isRequired,
+const propTypes$T = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
+  tabs: propTypes$1I.exports.arrayOf(impl()).isRequired,
   activeTab: impl(),
   onTabChange: fun()
 });
@@ -27689,17 +27689,17 @@ function SpsTabs(props2) {
   }, tab2.tag)))));
 }
 Object.assign(SpsTabs, {
-  propTypes: propTypes$S,
+  propTypes: propTypes$T,
   displayName: "SpsTabs"
 });
-const propsDoc$R = {
+const propsDoc$S = {
   resultsCount: "number",
   totalResults: "number",
   onClear: "() => void"
 };
-const propTypes$R = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
-  resultsCount: propTypes$1H.exports.number,
-  totalResults: propTypes$1H.exports.number,
+const propTypes$S = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
+  resultsCount: propTypes$1I.exports.number,
+  totalResults: propTypes$1I.exports.number,
   onClear: fun()
 });
 function SpsSearchResultsBar(props2) {
@@ -27750,20 +27750,20 @@ function SpsSearchResultsBar(props2) {
   }, t2("design-system:searchResultsBar.clear"))));
 }
 Object.assign(SpsSearchResultsBar, {
-  props: propsDoc$R,
-  propTypes: propTypes$R,
+  props: propsDoc$S,
+  propTypes: propTypes$S,
   displayName: "SpsSearchResultsBar"
 });
-const propsDoc$Q = {
+const propsDoc$R = {
   results: "number",
   selections: "{ [key: string]: string[] }",
   zeroStateText: "string",
   onClear: "() => void"
 };
-const propTypes$Q = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
-  results: propTypes$1H.exports.number,
+const propTypes$R = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
+  results: propTypes$1I.exports.number,
   selections: impl(),
-  zeroStateText: propTypes$1H.exports.string,
+  zeroStateText: propTypes$1I.exports.string,
   onClear: fun()
 });
 function SpsSearchResultsBarV2(props2) {
@@ -27820,8 +27820,8 @@ function SpsSearchResultsBarV2(props2) {
   }, t2("design-system:searchResultsBar.clearResults"))));
 }
 Object.assign(SpsSearchResultsBarV2, {
-  props: propsDoc$Q,
-  propTypes: propTypes$Q,
+  props: propsDoc$R,
+  propTypes: propTypes$R,
   displayName: "SpsSearchResultsBarV2"
 });
 const SpsSearchResultsBarExamples = {
@@ -27974,15 +27974,15 @@ const SpsSearchResultsBarExamples = {
     }
   }
 };
-const propsDoc$P = {
+const propsDoc$Q = {
   formMeta: "SpsFormSetMeta<any>",
   stacked: "boolean"
 };
-const propTypes$P = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
+const propTypes$Q = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
   formArray: impl(),
   formGroup: impl(),
   formMeta: impl(),
-  stacked: propTypes$1H.exports.bool
+  stacked: propTypes$1I.exports.bool
 });
 function SpsInputGroup(_K) {
   var _L = _K, {
@@ -28027,14 +28027,14 @@ function SpsInputGroup(_K) {
   }, children));
 }
 Object.assign(SpsInputGroup, {
-  props: propsDoc$P,
-  propTypes: propTypes$P,
+  props: propsDoc$Q,
+  propTypes: propTypes$Q,
   displayName: "SpsInputGroup"
 });
-const propsDoc$O = {
+const propsDoc$P = {
   onSubmit: "FormEventHandler"
 };
-const propTypes$O = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
+const propTypes$P = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
   onSubmit: fun()
 });
 function SpsListToolbarSearch(props2) {
@@ -28057,12 +28057,12 @@ function SpsListToolbarSearch(props2) {
   }, children));
 }
 Object.assign(SpsListToolbarSearch, {
-  props: propsDoc$O,
-  propTypes: propTypes$O,
+  props: propsDoc$P,
+  propTypes: propTypes$P,
   displayName: "SpsListToolbarSearch"
 });
-const propsDoc$N = {};
-const propTypes$N = __spreadValues({}, spsGlobalPropTypes);
+const propsDoc$O = {};
+const propTypes$O = __spreadValues({}, spsGlobalPropTypes);
 function SpsListToolbarSearchInfo(props2) {
   const {
     children
@@ -28070,11 +28070,11 @@ function SpsListToolbarSearchInfo(props2) {
   return /* @__PURE__ */ React.createElement("div", null, children);
 }
 Object.assign(SpsListToolbarSearchInfo, {
-  props: propsDoc$N,
-  propTypes: propTypes$N,
+  props: propsDoc$O,
+  propTypes: propTypes$O,
   displayName: "SpsListToolbarSearchInfo"
 });
-const propsDoc$M = {
+const propsDoc$N = {
   activeTab: "SpsTab",
   advancedSearch: "{ isOpen: boolean, enteredFields: number }",
   onToggleAdvancedSearch: "(boolean) => void",
@@ -28089,23 +28089,23 @@ const propsDoc$M = {
   pinResultsBar: "boolean",
   pinToolbar: "boolean"
 };
-const propTypes$M = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
+const propTypes$N = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
   activeTab: impl(),
-  advancedSearch: propTypes$1H.exports.shape({
-    isOpen: propTypes$1H.exports.bool,
-    enteredFields: propTypes$1H.exports.number
+  advancedSearch: propTypes$1I.exports.shape({
+    isOpen: propTypes$1I.exports.bool,
+    enteredFields: propTypes$1I.exports.number
   }),
   onToggleAdvancedSearch: fun(),
   onTabChange: fun(),
-  title: propTypes$1H.exports.string,
-  tabs: propTypes$1H.exports.arrayOf(impl()),
+  title: propTypes$1I.exports.string,
+  tabs: propTypes$1I.exports.arrayOf(impl()),
   onToolbarPinned: fun(),
-  selectable: propTypes$1H.exports.bool,
-  isSelected: propTypes$1H.exports.bool,
-  isIndeterminate: propTypes$1H.exports.bool,
+  selectable: propTypes$1I.exports.bool,
+  isSelected: propTypes$1I.exports.bool,
+  isIndeterminate: propTypes$1I.exports.bool,
   onSelectionChange: fun(),
-  pinResultsBar: propTypes$1H.exports.bool,
-  pinToolbar: propTypes$1H.exports.bool
+  pinResultsBar: propTypes$1I.exports.bool,
+  pinToolbar: propTypes$1I.exports.bool
 });
 function SpsListToolbar(props2) {
   const _a = props2, {
@@ -28268,18 +28268,18 @@ function SpsListToolbar(props2) {
   }, otherChildren)), /* @__PURE__ */ React.createElement("div", null, (!isPinned || isPinned && pinResultsBar) && searchResultsBar)));
 }
 Object.assign(SpsListToolbar, {
-  props: propsDoc$M,
-  propTypes: propTypes$M,
+  props: propsDoc$N,
+  propTypes: propTypes$N,
   displayName: "SpsListToolbar"
 });
-const propsDoc$L = {
+const propsDoc$M = {
   options: "SortOption[]",
   activeOption: "SortOption",
   onSortChange: "(option: SortOption) => void",
   defaultOption: "SortOption"
 };
-const propTypes$L = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
-  options: propTypes$1H.exports.arrayOf(impl()),
+const propTypes$M = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
+  options: propTypes$1I.exports.arrayOf(impl()),
   activeOption: impl(),
   onSortChange: fun(),
   defaultOption: impl()
@@ -28303,8 +28303,8 @@ function SpsListToolbarSortBy(props2) {
   });
 }
 Object.assign(SpsListToolbarSortBy, {
-  props: propsDoc$L,
-  propTypes: propTypes$L,
+  props: propsDoc$M,
+  propTypes: propTypes$M,
   displayName: "SpsListToolbarSortBy"
 });
 function ContentOrderExample() {
@@ -29049,13 +29049,13 @@ const SpsListToolbarExamples = {
     }
   }
 };
-const propsDoc$K = {
+const propsDoc$L = {
   kind: "FeedbackBlockKind",
   message: { type: "string", required: true }
 };
-const propTypes$K = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
+const propTypes$L = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
   kind: enumValue(FeedbackBlockKind),
-  message: propTypes$1H.exports.node.isRequired
+  message: propTypes$1I.exports.node.isRequired
 });
 function SpsMicroBlock(props2) {
   const _a = props2, {
@@ -29082,8 +29082,8 @@ function SpsMicroBlock(props2) {
   }), /* @__PURE__ */ React.createElement("span", null, message));
 }
 Object.assign(SpsMicroBlock, {
-  props: propsDoc$K,
-  propTypes: propTypes$K,
+  props: propsDoc$L,
+  propTypes: propTypes$L,
   displayName: "SpsMicroBlock"
 });
 const SpsMicroBlockExamples = {
@@ -29138,17 +29138,17 @@ const SpsMicroBlockExamples = {
     }
   }
 };
-const propsDoc$J = {
+const propsDoc$K = {
   kind: "ModalKind",
   size: "ModalSize",
   title: "string",
   onClose: "() => void",
   focusElementOnOpen: "React.MutableRefObject<HTMLElement>"
 };
-const propTypes$J = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
+const propTypes$K = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
   kind: enumValue(ModalKind),
   size: enumValue(ModalSize),
-  title: propTypes$1H.exports.string,
+  title: propTypes$1I.exports.string,
   onClose: fun(),
   focusElementOnOpen: ref()
 });
@@ -29274,10 +29274,159 @@ function SpsModal(_M) {
   }, t2("design-system:modal.defaultButtonLabel"))))) : /* @__PURE__ */ React.createElement(React.Fragment, null);
 }
 Object.assign(SpsModal, {
+  props: propsDoc$K,
+  propTypes: propTypes$K,
+  displayName: "SpsModal"
+});
+const propsDoc$J = {
+  title: "string",
+  show: "boolean",
+  onClose: "() => void",
+  focusElementOnOpen: "React.MutableRefObject<HTMLElement>"
+};
+const propTypes$J = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
+  title: propTypes$1I.exports.string,
+  show: propTypes$1I.exports.bool,
+  onClose: fun(),
+  focusElementOnOpen: ref()
+});
+function SpsSlideInPanel(_O) {
+  var _P = _O, {
+    children,
+    className,
+    id: idProp,
+    show,
+    onClose,
+    focusElementOnOpen,
+    title
+  } = _P, rest = __objRest(_P, [
+    "children",
+    "className",
+    "id",
+    "show",
+    "onClose",
+    "focusElementOnOpen",
+    "title"
+  ]);
+  const id = useElementId(idProp);
+  const classes = clsx("sps-slide-in-panel", "z-stratum-dialog", show ? "open" : "", className);
+  const { t: t2 } = React.useContext(I18nContext);
+  const rootElement = React.useRef();
+  const [bodyIsReady, setBodyIsReady] = React.useState(false);
+  React.useEffect(() => {
+    const scrollbarWidth = `${window.innerWidth - document.body.clientWidth}px`;
+    document.body.style.paddingRight = scrollbarWidth;
+    document.querySelectorAll(".z-stratum-bar").forEach((element) => {
+      element.tempPaddingRightHolder = element.style.paddingRight;
+      element.style.paddingRight = scrollbarWidth;
+    });
+    setBodyIsReady(true);
+    return () => {
+      document.body.style.paddingRight = "initial";
+      document.body.style.overflow = "auto";
+      document.querySelectorAll(".z-stratum-bar").forEach((element) => {
+        element.style.paddingRight = element.tempPaddingRightHolder || "";
+        delete element.tempPaddingRightHolder;
+      });
+    };
+  }, []);
+  React.useEffect(() => {
+    document.body.style.overflow = show ? "hidden" : "auto";
+  }, [show]);
+  React.useEffect(() => {
+    if (focusElementOnOpen && focusElementOnOpen.current) {
+      focusElementOnOpen.current.focus();
+    } else if (rootElement.current) {
+      rootElement.current.focus();
+    }
+  }, [focusElementOnOpen, bodyIsReady]);
+  const handleKeydown = React.useCallback((event) => {
+    if (event && event.key === "Escape" && onClose) {
+      onClose();
+    }
+    if (event && event.key === "Tab") {
+      const focusableElements = rootElement.current.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');
+      const firstFocusableElement = focusableElements[0];
+      const lastFocusableElement = focusableElements[focusableElements.length - 1];
+      if (focusableElements.length === 0) {
+        event.preventDefault();
+      } else if (event.shiftKey && event.target === firstFocusableElement) {
+        event.preventDefault();
+        lastFocusableElement.focus();
+      } else if (!event.shiftKey && event.target === lastFocusableElement) {
+        event.preventDefault();
+        firstFocusableElement.focus();
+      }
+    }
+  }, [onClose]);
+  const [bodyContent] = selectChildren(children);
+  return bodyIsReady ? /* @__PURE__ */ React.createElement("div", {
+    id: id.current,
+    role: "dialog",
+    "aria-labelledby": `${id.current}-title`,
+    className: classes,
+    onKeyDown: handleKeydown,
+    tabIndex: -1,
+    ref: rootElement
+  }, /* @__PURE__ */ React.createElement("div", __spreadProps(__spreadValues({}, rest), {
+    className: `sps-slide-in-panel__dialog ${show ? "open" : ""}`
+  }), /* @__PURE__ */ React.createElement("div", {
+    className: "sps-slide-in-panel__titlebar"
+  }, /* @__PURE__ */ React.createElement("div", {
+    className: "sps-slide-in-panel__title",
+    id: `${id.current}-title`
+  }, title || t2("design-system:slideInPanel.defaultTitle")), onClose && /* @__PURE__ */ React.createElement("div", {
+    className: "sps-button sps-button--icon",
+    onClick: onClose
+  }, /* @__PURE__ */ React.createElement("button", {
+    "aria-label": t2("design-system:slideInPanel.close"),
+    type: "button"
+  }, /* @__PURE__ */ React.createElement("i", {
+    className: "sps-icon sps-icon-x"
+  })))), /* @__PURE__ */ React.createElement("div", {
+    className: "sps-slide-in-panel__body"
+  }, /* @__PURE__ */ React.createElement(PortalContext.Provider, {
+    value: {
+      parentElementRef: rootElement,
+      fixed: true
+    }
+  }, bodyContent)))) : /* @__PURE__ */ React.createElement(React.Fragment, null);
+}
+Object.assign(SpsSlideInPanel, {
   props: propsDoc$J,
   propTypes: propTypes$J,
-  displayName: "SpsModal"
+  displayName: "SpsSlideInPanel"
 });
+const SpsSlideInPanelExamples = {
+  generalUsage: {
+    label: "General Usage",
+    description: () => /* @__PURE__ */ React.createElement(React.Fragment, null),
+    examples: {
+      noCloseButton: {
+        description: () => /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("p", null, "Click on the button below to show the slide-in panel.")),
+        react: code`
+                    function Component() {
+                        const [showSlideInPanel, setShowSlideInPanel] = React.useState(false);
+                        return <>
+                            <SpsButton kind={ButtonKind.LINK} onClick={() => setShowSlideInPanel(true)}>
+                                Show Slide-In Panel
+                            </SpsButton>
+                            <SpsSlideInPanel
+                                title="Slide-in Panel"
+                                show={showSlideInPanel}
+                                onClose={() => setShowSlideInPanel(false)}
+                            >
+                                <div className="sps-text-semibold mb-1">Optional Headline</div>
+                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
+                            </SpsSlideInPanel>
+                        </>;
+                    }
+                `
+      }
+    }
+  }
+};
 const SpsModalExamples = {
   generalUsage: {
     label: "General Usage",
@@ -29770,35 +29919,35 @@ const propsDoc$I = {
 };
 const propTypes$I = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
   action: fun(),
-  captionKey: propTypes$1H.exports.string,
-  clearSearchOnBlur: propTypes$1H.exports.bool,
-  debounce: propTypes$1H.exports.number,
-  disabled: propTypes$1H.exports.bool,
-  disableSelected: propTypes$1H.exports.bool,
-  comparisonKey: propTypes$1H.exports.string,
+  captionKey: propTypes$1I.exports.string,
+  clearSearchOnBlur: propTypes$1I.exports.bool,
+  debounce: propTypes$1I.exports.number,
+  disabled: propTypes$1I.exports.bool,
+  disableSelected: propTypes$1I.exports.bool,
+  comparisonKey: propTypes$1I.exports.string,
   formControl: impl(),
   formMeta: impl(),
-  hideSelected: propTypes$1H.exports.bool,
+  hideSelected: propTypes$1I.exports.bool,
   icon: enumValue(SpsIcon),
   onChange: fun(),
   onSearchChange: fun(),
-  options: propTypes$1H.exports.oneOfType([
-    propTypes$1H.exports.array,
-    propTypes$1H.exports.instanceOf(Promise),
+  options: propTypes$1I.exports.oneOfType([
+    propTypes$1I.exports.array,
+    propTypes$1I.exports.instanceOf(Promise),
     fun()
   ]).isRequired,
-  placeholder: propTypes$1H.exports.string,
-  tallOptionList: propTypes$1H.exports.bool,
-  textKey: propTypes$1H.exports.string,
-  value: propTypes$1H.exports.any,
-  zeroState: propTypes$1H.exports.string,
-  loading: propTypes$1H.exports.bool,
-  maxHeightOptionListPx: propTypes$1H.exports.number,
-  maxHeightOptionListRem: propTypes$1H.exports.number,
-  disableOptionsMemoization: propTypes$1H.exports.bool
+  placeholder: propTypes$1I.exports.string,
+  tallOptionList: propTypes$1I.exports.bool,
+  textKey: propTypes$1I.exports.string,
+  value: propTypes$1I.exports.any,
+  zeroState: propTypes$1I.exports.string,
+  loading: propTypes$1I.exports.bool,
+  maxHeightOptionListPx: propTypes$1I.exports.number,
+  maxHeightOptionListRem: propTypes$1I.exports.number,
+  disableOptionsMemoization: propTypes$1I.exports.bool
 });
-function SpsMultiSelect(_O) {
-  var _P = _O, {
+function SpsMultiSelect(_Q) {
+  var _R = _Q, {
     action,
     captionKey,
     className,
@@ -29826,7 +29975,7 @@ function SpsMultiSelect(_O) {
     maxHeightOptionListRem,
     disableOptionsMemoization,
     "data-testid": testId
-  } = _P, rest = __objRest(_P, [
+  } = _R, rest = __objRest(_R, [
     "action",
     "captionKey",
     "className",
@@ -30620,33 +30769,33 @@ const propsDoc$F = {
 };
 const propTypes$F = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
   action: fun(),
-  captionKey: propTypes$1H.exports.string,
-  comparisonKey: propTypes$1H.exports.string,
-  disabled: propTypes$1H.exports.bool,
+  captionKey: propTypes$1I.exports.string,
+  comparisonKey: propTypes$1I.exports.string,
+  disabled: propTypes$1I.exports.bool,
   formControl: impl(),
   formMeta: impl(),
-  notClearable: propTypes$1H.exports.bool,
-  options: propTypes$1H.exports.oneOfType([
-    propTypes$1H.exports.array,
-    propTypes$1H.exports.instanceOf(Promise),
+  notClearable: propTypes$1I.exports.bool,
+  options: propTypes$1I.exports.oneOfType([
+    propTypes$1I.exports.array,
+    propTypes$1I.exports.instanceOf(Promise),
     fun()
   ]).isRequired,
   onChange: fun(),
   onOpen: fun(),
-  placeholder: propTypes$1H.exports.string,
-  searchDebounce: propTypes$1H.exports.number,
-  searchPlaceholder: propTypes$1H.exports.string,
-  tallOptionList: propTypes$1H.exports.bool,
-  textKey: propTypes$1H.exports.string,
-  valueKey: propTypes$1H.exports.string,
-  value: propTypes$1H.exports.any,
-  zeroState: propTypes$1H.exports.string,
-  autoFixWidth: propTypes$1H.exports.bool,
-  loading: propTypes$1H.exports.bool,
-  filterByTextAndCaptionKey: propTypes$1H.exports.bool,
-  maxHeightOptionListPx: propTypes$1H.exports.number,
-  maxHeightOptionListRem: propTypes$1H.exports.number,
-  disableOptionsMemoization: propTypes$1H.exports.bool
+  placeholder: propTypes$1I.exports.string,
+  searchDebounce: propTypes$1I.exports.number,
+  searchPlaceholder: propTypes$1I.exports.string,
+  tallOptionList: propTypes$1I.exports.bool,
+  textKey: propTypes$1I.exports.string,
+  valueKey: propTypes$1I.exports.string,
+  value: propTypes$1I.exports.any,
+  zeroState: propTypes$1I.exports.string,
+  autoFixWidth: propTypes$1I.exports.bool,
+  loading: propTypes$1I.exports.bool,
+  filterByTextAndCaptionKey: propTypes$1I.exports.bool,
+  maxHeightOptionListPx: propTypes$1I.exports.number,
+  maxHeightOptionListRem: propTypes$1I.exports.number,
+  disableOptionsMemoization: propTypes$1I.exports.bool
 });
 const SpsSelect = React.forwardRef((props2, ref2) => {
   const _a = props2, {
@@ -30897,11 +31046,11 @@ const propsDoc$E = {
   unknownPageCount: "boolean"
 };
 const propTypes$E = __spreadValues({
-  numPages: propTypes$1H.exports.number,
+  numPages: propTypes$1I.exports.number,
   onPageChange: fun(),
-  page: propTypes$1H.exports.number,
-  disabled: propTypes$1H.exports.bool,
-  unknownPageCount: propTypes$1H.exports.bool
+  page: propTypes$1I.exports.number,
+  disabled: propTypes$1I.exports.bool,
+  unknownPageCount: propTypes$1I.exports.bool
 }, spsGlobalPropTypes);
 function SpsPageSelector(props2) {
   const _a = props2, {
@@ -31012,12 +31161,12 @@ const propsDoc$D = {
 };
 const propTypes$D = __spreadValues({
   onPageChange: fun().isRequired,
-  page: propTypes$1H.exports.number,
-  pageSize: propTypes$1H.exports.number,
-  pageSizeOptions: propTypes$1H.exports.arrayOf(propTypes$1H.exports.number),
-  totalResults: propTypes$1H.exports.number,
-  disabled: propTypes$1H.exports.bool,
-  unknownPageCount: propTypes$1H.exports.bool
+  page: propTypes$1I.exports.number,
+  pageSize: propTypes$1I.exports.number,
+  pageSizeOptions: propTypes$1I.exports.arrayOf(propTypes$1I.exports.number),
+  totalResults: propTypes$1I.exports.number,
+  disabled: propTypes$1I.exports.bool,
+  unknownPageCount: propTypes$1I.exports.bool
 }, spsGlobalPropTypes);
 function SpsPagination(props2) {
   const _a = props2, {
@@ -31296,14 +31445,14 @@ const propsDoc$B = {
   tabs: "Array<string>"
 };
 const propTypes$C = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
-  activeTab: propTypes$1H.exports.string,
-  fullWidth: propTypes$1H.exports.bool,
+  activeTab: propTypes$1I.exports.string,
+  fullWidth: propTypes$1I.exports.bool,
   onTabChange: fun(),
   onProductNameClick: fun(),
-  productLogoSrc: propTypes$1H.exports.string,
-  productName: propTypes$1H.exports.string,
-  productNameHref: propTypes$1H.exports.string,
-  tabs: propTypes$1H.exports.arrayOf(propTypes$1H.exports.string)
+  productLogoSrc: propTypes$1I.exports.string,
+  productName: propTypes$1I.exports.string,
+  productNameHref: propTypes$1I.exports.string,
+  tabs: propTypes$1I.exports.arrayOf(propTypes$1I.exports.string)
 });
 function SpsProductBar(props2) {
   const _a = props2, {
@@ -31526,10 +31675,10 @@ const propsDoc$A = {
   onClose: "() => void"
 };
 const propTypes$B = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
-  percentComplete: propTypes$1H.exports.number,
-  title: propTypes$1H.exports.string,
-  detail: propTypes$1H.exports.string,
-  disabled: propTypes$1H.exports.bool,
+  percentComplete: propTypes$1I.exports.number,
+  title: propTypes$1I.exports.string,
+  detail: propTypes$1I.exports.string,
+  disabled: propTypes$1I.exports.bool,
   onClose: fun()
 });
 function SpsProgressBar(props2) {
@@ -32273,13 +32422,13 @@ const propsDoc$y = {
   data: "SteppedProgressBarData[]"
 };
 const propTypes$z = {
-  title: propTypes$1H.exports.string,
-  stepsCount: propTypes$1H.exports.number,
-  completedStepsCount: propTypes$1H.exports.number,
-  disabled: propTypes$1H.exports.bool,
-  showStepsCounter: propTypes$1H.exports.bool,
+  title: propTypes$1I.exports.string,
+  stepsCount: propTypes$1I.exports.number,
+  completedStepsCount: propTypes$1I.exports.number,
+  disabled: propTypes$1I.exports.bool,
+  showStepsCounter: propTypes$1I.exports.bool,
   color: enumValue(SteppedProgressBarColor),
-  data: propTypes$1H.exports.arrayOf(impl())
+  data: propTypes$1I.exports.arrayOf(impl())
 };
 function SpsSteppedProgressBar(props2) {
   const {
@@ -32431,20 +32580,20 @@ const propsDoc$x = {
   value: "any"
 };
 const propTypes$y = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
-  checked: propTypes$1H.exports.bool,
-  disabled: propTypes$1H.exports.bool,
+  checked: propTypes$1I.exports.bool,
+  disabled: propTypes$1I.exports.bool,
   formControl: impl(),
   formMeta: impl(),
-  inline: propTypes$1H.exports.bool,
-  centered: propTypes$1H.exports.bool,
-  label: propTypes$1H.exports.string,
-  name: propTypes$1H.exports.string.isRequired,
+  inline: propTypes$1I.exports.bool,
+  centered: propTypes$1I.exports.bool,
+  label: propTypes$1I.exports.string,
+  name: propTypes$1I.exports.string.isRequired,
   onChange: fun(),
   ref: ref(),
-  value: propTypes$1H.exports.any
+  value: propTypes$1I.exports.any
 });
-function SpsRadioButton(_Q) {
-  var _R = _Q, {
+function SpsRadioButton(_S) {
+  var _T = _S, {
     checked,
     className,
     "data-testid": testId,
@@ -32460,7 +32609,7 @@ function SpsRadioButton(_Q) {
     ref: ref2,
     unsafelyReplaceClassName,
     value
-  } = _R, rest = __objRest(_R, [
+  } = _T, rest = __objRest(_T, [
     "checked",
     "className",
     "data-testid",
@@ -33078,7 +33227,7 @@ const propsDoc$w = {
   maxHeight: "string"
 };
 const propTypes$x = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
-  maxHeight: propTypes$1H.exports.string
+  maxHeight: propTypes$1I.exports.string
 });
 function SpsScrollableContainer(props2) {
   const {
@@ -34014,15 +34163,15 @@ const propsDoc$v = {
   widthRem: "number"
 };
 const propTypes$w = __spreadValues({
-  sortKey: propTypes$1H.exports.string,
-  sortDisabled: propTypes$1H.exports.bool,
-  sort: propTypes$1H.exports.arrayOf(impl()),
+  sortKey: propTypes$1I.exports.string,
+  sortDisabled: propTypes$1I.exports.bool,
+  sort: propTypes$1I.exports.arrayOf(impl()),
   onSortChange: fun(),
-  widthPx: propTypes$1H.exports.number,
-  widthRem: propTypes$1H.exports.number
+  widthPx: propTypes$1I.exports.number,
+  widthRem: propTypes$1I.exports.number
 }, spsGlobalPropTypes);
-function SpsSortingHeaderCell(_S) {
-  var _T = _S, {
+function SpsSortingHeaderCell(_U) {
+  var _V = _U, {
     className,
     "data-testid": testId,
     unsafelyReplaceClassName,
@@ -34035,7 +34184,7 @@ function SpsSortingHeaderCell(_S) {
     widthPx,
     widthRem,
     style: style2
-  } = _T, rest = __objRest(_T, [
+  } = _V, rest = __objRest(_V, [
     "className",
     "data-testid",
     "unsafelyReplaceClassName",
@@ -34089,18 +34238,18 @@ const propsDoc$u = {
   onSortChange: "SortChangeHandler"
 };
 const propTypes$v = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
-  sort: propTypes$1H.exports.arrayOf(impl()),
+  sort: propTypes$1I.exports.arrayOf(impl()),
   onSortChange: fun()
 });
-function SpsSortingHeader(_U) {
-  var _V = _U, {
+function SpsSortingHeader(_W) {
+  var _X = _W, {
     className,
     "data-testid": testId,
     unsafelyReplaceClassName,
     sort,
     onSortChange,
     children
-  } = _V, rest = __objRest(_V, [
+  } = _X, rest = __objRest(_X, [
     "className",
     "data-testid",
     "unsafelyReplaceClassName",
@@ -34172,12 +34321,12 @@ const propsDoc$t = {
   options: "Array<SpsActionMethod | [SpsActionDescriptor, () => void]>"
 };
 const propTypes$u = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
-  disabled: propTypes$1H.exports.bool,
-  href: propTypes$1H.exports.string,
-  label: propTypes$1H.exports.string,
+  disabled: propTypes$1I.exports.bool,
+  href: propTypes$1I.exports.string,
+  label: propTypes$1I.exports.string,
   icon: enumValue(SpsIcon),
   kind: enumValue(StdButtonKind),
-  options: propTypes$1H.exports.arrayOf(propTypes$1H.exports.oneOfType([propTypes$1H.exports.func, propTypes$1H.exports.any]))
+  options: propTypes$1I.exports.arrayOf(propTypes$1I.exports.oneOfType([propTypes$1I.exports.func, propTypes$1I.exports.any]))
 });
 function SpsSplitButton(props2) {
   const _a = props2, {
@@ -34334,7 +34483,7 @@ const propsDoc$s = {
   channelId: { type: "string", required: true }
 };
 const propTypes$t = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
-  channelId: propTypes$1H.exports.string.isRequired
+  channelId: propTypes$1I.exports.string.isRequired
 });
 function SpsSlackLink(props2) {
   const _a = props2, {
@@ -34416,8 +34565,8 @@ const propsDoc$q = {
   onToggle: "(isExpanded: boolean) => void"
 };
 const propTypes$r = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
-  expanded: propTypes$1H.exports.bool,
-  selected: propTypes$1H.exports.bool,
+  expanded: propTypes$1I.exports.bool,
+  selected: propTypes$1I.exports.bool,
   onToggle: fun()
 });
 function SpsSummaryListRow(props2) {
@@ -34499,10 +34648,10 @@ const propsDoc$p = {
   width: "string"
 };
 const propTypes$q = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
-  borderless: propTypes$1H.exports.bool,
-  lean: propTypes$1H.exports.bool,
-  leaner: propTypes$1H.exports.bool,
-  width: propTypes$1H.exports.string
+  borderless: propTypes$1I.exports.bool,
+  lean: propTypes$1I.exports.bool,
+  leaner: propTypes$1I.exports.bool,
+  width: propTypes$1I.exports.string
 });
 function SpsSummaryListColumn(props2) {
   const _a = props2, {
@@ -34835,20 +34984,20 @@ const props = {
   suppressTooltips: "boolean"
 };
 const propTypes$p = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
-  tasks: propTypes$1H.exports.arrayOf(propTypes$1H.exports.any),
+  tasks: propTypes$1I.exports.arrayOf(propTypes$1I.exports.any),
   taskQueuePosition: enumValue(Position),
-  notificationText: propTypes$1H.exports.string,
-  tooltipConfig: propTypes$1H.exports.shape({
+  notificationText: propTypes$1I.exports.string,
+  tooltipConfig: propTypes$1I.exports.shape({
     position: enumValue(Position),
     kind: enumValue(TooltipKind)
   }),
   onClose: fun(),
   onOpen: fun(),
   onClearCompleted: fun(),
-  suppressTooltips: propTypes$1H.exports.bool
+  suppressTooltips: propTypes$1I.exports.bool
 });
-function SpsTaskQueue(_W) {
-  var _X = _W, {
+function SpsTaskQueue(_Y) {
+  var _Z = _Y, {
     tasks = [],
     taskQueuePosition = Position.BOTTOM_RIGHT,
     notificationText,
@@ -34860,7 +35009,7 @@ function SpsTaskQueue(_W) {
     "data-testid": testId,
     unsafelyReplaceClassName,
     suppressTooltips = false
-  } = _X, rest = __objRest(_X, [
+  } = _Z, rest = __objRest(_Z, [
     "tasks",
     "taskQueuePosition",
     "notificationText",
@@ -35383,18 +35532,18 @@ const propsDoc$o = {
   additionalText: "string"
 };
 const propTypes$o = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
-  disabled: propTypes$1H.exports.bool,
+  disabled: propTypes$1I.exports.bool,
   formControl: impl(),
   formMeta: impl(),
   icon: enumValue(SpsIcon),
-  name: propTypes$1H.exports.string,
+  name: propTypes$1I.exports.string,
   onChange: fun(),
-  placeholder: propTypes$1H.exports.string,
-  value: propTypes$1H.exports.string,
-  additionalText: propTypes$1H.exports.string
+  placeholder: propTypes$1I.exports.string,
+  value: propTypes$1I.exports.string,
+  additionalText: propTypes$1I.exports.string
 });
-const SpsTextInput = React.forwardRef((_Y, ref2) => {
-  var _Z = _Y, {
+const SpsTextInput = React.forwardRef((__, ref2) => {
+  var _$ = __, {
     className,
     disabled = false,
     formControl: formControl2,
@@ -35409,7 +35558,7 @@ const SpsTextInput = React.forwardRef((_Y, ref2) => {
     unsafelyReplaceClassName,
     value = "",
     additionalText
-  } = _Z, rest = __objRest(_Z, [
+  } = _$, rest = __objRest(_$, [
     "className",
     "disabled",
     "formControl",
@@ -35619,19 +35768,19 @@ const propsDoc$n = {
   additionalText: "string"
 };
 const propTypes$n = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
-  disabled: propTypes$1H.exports.bool,
+  disabled: propTypes$1I.exports.bool,
   formControl: impl(),
   formMeta: impl(),
-  name: propTypes$1H.exports.string,
+  name: propTypes$1I.exports.string,
   onChange: fun(),
-  placeholder: propTypes$1H.exports.string,
+  placeholder: propTypes$1I.exports.string,
   ref: ref(),
-  rows: propTypes$1H.exports.number,
-  value: propTypes$1H.exports.string,
-  additionalText: propTypes$1H.exports.string
+  rows: propTypes$1I.exports.number,
+  value: propTypes$1I.exports.string,
+  additionalText: propTypes$1I.exports.string
 });
-function SpsTextarea(__) {
-  var _$ = __, {
+function SpsTextarea(_aa) {
+  var _ba = _aa, {
     className,
     disabled = false,
     formControl: formControl2,
@@ -35646,7 +35795,7 @@ function SpsTextarea(__) {
     unsafelyReplaceClassName,
     value = "",
     additionalText
-  } = _$, rest = __objRest(_$, [
+  } = _ba, rest = __objRest(_ba, [
     "className",
     "disabled",
     "formControl",
@@ -35854,15 +36003,15 @@ const propsDoc$m = {
   disabled: "boolean"
 };
 const propTypes$m = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
-  href: propTypes$1H.exports.string,
-  target: propTypes$1H.exports.string,
+  href: propTypes$1I.exports.string,
+  target: propTypes$1I.exports.string,
   icon: nodeOrRenderFn.isRequired,
-  error: propTypes$1H.exports.bool,
+  error: propTypes$1I.exports.bool,
   errorIcon: nodeOrRenderFn,
-  title: propTypes$1H.exports.string.isRequired,
-  warning: propTypes$1H.exports.bool,
+  title: propTypes$1I.exports.string.isRequired,
+  warning: propTypes$1I.exports.bool,
   warningIcon: nodeOrRenderFn,
-  disabled: propTypes$1H.exports.bool
+  disabled: propTypes$1I.exports.bool
 });
 function SpsTile(props2) {
   const _a = props2, {
@@ -36187,10 +36336,10 @@ const propsDoc$k = {
   active: "boolean"
 };
 const propTypes$k = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
-  value: propTypes$1H.exports.number.isRequired,
-  title: propTypes$1H.exports.string.isRequired,
+  value: propTypes$1I.exports.number.isRequired,
+  title: propTypes$1I.exports.string.isRequired,
   kind: enumValue(SpsFilterTileKind),
-  active: propTypes$1H.exports.bool
+  active: propTypes$1I.exports.bool
 });
 function SpsFilterTile(props2) {
   const _a = props2, {
@@ -36324,14 +36473,14 @@ const propsDoc$i = {
   onChange: "(isActive: boolean) => void"
 };
 const propTypes$i = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
-  active: propTypes$1H.exports.bool,
-  description: propTypes$1H.exports.string,
-  disabled: propTypes$1H.exports.bool,
+  active: propTypes$1I.exports.bool,
+  description: propTypes$1I.exports.string,
+  disabled: propTypes$1I.exports.bool,
   formControl: impl(),
   formMeta: impl(),
-  id: propTypes$1H.exports.string,
-  label: propTypes$1H.exports.string,
-  large: propTypes$1H.exports.bool,
+  id: propTypes$1I.exports.string,
+  label: propTypes$1I.exports.string,
+  large: propTypes$1I.exports.bool,
   onChange: fun(),
   ref: ref()
 });
@@ -36659,7 +36808,7 @@ const propsDoc$h = {
   icon: "SpsIcon"
 };
 const propTypes$h = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
-  heading: propTypes$1H.exports.string,
+  heading: propTypes$1I.exports.string,
   icon: enumValue(SpsIcon)
 });
 function SpsWorkflow(props2) {
@@ -36711,7 +36860,7 @@ const propsDoc$g = {
   progress: "number"
 };
 const propTypes$g = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
-  progress: propTypes$1H.exports.number,
+  progress: propTypes$1I.exports.number,
   size: enumValue(RingSize)
 });
 function SpsProgressRing({
@@ -36756,7 +36905,7 @@ const propsDoc$f = {
   phases: "WizardPhase[]"
 };
 const propTypes$f = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
-  phases: propTypes$1H.exports.arrayOf(impl())
+  phases: propTypes$1I.exports.arrayOf(impl())
 });
 const CSS_BLOCK = "sps-wizard-sidebar";
 function SpsWizardSidebar({
@@ -36807,10 +36956,10 @@ const propsDoc$e = {
 };
 const propTypes$e = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
   condition: enumValue(WizardSubstepConditions).isRequired,
-  display: propTypes$1H.exports.string.isRequired,
-  orderPosition: propTypes$1H.exports.oneOfType([
-    propTypes$1H.exports.string,
-    propTypes$1H.exports.number
+  display: propTypes$1I.exports.string.isRequired,
+  orderPosition: propTypes$1I.exports.oneOfType([
+    propTypes$1I.exports.string,
+    propTypes$1I.exports.number
   ]).isRequired
 });
 function SpsWizardSubstep(props2) {
@@ -37011,7 +37160,7 @@ const propsDoc$b = {
 };
 const propTypes$b = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
   icon: enumValue(SpsIcon).isRequired,
-  title: propTypes$1H.exports.string.isRequired
+  title: propTypes$1I.exports.string.isRequired
 });
 function SpsWorkflowStep(props2) {
   const _a = props2, {
@@ -37123,10 +37272,10 @@ const propsDoc$a = {
   subHeading: "string"
 };
 const propTypes$a = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
-  illustration: propTypes$1H.exports.string,
-  artwork: propTypes$1H.exports.string,
-  heading: propTypes$1H.exports.string.isRequired,
-  subHeading: propTypes$1H.exports.string
+  illustration: propTypes$1I.exports.string,
+  artwork: propTypes$1I.exports.string,
+  heading: propTypes$1I.exports.string.isRequired,
+  subHeading: propTypes$1I.exports.string
 });
 function SpsZeroState(props2) {
   const _a = props2, {
@@ -37184,7 +37333,7 @@ const propsDoc$9 = {
   subHeading: "ReactNodeOrRenderFn"
 };
 const propTypes$9 = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
-  illustration: propTypes$1H.exports.string,
+  illustration: propTypes$1I.exports.string,
   icon: enumValue(SpsIcon),
   heading: nodeOrRenderFn,
   subHeading: nodeOrRenderFn
@@ -37404,8 +37553,8 @@ function Component() {
 };
 const propsDoc$8 = {};
 const propTypes$8 = __spreadValues({}, spsGlobalPropTypes);
-function SpsFilterPanel(_aa) {
-  var _ba = _aa, { children, className } = _ba, rest = __objRest(_ba, ["children", "className"]);
+function SpsFilterPanel(_ca) {
+  var _da = _ca, { children, className } = _da, rest = __objRest(_da, ["children", "className"]);
   return /* @__PURE__ */ React.createElement("div", __spreadValues({
     className: clsx("sps-filter-panel", className)
   }, rest), children);
@@ -37424,15 +37573,15 @@ const propsDoc$7 = {
   onCollapse: "() => void"
 };
 const propTypes$7 = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
-  title: propTypes$1H.exports.string,
-  expanded: propTypes$1H.exports.bool,
-  heightPx: propTypes$1H.exports.number,
-  heightRem: propTypes$1H.exports.number,
+  title: propTypes$1I.exports.string,
+  expanded: propTypes$1I.exports.bool,
+  heightPx: propTypes$1I.exports.number,
+  heightRem: propTypes$1I.exports.number,
   onExpand: fun(),
   onCollapse: fun()
 });
-function SpsFilterPanelSection(_ca) {
-  var _da = _ca, {
+function SpsFilterPanelSection(_ea) {
+  var _fa = _ea, {
     children,
     className,
     title,
@@ -37441,7 +37590,7 @@ function SpsFilterPanelSection(_ca) {
     heightRem,
     onExpand,
     onCollapse
-  } = _da, rest = __objRest(_da, [
+  } = _fa, rest = __objRest(_fa, [
     "children",
     "className",
     "title",
@@ -37494,12 +37643,12 @@ const propsDoc$6 = {
 const propTypes$6 = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
   onClear: fun()
 });
-function SpsFilterPanelCap(_ea) {
-  var _fa = _ea, {
+function SpsFilterPanelCap(_ga) {
+  var _ha = _ga, {
     children,
     className,
     onClear
-  } = _fa, rest = __objRest(_fa, [
+  } = _ha, rest = __objRest(_ha, [
     "children",
     "className",
     "onClear"
@@ -37853,19 +38002,19 @@ const propsDoc$5 = {
   onFilterChange: "ChangeEventHandler<HTMLInputElement>"
 };
 const propTypes$5 = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
-  value: propTypes$1H.exports.string,
-  placeholder: propTypes$1H.exports.string,
+  value: propTypes$1I.exports.string,
+  placeholder: propTypes$1I.exports.string,
   formMeta: impl(),
   onFilterChange: fun()
 });
-function SpsFilterPanelFilterBox(_ga) {
-  var _ha = _ga, {
+function SpsFilterPanelFilterBox(_ia) {
+  var _ja = _ia, {
     className,
     value,
     placeholder,
     formMeta,
     onFilterChange
-  } = _ha, rest = __objRest(_ha, [
+  } = _ja, rest = __objRest(_ja, [
     "className",
     "value",
     "placeholder",
@@ -37892,14 +38041,14 @@ const propsDoc$4 = {
   showCondition: "boolean"
 };
 const propTypes$4 = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
-  showCondition: propTypes$1H.exports.bool
+  showCondition: propTypes$1I.exports.bool
 });
-function SpsConditionalField(_ia) {
-  var _ja = _ia, {
+function SpsConditionalField(_ka) {
+  var _la = _ka, {
     showCondition = true,
     children,
     className
-  } = _ja, rest = __objRest(_ja, [
+  } = _la, rest = __objRest(_la, [
     "showCondition",
     "children",
     "className"
@@ -38348,6 +38497,11 @@ const MANIFEST = {
     description: "Zero States are placeholders in content areas when there is no content to show. You can view all available illustrations on the Illustrations page.",
     components: [SpsZeroState, SpsMicroZeroState],
     examples: SpsZeroStateExamples
+  },
+  "Slide In Panel": {
+    description: "",
+    components: [SpsSlideInPanel],
+    examples: SpsSlideInPanelExamples
   }
 };
 const SpsContextBar = function({
@@ -38375,12 +38529,12 @@ const propsDoc$3 = {
   value: "number"
 };
 const propTypes$3 = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
-  disabled: propTypes$1H.exports.bool,
+  disabled: propTypes$1I.exports.bool,
   formMeta: impl(),
-  name: propTypes$1H.exports.string,
+  name: propTypes$1I.exports.string,
   onChange: fun(),
   ref: ref(),
-  value: propTypes$1H.exports.number
+  value: propTypes$1I.exports.number
 });
 function strToDollars(str) {
   return str ? Number.parseInt(str.replace(/[^\d]/g, ""), 10) / 100 : null;
@@ -38388,8 +38542,8 @@ function strToDollars(str) {
 function dollarsToStr(dollars) {
   return typeof dollars === "number" ? dollars.toFixed(2) : "";
 }
-function SpsCurrencyInput(_ka) {
-  var _la = _ka, {
+function SpsCurrencyInput(_ma) {
+  var _na = _ma, {
     className,
     disabled = false,
     formMeta,
@@ -38399,7 +38553,7 @@ function SpsCurrencyInput(_ka) {
     ref: ref2,
     title,
     value
-  } = _la, rest = __objRest(_la, [
+  } = _na, rest = __objRest(_na, [
     "className",
     "disabled",
     "formMeta",
@@ -38555,10 +38709,10 @@ const propsDoc$2 = {
 };
 const propTypes$2 = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
   color: enumValue(TagKind),
-  href: propTypes$1H.exports.string,
+  href: propTypes$1I.exports.string,
   icon: enumValue(SpsIcon),
-  tagKey: propTypes$1H.exports.string.isRequired,
-  value: propTypes$1H.exports.string.isRequired
+  tagKey: propTypes$1I.exports.string.isRequired,
+  value: propTypes$1I.exports.string.isRequired
 });
 function SpsKeyValueTag(props2) {
   const _a = props2, {
@@ -38665,18 +38819,18 @@ const propsDoc$1 = {
   createTagOptions: "string[]"
 };
 const propTypes$1 = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
-  disabled: propTypes$1H.exports.bool,
+  disabled: propTypes$1I.exports.bool,
   formControl: impl(),
   formMeta: impl(),
   icon: enumValue(SpsIcon),
   onChange: fun(),
   onEntryChange: fun(),
-  placeholder: propTypes$1H.exports.string,
-  value: propTypes$1H.exports.any,
-  createTagOptions: propTypes$1H.exports.arrayOf(propTypes$1H.exports.string)
+  placeholder: propTypes$1I.exports.string,
+  value: propTypes$1I.exports.any,
+  createTagOptions: propTypes$1I.exports.arrayOf(propTypes$1I.exports.string)
 });
-function SpsMultiValueTextInput(_ma) {
-  var _na = _ma, {
+function SpsMultiValueTextInput(_oa) {
+  var _pa = _oa, {
     className,
     disabled,
     formControl: formControl2,
@@ -38690,7 +38844,7 @@ function SpsMultiValueTextInput(_ma) {
     icon,
     createTagOptions = [" ", ","],
     "data-testid": testId
-  } = _na, rest = __objRest(_na, [
+  } = _pa, rest = __objRest(_pa, [
     "className",
     "disabled",
     "formControl",
@@ -38997,4 +39151,4 @@ Object.assign(SpsVr, {
   propTypes,
   displayName: "SpsDescriptionListTerm / SpsDt"
 });
-export { AsTypingErrorKeys, ContentOrderExample, DEFAULT_PRESETS, DragDropContext, PublicDraggable as Draggable, ConnectedDroppable as Droppable, FauxChangeEvent, I18nContext, MANIFEST, OnBlurErrorKeys, OnSubmitErrorKeys, PortalContext, PreventativeErrorKeys, Provide, SimpleDateUtils, SpsAddRemoveFormRowExamples, SpsAdvancedSearch, SpsAdvancedSearchExamples, SpsApp, SpsAutocomplete, SpsAutocompleteExamples, SpsButton, SpsButtonExamples, SpsButtonGroup, SpsCard, SpsCardExamples, SpsCardTabbedPane, SpsCardV2, SpsCardV2Footer, SpsCardV2Header, SpsCardV2Title, SpsCheckbox, SpsCheckboxDropdown, SpsCheckboxExamples, SpsClickableTag, SpsClickableTagExamples, SpsColumnChooser, SpsColumnChooserColumn, SpsColumnChooserExamples, SpsConditionalField, SpsConditionalFieldExamples, SpsContentRow, SpsContentRowCol, SpsContentRowExamples, SpsContentRowExpansion, SpsContextBar, SpsCurrencyInput, SpsCurrencyInputExamples, SpsDateRangePicker, SpsDateRangePickerExamples, SpsDateTime, SpsDatepicker, SpsDatepickerExamples, SpsDatetimeExamples, SpsDd, SpsDescriptionList, SpsDescriptionListDefinition, SpsDescriptionListExamples, SpsDescriptionListTerm, SpsDl, SpsDropdown, SpsDropdownExamples, SpsDt, SpsFeedbackBlock, SpsFeedbackBlockExamples, SpsFieldset, SpsFieldsetExamples, SpsFilterPanel, SpsFilterPanelCap, SpsFilterPanelExamples, SpsFilterPanelFilterBox, SpsFilterPanelSection, SpsFilterTile, SpsFilterTileList, SpsFilterTileListExamples, SpsFocusedTask, SpsFocusedTaskActions, SpsFocusedTaskExamples, SpsForm, SpsFormArrayMeta, SpsFormComponentWrapper, SpsFormExamples, SpsFormFieldMeta, SpsFormGroupMeta, SpsFormMetaBase, SpsFormSetMeta, SpsGrowler, SpsGrowlerExamples, SpsI, SpsIconButtonPanel, SpsIncrementor, SpsIncrementorExamples, SpsInputGroup, SpsInsightTile, SpsInsights, SpsKeyValueList, SpsKeyValueListExamples, SpsKeyValueListItem, SpsKeyValueTag, SpsKeyValueTagExamples, SpsLabel, SpsLabelExamples, SpsListActionBar, SpsListActionBarExamples, SpsListToolbar, SpsListToolbarExamples, SpsListToolbarSearch, SpsListToolbarSearchInfo, SpsListToolbarSortBy, SpsMicroBlock, SpsMicroBlockExamples, SpsMicroZeroState, SpsModal, SpsModalExamples, SpsModalFooter, SpsMultiSelect, SpsMultiSelectExamples, SpsMultiValueTextInput, SpsMultiValueTextInputExamples, SpsPageSelector, SpsPageSubtitle, SpsPageTitle, SpsPageTitleExamples, SpsPagination, SpsPaginationExamples, SpsProductBar, SpsProductBarExamples, SpsProductBarTab, SpsProgressBar, SpsProgressBarExamples, SpsProgressRing, SpsRadioButton, SpsRadioButtonExamples, SpsScrollableContainer, SpsScrollableContainerExamples, SpsSearchResultsBar, SpsSearchResultsBarExamples, SpsSearchResultsBarV2, SpsSelect, SpsSelectExamples, SpsSideNav, SpsSideNavExamples, SpsSlackLink, SpsSlackLinkExamples, SpsSortingHeader, SpsSortingHeaderCell, SpsSortingHeaderExamples, SpsSpinner, SpsSpinnerExamples, SpsSplitButton, SpsSplitButtonExamples, SpsSteppedProgressBar, SpsSteppedProgressBarExamples, SpsSummaryListColumn, SpsSummaryListExamples, SpsSummaryListExpansion, SpsSummaryListRow, SpsTab, SpsTabPanel, SpsTable, SpsTableBody, SpsTableCell, SpsTableExamples, SpsTableHead, SpsTableHeader, SpsTableRow, SpsTabsV2, SpsTag, SpsTagExamples, SpsTaskQueue, SpsTaskQueueExamples, SpsTbody, SpsTd, SpsTextInput, SpsTextInputExamples, SpsTextarea, SpsTextareaExamples, SpsTh, SpsThead, SpsTile, SpsTileList, SpsTileListExamples, SpsToggle, SpsToggleExamples, SpsTooltip, SpsTooltipExamples, SpsTooltipTitle, SpsTr, SpsValidators, SpsVerticalRule, SpsVr, SpsWf, SpsWfDoc, SpsWfDs, SpsWfStep, SpsWizardExamples, SpsWizardSidebar, SpsWizardSubstep, SpsWorkflow, SpsWorkflowDocument, SpsWorkflowDocumentStatus, SpsWorkflowExamples, SpsWorkflowStep, SpsZeroState, SpsZeroStateExamples, TooltipVisibility, ValidationMode, addOnChangeErrorKey, addOnSubmitErrorKey, bindProps, contentOf, date, dateConstraint, dateRange, findParentBranches, flipPosition, formArray, formControl, formGroup, getMember, getPosition, resetServerContext, selectChildren, toggleTooltipState, useCheckDeprecatedProps, useColumnResizer, useCustomValidator, useDidUpdateEffect, useDocumentEventListener, useElementId, useForm, useGrowlers, useInputPopup, useKeyboardSensor, useMouseSensor, usePatchReducer, usePortal, useServerSideValidation, useSpsAction, useSpsForm, useTouchSensor, validate };
+export { AsTypingErrorKeys, ContentOrderExample, DEFAULT_PRESETS, DragDropContext, PublicDraggable as Draggable, ConnectedDroppable as Droppable, FauxChangeEvent, I18nContext, MANIFEST, OnBlurErrorKeys, OnSubmitErrorKeys, PortalContext, PreventativeErrorKeys, Provide, SimpleDateUtils, SpsAddRemoveFormRowExamples, SpsAdvancedSearch, SpsAdvancedSearchExamples, SpsApp, SpsAutocomplete, SpsAutocompleteExamples, SpsButton, SpsButtonExamples, SpsButtonGroup, SpsCard, SpsCardExamples, SpsCardTabbedPane, SpsCardV2, SpsCardV2Footer, SpsCardV2Header, SpsCardV2Title, SpsCheckbox, SpsCheckboxDropdown, SpsCheckboxExamples, SpsClickableTag, SpsClickableTagExamples, SpsColumnChooser, SpsColumnChooserColumn, SpsColumnChooserExamples, SpsConditionalField, SpsConditionalFieldExamples, SpsContentRow, SpsContentRowCol, SpsContentRowExamples, SpsContentRowExpansion, SpsContextBar, SpsCurrencyInput, SpsCurrencyInputExamples, SpsDateRangePicker, SpsDateRangePickerExamples, SpsDateTime, SpsDatepicker, SpsDatepickerExamples, SpsDatetimeExamples, SpsDd, SpsDescriptionList, SpsDescriptionListDefinition, SpsDescriptionListExamples, SpsDescriptionListTerm, SpsDl, SpsDropdown, SpsDropdownExamples, SpsDt, SpsFeedbackBlock, SpsFeedbackBlockExamples, SpsFieldset, SpsFieldsetExamples, SpsFilterPanel, SpsFilterPanelCap, SpsFilterPanelExamples, SpsFilterPanelFilterBox, SpsFilterPanelSection, SpsFilterTile, SpsFilterTileList, SpsFilterTileListExamples, SpsFocusedTask, SpsFocusedTaskActions, SpsFocusedTaskExamples, SpsForm, SpsFormArrayMeta, SpsFormComponentWrapper, SpsFormExamples, SpsFormFieldMeta, SpsFormGroupMeta, SpsFormMetaBase, SpsFormSetMeta, SpsGrowler, SpsGrowlerExamples, SpsI, SpsIconButtonPanel, SpsIncrementor, SpsIncrementorExamples, SpsInputGroup, SpsInsightTile, SpsInsights, SpsKeyValueList, SpsKeyValueListExamples, SpsKeyValueListItem, SpsKeyValueTag, SpsKeyValueTagExamples, SpsLabel, SpsLabelExamples, SpsListActionBar, SpsListActionBarExamples, SpsListToolbar, SpsListToolbarExamples, SpsListToolbarSearch, SpsListToolbarSearchInfo, SpsListToolbarSortBy, SpsMicroBlock, SpsMicroBlockExamples, SpsMicroZeroState, SpsModal, SpsModalExamples, SpsModalFooter, SpsMultiSelect, SpsMultiSelectExamples, SpsMultiValueTextInput, SpsMultiValueTextInputExamples, SpsPageSelector, SpsPageSubtitle, SpsPageTitle, SpsPageTitleExamples, SpsPagination, SpsPaginationExamples, SpsProductBar, SpsProductBarExamples, SpsProductBarTab, SpsProgressBar, SpsProgressBarExamples, SpsProgressRing, SpsRadioButton, SpsRadioButtonExamples, SpsScrollableContainer, SpsScrollableContainerExamples, SpsSearchResultsBar, SpsSearchResultsBarExamples, SpsSearchResultsBarV2, SpsSelect, SpsSelectExamples, SpsSideNav, SpsSideNavExamples, SpsSlackLink, SpsSlackLinkExamples, SpsSlideInPanel, SpsSlideInPanelExamples, SpsSortingHeader, SpsSortingHeaderCell, SpsSortingHeaderExamples, SpsSpinner, SpsSpinnerExamples, SpsSplitButton, SpsSplitButtonExamples, SpsSteppedProgressBar, SpsSteppedProgressBarExamples, SpsSummaryListColumn, SpsSummaryListExamples, SpsSummaryListExpansion, SpsSummaryListRow, SpsTab, SpsTabPanel, SpsTable, SpsTableBody, SpsTableCell, SpsTableExamples, SpsTableHead, SpsTableHeader, SpsTableRow, SpsTabsV2, SpsTag, SpsTagExamples, SpsTaskQueue, SpsTaskQueueExamples, SpsTbody, SpsTd, SpsTextInput, SpsTextInputExamples, SpsTextarea, SpsTextareaExamples, SpsTh, SpsThead, SpsTile, SpsTileList, SpsTileListExamples, SpsToggle, SpsToggleExamples, SpsTooltip, SpsTooltipExamples, SpsTooltipTitle, SpsTr, SpsValidators, SpsVerticalRule, SpsVr, SpsWf, SpsWfDoc, SpsWfDs, SpsWfStep, SpsWizardExamples, SpsWizardSidebar, SpsWizardSubstep, SpsWorkflow, SpsWorkflowDocument, SpsWorkflowDocumentStatus, SpsWorkflowExamples, SpsWorkflowStep, SpsZeroState, SpsZeroStateExamples, TooltipVisibility, ValidationMode, addOnChangeErrorKey, addOnSubmitErrorKey, bindProps, contentOf, date, dateConstraint, dateRange, findParentBranches, flipPosition, formArray, formControl, formGroup, getMember, getPosition, resetServerContext, selectChildren, toggleTooltipState, useCheckDeprecatedProps, useColumnResizer, useCustomValidator, useDidUpdateEffect, useDocumentEventListener, useElementId, useForm, useGrowlers, useInputPopup, useKeyboardSensor, useMouseSensor, usePatchReducer, usePortal, useServerSideValidation, useSpsAction, useSpsForm, useTouchSensor, validate };