@algolia/satellite 1.7.0 → 1.8.0

package/dist/cjs/Navigation/Stepper/StepperContext.d.ts

@@ -1,9 +1,10 @@
 /// <reference types="react" />
-import type { StepperLocale, StepperSizes } from "./Stepper";
+import type { StepperLocale, StepperOrientation, StepperSizes } from "./Stepper";
 export declare type StepperContextType = {
     activeStep: number;
     focusedStep: number;
     size: StepperSizes;
+    orientation: StepperOrientation;
     connectors: boolean;
     locale: StepperLocale;
     onStepChange?: (index: number) => void;

package/dist/cjs/Overlay/Dropdown/DropdownContext.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 export interface DropdownContextInterface {
-    showMenu(show: boolean): void;
+    showMenu: (show: boolean) => void;
 }
 export declare const DropdownContext: import("react").Context<DropdownContextInterface | null>;
 export declare const useDropdownContext: () => DropdownContextInterface;

package/dist/cjs/Overlay/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsGroupContext.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 export interface DropdownCollapsibleItemsGroupContextInterface {
     expandedItems: readonly string[];
-    onItemClick(name: string): void;
+    onItemClick: (name: string) => void;
 }
 export declare const DropdownCollapsibleItemsGroupContext: import("react").Context<DropdownCollapsibleItemsGroupContextInterface | null>;
 /** @deprecated */

package/dist/cjs/Overlay/MenuButton/components/collapsible/CollapsibleItemsGroupContext.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 export interface CollapsibleItemsGroupContextInterface {
     expandedItems: readonly string[];
-    onItemClick(name: string): void;
+    onItemClick: (name: string) => void;
 }
 export declare const CollapsibleItemsGroupContext: import("react").Context<CollapsibleItemsGroupContextInterface | null>;
 export declare const useCollapsibleItemsGroup: () => CollapsibleItemsGroupContextInterface;

package/dist/cjs/styles/helpers/makePurgeCssExtractor.js

@@ -1,8 +1,8 @@
 "use strict";
 
-function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 // @ts-check
 var prefixTailwindClassName = require("./prefixTailwindClassName");
 

package/dist/cjs/utils/useTriggerInputChange.js

@@ -11,15 +11,16 @@ var _react = require("react");
  */
 var useTriggerInputChange = exports.useTriggerInputChange = function useTriggerInputChange(inputRef) {
   var triggerInputChange = (0, _react.useCallback)(function (value) {
+    var _Object$getOwnPropert;
     var input = inputRef.current;
     if (!input) return;
 
-    // @ts-ignore
-    var nativeInputValueSetter = Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, "value").set;
+    // eslint-disable-next-line @typescript-eslint/unbound-method
+    var nativeInputValueSetter = (_Object$getOwnPropert = Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, "value")) === null || _Object$getOwnPropert === void 0 ? void 0 : _Object$getOwnPropert.set;
     var ev2 = new Event("input", {
       bubbles: true
     });
-    nativeInputValueSetter.call(input, value);
+    nativeInputValueSetter === null || nativeInputValueSetter === void 0 || nativeInputValueSetter.call(input, value);
     input.dispatchEvent(ev2);
   }, [inputRef]);
   return triggerInputChange;

package/dist/esm/Actions/Button/PolymorphicButton.js

@@ -33,7 +33,7 @@ export var PolymorphicButton = /*#__PURE__*/forwardRef(function (props, ref) {
     children = props.children,
     cleanedProps = _objectWithoutProperties(props, _excluded);
   if (loading) {
-    // @ts-expect-error
+    // @ts-expect-error disabled is not present in PolymorphicButtonProps
     cleanedProps.disabled = true;
   }
   var buttonClassName = cx(BASE_CLASSNAMES, BUTTON_SIZE_CLASSNAMES[size], BUTTON_VARIANT_CLASSNAMES[variant], cleanedProps.disabled && stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["btn-disabled"]))), className);
