@algolia/satellite 1.10.2 → 2.0.0-rc.1

package/dist/cjs/Fields/Form/stories/Complex.js

@@ -108,6 +108,10 @@ var zodSchema = _zod2.z.object({
         message: "You must specify a birthday"
       };
     }
+  }).refine(function (val) {
+    return val < now;
+  }, {
+    message: "You must specify a birthday in the past"
   }),
   age: _zod2.z.coerce.number().min(1, {
     message: "You must specify an age"
@@ -377,14 +381,16 @@ var RHFComplexComponent = exports.RHFComplexComponent = function RHFComplexCompo
               description: "Please specify your birthday",
               state: getFieldState("birthday"),
               className: (0, _satellitePrefixer["default"])(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2["default"])(["w-full"]))),
-              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.DatePicker, _objectSpread({
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.DateInput, _objectSpread({
                 id: "birthday",
-                calendarProps: {
-                  disabled: {
-                    after: now
+                required: true,
+                datePickerProps: {
+                  calendarProps: {
+                    disabled: {
+                      after: now
+                    }
                   }
-                },
-                required: true
+                }
               }, field))
             });
           }
@@ -583,7 +589,9 @@ var yupSchema = yup.object({
     value: yup.string()
   })).min(1, "You must specify at least one job position"),
   employmentStatus: yup.string().oneOf(employmentStatuses).required("You must specify an employment status"),
-  birthday: yup.date().required("You must specify a birthday"),
+  birthday: yup.date().required("You must specify a birthday").test("birthday", "You must specify a birthday in the past", function (value) {
+    return value < now;
+  }),
   age: yup.number().min(18, "You must be at least 18 years old").max(100, "You must be at most 100 years old").required("You must specify an age"),
   interest: yup.number().min(5, "Your level of interest must be at least 5").required(),
   idealLocation: yup.array(yup.number().min(10, "Your minimum ideal location must be 10 km").max(40, "Your maximum ideal location must be 40 km").required()).required(),
