@pingux/astro 2.123.0-alpha.0 → 2.123.0-alpha.2

package/lib/cjs/components/DatePicker/DateField.js

@@ -295,6 +295,8 @@ DateField.propTypes = {
   hasFormatHelpText: _propTypes["default"].bool,
   /** Text rendered below the input. */
   helperText: _propTypes["default"].node,
+  /** Props object that is spread directly into the helphint element. */
+  helpHintProps: _propTypes["default"].shape({}),
   /** Whether the field is disabled. */
   isDisabled: _propTypes["default"].bool,
   /** Whether the overlay is currently open. */

package/lib/cjs/components/DatePicker/DatePicker.js

@@ -44,6 +44,7 @@ var DatePicker = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var defaultValue = props.defaultValue,
     hasAutoFocus = props.hasAutoFocus,
     helperText = props.helperText,
+    helpHintProps = props.helpHintProps,
     isDefaultOpen = props.isDefaultOpen,
     isReadOnly = props.isReadOnly,
     maxValue = props.maxValue,
@@ -117,7 +118,8 @@ var DatePicker = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     labelProps: labelProps,
     isOpen: state.isOpen,
     status: status,
-    datePickerState: state
+    datePickerState: state,
+    helpHintProps: helpHintProps
   })), calendar, helperText && (0, _react2.jsx)(_index.FieldHelperText, {
     status: status
   }, helperText));