@@ -41,7 +41,7 @@ export var PolymorphicButton = /*#__PURE__*/forwardRef(function (props, ref) {
   var iconClassNames = cx(getIconColorClassName(props), loading && stl(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["invisible"]))));
   var textClassNames = cx(loading && stl(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["invisible"]))));
   if (isButtonType(props) && !Object.prototype.hasOwnProperty.call(cleanedProps, "type")) {
-    // @ts-expect-error
+    // @ts-expect-error type is not present in PolymorphicButtonProps
     cleanedProps.type = "button";
   }
   return /*#__PURE__*/_jsxs(Component, _objectSpread(_objectSpread({}, cleanedProps), {}, {

package/dist/esm/Actions/Button/PolymorphicIconButton.js

@@ -44,13 +44,13 @@ export var PolymorphicIconButton = /*#__PURE__*/forwardRef(function (props, ref)
     loading = _props$loading === void 0 ? false : _props$loading,
     cleanedProps = _objectWithoutProperties(props, _excluded);
   if (loading) {
-    // @ts-expect-error
+    // @ts-expect-error disabled prop is not present in PolymorphicIconButtonProps
     cleanedProps.disabled = true;
   }
   var iconButtonClassName = cx(BASE_CLASSNAMES, SIZE_CLASSNAMES[size], VARIANT_CLASSNAMES[variant], cleanedProps.disabled && stl(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["btn-disabled"]))), className);
   var loaderClassNames = stl(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["absolute ", ""])), (variant === "destructive" || variant === "primary") && "text-white");
   if (isButtonType(props) && !Object.prototype.hasOwnProperty.call(cleanedProps, "type")) {
-    // @ts-ignore
+    // @ts-expect-error type is not present in PolymorphicIconButtonProps
     cleanedProps.type = "button";
   }
   return /*#__PURE__*/_jsx(TooltipWrapper, {

package/dist/esm/Actions/Button/types.d.ts

@@ -25,8 +25,8 @@ declare type AsProp<C extends React.ElementType> = {
     as?: C;
 };
 declare type PropsToOmit<C extends React.ElementType, P> = keyof (AsProp<C> & P);
-declare type PolymorphicComponentProp<C extends React.ElementType, Props = {}> = React.PropsWithChildren<Props & AsProp<C>> & Omit<React.ComponentPropsWithoutRef<C>, PropsToOmit<C, Props>>;
-export declare type PolymorphicComponentPropWithRef<C extends React.ElementType, Props = {}> = PolymorphicComponentProp<C, Props> & {
+declare type PolymorphicComponentProp<C extends React.ElementType, Props = object> = React.PropsWithChildren<Props & AsProp<C>> & Omit<React.ComponentPropsWithoutRef<C>, PropsToOmit<C, Props>>;
+export declare type PolymorphicComponentPropWithRef<C extends React.ElementType, Props = object> = PolymorphicComponentProp<C, Props> & {
     ref?: PolymorphicRef<C>;
 };
 export declare type PolymorphicRef<C extends React.ElementType> = React.ComponentPropsWithRef<C>["ref"];

package/dist/esm/Fields/AutoComplete/AutoComplete.js

@@ -271,7 +271,7 @@ export var AutoComplete = /*#__PURE__*/forwardRef(function (_ref, ref) {
       if (!multiple && value && !newInputValue) {
         multipleSelection.setSelectedItems([]);
       }
-      (_menuPopper$update = menuPopper.update) === null || _menuPopper$update === void 0 || _menuPopper$update.call(menuPopper);
+      void ((_menuPopper$update = menuPopper.update) === null || _menuPopper$update === void 0 ? void 0 : _menuPopper$update.call(menuPopper));
     },
     // We need to make sure to define event handlers here so that they can be composed properly
     onFocus: function onFocus(evt) {
@@ -285,7 +285,7 @@ export var AutoComplete = /*#__PURE__*/forwardRef(function (_ref, ref) {
     },
     onKeyDown: function onKeyDown(evt) {
       if (combobox.isOpen && ["ArrowLeft", "ArrowRight"].includes(evt.key)) {
-        // @ts-expect-error
+        // @ts-expect-error wrong type
         evt.nativeEvent.preventDownshiftDefault = true;
       }
       if (multiple && creatable && inputValue.trim().length > 0 && separatorKeys !== null && separatorKeys !== void 0 && separatorKeys.includes(evt.key)) {
@@ -323,7 +323,7 @@ export var AutoComplete = /*#__PURE__*/forwardRef(function (_ref, ref) {
   if (oldHideMenu.current !== hideMenu) {
     var _menuPopper$update2;
     oldHideMenu.current = hideMenu;
-    (_menuPopper$update2 = menuPopper.update) === null || _menuPopper$update2 === void 0 || _menuPopper$update2.call(menuPopper);
+    void ((_menuPopper$update2 = menuPopper.update) === null || _menuPopper$update2 === void 0 ? void 0 : _menuPopper$update2.call(menuPopper));
   }
   return /*#__PURE__*/_jsx(AutoCompleteProvider, {
     locale: locale,
@@ -331,7 +331,7 @@ export var AutoComplete = /*#__PURE__*/forwardRef(function (_ref, ref) {
       className: cx(stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["flex"]))), className),
       ref: function ref(el) {
         setContainerElement(el);
-        // @ts-expect-error
+        // @ts-expect-error - setContainerMeasureRef does accept HTMLDivElement | null
         setContainerMeasureRef(el);
       },
       children: [/*#__PURE__*/_jsxs("div", {

package/dist/esm/Fields/DatePicker/components/Calendar.js

@@ -10,10 +10,7 @@ export var DatePickerCalendar = function DatePickerCalendar(props) {
   var curatedProps = Object.fromEntries(Object.entries(props).filter(function (_ref) {
     var _ref2 = _slicedToArray(_ref, 1),
       key = _ref2[0];
-    return (
-      // @ts-expect-error
-      !excludedDayPickerPropsList.includes(key)
-    );
+    return !excludedDayPickerPropsList.includes(key);
   }));
 
   /**

package/dist/esm/Fields/Field/Field.js

@@ -50,6 +50,10 @@ export var Field = function Field(_ref) {
     _useState2 = _slicedToArray(_useState, 2),
     requiredContext = _useState2[0],
     setRequiredContext = _useState2[1];
+  var _useState3 = useState(undefined),
+    _useState4 = _slicedToArray(_useState3, 2),
+    elementToFocusContext = _useState4[0],
+    setElementToFocusContext = _useState4[1];
   if (process.env.NODE_ENV !== "production") {
     if (typeof requiredProp !== "undefined" && typeof requiredContext !== "undefined" && requiredProp !== requiredContext) {
       console.warn("The `required` prop is set to different values on both the Field (`required=".concat(requiredProp, "`) and the underlying input component (`required=").concat(requiredContext, "`)."));
@@ -78,13 +82,19 @@ export var Field = function Field(_ref) {
       labelId: labelId,
       descriptionId: descriptionId,
       inputId: labelFor,
-      setRequired: setRequiredContext
+      setRequired: setRequiredContext,
+      setElementToFocus: setElementToFocusContext
     },
     children: /*#__PURE__*/_jsxs("div", {
       className: className,
       children: [/*#__PURE__*/_jsxs("label", {
         className: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["cursor-pointer flex ", ""])), inline ? "items-center" : "flex-col"),
         htmlFor: labelFor,
+        onClick: function onClick() {
+          if (!(elementToFocusContext !== null && elementToFocusContext !== void 0 && elementToFocusContext.closest("[aria-disabled=true]")) && !(elementToFocusContext !== null && elementToFocusContext !== void 0 && elementToFocusContext.closest("[disabled=true]"))) {
+            elementToFocusContext === null || elementToFocusContext === void 0 || elementToFocusContext.focus();
+          }
+        },
         children: [hasLabel && /*#__PURE__*/_jsxs("div", {
           id: labelId,
           className: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["truncate ", ""])), inline ? "mr-2" : "mb-1"),

package/dist/esm/Fields/Field/FieldContext.d.ts

@@ -13,6 +13,7 @@ export declare type FieldContextValue = {
     descriptionId?: string;
     inputId?: string;
     setRequired?: (required?: boolean) => void;
+    setElementToFocus?: (elementToFocus?: HTMLElement) => void;
 };
 export declare const DEFAULT_FIELD_STATE: FieldState;
 export declare const DEFAULT_CONTEXT_VALUE: FieldContextValue;

package/dist/esm/Fields/Field/useField.d.ts

@@ -1,5 +1,6 @@
 import type { FieldContextValue } from "./FieldContext";
 export declare type UseFieldProps = {
     required?: boolean;
+    elementToFocus?: HTMLElement;
 };
-export declare const useField: ({ required }?: UseFieldProps) => FieldContextValue;
+export declare const useField: ({ required, elementToFocus }?: UseFieldProps) => FieldContextValue;

package/dist/esm/Fields/Field/useField.js

@@ -1,19 +1,24 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["setRequired"];
+var _excluded = ["setRequired", "setElementToFocus"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import { useContext, useEffect } from "react";
 import { FieldContext } from "./FieldContext";
 export var useField = function useField() {
   var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-    required = _ref.required;
+    required = _ref.required,
+    elementToFocus = _ref.elementToFocus;
   var _useContext = useContext(FieldContext),
     setRequired = _useContext.setRequired,
+    setElementToFocus = _useContext.setElementToFocus,
     contextValue = _objectWithoutProperties(_useContext, _excluded);
   useEffect(function () {
     return setRequired === null || setRequired === void 0 ? void 0 : setRequired(required);
   }, [setRequired, required]);
+  useEffect(function () {
+    return setElementToFocus === null || setElementToFocus === void 0 ? void 0 : setElementToFocus(elementToFocus);
+  }, [setElementToFocus, elementToFocus]);
   return _objectSpread({
     setRequired: setRequired
   }, contextValue);

package/dist/esm/Fields/Form/stories/ExtraErrors.js

@@ -213,25 +213,12 @@ export var FormikExtraErrorsComponent = function FormikExtraErrorsComponent() {
     children: /*#__PURE__*/_jsxs("div", {
       className: stl(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["flex flex-col gap-8 w-full @lg:w-1/2"]))),
       children: [/*#__PURE__*/_jsxs(Form, {
-        onSubmit: ( /*#__PURE__*/function () {
-          var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3(e) {
-            return _regeneratorRuntime.wrap(function _callee3$(_context3) {
-              while (1) switch (_context3.prev = _context3.next) {
-                case 0:
-                  setRevalidationEnabled(true);
-                  formik.handleSubmit(e);
-                  // notice that you might want to hook your validations into Formik onSubmit handler (called just above)
-                  // not directly here
-                case 2:
-                case "end":
-                  return _context3.stop();
-              }
-            }, _callee3);
-          }));
-          return function (_x3) {
-            return _ref3.apply(this, arguments);
-          };
-        }()),
+        onSubmit: function onSubmit(e) {
+          setRevalidationEnabled(true);
+          formik.handleSubmit(e);
+          // notice that you might want to hook your validations into Formik onSubmit handler (called just above)
+          // not directly here
+        },
         onChange: function onChange() {
           return setExtraErrors([]);
         },

package/dist/esm/Fields/Form/stories/MultiStep.js

@@ -1,10 +1,8 @@
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30, _templateObject31, _templateObject32, _templateObject33, _templateObject34, _templateObject35, _templateObject36, _templateObject37, _templateObject38, _templateObject39, _templateObject40, _templateObject41, _templateObject42, _templateObject43, _templateObject44, _templateObject45, _templateObject46, _templateObject47, _templateObject48, _templateObject49, _templateObject50, _templateObject51, _templateObject52, _templateObject53, _templateObject54, _templateObject55, _templateObject56, _templateObject57, _templateObject58, _templateObject59, _templateObject60, _templateObject61, _templateObject62, _templateObject63, _templateObject64, _templateObject65, _templateObject66, _templateObject67, _templateObject68, _templateObject69, _templateObject70, _templateObject71, _templateObject72;
-import _regeneratorRuntime from "@babel/runtime/regenerator";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import { zodResolver } from "@hookform/resolvers/zod";
@@ -337,24 +335,13 @@ export var RHFMultiStepComponent = function RHFMultiStepComponent() {
             }) : /*#__PURE__*/_jsx(Button, {
               variant: "primary",
               "aria-label": "Next step",
-              onClick: /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-                var valid;
-                return _regeneratorRuntime.wrap(function _callee$(_context) {
-                  while (1) switch (_context.prev = _context.next) {
-                    case 0:
-                      _context.next = 2;
-                      return trigger(steps[page - 1]);
-                    case 2:
-                      valid = _context.sent;
-                      if (valid) {
-                        goToNextPage();
-                      }
-                    case 4:
-                    case "end":
-                      return _context.stop();
+              onClick: function onClick() {
+                void trigger(steps[page - 1]).then(function (isValid) {
+                  if (isValid) {
+                    goToNextPage();
                   }
-                }, _callee);
-              })),
+                });
+              },
               children: "Next"
             })]
           }), /*#__PURE__*/_jsx(Button, {
@@ -594,7 +581,7 @@ export var FormikMultiStepComponent = function FormikMultiStepComponent() {
                   }, formik.getFieldProps("sorting")), {}, {
                     onChange: function onChange() {
                       var fieldProps = formik.getFieldProps("sorting");
-                      formik.setFieldValue("sorting", fieldProps.value.includes(option) ? fieldProps.value.filter(function (v) {
+                      void formik.setFieldValue("sorting", fieldProps.value.includes(option) ? fieldProps.value.filter(function (v) {
                         return v !== option;
                       }) : [].concat(_toConsumableArray(fieldProps.value), [option]));
                     }
@@ -625,7 +612,7 @@ export var FormikMultiStepComponent = function FormikMultiStepComponent() {
                     checked: formik.values.filters.includes(option),
                     onChange: function onChange() {
                       var fieldProps = formik.getFieldProps("filters");
-                      formik.setFieldValue("filters", fieldProps.value.includes(option) ? fieldProps.value.filter(function (v) {
+                      void formik.setFieldValue("filters", fieldProps.value.includes(option) ? fieldProps.value.filter(function (v) {
                         return v !== option;
                       }) : [].concat(_toConsumableArray(fieldProps.value), [option]));
                     }
@@ -652,20 +639,11 @@ export var FormikMultiStepComponent = function FormikMultiStepComponent() {
             }) : /*#__PURE__*/_jsx(Button, {
               variant: "primary",
               "aria-label": "Next step",
-              onClick: /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
-                return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-                  while (1) switch (_context2.prev = _context2.next) {
-                    case 0:
-                      _context2.next = 2;
-                      return formik.validateField(steps[page - 1]);
-                    case 2:
-                      setNextPageClicked(true); // See workaround above
-                    case 3:
-                    case "end":
-                      return _context2.stop();
-                  }
-                }, _callee2);
-              })),
+              onClick: function onClick() {
+                void formik.validateField(steps[page - 1]).then(function () {
+                  return setNextPageClicked(true);
+                });
+              },
               children: "Next"
             })]
           }), /*#__PURE__*/_jsx(Button, {

package/dist/esm/Fields/Form/stories/ValidationStrategies.js

@@ -1,9 +1,7 @@
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22;
-import _regeneratorRuntime from "@babel/runtime/regenerator";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import { zodResolver } from "@hookform/resolvers/zod";
@@ -179,7 +177,7 @@ export var RHFValidationStrategiesComponent = function RHFValidationStrategiesCo
                   e.target.value = formatInputValue(e, 4, " ");
                   field.onChange(e);
                   if (e.target.value.length === 19) {
-                    trigger("cardNumber");
+                    void trigger("cardNumber");
                   }
                 }
               }))
@@ -211,7 +209,7 @@ export var RHFValidationStrategiesComponent = function RHFValidationStrategiesCo
                     field.onChange(e);
                   },
                   onBlur: function onBlur() {
-                    trigger("cardExpirationDate");
+                    void trigger("cardExpirationDate");
                     field.onBlur();
                   }
                 }))
@@ -236,7 +234,7 @@ export var RHFValidationStrategiesComponent = function RHFValidationStrategiesCo
                   required: true
                 }, field), {}, {
                   onBlur: function onBlur() {
-                    trigger("cardCVC");
+                    void trigger("cardCVC");
                     field.onBlur();
                   }
                 }))
@@ -358,29 +356,14 @@ export var FormikValidationStrategiesComponent = function FormikValidationStrate
             startIcon: CreditCardIcon,
             required: true
           }, formik.getFieldProps("cardNumber")), {}, {
-            onChange: ( /*#__PURE__*/function () {
-              var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(e) {
-                var value;
-                return _regeneratorRuntime.wrap(function _callee$(_context) {
-                  while (1) switch (_context.prev = _context.next) {
-                    case 0:
-                      value = formatInputValue(e, 4, " ");
-                      _context.next = 3;
-                      return formik.setFieldValue("cardNumber", value);
-                    case 3:
-                      if (value.length === 19) {
-                        formik.validateField("cardNumber");
-                      }
-                    case 4:
-                    case "end":
-                      return _context.stop();
-                  }
-                }, _callee);
-              }));
-              return function (_x) {
-                return _ref5.apply(this, arguments);
-              };
-            }())
+            onChange: function onChange(e) {
+              var value = formatInputValue(e, 4, " ");
+              formik.setFieldValue("cardNumber", value).then(function () {
+                if (value.length === 19) {
+                  void formik.validateField("cardNumber");
+                }
+              }, function () {});
+            }
           }))
         }), /*#__PURE__*/_jsxs("div", {
           className: stl(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["w-full flex gap-4 flex-col @xl:flex-row"]))),