@@ -774,14 +782,16 @@ var FormikComplexComponent = exports.FormikComplexComponent = function FormikCom
           description: "Please specify your birthday",
           state: getFieldState("birthday"),
           className: (0, _satellitePrefixer["default"])(_templateObject38 || (_templateObject38 = (0, _taggedTemplateLiteral2["default"])(["w-full"]))),
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.DatePicker, {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.DateInput, {
             id: "birthday",
-            calendarProps: {
-              disabled: {
-                after: now
+            required: true,
+            datePickerProps: {
+              calendarProps: {
+                disabled: {
+                  after: now
+                }
               }
             },
-            required: true,
             onChange: function onChange(value) {
               return formik.setFieldValue("birthday", value);
             },

package/dist/cjs/Fields/Input/Input.d.ts

@@ -8,15 +8,32 @@ export declare type InputPropsLocale = {
     decrement?: string;
 };
 export interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "checked" | "defaultChecked"> {
+    /**
+     * Define the type of the `Input`.
+     * @default "text"
+     */
     type?: "text" | "number" | "search" | "email" | "password";
+    /**
+     * Define the variant of the `Input`.
+     * @default "medium"
+     */
     variant?: InputVariant;
+    /**
+     * Define the start icon of the `Input`.
+     */
     startIcon?: IconComponentType;
+    /**
+     * Define the end item of the `Input`.
+     */
     endItem?: ReactNode;
     /**
-     * Define whether or not a "clear input" x button should show on hover
+     * Define whether or not a "clear input" x button should show on hover.
      * @default false
      */
     clearable?: boolean;
+    /**
+     * Define the locale of the `Input`.
+     */
     locale?: InputPropsLocale;
 }
 /**

package/dist/cjs/Fields/Input/Input.js

@@ -116,9 +116,11 @@ var Input = exports.Input = /*#__PURE__*/(0, _react.forwardRef)(function (_ref,
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2["default"])(["\n            input group\n            ", "\n            ", "\n          "])), focused && "focusable-show", disabled && "input-disabled"), VARIANT_CLASSNAMES[variant], STATUS_CLASSNAMES[status], className),
     style: style,
-    onClick: function onClick() {
-      var _inputRef$current;
-      (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 || _inputRef$current.focus();
+    onClick: function onClick(e) {
+      if (e.currentTarget.contains(e.target)) {
+        var _inputRef$current;
+        (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 || _inputRef$current.focus();
+      }
     },
     children: [Icon && /*#__PURE__*/(0, _jsxRuntime.jsx)(Icon, {
       className: (0, _satellitePrefixer["default"])(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2["default"])(["ml-4 shrink-0 ", ""])), disabled ? "text-grey-200" : focused ? "text-accent-600" : "text-grey-500"),

package/dist/cjs/Fields/RadioGroup/RadioButton.d.ts

@@ -1,3 +1,69 @@
 import type { HTMLAttributes, InputHTMLAttributes } from "react";
-export declare type RadioButtonProps = HTMLAttributes<HTMLInputElement> & Pick<InputHTMLAttributes<HTMLInputElement>, "value" | "name" | "checked" | "defaultChecked" | "onChange" | "required" | "autoFocus" | "disabled">;
-export declare const RadioButton: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLInputElement> & Pick<InputHTMLAttributes<HTMLInputElement>, "name" | "value" | "defaultChecked" | "autoFocus" | "onChange" | "disabled" | "checked" | "required"> & import("react").RefAttributes<HTMLInputElement>>;
+export declare type RadioButtonProps = HTMLAttributes<HTMLInputElement> & {
+    /**
+     * The value of the `RadioButton`.
+     */
+    value?: InputHTMLAttributes<HTMLInputElement>["value"];
+    /**
+     * The name of the `RadioButton`.
+     */
+    name?: InputHTMLAttributes<HTMLInputElement>["name"];
+    /**
+     * Whether the `RadioButton` is checked.
+     */
+    checked?: InputHTMLAttributes<HTMLInputElement>["checked"];
+    /**
+     * The default checked state of the `RadioButton`.
+     */
+    defaultChecked?: InputHTMLAttributes<HTMLInputElement>["defaultChecked"];
+    /**
+     * Event handler for when the `RadioButton`'s value changes.
+     */
+    onChange?: InputHTMLAttributes<HTMLInputElement>["onChange"];
+    /**
+     * Whether the `RadioButton` is required.
+     */
+    required?: InputHTMLAttributes<HTMLInputElement>["required"];
+    /**
+     * Whether the `RadioButton` should automatically receive focus when the page loads.
+     */
+    autoFocus?: InputHTMLAttributes<HTMLInputElement>["autoFocus"];
+    /**
+     * Whether the `RadioButton` is disabled.
+     */
+    disabled?: InputHTMLAttributes<HTMLInputElement>["disabled"];
+};
+export declare const RadioButton: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLInputElement> & {
+    /**
+     * The value of the `RadioButton`.
+     */
+    value?: InputHTMLAttributes<HTMLInputElement>["value"];
+    /**
+     * The name of the `RadioButton`.
+     */
+    name?: InputHTMLAttributes<HTMLInputElement>["name"];
+    /**
+     * Whether the `RadioButton` is checked.
+     */
+    checked?: InputHTMLAttributes<HTMLInputElement>["checked"];
+    /**
+     * The default checked state of the `RadioButton`.
+     */
+    defaultChecked?: InputHTMLAttributes<HTMLInputElement>["defaultChecked"];
+    /**
+     * Event handler for when the `RadioButton`'s value changes.
+     */
+    onChange?: InputHTMLAttributes<HTMLInputElement>["onChange"];
+    /**
+     * Whether the `RadioButton` is required.
+     */
+    required?: InputHTMLAttributes<HTMLInputElement>["required"];
+    /**
+     * Whether the `RadioButton` should automatically receive focus when the page loads.
+     */
+    autoFocus?: InputHTMLAttributes<HTMLInputElement>["autoFocus"];
+    /**
+     * Whether the `RadioButton` is disabled.
+     */
+    disabled?: InputHTMLAttributes<HTMLInputElement>["disabled"];
+} & import("react").RefAttributes<HTMLInputElement>>;

package/dist/cjs/Fields/RadioGroup/RadioGroup.d.ts

@@ -1,30 +1,47 @@
-import type { ForwardRefExoticComponent, ReactNode, RefAttributes, VFC } from "react";
+import type { ForwardRefExoticComponent, ReactNode, RefAttributes } from "react";
+import { RadioGroupItem } from "./RadioGroupItem";
 export interface RadioGroupProps {
+    /**
+     * The id of the `RadioGroup`.
+     */
     id?: string;
-    /** @ignore */
+    /**
+     * The class name of the `RadioGroup`.
+     */
     className?: string;
+    /**
+     * The name of the `RadioGroup`.
+     */
     name?: string;
+    /**
+     * The value of the `RadioGroup`.
+     */
     value: string;
+    /**
+     * Whether the `RadioGroup` is disabled.
+     */
     disabled?: boolean;
+    /**
+     * Whether the `RadioGroup` is required.
+     */
     required?: boolean;
     /**
-     * `RadioGroupItem` text position
+     * The text position of the `RadioGroupItem`.
      * @default left
      */
     textPosition?: "left" | "right";
+    /**
+     * Event handler for when the `RadioGroup`'s value changes.
+     */
     onChange: (newValue: string) => void;
-    children?: ReactNode;
-}
-export interface RadioGroupItemProps {
-    value: string;
-    disabled?: boolean;
-    required?: boolean;
+    /**
+     * The children of the `RadioGroup`.
+     */
     children?: ReactNode;
 }
 export declare type RadioGroupComponent = ForwardRefExoticComponent<RadioGroupProps & RefAttributes<HTMLFieldSetElement>> & {
     Item: typeof RadioGroupItem;
 };
-export declare const RadioGroupItem: VFC<RadioGroupItemProps>;
 /**
  * The `RadioGroup` component presents mutually exclusive options, allowing users to make a single selection from a list.
  *

package/dist/cjs/Fields/RadioGroup/RadioGroup.js

@@ -4,83 +4,26 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.RadioGroupItem = exports.RadioGroup = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+exports.RadioGroup = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _clsx = _interopRequireDefault(require("clsx"));
 var _react = require("react");
 var _Layout = require("../../Layout");
 var _satellitePrefixer = _interopRequireDefault(require("../../styles/helpers/satellitePrefixer"));
 var _uniqueId = require("../../utils/uniqueId");
 var _Field = require("../Field");
-var _RadioButton = require("./RadioButton");
 var _RadioGroupContext = require("./RadioGroupContext");
+var _RadioGroupItem = require("./RadioGroupItem");
 var _jsxRuntime = require("react/jsx-runtime");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
-var _excluded = ["value", "disabled", "required", "children"];
-var RadioGroupItem = exports.RadioGroupItem = function RadioGroupItem(_ref) {
-  var value = _ref.value,
-    disabled = _ref.disabled,
-    required = _ref.required,
-    children = _ref.children,
-    props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  var _useRadioGroupContext = (0, _RadioGroupContext.useRadioGroupContext)(),
-    id = _useRadioGroupContext.id,
-    name = _useRadioGroupContext.name,
-    contextDisabled = _useRadioGroupContext.disabled,
-    contextRequired = _useRadioGroupContext.required,
-    _onChange = _useRadioGroupContext.onChange,
-    contextValue = _useRadioGroupContext.value,
-    _useRadioGroupContext2 = _useRadioGroupContext.textPosition,
-    textPosition = _useRadioGroupContext2 === void 0 ? "left" : _useRadioGroupContext2,
-    descriptionId = _useRadioGroupContext.descriptionId,
-    state = _useRadioGroupContext.state,
-    ref = _useRadioGroupContext.ref;
-  var isFirstChild = props.childIndex === 0;
-  var isInvalid = (state === null || state === void 0 ? void 0 : state.status) === "invalid";
-  var checked = value === contextValue;
-  disabled = contextDisabled || disabled;
-  required = contextRequired || required;
-  var labelId = (0, _react.useMemo)(
-  // eslint-disable-next-line @algolia/stl/prefer-stl-helper
-  function () {
-    return (0, _uniqueId.uniqueId)("stl-radio-group-label-");
-  }, []);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("label", {
-    className: (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n      flex items-center justify-between\n      min-h-10 px-4 py-2\n      ", "\n      ", "\n      ", "\n      ", ""])), disabled ? "text-grey-300" : "hover:bg-grey-100", disabled ? "cursor-not-allowed" : "cursor-pointer", textPosition === "right" && "flex-row-reverse", isInvalid && "hover:bg-red-50"),
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-      id: labelId,
-      className: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["flex-1 truncate ", ""])), textPosition === "right" ? "ml-2" : "mr-2"),
-      children: children
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_RadioButton.RadioButton, {
-      id: checked || isFirstChild && !contextValue ? id : undefined,
-      className: (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["shrink-0 self-start mt-1"]))),
-      value: value,
-      checked: checked,
-      name: name,
-      onChange: function onChange() {
-        if (!disabled && !checked) {
-          _onChange(value);
-        }
-      },
-      disabled: disabled,
-      required: required,
-      "aria-invalid": isInvalid,
-      "aria-labelledby": labelId,
-      "aria-describedby": descriptionId,
-      ref: isFirstChild ? ref : undefined
-    })]
-  });
-};
-
+var _templateObject, _templateObject2, _templateObject3;
 // This function is used to clone the children of the `RadioGroup` component
 // and pass the `childIndex` prop to the `RadioGroupItem` children.
 function applyChildIndexRecursively(children) {
   return _react.Children.map(children, function (child, index) {
     var _child$props;
     if (! /*#__PURE__*/(0, _react.isValidElement)(child)) return child;
-    if (child.type === RadioGroupItem) {
+    if (child.type === _RadioGroupItem.RadioGroupItem) {
       return /*#__PURE__*/(0, _react.cloneElement)(child, {
         childIndex: index
       });
@@ -99,17 +42,17 @@ function applyChildIndexRecursively(children) {
  *
  * See the [Radio Group documentation page](https://satellite.algolia.com/components/controls/radio-group) for more information.
  */
-var RadioGroup = exports.RadioGroup = /*#__PURE__*/(0, _react.forwardRef)(function (_ref2, ref) {
-  var id = _ref2.id,
-    className = _ref2.className,
-    name = _ref2.name,
-    value = _ref2.value,
-    disabled = _ref2.disabled,
-    _ref2$required = _ref2.required,
-    required = _ref2$required === void 0 ? false : _ref2$required,
-    textPosition = _ref2.textPosition,
-    children = _ref2.children,
-    onChange = _ref2.onChange;
+var RadioGroup = exports.RadioGroup = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+  var id = _ref.id,
+    className = _ref.className,
+    name = _ref.name,
+    value = _ref.value,
+    disabled = _ref.disabled,
+    _ref$required = _ref.required,
+    required = _ref$required === void 0 ? false : _ref$required,
+    textPosition = _ref.textPosition,
+    children = _ref.children,
+    onChange = _ref.onChange;
   var _useState = (0, _react.useState)(function () {
       return (0, _uniqueId.uniqueId)("RadioGroupName-");
     }),
@@ -138,13 +81,13 @@ var RadioGroup = exports.RadioGroup = /*#__PURE__*/(0, _react.forwardRef)(functi
   };
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Layout.Card, {
     fullBleed: true,
-    className: (0, _clsx["default"])(className, (0, _satellitePrefixer["default"])(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["border ", ""])), state.status === "invalid" ? "bg-red-100 border-red-700" : "border-transparent")),
+    className: (0, _clsx["default"])(className, (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["border ", ""])), state.status === "invalid" ? "bg-red-100 border-red-700" : "border-transparent")),
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_RadioGroupContext.RadioGroupContext.Provider, {
       value: contextValue,
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)("fieldset", {
-        className: (0, _satellitePrefixer["default"])(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["min-w-0"]))),
+        className: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["min-w-0"]))),
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          className: (0, _satellitePrefixer["default"])(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2["default"])(["flex flex-col py-1"]))),
+          className: (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["flex flex-col py-1"]))),
           children: applyChildIndexRecursively(children)
         })
       })
