@spscommerce/ds-react 6.0.0-rc1 → 6.0.0

package/lib/index.es.js

@@ -1414,6 +1414,17 @@ const SpsFormComponentWrapper = React.forwardRef((props2, ref2) => {
       onClick(event);
     }
   }
+  React.useEffect(() => {
+    function handleMouseDown(e2) {
+      if (e2.target.classList.contains("sps-form-control__clear-btn")) {
+        e2.preventDefault();
+      }
+    }
+    document.addEventListener("mousedown", handleMouseDown);
+    return () => {
+      document.removeEventListener("mousedown", handleMouseDown);
+    };
+  }, []);
   return /* @__PURE__ */ React.createElement("div", __spreadProps(__spreadValues({}, rest), {
     className: classes,
     ref: ref2,
@@ -1759,7 +1770,8 @@ const spsOptionListPassthroughProps = {
     valueKey: "string",
     zeroState: "string",
     maxHeightPx: "number",
-    maxHeightRem: "number"
+    maxHeightRem: "number",
+    disableOptionsMemoization: "boolean"
   },
   propTypes: {
     captionKey: propTypes$1G.exports.string,
@@ -1805,11 +1817,13 @@ const propTypes$1C = __spreadProps(__spreadValues(__spreadValues(__spreadValues(
   specialAction: fun(),
   ignoreWidthStyles: propTypes$1G.exports.bool,
   loading: propTypes$1G.exports.bool,
-  filterByTextAndCaptionKey: propTypes$1G.exports.bool
+  filterByTextAndCaptionKey: propTypes$1G.exports.bool,
+  disableOptionsMemoization: propTypes$1G.exports.bool
 });
 async function updateOptions(props2, searchState, searchStatePatch, setOptionList, setAnyOptionHasIcon, promiseRef) {
   const options = typeof props2.options === "function" ? props2.options(searchState.value) : props2.options || [];
   const areOptionsPromise = options instanceof Promise;
+  const removeSpecialSymbols = (value) => value.replace(/([.?*+^$[\]\\(){}|-])/g, "");
   searchStatePatch({ pending: areOptionsPromise });
   promiseRef.current = areOptionsPromise ? options : null;
   const result = areOptionsPromise ? await options || [] : options || [];
@@ -1827,13 +1841,15 @@ async function updateOptions(props2, searchState, searchStatePatch, setOptionLis
     newOpts.unshift(new SpsOptionListOption(null, { text: props2.nullOption }));
   }
   if (searchState.value) {
-    searchStatePatch({ replacementPattern: new RegExp(searchState.value, "ig") });
+    const searchValue = removeSpecialSymbols(searchState.value);
+    searchStatePatch({ replacementPattern: new RegExp(searchValue, "ig") });
     newOpts = newOpts.filter((o) => {
-      const regEx = new RegExp(searchState.value, "i");
+      const regEx = new RegExp(searchValue, "i");
+      const optionText = removeSpecialSymbols(o.text);
       if (props2.filterByTextAndCaptionKey) {
-        return regEx.test(o.text) || regEx.test(o.caption);
+        return regEx.test(optionText) || regEx.test(removeSpecialSymbols(o.caption));
       }
-      return regEx.test(o.text);
+      return regEx.test(optionText);
     });
   } else {
     searchStatePatch({ replacementPattern: null });
@@ -1857,7 +1873,7 @@ function useOptionListOptions(props2, searchState, searchStatePatch) {
   const [anyOptionHasIcon, setAnyOptionHasIcon] = React.useState(false);
   const promiseRef = React.useRef(null);
   const optionsRef = React.useRef(props2.options);
-  if (typeof props2.options !== "function") {
+  if (typeof props2.options !== "function" || props2.disableOptionsMemoization) {
     optionsRef.current = props2.options;
   }
   const update2 = React.useMemo(() => typeof optionsRef.current === "function" ? debounce(updateOptions, typeof props2.searchDebounce !== "undefined" ? props2.searchDebounce : 500) : updateOptions, [optionsRef.current, props2.disabledOptions]);
@@ -2118,6 +2134,7 @@ const SpsOptionList = React.forwardRef((props2, ref2) => {
     filterByTextAndCaptionKey,
     maxHeightPx,
     maxHeightRem,
+    disableOptionsMemoization,
     "data-testid": testId
   } = _a, rest = __objRest(_a, [
     "captionKey",
@@ -2155,6 +2172,7 @@ const SpsOptionList = React.forwardRef((props2, ref2) => {
     "filterByTextAndCaptionKey",
     "maxHeightPx",
     "maxHeightRem",
+    "disableOptionsMemoization",
     "data-testid"
   ]);
   const specialActionOption = React.useMemo(() => specialAction ? new SpsOptionListOption(specialAction, {
@@ -2392,7 +2410,7 @@ const SpsOptionList = React.forwardRef((props2, ref2) => {
     ref: optionsRef,
     "data-testid": `${testId}-options`,
     style: optionsInlineStyles
-  }, !loading && !searchState.pending && zeroState && (searchState.value || !searchState.isAsync) && optionList.length === 0 && /* @__PURE__ */ React.createElement("div", {
+  }, !loading && !searchState.pending && zeroState && optionList.length === 0 && /* @__PURE__ */ React.createElement("div", {
     className: "sps-option-list__zero-state"
   }, zeroState), (loading || searchState.pending) && /* @__PURE__ */ React.createElement("div", {
     className: "sps-option-list__loading"
@@ -2444,6 +2462,48 @@ Object.assign(SpsOptionList, {
   propTypes: propTypes$1C,
   displayName: "SpsOptionList"
 });
+function bindProps(E, boundProps, deps = []) {
+  return React.useMemo(() => {
+    const EWithBoundProps = (props2) => /* @__PURE__ */ React.createElement(E, __spreadValues({}, __spreadValues(__spreadValues({}, props2), boundProps)), props2.children);
+    return EWithBoundProps;
+  }, deps);
+}
+const Nested = function({
+  children,
+  elements
+}) {
+  if (elements.length === 0) {
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, children);
+  }
+  const [E, p2] = Array.isArray(elements[0]) ? elements[0] : [elements[0]];
+  return /* @__PURE__ */ React.createElement(E, __spreadValues({}, p2 != null ? p2 : {}), /* @__PURE__ */ React.createElement(Nested, {
+    elements: elements.slice(1)
+  }, children));
+};
+const Provide = function(_a) {
+  var _b = _a, {
+    children,
+    providers = []
+  } = _b, rest = __objRest(_b, [
+    "children",
+    "providers"
+  ]);
+  return /* @__PURE__ */ React.createElement("div", __spreadValues({}, rest), /* @__PURE__ */ React.createElement(Nested, {
+    elements: providers
+  }, children));
+};
+const SpsApp = function(_c) {
+  var _d = _c, {
+    children,
+    className
+  } = _d, rest = __objRest(_d, [
+    "children",
+    "className"
+  ]);
+  return /* @__PURE__ */ React.createElement(Provide, __spreadValues({
+    className: `sps-app ${className}`
+  }, rest), children);
+};
 function selectChildren(children = [], groups = []) {
   const childrenArray = Array.isArray(children) ? flatten(children) : [children];
   const normGroups = groups.map((s) => Array.isArray(s) ? s : [s]);
@@ -2553,7 +2613,8 @@ const propsDoc$1y = {
   zeroState: "string",
   loading: "boolean",
   maxHeightOptionListPx: "number",
-  maxHeightOptionListRem: "number"
+  maxHeightOptionListRem: "number",
+  disableOptionsMemoization: "boolean"
 };
 const propTypes$1B = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
   debounce: propTypes$1G.exports.number,
@@ -2573,10 +2634,11 @@ const propTypes$1B = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
   zeroState: propTypes$1G.exports.string,
   loading: propTypes$1G.exports.bool,
   maxHeightOptionListPx: propTypes$1G.exports.number,
-  maxHeightOptionListRem: propTypes$1G.exports.number
+  maxHeightOptionListRem: propTypes$1G.exports.number,
+  disableOptionsMemoization: propTypes$1G.exports.bool
 });
-function SpsAutocomplete(_a) {
-  var _b = _a, {
+function SpsAutocomplete(_e) {
+  var _f = _e, {
     className,
     debounce: debounce2 = 0,
     disabled,
@@ -2594,8 +2656,9 @@ function SpsAutocomplete(_a) {
     loading,
     maxHeightOptionListPx,
     maxHeightOptionListRem,
+    disableOptionsMemoization,
     "data-testid": testId
-  } = _b, rest = __objRest(_b, [
+  } = _f, rest = __objRest(_f, [
     "className",
     "debounce",
     "disabled",
@@ -2613,6 +2676,7 @@ function SpsAutocomplete(_a) {
     "loading",
     "maxHeightOptionListPx",
     "maxHeightOptionListRem",
+    "disableOptionsMemoization",
     "data-testid"
   ]);
   const meta = formMeta || formControl2;
@@ -2727,7 +2791,8 @@ function SpsAutocomplete(_a) {
     zeroState,
     loading,
     maxHeightPx: maxHeightOptionListPx,
-    maxHeightRem: maxHeightOptionListRem
+    maxHeightRem: maxHeightOptionListRem,
+    disableOptionsMemoization
   }));
 }
 Object.assign(SpsAutocomplete, {
@@ -2869,7 +2934,8 @@ const propsDoc$1x = {
   onClose: "() => void",
   loading: "boolean",
   maxHeightOptionListPx: "number",
-  maxHeightOptionListRem: "number"
+  maxHeightOptionListRem: "number",
+  disableOptionsMemoization: "boolean"
 };
 const propTypes$1A = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
   alignLeft: propTypes$1G.exports.bool,
@@ -2885,7 +2951,8 @@ const propTypes$1A = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
   onClose: fun(),
   loading: propTypes$1G.exports.bool,
   maxHeightOptionListPx: propTypes$1G.exports.number,
-  maxHeightOptionListRem: propTypes$1G.exports.number
+  maxHeightOptionListRem: propTypes$1G.exports.number,
+  disableOptionsMemoization: propTypes$1G.exports.bool
 });
 function SpsDropdown(props2) {
   const _a = props2, {
@@ -2906,7 +2973,8 @@ function SpsDropdown(props2) {
     onClose,
     loading,
     maxHeightOptionListPx,
-    maxHeightOptionListRem
+    maxHeightOptionListRem,
+    disableOptionsMemoization
   } = _a, rest = __objRest(_a, [
     "alignLeft",
     "className",
@@ -2925,7 +2993,8 @@ function SpsDropdown(props2) {
     "onClose",
     "loading",
     "maxHeightOptionListPx",
-    "maxHeightOptionListRem"
+    "maxHeightOptionListRem",
+    "disableOptionsMemoization"
   ]);
   const { t: t2 } = React.useContext(I18nContext);
   const id2 = useElementId(idProp);
@@ -3026,7 +3095,8 @@ function SpsDropdown(props2) {
     optionRole: "option",
     loading,
     maxHeightPx: maxHeightOptionListPx,
-    maxHeightRem: maxHeightOptionListRem
+    maxHeightRem: maxHeightOptionListRem,
+    disableOptionsMemoization
   }), /* @__PURE__ */ React.createElement("div", {
     onClick: handleButtonClick,
     className: buttonClasses,
@@ -5804,10 +5874,10 @@ function SpsTab({
     className: clsx("sps-nav__item", "sps-nav__link", isSelected && "active", isDisabled && "sps-nav__item--disabled")
   }), item.rendered);
 }
-function SpsTabPanel(_c) {
-  var _d = _c, {
+function SpsTabPanel(_g) {
+  var _h = _g, {
     state
-  } = _d, props2 = __objRest(_d, [
+  } = _h, props2 = __objRest(_h, [
     "state"
   ]);
   const ref2 = React.useRef();
@@ -5842,11 +5912,11 @@ Object.assign(SpsTabsV2, {
 });
 const propsDoc$1u = {};
 const propTypes$1x = {};
-function SpsCardV2Footer(_e) {
-  var _f = _e, {
+function SpsCardV2Footer(_i) {
+  var _j = _i, {
     children,
     className
-  } = _f, rest = __objRest(_f, [
+  } = _j, rest = __objRest(_j, [
     "children",
     "className"
   ]);
@@ -5861,11 +5931,11 @@ Object.assign(SpsCardV2Footer, {
 });
 const propsDoc$1t = {};
 const propTypes$1w = {};
-function SpsCardV2Header(_g) {
-  var _h = _g, {
+function SpsCardV2Header(_k) {
+  var _l = _k, {
     children,
     className
-  } = _h, rest = __objRest(_h, [
+  } = _l, rest = __objRest(_l, [
     "children",
     "className"
   ]);
@@ -5880,11 +5950,11 @@ Object.assign(SpsCardV2Header, {
 });
 const propsDoc$1s = {};
 const propTypes$1v = {};
-function SpsCardV2(_i) {
-  var _j = _i, {
+function SpsCardV2(_m) {
+  var _n = _m, {
     children,
     className
-  } = _j, rest = __objRest(_j, [
+  } = _n, rest = __objRest(_n, [
     "children",
     "className"
   ]);
@@ -5911,11 +5981,11 @@ Object.assign(SpsCardV2, {
 });
 const propsDoc$1r = {};
 const propTypes$1u = {};
-function SpsCardV2Title(_k) {
-  var _l = _k, {
+function SpsCardV2Title(_o) {
+  var _p = _o, {
     children,
     className
-  } = _l, rest = __objRest(_l, [
+  } = _p, rest = __objRest(_p, [
     "children",
     "className"
   ]);
@@ -6252,8 +6322,8 @@ const propTypes$1t = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
   label: propTypes$1G.exports.string,
   onChange: fun()
 });
-function SpsCheckbox(_m) {
-  var _n = _m, {
+function SpsCheckbox(_q) {
+  var _r = _q, {
     checked: checkedProp,
     className,
     disabled,
@@ -6266,7 +6336,7 @@ function SpsCheckbox(_m) {
     onChange,
     "data-testid": testId,
     unsafelyReplaceClassName
-  } = _n, rest = __objRest(_n, [
+  } = _r, rest = __objRest(_r, [
     "checked",
     "className",
     "disabled",
@@ -16159,13 +16229,13 @@ const propTypes$1g = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
   attachTo: ref().isRequired,
   isOpen: propTypes$1G.exports.bool.isRequired
 });
-const SpsDatepickerPopup = React.forwardRef((_o, ref2) => {
-  var _p = _o, {
+const SpsDatepickerPopup = React.forwardRef((_s, ref2) => {
+  var _t = _s, {
     attachTo,
     children,
     className,
     isOpen
-  } = _p, rest = __objRest(_p, [
+  } = _t, rest = __objRest(_t, [
     "attachTo",
     "children",
     "className",
@@ -16203,8 +16273,8 @@ const propTypes$1f = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
   value: impl()
 });
 const CSS_BLOCK$3 = "sps-datepicker";
-function SpsDatepicker(_q) {
-  var _r = _q, {
+function SpsDatepicker(_u) {
+  var _v = _u, {
     children,
     className,
     disabled,
@@ -16215,7 +16285,7 @@ function SpsDatepicker(_q) {
     onChange,
     value,
     "data-testid": testId
-  } = _r, rest = __objRest(_r, [
+  } = _v, rest = __objRest(_v, [
     "children",
     "className",
     "disabled",
@@ -16428,8 +16498,8 @@ const DEFAULT_PRESETS = [
   { definition: "P90D", label: "design-system:datepicker.preset.ninetyDays" },
   { definition: "P1Y", label: "design-system:datepicker.preset.oneYear" }
 ];
-function SpsDateRangePicker(_s) {
-  var _t = _s, {
+function SpsDateRangePicker(_w) {
+  var _x = _w, {
     children,
     className,
     disabled,
@@ -16441,7 +16511,7 @@ function SpsDateRangePicker(_s) {
     presets = DEFAULT_PRESETS,
     value,
     "data-testid": testId
-  } = _t, rest = __objRest(_t, [
+  } = _x, rest = __objRest(_x, [
     "children",
     "className",
     "disabled",
@@ -22462,7 +22532,7 @@ function SpsFieldset({
   legend,
   unsafelyReplaceClassName,
   optional = false,
-  enabled,
+  enabled = false,
   onToggled,
   tooltip,
   "data-testid": testId
@@ -22472,14 +22542,9 @@ function SpsFieldset({
   const infoCircleElement = React.useRef(null);
   const [showTip, setShowTip] = React.useState(TooltipVisibility.HIDDEN);
   const [wasFocused, setWasFocused] = React.useState(false);
-  const [isChecked, setisChecked] = React.useState(false);
-  React.useEffect(() => {
-    setisChecked(enabled);
-  }, [enabled]);
-  React.useEffect(() => {
-    if (typeof onToggled === "function") {
-      onToggled(isChecked);
-    }
+  const [isChecked, setIsChecked] = React.useState(enabled);
+  useDidUpdateEffect(() => {
+    onToggled == null ? void 0 : onToggled(isChecked);
   }, [isChecked]);
   React.useEffect(() => {
     if (formControlSet || formMeta) {
@@ -22511,7 +22576,7 @@ function SpsFieldset({
     checked: isChecked,
     className: "d-inline-flex",
     onChange: () => {
-      setisChecked(!isChecked);
+      setIsChecked(!isChecked);
     },
     "data-testid": `${testId}__checkbox`
   }), legend, tooltip && /* @__PURE__ */ React.createElement("span", {
@@ -25103,8 +25168,8 @@ const propTypes$_ = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
   helpIconColor: propTypes$1G.exports.string,
   errors: nodeOrRenderFn
 });
-function SpsLabel(_u) {
-  var _v = _u, {
+function SpsLabel(_y) {
+  var _z = _y, {
     children,
     className,
     description,
@@ -25116,7 +25181,7 @@ function SpsLabel(_u) {
     errors,
     unsafelyReplaceClassName,
     "data-testid": testId
-  } = _v, rest = __objRest(_v, [
+  } = _z, rest = __objRest(_z, [
     "children",
     "className",
     "description",
@@ -26193,11 +26258,11 @@ Object.assign(SpsTd, {
 const propsDoc$R = {};
 const propTypes$S = __spreadValues({}, spsGlobalPropTypes);
 const CSS_BLOCK$1 = "sps-icon-button-panel";
-function SpsIconButtonPanel(_w) {
-  var _x = _w, {
+function SpsIconButtonPanel(_A) {
+  var _B = _A, {
     children,
     className
-  } = _x, rest = __objRest(_x, [
+  } = _B, rest = __objRest(_B, [
     "children",
     "className"
   ]);
@@ -27755,8 +27820,8 @@ const propTypes$O = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
   formMeta: impl(),
   stacked: propTypes$1G.exports.bool
 });
-function SpsInputGroup(_y) {
-  var _z = _y, {
+function SpsInputGroup(_C) {
+  var _D = _C, {
     children,
     className,
     formArray: formArray2,
@@ -27765,7 +27830,7 @@ function SpsInputGroup(_y) {
     stacked,
     "data-testid": testId,
     unsafelyReplaceClassName
-  } = _z, rest = __objRest(_z, [
+  } = _D, rest = __objRest(_D, [
     "children",
     "className",
     "formArray",
@@ -28933,8 +28998,8 @@ Object.assign(SpsModalFooter, {
   propTypes: {},
   displayName: "SpsModalFooter"
 });
-function SpsModal(_A) {
-  var _B = _A, {
+function SpsModal(_E) {
+  var _F = _E, {
     children,
     className,
     id: idProp,
@@ -28943,7 +29008,7 @@ function SpsModal(_A) {
     onClose,
     focusElementOnOpen,
     title
-  } = _B, rest = __objRest(_B, [
+  } = _F, rest = __objRest(_F, [
     "children",
     "className",
     "id",
@@ -29536,7 +29601,8 @@ const propsDoc$H = {
   zeroState: "string",
   loading: "boolean",
   maxHeightOptionListPx: "number",
-  maxHeightOptionListRem: "number"
+  maxHeightOptionListRem: "number",
+  disableOptionsMemoization: "boolean"
 };
 const propTypes$H = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
   action: fun(),
@@ -29564,10 +29630,11 @@ const propTypes$H = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
   zeroState: propTypes$1G.exports.string,
   loading: propTypes$1G.exports.bool,
   maxHeightOptionListPx: propTypes$1G.exports.number,
-  maxHeightOptionListRem: propTypes$1G.exports.number
+  maxHeightOptionListRem: propTypes$1G.exports.number,
+  disableOptionsMemoization: propTypes$1G.exports.bool
 });
-function SpsMultiSelect(_C) {
-  var _D = _C, {
+function SpsMultiSelect(_G) {
+  var _H = _G, {
     action,
     captionKey,
     className,
@@ -29593,8 +29660,9 @@ function SpsMultiSelect(_C) {
     icon,
     maxHeightOptionListPx,
     maxHeightOptionListRem,
+    disableOptionsMemoization,
     "data-testid": testId
-  } = _D, rest = __objRest(_D, [
+  } = _H, rest = __objRest(_H, [
     "action",
     "captionKey",
     "className",
@@ -29620,6 +29688,7 @@ function SpsMultiSelect(_C) {
     "icon",
     "maxHeightOptionListPx",
     "maxHeightOptionListRem",
+    "disableOptionsMemoization",
     "data-testid"
   ]);
   const meta = formMeta || formControl2;
@@ -29832,7 +29901,8 @@ function SpsMultiSelect(_C) {
     zeroState,
     loading,
     maxHeightPx: maxHeightOptionListPx,
-    maxHeightRem: maxHeightOptionListRem
+    maxHeightRem: maxHeightOptionListRem,
+    disableOptionsMemoization
   }));
 }
 Object.assign(SpsMultiSelect, {
@@ -30182,6 +30252,7 @@ const propsDoc$E = {
   notClearable: "boolean",
   options: "Eventually<any[]> | (filter?: string) => Eventually<any[]>",
   onChange: "ChangeEventHandler",
+  onOpen: "OnOpenHandler",
   placeholder: "string",
   searchDebounce: "number",
   searchPlaceholder: "string",
@@ -30194,7 +30265,8 @@ const propsDoc$E = {
   loading: "boolean",
   filterByTextAndCaptionKey: "boolean",
   maxHeightOptionListPx: "number",
-  maxHeightOptionListRem: "number"
+  maxHeightOptionListRem: "number",
+  disableOptionsMemoization: "boolean"
 };
 const propTypes$E = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
   action: fun(),
@@ -30210,6 +30282,7 @@ const propTypes$E = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
     fun()
   ]).isRequired,
   onChange: fun(),
+  onOpen: fun(),
   placeholder: propTypes$1G.exports.string,
   searchDebounce: propTypes$1G.exports.number,
   searchPlaceholder: propTypes$1G.exports.string,
@@ -30222,7 +30295,8 @@ const propTypes$E = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
   loading: propTypes$1G.exports.bool,
   filterByTextAndCaptionKey: propTypes$1G.exports.bool,
   maxHeightOptionListPx: propTypes$1G.exports.number,
-  maxHeightOptionListRem: propTypes$1G.exports.number
+  maxHeightOptionListRem: propTypes$1G.exports.number,
+  disableOptionsMemoization: propTypes$1G.exports.bool
 });
 const SpsSelect = React.forwardRef((props2, ref2) => {
   const _a = props2, {
@@ -30239,6 +30313,7 @@ const SpsSelect = React.forwardRef((props2, ref2) => {
     options,
     onChange,
     onClick,
+    onOpen,
     placeholder,
     searchDebounce,
     searchPlaceholder = "Search\u2026",
@@ -30252,7 +30327,8 @@ const SpsSelect = React.forwardRef((props2, ref2) => {
     filterByTextAndCaptionKey,
     maxHeightOptionListPx,
     maxHeightOptionListRem,
-    "data-testid": testId
+    "data-testid": testId,
+    disableOptionsMemoization
   } = _a, rest = __objRest(_a, [
     "action",
     "autoFixWidth",
@@ -30267,6 +30343,7 @@ const SpsSelect = React.forwardRef((props2, ref2) => {
     "options",
     "onChange",
     "onClick",
+    "onOpen",
     "placeholder",
     "searchDebounce",
     "searchPlaceholder",
@@ -30280,7 +30357,8 @@ const SpsSelect = React.forwardRef((props2, ref2) => {
     "filterByTextAndCaptionKey",
     "maxHeightOptionListPx",
     "maxHeightOptionListRem",
-    "data-testid"
+    "data-testid",
+    "disableOptionsMemoization"
   ]);
   const meta = formMeta || formControl2;
   const { wrapperId, controlId } = useFormControlId(id2, meta);
@@ -30380,6 +30458,7 @@ const SpsSelect = React.forwardRef((props2, ref2) => {
   });
   useDidUpdateEffect(() => {
     if (state.isOpen) {
+      onOpen == null ? void 0 : onOpen();
       const event = document.createEvent("CustomEvent");
       event.initCustomEvent("DropdownOpened", false, false, wrapperId);
       document.dispatchEvent(event);
@@ -30451,6 +30530,7 @@ const SpsSelect = React.forwardRef((props2, ref2) => {
     loading,
     maxHeightPx: maxHeightOptionListPx,
     maxHeightRem: maxHeightOptionListRem,
+    disableOptionsMemoization,
     "data-testid": `${testId}-option-list`
   }));
 });
@@ -30463,13 +30543,15 @@ const propsDoc$D = {
   page: "number",
   numPages: "number",
   onPageChange: "(number) => void",
-  disabled: "boolean"
+  disabled: "boolean",
+  unknownPageCount: "boolean"
 };
 const propTypes$D = __spreadValues({
   numPages: propTypes$1G.exports.number,
   onPageChange: fun(),
   page: propTypes$1G.exports.number,
-  disabled: propTypes$1G.exports.bool
+  disabled: propTypes$1G.exports.bool,
+  unknownPageCount: propTypes$1G.exports.bool
 }, spsGlobalPropTypes);
 function SpsPageSelector(props2) {
   const _a = props2, {
@@ -30479,7 +30561,8 @@ function SpsPageSelector(props2) {
     unsafelyReplaceClassName,
     className,
     "data-testid": testId,
-    disabled = false
+    disabled = false,
+    unknownPageCount = false
   } = _a, rest = __objRest(_a, [
     "numPages",
     "onPageChange",
@@ -30487,7 +30570,8 @@ function SpsPageSelector(props2) {
     "unsafelyReplaceClassName",
     "className",
     "data-testid",
-    "disabled"
+    "disabled",
+    "unknownPageCount"
   ]);
   const { t: t2 } = React.useContext(I18nContext);
   const [inputPage, setInputPage] = React.useState(pageProp);
@@ -30498,7 +30582,7 @@ function SpsPageSelector(props2) {
   }, [pageProp]);
   function updatePage(newPage) {
     const constrainedPage = constrain(newPage, [1, numPages]);
-    if (constrainedPage !== inputPage) {
+    if (newPage !== page) {
       setPage(constrainedPage);
       setInputPage(constrainedPage);
       if (onPageChange && typeof onPageChange === "function") {
@@ -30506,17 +30590,15 @@ function SpsPageSelector(props2) {
       }
     }
   }
-  const debouncedPageUpdate = debounce(updatePage, 500);
   function onTextInputInput(event) {
-    setInputPage(event.target.value);
-    void debouncedPageUpdate(parseInt(event.target.value, 10));
+    setInputPage(Number(event.target.value) || "");
   }
   const classes = clsx(unsafelyReplaceClassName || "sps-page-selector", className);
   const id2 = useElementId(null);
   return /* @__PURE__ */ React.createElement("div", __spreadValues({
     className: classes,
     "data-testid": testId
-  }, rest), /* @__PURE__ */ React.createElement("div", {
+  }, rest), !unknownPageCount && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", {
     className: "sps-pagination__input-wrapper",
     "data-testid": `${testId}__input`
   }, /* @__PURE__ */ React.createElement("div", {
@@ -30524,7 +30606,9 @@ function SpsPageSelector(props2) {
   }, inputPage), /* @__PURE__ */ React.createElement("label", {
     htmlFor: id2.current,
     className: "sr-only"
-  }, t2("design-system:pagination.page")), /* @__PURE__ */ React.createElement("input", {
+  }, t2("design-system:pagination.page")), /* @__PURE__ */ React.createElement(SpsForm, {
+    onSubmit: () => updatePage(Number(inputPage))
+  }, /* @__PURE__ */ React.createElement("input", {
     id: id2.current,
     type: "text",
     value: inputPage,
@@ -30532,11 +30616,12 @@ function SpsPageSelector(props2) {
     onChange: () => {
     },
     className: "sps-form-control sps-pagination__input",
-    disabled
-  })), /* @__PURE__ */ React.createElement("span", {
+    disabled,
+    onBlur: () => updatePage(Number(inputPage))
+  }))), /* @__PURE__ */ React.createElement("span", {
     className: "sps-page-selector__total-pages",
     "data-testid": `${testId}_page-count`
-  }, Number.isNaN(numPages) ? t2("design-system:pagination.ofMany") : t2("design-system:pagination.ofPageCount", { pageCount: numPages })), /* @__PURE__ */ React.createElement("div", {
+  }, Number.isNaN(numPages) ? t2("design-system:pagination.ofMany") : t2("design-system:pagination.ofPageCount", { pageCount: numPages }))), /* @__PURE__ */ React.createElement("div", {
     className: "sps-icon-button-panel",
     "data-testid": `${testId}__buttons`
   }, /* @__PURE__ */ React.createElement("div", {
@@ -30572,7 +30657,8 @@ const propsDoc$C = {
   pageSizeOptions: "Array<number>",
   totalResults: "number",
   onPageChange: "(page: number, pageSize: number, indices: [number, number]) => void",
-  disabled: "boolean"
+  disabled: "boolean",
+  unknownPageCount: "boolean"
 };
 const propTypes$C = __spreadValues({
   onPageChange: fun().isRequired,
@@ -30580,7 +30666,8 @@ const propTypes$C = __spreadValues({
   pageSize: propTypes$1G.exports.number,
   pageSizeOptions: propTypes$1G.exports.arrayOf(propTypes$1G.exports.number),
   totalResults: propTypes$1G.exports.number,
-  disabled: propTypes$1G.exports.bool
+  disabled: propTypes$1G.exports.bool,
+  unknownPageCount: propTypes$1G.exports.bool
 }, spsGlobalPropTypes);
 function SpsPagination(props2) {
   const _a = props2, {
@@ -30592,7 +30679,8 @@ function SpsPagination(props2) {
     "data-testid": testId,
     totalResults,
     unsafelyReplaceClassName,
-    disabled = false
+    disabled = false,
+    unknownPageCount = false
   } = _a, rest = __objRest(_a, [
     "className",
     "onPageChange",
@@ -30602,7 +30690,8 @@ function SpsPagination(props2) {
     "data-testid",
     "totalResults",
     "unsafelyReplaceClassName",
-    "disabled"
+    "disabled",
+    "unknownPageCount"
   ]);
   const [state, patchState] = usePatchReducer({
     page: pageProp,
@@ -30680,13 +30769,16 @@ function SpsPagination(props2) {
     value: state.pageSize,
     className: "ml-1 mr-1",
     disabled
-  }), "Per Page"), /* @__PURE__ */ React.createElement("div", {
+  }), "Per Page"), unknownPageCount ? /* @__PURE__ */ React.createElement("div", {
+    className: "sps-pagination__details"
+  }, `Viewing ${state.indices[0]} - ${state.indices[1]}`) : /* @__PURE__ */ React.createElement("div", {
     className: "sps-pagination__details"
   }, `Viewing ${state.indices[0]} - ${state.indices[1]} of ${totalResultsString()}`), /* @__PURE__ */ React.createElement(SpsPageSelector, {
     numPages: state.numPages,
     page: state.page,
     onPageChange: handlePageChange,
-    disabled
+    disabled,
+    unknownPageCount
   }));
 }
 Object.assign(SpsPagination, {
@@ -30741,6 +30833,35 @@ const SpsPaginationExamples = {
                     }
                 `
       },
+      situational: {
+        description: () => /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("h4", null, "Unknown Page Count"), /* @__PURE__ */ React.createElement("p", null, "In cases where the exact page count of results is not able to be determined, a variation of the Pagination component with limited features can be utilized.")),
+        react: code`
+                    function Component() {
+                        const [page, setPage] = React.useState(2);
+                        const [pageSize, setPageSize] = React.useState(25);
+
+                        function handlePageChange(newPage, newPageSize) {
+                          console.log("change", newPage, newPageSize);
+                          setPage(newPage);
+                          setPageSize(newPageSize);
+                        }
+
+                        return (
+                          <React.Fragment>
+                            <SpsPagination id="basic"
+                              totalResults={123}
+                              page={page}
+                              pageSize={pageSize}
+                              onPageChange={handlePageChange}
+                              unknownPageCount
+                            />
+                            <span className="mr-2">page: {page}</span>
+                            <span>pageSize: {pageSize}</span>
+                          </React.Fragment>
+                        );
+                    }
+                `
+      },
       disabled: {
         description: "Disabled state",
         react: code`
@@ -30820,7 +30941,7 @@ const propsDoc$A = {
   onTabChange: "(newTab: string) => void",
   onProductNameClick: "React.MouseEventHandler",
   productLogoSrc: "string",
-  productName: { type: "string", required: true },
+  productName: "string",
   productNameHref: "string",
   tabs: "Array<string>"
 };
@@ -30830,7 +30951,7 @@ const propTypes$B = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
   onTabChange: fun(),
   onProductNameClick: fun(),
   productLogoSrc: propTypes$1G.exports.string,
-  productName: propTypes$1G.exports.string.isRequired,
+  productName: propTypes$1G.exports.string,
   productNameHref: propTypes$1G.exports.string,
   tabs: propTypes$1G.exports.arrayOf(propTypes$1G.exports.string)
 });
@@ -30879,7 +31000,7 @@ function SpsProductBar(props2) {
     ref: rootElement
   }), /* @__PURE__ */ React.createElement("nav", {
     className: clsx("sps-navbar", "sps-navbar--expand-lg", fullWidth && "sps-navbar--full-width")
-  }, /* @__PURE__ */ React.createElement("a", {
+  }, productName || productLogoSrc ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("a", {
     className: "sps-navbar__brand",
     href: productNameHref,
     onClick: onProductNameClick
@@ -30888,11 +31009,11 @@ function SpsProductBar(props2) {
     src: productLogoSrc,
     "aria-hidden": "true",
     alt: `${productName} Logo`
-  }), /* @__PURE__ */ React.createElement("span", {
+  }), productName && /* @__PURE__ */ React.createElement("span", {
     className: "sps-navbar__brand-name"
   }, productName)), /* @__PURE__ */ React.createElement("span", {
     className: "sps-vertical-rule"
-  }), /* @__PURE__ */ React.createElement("div", {
+  })) : null, /* @__PURE__ */ React.createElement("div", {
     className: "sps-navbar__nav"
   }, tabs.map((tab2) => /* @__PURE__ */ React.createElement("a", {
     className: clsx("sps-nav__item", "sps-nav__link", tab2 === activeTab && "active"),
@@ -31970,8 +32091,8 @@ const propTypes$x = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
   ref: ref(),
   value: propTypes$1G.exports.any
 });
-function SpsRadioButton(_E) {
-  var _F = _E, {
+function SpsRadioButton(_I) {
+  var _J = _I, {
     checked,
     className,
     "data-testid": testId,
@@ -31986,7 +32107,7 @@ function SpsRadioButton(_E) {
     ref: ref2,
     unsafelyReplaceClassName,
     value
-  } = _F, rest = __objRest(_F, [
+  } = _J, rest = __objRest(_J, [
     "checked",
     "className",
     "data-testid",
@@ -32995,8 +33116,8 @@ const propTypes$v = __spreadValues({
   widthPx: propTypes$1G.exports.number,
   widthRem: propTypes$1G.exports.number
 }, spsGlobalPropTypes);
-function SpsSortingHeaderCell(_G) {
-  var _H = _G, {
+function SpsSortingHeaderCell(_K) {
+  var _L = _K, {
     className,
     "data-testid": testId,
     unsafelyReplaceClassName,
@@ -33009,7 +33130,7 @@ function SpsSortingHeaderCell(_G) {
     widthPx,
     widthRem,
     style: style2
-  } = _H, rest = __objRest(_H, [
+  } = _L, rest = __objRest(_L, [
     "className",
     "data-testid",
     "unsafelyReplaceClassName",
@@ -33066,15 +33187,15 @@ const propTypes$u = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
   sort: propTypes$1G.exports.arrayOf(impl()),
   onSortChange: fun()
 });
-function SpsSortingHeader(_I) {
-  var _J = _I, {
+function SpsSortingHeader(_M) {
+  var _N = _M, {
     className,
     "data-testid": testId,
     unsafelyReplaceClassName,
     sort,
     onSortChange,
     children
-  } = _J, rest = __objRest(_J, [
+  } = _N, rest = __objRest(_N, [
     "className",
     "data-testid",
     "unsafelyReplaceClassName",
@@ -33821,8 +33942,8 @@ const propTypes$o = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
   onClearCompleted: fun(),
   suppressTooltips: propTypes$1G.exports.bool
 });
-function SpsTaskQueue(_K) {
-  var _L = _K, {
+function SpsTaskQueue(_O) {
+  var _P = _O, {
     tasks = [],
     taskQueuePosition = Position.BOTTOM_RIGHT,
     notificationText,
@@ -33834,7 +33955,7 @@ function SpsTaskQueue(_K) {
     "data-testid": testId,
     unsafelyReplaceClassName,
     suppressTooltips = false
-  } = _L, rest = __objRest(_L, [
+  } = _P, rest = __objRest(_P, [
     "tasks",
     "taskQueuePosition",
     "notificationText",
@@ -33878,6 +33999,7 @@ function SpsTaskQueue(_K) {
   const hasCompletedTask = tasks.some((task) => task.status === SpsTaskStatus.COMPLETED || task.status === SpsTaskStatus.ERRORED);
   const onCloseRef = React.useRef(onClose);
   onCloseRef.current = onClose;
+  const tasksList = React.useRef();
   const handleToggle = () => {
     if (hasTasks && !isOpen) {
       setIsOpen(true);
@@ -33890,6 +34012,7 @@ function SpsTaskQueue(_K) {
         onClose();
       }
     }
+    tasksList.current.scrollTop = 0;
   };
   const getTaskIcon = (task) => task.status === SpsTaskStatus.IN_PROGRESS ? SpsTaskStatusIcons[task.status] : `sps-icon sps-icon-${SpsTaskStatusIcons[task.status]}`;
   React.useEffect(() => {
@@ -33990,12 +34113,13 @@ function SpsTaskQueue(_K) {
     kind: tooltipKind,
     showOn: hasTasks ? TooltipShowTrigger.MANUAL : TooltipShowTrigger.MOUSEOVER,
     isShown: showNotification && !isOpen ? TooltipVisibility.VISIBLE : TooltipVisibility.HIDDEN,
-    hideDelay: TASK_QUEUE_NOTIFICATION_DURATION_MS
+    hideDelay: Number(hasTasks) && TASK_QUEUE_NOTIFICATION_DURATION_MS
   }, !suppressTooltips && showNotification && (notificationText || t2("design-system:taskQueue.newTask")), !suppressTooltips && !showNotification && !hasTasks && t2("design-system:taskQueue.noTasks")), portal(/* @__PURE__ */ React.createElement("div", {
     ref: taskQueueDropdownRef,
     className: clsx("sps-task-queue__task-list", isOpen && "sps-task-queue__task-list--open", "z-stratum-dropdown"),
     style: posStyle
   }, /* @__PURE__ */ React.createElement("div", {
+    ref: tasksList,
     className: "sps-task-queue__task-list-tasks"
   }, tasks.map((task, taskIndex) => /* @__PURE__ */ React.createElement("div", {
     key: taskIndex,
@@ -34364,8 +34488,8 @@ const propTypes$n = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
   value: propTypes$1G.exports.string,
   additionalText: propTypes$1G.exports.string
 });
-const SpsTextInput = React.forwardRef((_M, ref2) => {
-  var _N = _M, {
+const SpsTextInput = React.forwardRef((_Q, ref2) => {
+  var _R = _Q, {
     className,
     disabled = false,
     formControl: formControl2,
@@ -34380,7 +34504,7 @@ const SpsTextInput = React.forwardRef((_M, ref2) => {
     unsafelyReplaceClassName,
     value = "",
     additionalText
-  } = _N, rest = __objRest(_N, [
+  } = _R, rest = __objRest(_R, [
     "className",
     "disabled",
     "formControl",
@@ -34595,8 +34719,8 @@ const propTypes$m = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
   value: propTypes$1G.exports.string,
   additionalText: propTypes$1G.exports.string
 });
-function SpsTextarea(_O) {
-  var _P = _O, {
+function SpsTextarea(_S) {
+  var _T = _S, {
     className,
     disabled = false,
     formControl: formControl2,
@@ -34611,7 +34735,7 @@ function SpsTextarea(_O) {
     unsafelyReplaceClassName,
     value = "",
     additionalText
-  } = _P, rest = __objRest(_P, [
+  } = _T, rest = __objRest(_T, [
     "className",
     "disabled",
     "formControl",
@@ -34807,7 +34931,8 @@ const propsDoc$l = {
   icon: { type: "ReactNodeOrRenderFn", required: "true" },
   error: "boolean",
   title: { type: "string", required: "true" },
-  warning: "boolean"
+  warning: "boolean",
+  disabled: "boolean"
 };
 const propTypes$l = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
   href: propTypes$1G.exports.string,
@@ -34815,7 +34940,8 @@ const propTypes$l = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
   icon: nodeOrRenderFn.isRequired,
   error: propTypes$1G.exports.bool,
   title: propTypes$1G.exports.string.isRequired,
-  warning: propTypes$1G.exports.bool
+  warning: propTypes$1G.exports.bool,
+  disabled: propTypes$1G.exports.bool
 });
 function SpsTile(props2) {
   const _a = props2, {
@@ -34826,7 +34952,8 @@ function SpsTile(props2) {
     error = false,
     title,
     unsafelyReplaceClassName,
-    warning = false
+    warning = false,
+    disabled = false
   } = _a, rest = __objRest(_a, [
     "className",
     "href",
@@ -34835,9 +34962,10 @@ function SpsTile(props2) {
     "error",
     "title",
     "unsafelyReplaceClassName",
-    "warning"
+    "warning",
+    "disabled"
   ]);
-  const classes = clsx(unsafelyReplaceClassName || "sps-tile", className, error && "sps-tile--error", warning && "sps-tile--warning");
+  const classes = clsx(unsafelyReplaceClassName || "sps-tile", className, error && "sps-tile--error", warning && "sps-tile--warning", disabled && "sps-tile--disabled");
   React.useEffect(() => {
     if (warning && error) {
       throw new Error("Tile should have warning or error, not both");
@@ -34847,7 +34975,7 @@ function SpsTile(props2) {
     className: "sps-tile-container sfg-col-3 sfg-break-col-6"
   }, /* @__PURE__ */ React.createElement("a", __spreadValues({
     className: classes,
-    href,
+    href: disabled ? void 0 : href,
     target,
     rel: target === "_blank" ? "noopener noreferrer" : void 0
   }, rest), (warning || error) && /* @__PURE__ */ React.createElement("div", {
@@ -36201,8 +36329,8 @@ function Component() {
 };
 const propsDoc$7 = {};
 const propTypes$7 = __spreadValues({}, spsGlobalPropTypes);
-function SpsFilterPanel(_Q) {
-  var _R = _Q, { children, className } = _R, rest = __objRest(_R, ["children", "className"]);
+function SpsFilterPanel(_U) {
+  var _V = _U, { children, className } = _V, rest = __objRest(_V, ["children", "className"]);
   return /* @__PURE__ */ React.createElement("div", __spreadValues({
     className: clsx("sps-filter-panel", className)
   }, rest), children);
@@ -36228,8 +36356,8 @@ const propTypes$6 = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
   onExpand: fun(),
   onCollapse: fun()
 });
-function SpsFilterPanelSection(_S) {
-  var _T = _S, {
+function SpsFilterPanelSection(_W) {
+  var _X = _W, {
     children,
     className,
     title,
@@ -36238,7 +36366,7 @@ function SpsFilterPanelSection(_S) {
     heightRem,
     onExpand,
     onCollapse
-  } = _T, rest = __objRest(_T, [
+  } = _X, rest = __objRest(_X, [
     "children",
     "className",
     "title",
@@ -36291,12 +36419,12 @@ const propsDoc$5 = {
 const propTypes$5 = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
   onClear: fun()
 });
-function SpsFilterPanelCap(_U) {
-  var _V = _U, {
+function SpsFilterPanelCap(_Y) {
+  var _Z = _Y, {
     children,
     className,
     onClear
-  } = _V, rest = __objRest(_V, [
+  } = _Z, rest = __objRest(_Z, [
     "children",
     "className",
     "onClear"
@@ -36655,14 +36783,14 @@ const propTypes$4 = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
   formMeta: impl(),
   onFilterChange: fun()
 });
-function SpsFilterPanelFilterBox(_W) {
-  var _X = _W, {
+function SpsFilterPanelFilterBox(__) {
+  var _$ = __, {
     className,
     value,
     placeholder,
     formMeta,
     onFilterChange
-  } = _X, rest = __objRest(_X, [
+  } = _$, rest = __objRest(_$, [
     "className",
     "value",
     "placeholder",
@@ -36691,12 +36819,12 @@ const propsDoc$3 = {
 const propTypes$3 = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
   showCondition: propTypes$1G.exports.bool
 });
-function SpsConditionalField(_Y) {
-  var _Z = _Y, {
+function SpsConditionalField(_aa) {
+  var _ba = _aa, {
     showCondition = true,
     children,
     className
-  } = _Z, rest = __objRest(_Z, [
+  } = _ba, rest = __objRest(_ba, [
     "showCondition",
     "children",
     "className"
@@ -37197,8 +37325,8 @@ function strToDollars(str) {
 function dollarsToStr(dollars) {
   return typeof dollars === "number" ? dollars.toFixed(2) : "";
 }
-function SpsCurrencyInput(__) {
-  var _$ = __, {
+function SpsCurrencyInput(_ca) {
+  var _da = _ca, {
     className,
     disabled = false,
     formMeta,
@@ -37208,7 +37336,7 @@ function SpsCurrencyInput(__) {
     ref: ref2,
     title,
     value
-  } = _$, rest = __objRest(_$, [
+  } = _da, rest = __objRest(_da, [
     "className",
     "disabled",
     "formMeta",
@@ -37372,6 +37500,7 @@ const propTypes$1 = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
 function SpsKeyValueTag(props2) {
   const _a = props2, {
     color = TagKind.KEY,
+    className,
     "data-testid": testId,
     href,
     icon,
@@ -37380,6 +37509,7 @@ function SpsKeyValueTag(props2) {
     unsafelyReplaceClassName
   } = _a, rest = __objRest(_a, [
     "color",
+    "className",
     "data-testid",
     "href",
     "icon",
@@ -37387,7 +37517,7 @@ function SpsKeyValueTag(props2) {
     "value",
     "unsafelyReplaceClassName"
   ]);
-  const classes = clsx(unsafelyReplaceClassName || "sps-key-value-tag", href && "sps-key-value-tag--link");
+  const classes = clsx(unsafelyReplaceClassName || "sps-key-value-tag", href && "sps-key-value-tag--link", className);
   return /* @__PURE__ */ React.createElement("span", __spreadValues({
     className: classes,
     "data-testid": `${testId}__key-value-tag`
@@ -37551,4 +37681,4 @@ Object.assign(SpsVr, {
   propTypes,
   displayName: "SpsDescriptionListTerm / SpsDt"
 });
-export { AsTypingErrorKeys, ContentOrderExample, DEFAULT_PRESETS, FauxChangeEvent, I18nContext, MANIFEST, OnBlurErrorKeys, OnSubmitErrorKeys, PortalContext, PreventativeErrorKeys, SimpleDateUtils, SpsAddRemoveFormRowExamples, SpsAdvancedSearch, SpsAdvancedSearchExamples, 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, 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, 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, contentOf, date, dateConstraint, dateRange, findParentBranches, flipPosition, formArray, formControl, formGroup, getMember, getPosition, selectChildren, toggleTooltipState, useCheckDeprecatedProps, useCustomValidator, useDidUpdateEffect, useDocumentEventListener, useElementId, useForm, useGrowlers, useInputPopup, usePatchReducer, usePortal, useServerSideValidation, useSpsAction, useSpsForm, validate };
+export { AsTypingErrorKeys, ContentOrderExample, DEFAULT_PRESETS, 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, 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, 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, selectChildren, toggleTooltipState, useCheckDeprecatedProps, useCustomValidator, useDidUpdateEffect, useDocumentEventListener, useElementId, useForm, useGrowlers, useInputPopup, usePatchReducer, usePortal, useServerSideValidation, useSpsAction, useSpsForm, validate };