@@ -403,7 +386,7 @@ export var FormikValidationStrategiesComponent = function FormikValidationStrate
                 formik.getFieldProps("cardExpirationDate").onChange(e);
               },
               onBlur: function onBlur(e) {
-                formik.validateField("cardExpirationDate");
+                void formik.validateField("cardExpirationDate");
                 formik.getFieldProps("cardExpirationDate").onBlur(e);
               }
             }))
@@ -421,7 +404,7 @@ export var FormikValidationStrategiesComponent = function FormikValidationStrate
               required: true
             }, formik.getFieldProps("cardCVC")), {}, {
               onBlur: function onBlur(e) {
-                formik.validateField("cardCVC");
+                void formik.validateField("cardCVC");
                 formik.getFieldProps("cardCVC").onBlur(e);
               }
             }))

package/dist/esm/Fields/RangeSlider/RangeSlider.js

@@ -7,9 +7,10 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import { SliderRange, Root as SliderRoot, SliderThumb, SliderTrack } from "@radix-ui/react-slider";
 import cx from "clsx";
-import { forwardRef } from "react";
+import { forwardRef, useRef } from "react";
 import colors from "../../styles/colors";
 import stl from "../../styles/helpers/satellitePrefixer";
+import { mergeRefs } from "../../utils/mergeRefs";
 import { useField } from "../Field";
 
 // Prevents unwanted number narrowing