@@ -152,4 +95,4 @@ var RadioGroup = exports.RadioGroup = /*#__PURE__*/(0, _react.forwardRef)(functi
   });
 });
 RadioGroup.displayName = "RadioGroup";
-RadioGroup.Item = RadioGroupItem;
+RadioGroup.Item = _RadioGroupItem.RadioGroupItem;

package/dist/cjs/Fields/RadioGroup/RadioGroupItem.d.ts

@@ -0,0 +1,16 @@
+import type { FC, PropsWithChildren } from "react";
+export declare type RadioGroupItemProps = PropsWithChildren<{
+    /**
+     * The value of the `RadioGroupItem`.
+     */
+    value: string;
+    /**
+     * Whether the `RadioGroupItem` is disabled.
+     */
+    disabled?: boolean;
+    /**
+     * Whether the `RadioGroupItem` is required.
+     */
+    required?: boolean;
+}>;
+export declare const RadioGroupItem: FC<RadioGroupItemProps>;

package/dist/cjs/Fields/RadioGroup/RadioGroupItem.js

@@ -0,0 +1,71 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RadioGroupItem = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = require("react");
+var _satellitePrefixer = _interopRequireDefault(require("../../styles/helpers/satellitePrefixer"));
+var _uniqueId = require("../../utils/uniqueId");
+var _RadioButton = require("./RadioButton");
+var _RadioGroupContext = require("./RadioGroupContext");
+var _jsxRuntime = require("react/jsx-runtime");
+var _templateObject, _templateObject2, _templateObject3;
+var _excluded = ["value", "disabled", "required", "children"];
+var RadioGroupItem = exports.RadioGroupItem = function RadioGroupItem(_ref) {
+  var value = _ref.value,
+    disabled = _ref.disabled,
+    required = _ref.required,
+    children = _ref.children,
+    props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  var _useRadioGroupContext = (0, _RadioGroupContext.useRadioGroupContext)(),
+    id = _useRadioGroupContext.id,
+    name = _useRadioGroupContext.name,
+    contextDisabled = _useRadioGroupContext.disabled,
+    contextRequired = _useRadioGroupContext.required,
+    _onChange = _useRadioGroupContext.onChange,
+    contextValue = _useRadioGroupContext.value,
+    _useRadioGroupContext2 = _useRadioGroupContext.textPosition,
+    textPosition = _useRadioGroupContext2 === void 0 ? "left" : _useRadioGroupContext2,
+    descriptionId = _useRadioGroupContext.descriptionId,
+    state = _useRadioGroupContext.state,
+    ref = _useRadioGroupContext.ref;
+  var isFirstChild = props.childIndex === 0;
+  var isInvalid = (state === null || state === void 0 ? void 0 : state.status) === "invalid";
+  var checked = value === contextValue;
+  disabled = contextDisabled || disabled;
+  required = contextRequired || required;
+  var labelId = (0, _react.useMemo)(
+  // eslint-disable-next-line @algolia/stl/prefer-stl-helper
+  function () {
+    return (0, _uniqueId.uniqueId)("stl-radio-group-label-");
+  }, []);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("label", {
+    className: (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n      flex items-center justify-between\n      min-h-10 px-4 py-2\n      ", "\n      ", "\n      ", "\n      ", ""])), disabled ? "text-grey-300" : "hover:bg-grey-100", disabled ? "cursor-not-allowed" : "cursor-pointer", textPosition === "right" && "flex-row-reverse", isInvalid && "hover:bg-red-50"),
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      id: labelId,
+      className: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["flex-1 truncate ", ""])), textPosition === "right" ? "ml-2" : "mr-2"),
+      children: children
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_RadioButton.RadioButton, {
+      id: checked || isFirstChild && !contextValue ? id : undefined,
+      className: (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["shrink-0 self-start mt-1"]))),
+      value: value,
+      checked: checked,
+      name: name,
+      onChange: function onChange() {
+        if (!disabled && !checked) {
+          _onChange(value);
+        }
+      },
+      disabled: disabled,
+      required: required,
+      "aria-invalid": isInvalid,
+      "aria-labelledby": labelId,
+      "aria-describedby": descriptionId,
+      ref: isFirstChild ? ref : undefined
+    })]
+  });
+};