@@ -133,6 +135,8 @@ DatePicker.propTypes = {
   hasFormatHelpText: _propTypes["default"].bool,
   /** Text rendered below the input. */
   helperText: _propTypes["default"].string,
+  /** Props object that is spread directly into the helphint element. */
+  helpHintProps: _propTypes["default"].shape({}),
   /** The element's unique identifier. */
   id: _propTypes["default"].string,
   /**

package/lib/cjs/components/FileInputField/FileInputField.js

@@ -318,7 +318,9 @@ FileInputField.propTypes = _objectSpread(_objectSpread(_objectSpread({
    * */
   onRemove: _propTypes["default"].func,
   /** These props will be spread to the field text component. */
-  textProps: _propTypes["default"].shape({})
+  textProps: _propTypes["default"].shape({}),
+  /** Props object that is spread directly into the helphint element. */
+  helpHintProps: _propTypes["default"].shape({})
 }, _statusProp.statusPropTypes), _ariaAttributes.ariaAttributesBasePropTypes), _fieldAttributes.inputFieldAttributesBasePropTypes);
 FileInputField.defaultProps = _objectSpread({
   defaultButtonText: 'Select a file'

package/lib/cjs/components/LinkSelectField/LinkSelectField.js

@@ -109,6 +109,8 @@ LinkSelectField.propTypes = _objectSpread(_objectSpread(_objectSpread({
   hasNoStatusIndicator: _propTypes["default"].bool,
   /** Text rendered below the input. */
   helperText: _propTypes["default"].node,
+  /** Props object that is spread directly into the helphint element. */
+  helpHintProps: _propTypes["default"].shape({}),
   /** If present this prop will cause a help hint to render in the label of the field. */
   hintText: _propTypes["default"].string,
   /** Sets the default open state of the menu. */

package/lib/cjs/components/MultivaluesField/MultivaluesField.test.js

@@ -18,7 +18,6 @@ var _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-
 var _Object$defineProperties = require("@babel/runtime-corejs3/core-js-stable/object/define-properties");
 var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
 var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
 var _fill = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/fill"));
 var _forEach = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/for-each"));
@@ -35,7 +34,6 @@ var _testWrapper = require("../../utils/testUtils/testWrapper");
 var _universalComponentTest = require("../../utils/testUtils/universalComponentTest");
 var _universalFormSubmitTest = require("../../utils/testUtils/universalFormSubmitTest");
 var _react2 = require("@emotion/react");
-var _excluded = ["key"];
 function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { _Object$defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
@@ -1219,21 +1217,6 @@ test('renders duplicate groups for duplicate keys on items group ', function ()
   _userEvent["default"].click(input);
   expect(_testWrapper.screen.getAllByRole('group')).not.toHaveLength(2);
 });
-test('renders with error without key on item groups ', function () {
-  var errorMessage = '';
-  try {
-    getSectionsComponent({
-      items: (0, _map["default"])(withSection).call(withSection, function (_ref8) {
-        var key = _ref8.key,
-          item = (0, _objectWithoutProperties2["default"])(_ref8, _excluded);
-        return item;
-      })
-    });
-  } catch (error) {
-    errorMessage = error.message;
-  }
-  expect(errorMessage).toMatch(/No key found for item/);
-});
 test('onLoadMore and onLoadPrev callbacks are called', function () {
   (0, _testWrapper.render)((0, _react2.jsx)(ComponentOnPrevLoad, null));
   _userEvent["default"].tab();

package/lib/cjs/components/NumberField/NumberField.js

@@ -184,6 +184,8 @@ NumberField.propTypes = _objectSpread(_objectSpread(_objectSpread({
   label: _propTypes["default"].node,
   /** Text rendered below the input. */
   helperText: _propTypes["default"].node,
+  /** Props object that is spread directly into the helphint element. */
+  helpHintProps: _propTypes["default"].shape({}),
   /** If present this prop will cause a help hint to render in the label of the field. */
   hintText: _propTypes["default"].string,
   /**

package/lib/cjs/components/RadioGroupField/RadioGroupField.js

@@ -30,6 +30,7 @@ var RadioGroupField = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref)
     isDisabled = props.isDisabled,
     isRequired = props.isRequired,
     hintText = props.hintText,
+    helpHintProps = props.helpHintProps,
     label = props.label,
     orientation = props.orientation,
     status = props.status;
@@ -56,7 +57,9 @@ var RadioGroupField = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref)
     hintText: hintText,
     isRequired: isRequired,
     variant: "forms.label.radioGroup"
-  }, labelProps), label), (0, _react2.jsx)(_.Box, {
+  }, labelProps, {
+    helpHintProps: helpHintProps
+  }), label), (0, _react2.jsx)(_.Box, {
     variant: "forms.radioGroupWrapper",
     isRow: orientation === _orientation["default"].HORIZONTAL,
     "aria-labelledby": helperText && helperTextId,

package/lib/cjs/components/SliderField/SliderLabelContainer.js

@@ -21,7 +21,8 @@ var SliderLabelContainer = /*#__PURE__*/(0, _react.forwardRef)(function (props,
     labelProps = props.labelProps,
     isDisplayValueHidden = props.isDisplayValueHidden,
     outputProps = props.outputProps,
-    className = props.className;
+    className = props.className,
+    helpHintProps = props.helpHintProps;
   return (0, _react2.jsx)(_index.Box, {
     ref: ref,
     className: className,
@@ -33,7 +34,8 @@ var SliderLabelContainer = /*#__PURE__*/(0, _react.forwardRef)(function (props,
   }, (0, _react2.jsx)(_index.Label, (0, _extends2["default"])({}, labelProps, {
     sx: {
       mb: '0px'
-    }
+    },
+    helpHintProps: helpHintProps
   }), label)), !isDisplayValueHidden && (0, _react2.jsx)(_index.Box, {
     className: className,
     variant: "slider.outputContainer"

package/lib/cjs/components/TextField/TextField.js

@@ -31,7 +31,6 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 var displayName = 'TextField';
 var TextField = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var helperText = props.helperText,
-    helpHintProps = props.helpHintProps,
     slots = props.slots,
     status = props.status;
   var _useField = (0, _hooks.useField)(props),
@@ -59,8 +58,7 @@ var TextField = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     ref: labelRef,
     sx: isLabelHigher ? {
       gridRow: '1/5'
-    } : {},
-    helpHintProps: helpHintProps
+    } : {}
   })), (0, _react2.jsx)(_.Box, (0, _extends2["default"])({
     variant: "forms.input.fieldControlWrapper"
   }, fieldControlWrapperProps), slots === null || slots === void 0 ? void 0 : slots.beforeInput, (0, _react2.jsx)(_.Input, (0, _extends2["default"])({

package/lib/cjs/hooks/useField/useField.d.ts

@@ -1,7 +1,7 @@
 import React, { Key } from 'react';
 import type { AriaLabelingProps, CollectionChildren, DOMProps } from '@react-types/shared';
 import { ThemeUICSSObject } from 'theme-ui';
-import { AriaRole, BoxProps, LabelModeProps, LabelProps, Status, ValidPositiveInteger } from '../../types';
+import { AriaRole, BoxProps, HelpHintProps, LabelModeProps, LabelProps, Status, ValidPositiveInteger } from '../../types';
 /**
  * Generates the necessary props to be used in field components.
  * @param {{}} props Props for the field
@@ -63,6 +63,8 @@ export interface UseFieldProps<T> {
     /** Whether the element should receive focus on render. */
     hasAutoFocus?: boolean;
     hasNoStatusIndicator?: boolean;
+    /** Props object that is spread directly into the helphint element. */
+    helpHintProps?: HelpHintProps;
     /** Text rendered below the input. */
     helperText?: string;
     /** If present this prop will cause a help hint to render in the label of the field. */
@@ -1098,7 +1100,7 @@ declare const useField: <T>(props: UseFieldProps<T>) => {
         labelMode?: LabelModeProps | undefined;
         requiredIndicator?: React.ReactNode;
         hintText: string | undefined;
-        helpHintProps?: import("../../types").HelpHintProps | undefined;
+        helpHintProps: HelpHintProps | undefined;
         statusClasses?: {
             [className: string]: boolean;
         } | undefined;
@@ -1417,7 +1419,7 @@ declare const useField: <T>(props: UseFieldProps<T>) => {
         labelMode?: LabelModeProps | undefined;
         requiredIndicator?: React.ReactNode;
         hintText: string | undefined;
-        helpHintProps?: import("../../types").HelpHintProps | undefined;
+        helpHintProps: HelpHintProps | undefined;
         statusClasses?: {
             [className: string]: boolean;
         } | undefined;

package/lib/cjs/hooks/useField/useField.js

@@ -26,7 +26,7 @@ var _labelModes = require("../../utils/devUtils/constants/labelModes");
 var _statuses = _interopRequireDefault(require("../../utils/devUtils/constants/statuses"));
 var _ariaAttributes = require("../../utils/docUtils/ariaAttributes");
 var _ = require("..");
-var _excluded = ["autocomplete", "autoComplete", "autoCorrect", "className", "containerProps", "controlProps", "defaultValue", "hasAutoFocus", "hasNoStatusIndicator", "hintText", "id", "isDefaultSelected", "isDisabled", "isIndeterminate", "isReadOnly", "isRequired", "isRestrictiveMultivalues", "label", "labelMode", "labelProps", "maxLength", "name", "onBlur", "onChange", "onFocus", "placeholder", "role", "spellCheck", "status", "statusClasses", "type", "value", "wrapperProps"];
+var _excluded = ["autocomplete", "autoComplete", "autoCorrect", "className", "containerProps", "controlProps", "defaultValue", "hasAutoFocus", "hasNoStatusIndicator", "helpHintProps", "hintText", "id", "isDefaultSelected", "isDisabled", "isIndeterminate", "isReadOnly", "isRequired", "isRestrictiveMultivalues", "label", "labelMode", "labelProps", "maxLength", "name", "onBlur", "onChange", "onFocus", "placeholder", "role", "spellCheck", "status", "statusClasses", "type", "value", "wrapperProps"];
 function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
 /**
@@ -47,6 +47,7 @@ var useField = function useField(props) {
     defaultValue = props.defaultValue,
     hasAutoFocus = props.hasAutoFocus,
     hasNoStatusIndicator = props.hasNoStatusIndicator,
+    helpHintProps = props.helpHintProps,
     hintText = props.hintText,
     id = props.id,
     isDefaultSelected = props.isDefaultSelected,
@@ -200,6 +201,7 @@ var useField = function useField(props) {
     className: labelClasses,
     hintText: hintText,
     isRequired: isRequired,
+    helpHintProps: helpHintProps,
     mode: labelMode
   }, raLabelProps), labelProps);
   var fieldControlWrapperProps = _objectSpread({

package/lib/cjs/hooks/useSliderField/useSliderField.d.ts

@@ -245,7 +245,9 @@ declare const useSliderField: (props: UseSliderFieldProps) => {
     };
     labelContainerProps: {
         label: import("react").ReactNode;
-        labelProps: import("react").LabelHTMLAttributes<HTMLLabelElement> & import("../..").LabelProps;
+        labelProps: import("react").LabelHTMLAttributes<HTMLLabelElement> & import("../..").LabelProps & {
+            hintText: string | undefined;
+        };
         isDisplayValueHidden: boolean;
         outputProps: import("react").OutputHTMLAttributes<HTMLOutputElement> & import("../..").TextProps & {
             as: string;
@@ -254,6 +256,7 @@ declare const useSliderField: (props: UseSliderFieldProps) => {
         isHorizontal: boolean;
         displayValue: any;
         isVertical: boolean;
+        helpHintProps: import("../..").HelpHintProps | undefined;
         className: string;
     };
     sliderActiveTrackProps: {

package/lib/cjs/hooks/useSliderField/useSliderField.js

@@ -20,7 +20,7 @@ var _reactAria = require("react-aria");
 var _reactStately = require("react-stately");
 var _ariaAttributes = require("../../utils/docUtils/ariaAttributes");
 var _useStatusClasses7 = _interopRequireDefault(require("../useStatusClasses"));
-var _excluded = ["activeTrackProps", "autoFocus", "className", "defaultValue", "displayValue", "formatOptions", "helperTextProps", "isDisabled", "isDisplayValueHidden", "isMultiThumb", "label", "labelProps", "maxValue", "minValue", "name", "onBlur", "onChange", "onChangeEnd", "onFocus", "onFocusChange", "onKeyDown", "onKeyUp", "orientation", "outputProps", "size", "status", "step", "sx", "thumbProps", "trackProps", "trackRef", "value", "wrapperProps"];
+var _excluded = ["activeTrackProps", "autoFocus", "className", "defaultValue", "displayValue", "formatOptions", "helperTextProps", "helpHintProps", "hintText", "isDisabled", "isDisplayValueHidden", "isMultiThumb", "label", "labelProps", "maxValue", "minValue", "name", "onBlur", "onChange", "onChangeEnd", "onFocus", "onFocusChange", "onKeyDown", "onKeyUp", "orientation", "outputProps", "size", "status", "step", "sx", "thumbProps", "trackProps", "trackRef", "value", "wrapperProps"];
 function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context2, _context3; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context2 = ownKeys(Object(source), !0)).call(_context2, function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context3 = ownKeys(Object(source))).call(_context3, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
 var getDefaultValue = function getDefaultValue(_ref) {
@@ -55,6 +55,8 @@ var useSliderField = function useSliderField(props) {
     displayValueProp = props.displayValue,
     formatOptions = props.formatOptions,
     helperTextProps = props.helperTextProps,
+    helpHintProps = props.helpHintProps,
+    hintText = props.hintText,
     isDisabled = props.isDisabled,
     _props$isDisplayValue = props.isDisplayValueHidden,
     isDisplayValueHidden = _props$isDisplayValue === void 0 ? false : _props$isDisplayValue,
@@ -174,7 +176,9 @@ var useSliderField = function useSliderField(props) {
     as: 'output',
     variant: 'label'
   });
-  var mergedLabelProps = (0, _reactAria.mergeProps)(labelProps, raLabelProps);
+  var mergedLabelProps = (0, _reactAria.mergeProps)(labelProps, raLabelProps, {
+    hintText: hintText
+  });
   var labelContainerProps = {
     label: label,
     labelProps: mergedLabelProps,
@@ -183,6 +187,7 @@ var useSliderField = function useSliderField(props) {
     isHorizontal: isHorizontal,
     displayValue: displayValue,
     isVertical: isVertical,
+    helpHintProps: helpHintProps,
     className: labelContainerClassNames
   };
   var sliderActiveTrackProps = _objectSpread(_objectSpread({}, activeTrackProps), {}, {

package/lib/cjs/types/TextAreaField.d.ts

@@ -1,6 +1,7 @@
 import { ReactNode } from 'react';
 import { SharedFieldProps } from './shared/fieldProps';
 import { TestingAttributes } from './shared/test';
+import { HelpHintProps } from './helpHint';
 import { ValidPositiveInteger } from './shared';
 export interface TextAreaFieldProps extends TestingAttributes, SharedFieldProps {
     /** Whether the textarea is unable to be resized. */
@@ -47,4 +48,6 @@ export interface TextAreaFieldProps extends TestingAttributes, SharedFieldProps
     id?: string;
     /** The name for the textarea element. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea). */
     name?: string;
+    /** Props object that is spread directly into the helphint element. */
+    helpHintProps?: HelpHintProps;
 }

package/lib/cjs/types/checkboxField.d.ts

@@ -1,4 +1,5 @@
 import { UseFieldProps } from '../hooks/useField/useField';
+import { HelpHintProps } from './helpHint';
 export interface CheckboxFieldProps extends Omit<UseFieldProps<HTMLInputElement>, 'onChange'> {
     /** Handler that is called when a key is pressed. */
     onKeyDown?: () => void;
@@ -8,4 +9,6 @@ export interface CheckboxFieldProps extends Omit<UseFieldProps<HTMLInputElement>
     onChange?: (isSelected: boolean) => void;
     /** props that are spread directly into the checkbox component */
     checkBoxProps?: object;
+    /** Props object that is spread directly into the helphint element. */
+    helpHintProps?: HelpHintProps;
 }

package/lib/cjs/types/colorField.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import { ControlProps } from '../hooks/useField/useField';
 import { TestingAttributes } from './shared/test';
 import { Alignment, Axis } from './shared';
-import { ButtonProps, LabelProps, Status } from '.';
+import { ButtonProps, HelpHintProps, LabelProps, Status } from '.';
 export type RGBProps = {
     r: number;
     g: number;
@@ -27,6 +27,10 @@ export interface ColorFieldProps extends TestingAttributes {
     direction?: Axis;
     /** Text to display after the Color Field button. Useful for errors or other info. */
     helperText?: React.ReactNode;
+    /** Props object that is spread directly into the helphint element. */
+    helpHintProps?: HelpHintProps;
+    /** If present this prop will cause a help hint to render in the label of the field. */
+    hintText?: string;
     /** The content to display as the label. */
     label?: React.ReactNode;
     /** Pass a function to call every time the color is changed. [React Color onChange](https://casesandberg.github.io/react-color/#api-onChange)

package/lib/cjs/types/passwordField.d.ts

@@ -2,7 +2,7 @@
 import { UseFieldProps } from '../hooks/useField/useField';
 import { TestingAttributes } from './shared/test';
 import { Status } from './item';
-import { Requirement, RequirementsListProps } from '.';
+import { HelpHintProps, Requirement, RequirementsListProps } from '.';
 export interface PasswordFieldProps extends UseFieldProps<HTMLInputElement>, TestingAttributes {
     /** The rendered label for the field. */
     label?: string | React.ReactNode;
@@ -35,6 +35,8 @@ export interface PasswordFieldProps extends UseFieldProps<HTMLInputElement>, Tes
     isDisabled?: boolean;
     /** Whether the input can be selected, but not changed by the user. */
     isReadOnly?: boolean;
+    /** Props object that is spread directly into the helphint element. */
+    helpHintProps?: HelpHintProps;
     /** Whether the field is required. */
     isRequired?: boolean;
     /**

package/lib/cjs/types/radioField.d.ts

@@ -1,4 +1,5 @@
 import { ReactNode } from 'react';
+import { HelpHintProps } from './helpHint';
 import { Status } from './item';
 import { DOMAttributes } from './shared';
 export interface RadioFieldProps extends DOMAttributes {
@@ -12,6 +13,8 @@ export interface RadioFieldProps extends DOMAttributes {
     hasAutoFocus?: boolean;
     /** Text rendered below the input. */
     helperText?: ReactNode;
+    /** Props object that is spread directly into the helphint element. */
+    helpHintProps?: HelpHintProps;
     /** If present this prop will cause a help hint to render in the label of the field. */
     hintText?: string;
     /** The element's unique identifier. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id). */

package/lib/cjs/types/radioGroupField.d.ts

@@ -1,6 +1,7 @@
 import { ReactNode } from 'react';
 import { AriaRadioGroupProps } from 'react-aria';
 import { SharedFieldProps } from './shared/fieldProps';
+import { HelpHintProps } from './helpHint';
 export interface RadioGroupFieldProps extends Omit<AriaRadioGroupProps, 'label'>, SharedFieldProps {
     className?: string;
     id?: string;
@@ -12,4 +13,5 @@ export interface RadioGroupFieldProps extends Omit<AriaRadioGroupProps, 'label'>
     defaultValue?: string;
     orientation?: 'horizontal' | 'vertical';
     onChange?: (value: string) => void;
+    helpHintProps?: HelpHintProps;
 }

package/lib/cjs/types/searchField.d.ts

@@ -2,7 +2,7 @@
 import { ThemeUICSSObject } from 'theme-ui';
 import { ControlProps } from '../hooks/useField/useField';
 import { StyleProps } from './shared';
-import { IconProps, IconTypeExtended, LabelProps } from '.';
+import { HelpHintProps, IconProps, IconTypeExtended, LabelProps } from '.';
 export interface SearchFieldProps extends StyleProps {
     /**
        * @ignore
@@ -38,6 +38,10 @@ export interface SearchFieldProps extends StyleProps {
     id?: string;
     /** Whether the input is disabled. */
     isDisabled?: boolean;
+    /** Props object that is spread directly into the helphint element. */
+    helpHintProps?: HelpHintProps;
+    /** If present this prop will cause a help hint to render in the label of the field. */
+    hintText?: string;
     /** The content to display as the label. */
     label?: React.ReactNode;
     /** The name of the input element, used when submitting an HTML form. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname). */

package/lib/cjs/types/selectField.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 import { UseSelectFieldProps, UseSelectFieldReturnProps } from '../hooks/useSelectField/useSelectField';
 import { SharedFieldProps } from './shared/fieldProps';
+import { HelpHintProps } from './helpHint';
 import { Status } from './item';
 import { StyleProps } from './shared';
 export interface SelectFieldProps<T> extends Omit<StyleProps, 'direction'>, UseSelectFieldProps<T> {
@@ -23,4 +24,5 @@ export interface SelectFieldBaseProps extends UseSelectFieldReturnProps<object>,
     defaultText?: string;
     selectProps?: Record<string, unknown>;
     isDisabled?: boolean;
+    helpHintProps?: HelpHintProps;
 }

package/lib/cjs/types/sliderField.d.ts

@@ -4,6 +4,7 @@ import type { PressEvent } from '@react-types/shared';
 import { ThemeUICSSObject } from 'theme-ui';
 import { BoxProps } from './box';
 import { FieldHelperTextProps } from './fieldHelperText';
+import { HelpHintProps } from './helpHint';
 import { InputProps } from './input';
 import { Status } from './item';
 import { LabelProps } from './label';
@@ -27,6 +28,7 @@ export interface SliderLabelContainerProps {
     displayValue?: ReactNode;
     label?: ReactNode;
     labelProps?: LabelProps;
+    helpHintProps?: HelpHintProps;
     isDisplayValueHidden?: boolean;
     outputProps?: TextProps;
     className?: string;
@@ -48,6 +50,8 @@ export interface SliderFieldProps {
     formatOptions?: Intl.NumberFormatOptions;
     helperText?: string;
     helperTextProps?: FieldHelperTextProps;
+    helpHintProps?: HelpHintProps;
+    hintText?: string;
     isDisabled?: boolean;
     isDisplayValueHidden?: boolean;
     isMultiThumb?: boolean;

package/lib/cjs/types/switchField.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 import { ThemeUICSSObject } from 'theme-ui';
 import { ControlProps } from '../hooks/useField/useField';
+import { HelpHintProps } from './helpHint';
 import { Status } from './item';
 import { LabelProps } from './label';
 import { DOMAttributes } from './shared';
@@ -28,4 +29,5 @@ export interface SwitchFieldProps extends DOMAttributes {
     onKeyDown?: () => void;
     onKeyUp?: () => void;
     sx?: ThemeUICSSObject;
+    helpHintProps?: HelpHintProps;
 }