@@ -51,8 +52,10 @@ var RangeSliderInternal = function RangeSliderInternal(_ref2, ref) {
     track1: disabled ? colors.grey[200] : track1Color,
     track2: disabled ? colors.grey[100] : track2Color
   };
+  var thumbRef = useRef(null);
   var _useField = useField({
-      required: required
+      required: required,
+      elementToFocus: thumbRef.current || undefined
     }),
     state = _useField.state,
     labelId = _useField.labelId,
@@ -65,14 +68,10 @@ var RangeSliderInternal = function RangeSliderInternal(_ref2, ref) {
     value: coerceToRadixValue(value),
     defaultValue: coerceToRadixValue(defaultValue),
     onValueChange: function onValueChange(value) {
-      return (// @ts-expect-error
-        onChange === null || onChange === void 0 ? void 0 : onChange(value.length === 1 ? value[0] : value)
-      );
+      return onChange === null || onChange === void 0 ? void 0 : onChange(value.length === 1 ? value[0] : value);
     },
     onValueCommit: function onValueCommit(value) {
-      return (// @ts-expect-error
-        onCommit === null || onCommit === void 0 ? void 0 : onCommit(value.length === 1 ? value[0] : value)
-      );
+      return onCommit === null || onCommit === void 0 ? void 0 : onCommit(value.length === 1 ? value[0] : value);
     },
     disabled: disabled,
     max: max,
@@ -90,7 +89,7 @@ var RangeSliderInternal = function RangeSliderInternal(_ref2, ref) {
       })
     }), Array(thumbsCount).fill(undefined).map(function (_, idx) {
       return /*#__PURE__*/_jsxs(SliderThumb, {
-        ref: ref,
+        ref: idx === 0 ? mergeRefs([ref, thumbRef]) : ref,
         id: id && (idx === 0 ? id : "".concat(id, "-").concat(idx)),
         "aria-labelledby": labelId,
         "aria-describedby": descriptionId,

package/dist/esm/Indicators/ScrollIndicator/ScrollIndicator.js

@@ -23,8 +23,7 @@ var useScrollIndicators = function useScrollIndicators() {
     setElement = _useState2[1];
   var setScrollIndicatorsRef = useCallback(function (element) {
     setElement(element);
-    // Types are wrong, a ref callback must be able to accept null
-    // @ts-ignore
+    // @ts-expect-error Types are wrong, a ref callback must be able to accept null
     setMeasureRef(element);
   }, [setMeasureRef]);
   var fakeScrollRef = useMemo(function () {

package/dist/esm/Layout/Tables/DataTable/DataTable.d.ts

@@ -53,5 +53,5 @@ export declare type DataTableProps<Item> = BaseDataTableProps<Item> & (DataTable
  *
  * See the [Data Table documentation page](https://satellite.algolia.com/layouts/data-table) for more information.
  */
-export declare const DataTable: <Item extends {}>({ data, itemId, columns, onChange, mode, status, noDataContent, errorContent, sorting, sortMode, pagination, selectMode, selection, onSelectionChange, canSelectItem, canHoverRow, onRowHoveredChanged, locale, }: DataTableProps<Item>) => import("react/jsx-runtime").JSX.Element;
+export declare const DataTable: <Item extends object>({ data, itemId, columns, onChange, mode, status, noDataContent, errorContent, sorting, sortMode, pagination, selectMode, selection, onSelectionChange, canSelectItem, canHoverRow, onRowHoveredChanged, locale, }: DataTableProps<Item>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/esm/Layout/Tables/DataTable/components/Body.d.ts

@@ -11,4 +11,4 @@ export interface DataTableBodyProps<Item> extends Pick<DataTableProps<Item>, "se
     selectMode: SelectMode;
     locale: Required<DataTableLocale>;
 }
-export declare const DataTableBody: <Item extends {}>({ rows, columns, status, noDataContent, errorContent, selectMode, selection, onSelectionChange, onRowHoverChange, canHoverRow, locale, }: DataTableBodyProps<Item>) => import("react/jsx-runtime").JSX.Element;
+export declare const DataTableBody: <Item extends object>({ rows, columns, status, noDataContent, errorContent, selectMode, selection, onSelectionChange, onRowHoverChange, canHoverRow, locale, }: DataTableBodyProps<Item>) => import("react/jsx-runtime").JSX.Element;

package/dist/esm/Layout/Tables/DataTable/components/Header.d.ts

@@ -5,4 +5,4 @@ export interface DataTableHeaderProps<Item> {
     onToggleSort: (columnId: string, direction: SortingDirection) => void;
     disabled?: boolean;
 }
-export declare const DataTableHeader: <Item extends {}>({ columns, sorting, onToggleSort, disabled, }: DataTableHeaderProps<Item>) => import("react/jsx-runtime").JSX.Element;
+export declare const DataTableHeader: <Item extends object>({ columns, sorting, onToggleSort, disabled, }: DataTableHeaderProps<Item>) => import("react/jsx-runtime").JSX.Element;

package/dist/esm/Layout/Tables/DataTable/components/HeaderCell.d.ts

@@ -8,4 +8,4 @@ export interface DataTableHeaderCellProps<Item> extends HTMLAttributes<HTMLTable
     onToggleSort: (columnId: string, sortingDirection: SortingDirection) => void;
     children: ReactNode;
 }
-export declare const DataTableHeaderCell: <Item extends {}>({ sortingDirection, onToggleSort, column: { id, className, sort }, disabled, children, ...props }: DataTableHeaderCellProps<Item>) => import("react/jsx-runtime").JSX.Element;
+export declare const DataTableHeaderCell: <Item extends object>({ sortingDirection, onToggleSort, column: { id, className, sort }, disabled, children, ...props }: DataTableHeaderCellProps<Item>) => import("react/jsx-runtime").JSX.Element;

package/dist/esm/Layout/Tables/DataTable/utils.d.ts

@@ -1,4 +1,4 @@
 import type { AdvancedColumnDefinition, DeterminatePagination, IndeterminatePagination, PaginationConfiguration, Row } from "./types";
 export declare const isDeterminatePagination: (pagination: PaginationConfiguration) => pagination is DeterminatePagination;
 export declare const isIndeterminatePagination: (pagination: PaginationConfiguration) => pagination is IndeterminatePagination;
-export declare const getCellValue: <Item extends {}>(column: AdvancedColumnDefinition<Item>, row: Row<Item>) => any;
+export declare const getCellValue: <Item extends object>(column: AdvancedColumnDefinition<Item>, row: Row<Item>) => any;