package/dist/cjs/Fields/RadioGroup/index.d.ts

@@ -1,2 +1,3 @@
 export * from "./RadioGroup";
 export * from "./RadioButton";
+export * from "./RadioGroupItem";

package/dist/cjs/Fields/RadioGroup/index.js

@@ -24,4 +24,15 @@ Object.keys(_RadioButton).forEach(function (key) {
       return _RadioButton[key];
     }
   });
+});
+var _RadioGroupItem = require("./RadioGroupItem");
+Object.keys(_RadioGroupItem).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _RadioGroupItem[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _RadioGroupItem[key];
+    }
+  });
 });

package/dist/cjs/Fields/RangeSlider/RangeSlider.d.ts

@@ -2,23 +2,65 @@ import type { ForwardedRef } from "react";
 declare type RangeSliderValue = number | [number, number];
 declare type WidenNumber<T> = T extends number ? number : T;
 export interface RangeSliderProps<Value extends RangeSliderValue = number> {
+    /**
+     * The value of the `RangeSlider`.
+     */
     value?: WidenNumber<Value>;
+    /**
+     * The default value of the `RangeSlider`.
+     */
     defaultValue?: WidenNumber<Value>;
-    /** Event handler called when the value changes. */
+    /**
+     * Event handler called when the value changes.
+     */
     onChange?: (value: WidenNumber<Value>) => void;
-    /** Event handler called when the value changes at the end of an interaction. */
+    /**
+     * Event handler called when the value changes at the end of an interaction.
+     */
     onCommit?: (value: WidenNumber<Value>) => void;
+    /**
+     * The id of the `RangeSlider`.
+     */
     id?: string;
+    /**
+     * The name of the `RangeSlider`.
+     */
     name?: string;
-    /** @ignore */
+    /**
+     * The class name of the `RangeSlider`.
+     */
     className?: string;
+    /**
+     * Whether the `RangeSlider` is disabled.
+     */
     disabled?: boolean;
+    /**
+     * Whether the `RangeSlider` is required.
+     */
     required?: boolean;
+    /**
+     * The minimum value for the range.
+     */
     min?: number;
+    /**
+     * The maximum value for the range.
+     */
     max?: number;
+    /**
+     * The stepping interval for the range.
+     */
     step?: number;
+    /**
+     * The minimum permitted steps between multiple thumbs.
+     */
     minStepsBetweenThumbs?: number;
+    /**
+     * The color of the first track of the `RangeSlider`.
+     */
     track1Color?: string;
+    /**
+     * The color of the second track of the `RangeSlider`.
+     */
     track2Color?: string;
 }
 declare const RangeSliderInternal: <Value extends RangeSliderValue = number>({ id, className, value, defaultValue, onChange, onCommit, disabled, required, min, max, track1Color, track2Color, ...otherProps }: RangeSliderProps<Value>, ref: ForwardedRef<HTMLSpanElement>) => import("react/jsx-runtime").JSX.Element;
@@ -28,6 +70,9 @@ declare const RangeSliderInternal: <Value extends RangeSliderValue = number>({ i
  * See the [Range Slider documentation page](https://satellite.algolia.com/components/controls/range-slider) for more information.
  */
 export declare const RangeSlider: (<Value extends RangeSliderValue>(props: RangeSliderProps<Value> & {
+    /**
+     * The ref of the `RangeSlider`.
+     */
     ref?: ForwardedRef<HTMLSpanElement> | undefined;
 }) => ReturnType<typeof RangeSliderInternal>) & {
     displayName?: string | undefined;

package/dist/cjs/Fields/Select/Select.d.ts

@@ -1,6 +1,9 @@
 import type { SelectHTMLAttributes } from "react";
 export declare type SelectVariants = "small" | "medium" | "large";
 export interface SelectProps extends SelectHTMLAttributes<HTMLSelectElement> {
+    /**
+     * The variant of the `Select`.
+     */
     variant?: SelectVariants;
 }
 /**

package/dist/cjs/Fields/TextArea/TextArea.d.ts

@@ -1,5 +1,21 @@
 import type { TextareaHTMLAttributes } from "react";
 export interface TextAreaProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {
+    /**
+     * Whether the `TextArea` is required.
+     */
+    required?: boolean;
+    /**
+     * The value of the `TextArea`.
+     */
+    value?: string;
+    /**
+     * The placeholder of the `TextArea`.
+     */
+    placeholder?: string;
+    /**
+     * Whether the `TextArea` is disabled.
+     */
+    disabled?: boolean;
 }
 export declare type TextareaStatus = "default" | "validated" | "invalid";
 /**