@hopper-ui/components 1.6.0 → 1.7.0

package/dist/checkbox/src/index.js

@@ -1,25 +1,26 @@
-export { _CheckboxGroup as CheckboxGroup, GlobalCheckboxGroupCssSelector } from '../../chunk-FJ6AAK5Z.js';
+export { _CheckboxGroup as CheckboxGroup, GlobalCheckboxGroupCssSelector } from '../../chunk-YZBOR2D4.js';
 export { CheckboxGroupContext } from '../../chunk-N7YDPVZL.js';
-import '../../chunk-SINPHU2Z.js';
+import '../../chunk-PDWWX5JI.js';
+import '../../chunk-FIY4TUYL.js';
 import '../../chunk-YVCZUIU3.js';
-import '../../chunk-W53AAAUA.js';
+import '../../chunk-DEFXMEBJ.js';
 import '../../chunk-PNEJ6JDM.js';
-import '../../chunk-HCFKAC4T.js';
+import '../../chunk-23WYVBUK.js';
 import '../../chunk-FV74YT2D.js';
-export { _DecorativeCheckbox as DecorativeCheckbox, GlobalDecorativeCheckboxCssSelector } from '../../chunk-ARCWWXRR.js';
-export { _Checkbox as Checkbox, GlobalCheckboxCssSelector } from '../../chunk-TZZQP76M.js';
-export { _CheckboxField as CheckboxField, GlobalCheckboxFieldCssSelector } from '../../chunk-SEQN7G35.js';
+export { _DecorativeCheckbox as DecorativeCheckbox, GlobalDecorativeCheckboxCssSelector } from '../../chunk-PQVBUEXC.js';
+export { _Checkbox as Checkbox, GlobalCheckboxCssSelector } from '../../chunk-GR5QWFCA.js';
+export { _CheckboxField as CheckboxField, GlobalCheckboxFieldCssSelector } from '../../chunk-QARGGDML.js';
 export { CheckboxFieldContext } from '../../chunk-ZGNK4GWA.js';
 export { CheckboxContext } from '../../chunk-2EAZPH3M.js';
 import '../../chunk-2NSUMKNH.js';
 import '../../chunk-GBWXEK6N.js';
-import '../../chunk-R4ICRVDS.js';
+import '../../chunk-HQJZSCV7.js';
 import '../../chunk-UYYHPXUH.js';
-import '../../chunk-75DHKNW2.js';
-import '../../chunk-KUGVMCIB.js';
+import '../../chunk-NNLLQWDS.js';
+import '../../chunk-CIQZIY5N.js';
 import '../../chunk-ZWU6DRRZ.js';
-import '../../chunk-CQHB3HRC.js';
-import '../../chunk-WJ55ZV54.js';
+import '../../chunk-L7DSMPLQ.js';
+import '../../chunk-PQSMCDAM.js';
 import '../../chunk-ZNOU2CGM.js';
 import '../../chunk-65JPI4FL.js';
 import '../../chunk-M36KANKC.js';

package/dist/{chunk-HCFKAC4T.js → chunk-23WYVBUK.js}

@@ -1,6 +1,6 @@
 import { ErrorMessageContext } from './chunk-FV74YT2D.js';
 import { useRenderProps } from './chunk-2NSUMKNH.js';
-import { _Text } from './chunk-CQHB3HRC.js';
+import { _Text } from './chunk-L7DSMPLQ.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { WarningIcon } from '@hopper-ui/icons';
@@ -10,7 +10,7 @@ import { FieldErrorContext, useContextProps, composeRenderProps } from 'react-ar
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./ErrorMessage.module.css#css-module
-var ErrorMessage_module_default = { "hop-ErrorMessage": "ErrorMessage-module__hop-ErrorMessage___Q81Sd", "hop-ErrorMessage__icon": "ErrorMessage-module__hop-ErrorMessage__icon___L84xV" };
+var ErrorMessage_module_default = { "hop-ErrorMessage": "ErrorMessage-module__hop-ErrorMessage___XomeT", "hop-ErrorMessage__icon": "ErrorMessage-module__hop-ErrorMessage__icon___aiAt8" };
 var GlobalErrorMessageCssSelector = "hop-ErrorMessage";
 function ErrorMessage(props, ref) {
   const validation = useContext(FieldErrorContext);

package/dist/{chunk-QYEV2QUA.js → chunk-2C4RHHUL.js}

@@ -1,6 +1,6 @@
+import { IllustratedMessageContext } from './chunk-W4TCUPPA.js';
 import { ImageContext } from './chunk-JAR7CXVS.js';
 import { SvgImageContext } from './chunk-M4CKZFAM.js';
-import { IllustratedMessageContext } from './chunk-W4TCUPPA.js';
 import { HeadingContext } from './chunk-WJRMD4JP.js';
 import { ContentContext } from './chunk-IXB2WK56.js';
 import { ButtonGroupContext } from './chunk-VJQ7M2BK.js';
@@ -14,7 +14,7 @@ import { useContextProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./IllustratedMessage.module.css#css-module
-var IllustratedMessage_module_default = { "hop-IllustratedMessage": "IllustratedMessage-module__hop-IllustratedMessage___3c09I", "hop-IllustratedMessage--sm": "IllustratedMessage-module__hop-IllustratedMessage--sm___5m68l", "hop-IllustratedMessage--md": "IllustratedMessage-module__hop-IllustratedMessage--md___mKCi3", "hop-IllustratedMessage--lg": "IllustratedMessage-module__hop-IllustratedMessage--lg___P3bhe", "hop-IllustratedMessage__image": "IllustratedMessage-module__hop-IllustratedMessage__image___0B-Ia", "hop-IllustratedMessage__heading": "IllustratedMessage-module__hop-IllustratedMessage__heading___b0ccw", "hop-IllustratedMessage-md": "IllustratedMessage-module__hop-IllustratedMessage-md___--gnq", "hop-IllustratedMessage__content": "IllustratedMessage-module__hop-IllustratedMessage__content___S-XC6", "hop-IllustratedMessage__buttonGroup": "IllustratedMessage-module__hop-IllustratedMessage__buttonGroup___iRlLe", "hop-IllustratedMessage__button": "IllustratedMessage-module__hop-IllustratedMessage__button___wlt7p" };
+var IllustratedMessage_module_default = { "hop-IllustratedMessage": "IllustratedMessage-module__hop-IllustratedMessage___CwGb4", "hop-IllustratedMessage--sm": "IllustratedMessage-module__hop-IllustratedMessage--sm___w6bTR", "hop-IllustratedMessage--md": "IllustratedMessage-module__hop-IllustratedMessage--md___203oT", "hop-IllustratedMessage--lg": "IllustratedMessage-module__hop-IllustratedMessage--lg___naBQc", "hop-IllustratedMessage__image": "IllustratedMessage-module__hop-IllustratedMessage__image___LZ1Nl", "hop-IllustratedMessage__heading": "IllustratedMessage-module__hop-IllustratedMessage__heading___vvD3V", "hop-IllustratedMessage-md": "IllustratedMessage-module__hop-IllustratedMessage-md___K-P-b", "hop-IllustratedMessage__content": "IllustratedMessage-module__hop-IllustratedMessage__content___WfSNc", "hop-IllustratedMessage__buttonGroup": "IllustratedMessage-module__hop-IllustratedMessage__buttonGroup___OhhZx", "hop-IllustratedMessage__button": "IllustratedMessage-module__hop-IllustratedMessage__button___xhjjH" };
 var GlobalIllustratedMessageCssSelector = "hop-IllustratedMessage";
 function IllustratedMessage(props, ref) {
   [props, ref] = useContextProps(props, ref, IllustratedMessageContext);

package/dist/{chunk-MCUPCFYQ.js → chunk-2KFOOJ34.js}

@@ -1,12 +1,12 @@
 import { NumberFieldContext } from './chunk-ZQ3AWYRR.js';
-import { Input } from './chunk-U35DID2L.js';
-import { _InputGroup } from './chunk-MYPNAEEC.js';
-import { _Label } from './chunk-SINPHU2Z.js';
-import { _HelperMessage } from './chunk-W53AAAUA.js';
-import { _ErrorMessage } from './chunk-HCFKAC4T.js';
-import { useFormProps } from './chunk-R4ICRVDS.js';
-import { ensureTextWrapper } from './chunk-KUGVMCIB.js';
-import { ClearContainerSlots } from './chunk-WJ55ZV54.js';
+import { Input } from './chunk-S5AHDRSE.js';
+import { _InputGroup } from './chunk-UBILZ2MS.js';
+import { FieldLabel } from './chunk-PDWWX5JI.js';
+import { _HelperMessage } from './chunk-DEFXMEBJ.js';
+import { _ErrorMessage } from './chunk-23WYVBUK.js';
+import { useFormProps } from './chunk-HQJZSCV7.js';
+import { ensureTextWrapper } from './chunk-CIQZIY5N.js';
+import { ClearContainerSlots } from './chunk-PQSMCDAM.js';
 import { TextContext } from './chunk-ZNOU2CGM.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
@@ -22,7 +22,7 @@ import { useContextProps, composeRenderProps, NumberField as NumberField$1, Butt
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./NumberField.module.css#css-module
-var NumberField_module_default = { "hop-NumberField": "NumberField-module__hop-NumberField___Es2iJ", "hop-NumberField--fluid": "NumberField-module__hop-NumberField--fluid___-O-Uv", "hop-NumberField__Label": "NumberField-module__hop-NumberField__Label___lMg0g", "hop-NumberField__prefix": "NumberField-module__hop-NumberField__prefix___5Baty", "hop-NumberField__InputGroup": "NumberField-module__hop-NumberField__InputGroup___TbMLO", "hop-NumberField__ErrorMessage": "NumberField-module__hop-NumberField__ErrorMessage___IiL54", "hop-NumberField__HelperMessage": "NumberField-module__hop-NumberField__HelperMessage___EotBe", "hop-NumberField__steppers": "NumberField-module__hop-NumberField__steppers___nPL0T", "hop-NumberField__stepper-button": "NumberField-module__hop-NumberField__stepper-button___1bc79", "hop-NumberField__stepper-button--increment": "NumberField-module__hop-NumberField__stepper-button--increment___nfzBP", "hop-NumberField__stepper-button--decrement": "NumberField-module__hop-NumberField__stepper-button--decrement___b0ThH", "hop-NumberField__stepper-button__icon": "NumberField-module__hop-NumberField__stepper-button__icon___Mb70h", "hop-NumberField__input": "NumberField-module__hop-NumberField__input___wd-nA" };
+var NumberField_module_default = { "hop-NumberField": "NumberField-module__hop-NumberField___kGvCf", "hop-NumberField--fluid": "NumberField-module__hop-NumberField--fluid___B7Hlg", "hop-NumberField__Label": "NumberField-module__hop-NumberField__Label___mqltf", "hop-NumberField__prefix": "NumberField-module__hop-NumberField__prefix___8MS11", "hop-NumberField__InputGroup": "NumberField-module__hop-NumberField__InputGroup___Jih0X", "hop-NumberField__ErrorMessage": "NumberField-module__hop-NumberField__ErrorMessage___-kPGi", "hop-NumberField__HelperMessage": "NumberField-module__hop-NumberField__HelperMessage___5teuf", "hop-NumberField__steppers": "NumberField-module__hop-NumberField__steppers___SD1A2", "hop-NumberField__stepper-button": "NumberField-module__hop-NumberField__stepper-button___4iXc6", "hop-NumberField__stepper-button--increment": "NumberField-module__hop-NumberField__stepper-button--increment___vpaq9", "hop-NumberField__stepper-button--decrement": "NumberField-module__hop-NumberField__stepper-button--decrement___CA-GO", "hop-NumberField__stepper-button__icon": "NumberField-module__hop-NumberField__stepper-button__icon___eR8Ng", "hop-NumberField__input": "NumberField-module__hop-NumberField__input___RPLAj" };
 var GlobalNumberFieldCssSelector = "hop-NumberField";
 var StepperButton = ({ direction }) => {
   const StepperIcon = direction === "increment" ? AngleUpIcon : AngleDownIcon;
@@ -60,6 +60,7 @@ function NumberField(props, ref) {
   const { stylingProps, ...ownProps } = useStyledSystem(props);
   const {
     className,
+    contextualHelp,
     style: styleProp,
     size,
     prefix,
@@ -130,7 +131,16 @@ function NumberField(props, ref) {
     }
   ) });
   const childrenMarkup = /* @__PURE__ */ jsxs(Fragment, { children: [
-    label && /* @__PURE__ */ jsx(_Label, { className: NumberField_module_default["hop-NumberField__Label"], isRequired, necessityIndicator, children: label }),
+    /* @__PURE__ */ jsx(
+      FieldLabel,
+      {
+        className: NumberField_module_default["hop-NumberField__Label"],
+        contextualHelp,
+        isRequired,
+        necessityIndicator,
+        children: label
+      }
+    ),
     inputMarkup,
     description && /* @__PURE__ */ jsx(_HelperMessage, { className: NumberField_module_default["hop-NumberField__HelperMessage"], children: description }),
     /* @__PURE__ */ jsx(_ErrorMessage, { className: NumberField_module_default["hop-NumberField__ErrorMessage"], children: errorMessage })

package/dist/{chunk-H7K7KLU4.js → chunk-2WU7UWOH.js}

@@ -1,7 +1,7 @@
 import { SwitchContext } from './chunk-YHBJAXUY.js';
 import { IconListContext } from './chunk-GBWXEK6N.js';
-import { ensureTextWrapper } from './chunk-KUGVMCIB.js';
-import { ClearContainerSlots } from './chunk-WJ55ZV54.js';
+import { ensureTextWrapper } from './chunk-CIQZIY5N.js';
+import { ClearContainerSlots } from './chunk-PQSMCDAM.js';
 import { TextContext } from './chunk-ZNOU2CGM.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
@@ -13,7 +13,7 @@ import { useContextProps, composeRenderProps, Switch as Switch$1 } from 'react-a
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./Switch.module.css#css-module
-var Switch_module_default = { "hop-Switch": "Switch-module__hop-Switch___bvt7G", "hop-Switch--sm": "Switch-module__hop-Switch--sm___NVikB", "hop-Switch--md": "Switch-module__hop-Switch--md___WS6uc", "hop-Switch__indicator": "Switch-module__hop-Switch__indicator___opwfI", "hop-Switch__text": "Switch-module__hop-Switch__text___MvNCP", "hop-Switch__icon-list": "Switch-module__hop-Switch__icon-list___VvA-x", "hop-Switch__icon": "Switch-module__hop-Switch__icon___WJ6Fo" };
+var Switch_module_default = { "hop-Switch": "Switch-module__hop-Switch___hMRxD", "hop-Switch--sm": "Switch-module__hop-Switch--sm___PTeQy", "hop-Switch--md": "Switch-module__hop-Switch--md___I6vPt", "hop-Switch__indicator": "Switch-module__hop-Switch__indicator___1x6iN", "hop-Switch__text": "Switch-module__hop-Switch__text___5nkRS", "hop-Switch__icon-list": "Switch-module__hop-Switch__icon-list___y8CU4", "hop-Switch__icon": "Switch-module__hop-Switch__icon___K7ii6" };
 var GlobalSwitchCssSelector = "hop-Switch";
 function Switch(props, ref) {
   var _a;

package/dist/{chunk-HEHMZWBC.js → chunk-3FHJOMUC.js}

@@ -7,7 +7,7 @@ import { useContextProps, ModalOverlay, Modal } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./BaseModal.module.css#css-module
-var BaseModal_module_default = { "hop-BaseModal": "BaseModal-module__hop-BaseModal___cjAtF", "hop-BaseModal__modal": "BaseModal-module__hop-BaseModal__modal___BPJoS", "hop-BaseModal--image": "BaseModal-module__hop-BaseModal--image___z4NDX", "hop-BaseModal--sm": "BaseModal-module__hop-BaseModal--sm___eWu2W", "hop-BaseModal--md": "BaseModal-module__hop-BaseModal--md___H6iWg", "hop-BaseModal--lg": "BaseModal-module__hop-BaseModal--lg___n-pA-", "hop-BaseModal--xl": "BaseModal-module__hop-BaseModal--xl___sbtfC", "hop-BaseModal--fullscreen": "BaseModal-module__hop-BaseModal--fullscreen___5-Ikm", "hop-BaseModal--fullscreentakeover": "BaseModal-module__hop-BaseModal--fullscreentakeover___ZXCtS" };
+var BaseModal_module_default = { "hop-BaseModal": "BaseModal-module__hop-BaseModal___Qo71H", "hop-BaseModal__modal": "BaseModal-module__hop-BaseModal__modal___8G06D", "hop-BaseModal--image": "BaseModal-module__hop-BaseModal--image___W7f5S", "hop-BaseModal--sm": "BaseModal-module__hop-BaseModal--sm___2-gLF", "hop-BaseModal--md": "BaseModal-module__hop-BaseModal--md___NcjCJ", "hop-BaseModal--lg": "BaseModal-module__hop-BaseModal--lg___jycBo", "hop-BaseModal--xl": "BaseModal-module__hop-BaseModal--xl___k2ftB", "hop-BaseModal--fullscreen": "BaseModal-module__hop-BaseModal--fullscreen___rPSA-", "hop-BaseModal--fullscreentakeover": "BaseModal-module__hop-BaseModal--fullscreentakeover___Y3wNK" };
 var GlobalBaseModalCssSelector = "hop-BaseModal";
 var BaseModal = (props, ref) => {
   var _a;

package/dist/{chunk-AXBVBNPN.js → chunk-3VZPTUVR.js}

@@ -1,7 +1,7 @@
-import { DisclosureContext } from './chunk-U4HRZ6DN.js';
 import { DisclosurePanelContext } from './chunk-5XY5L6ZN.js';
+import { DisclosureContext } from './chunk-U4HRZ6DN.js';
 import { FormContext } from './chunk-UYYHPXUH.js';
-import { ensureTextWrapper } from './chunk-KUGVMCIB.js';
+import { ensureTextWrapper } from './chunk-CIQZIY5N.js';
 import { TextContext } from './chunk-ZNOU2CGM.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
@@ -12,7 +12,7 @@ import { useContextProps, useSlottedContext, composeRenderProps, DisclosurePanel
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./DisclosurePanel.module.css#css-module
-var DisclosurePanel_module_default = { "hop-DisclosurePanel": "DisclosurePanel-module__hop-DisclosurePanel___ga0qn", "hop-DisclosurePanel--inline": "DisclosurePanel-module__hop-DisclosurePanel--inline___pcuvc", "hop-DisclosurePanel--disabled": "DisclosurePanel-module__hop-DisclosurePanel--disabled___kvaWj", "hop-DisclosurePanel__text": "DisclosurePanel-module__hop-DisclosurePanel__text___Tjm3Y" };
+var DisclosurePanel_module_default = { "hop-DisclosurePanel": "DisclosurePanel-module__hop-DisclosurePanel___eAWCZ", "hop-DisclosurePanel--inline": "DisclosurePanel-module__hop-DisclosurePanel--inline___xqUgU", "hop-DisclosurePanel--disabled": "DisclosurePanel-module__hop-DisclosurePanel--disabled___VPZBe", "hop-DisclosurePanel__text": "DisclosurePanel-module__hop-DisclosurePanel__text___-EIOd" };
 var GlobalDisclosurePanelCssSelector = "hop-DisclosurePanel";
 function DisclosurePanel(props, ref) {
   [props, ref] = useContextProps(props, ref, DisclosurePanelContext);

package/dist/{chunk-C76BH4QR.js → chunk-53QBBZR4.js}

@@ -1,5 +1,5 @@
 import { SpinnerContext } from './chunk-5K3V5PGZ.js';
-import { _Text } from './chunk-CQHB3HRC.js';
+import { _Text } from './chunk-L7DSMPLQ.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
@@ -9,7 +9,7 @@ import { useContextProps, ProgressBar } from 'react-aria-components';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // css-module:./Spinner.module.css#css-module
-var Spinner_module_default = { "hop-Spinner": "Spinner-module__hop-Spinner___-DwXC", "spin": "Spinner-module__spin___Ev3-W", "hop-Spinner--sm": "Spinner-module__hop-Spinner--sm___UlZFf", "hop-Spinner--md": "Spinner-module__hop-Spinner--md___2Aejk", "hop-Spinner--lg": "Spinner-module__hop-Spinner--lg___rUTOq", "hop-Spinner__track": "Spinner-module__hop-Spinner__track___beMsW", "hop-Spinner__fill": "Spinner-module__hop-Spinner__fill___-bGVd", "hop-Spinner__label": "Spinner-module__hop-Spinner__label___mBxTu" };
+var Spinner_module_default = { "hop-Spinner": "Spinner-module__hop-Spinner___NL-2c", "spin": "Spinner-module__spin___pKwfA", "hop-Spinner--sm": "Spinner-module__hop-Spinner--sm___o8oor", "hop-Spinner--md": "Spinner-module__hop-Spinner--md___Z3T3P", "hop-Spinner--lg": "Spinner-module__hop-Spinner--lg___-2JJ5", "hop-Spinner__track": "Spinner-module__hop-Spinner__track___-5qNx", "hop-Spinner__fill": "Spinner-module__hop-Spinner__fill___ds519", "hop-Spinner__label": "Spinner-module__hop-Spinner__label___aAqY5" };
 var GlobalSpinnerCssSelector = "hop-Spinner";
 var SpinnerToTextSizeAdapter = {
   sm: "xs",

package/dist/{chunk-SKHYIVXR.js → chunk-57RTMTQ7.js}

@@ -1,7 +1,7 @@
-import { TagContext } from './chunk-EWMWQ2MC.js';
 import { TabContext, InternalTabsContext } from './chunk-ZXON3BAA.js';
+import { TagContext } from './chunk-EWMWQ2MC.js';
 import { BadgeContext } from './chunk-ZSFJVMJN.js';
-import { _Text } from './chunk-CQHB3HRC.js';
+import { _Text } from './chunk-L7DSMPLQ.js';
 import { TextContext } from './chunk-ZNOU2CGM.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { IconContext } from '@hopper-ui/icons';
@@ -12,7 +12,7 @@ import { useContextProps, Tab as Tab$1, Provider } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Tab.module.css#css-module
-var Tab_module_default = { "hop-Tab": "Tab-module__hop-Tab___SXDW0", "hop-Tab--fluid": "Tab-module__hop-Tab--fluid___THYI4", "hop-Tab--md": "Tab-module__hop-Tab--md___oyj6C", "hop-Tab__icon": "Tab-module__hop-Tab__icon___Mvehg", "hop-Tab__text": "Tab-module__hop-Tab__text___-n6Lk", "hop-Tab__badge": "Tab-module__hop-Tab__badge___ko2HZ", "hop-Tab__tag": "Tab-module__hop-Tab__tag___21Cgb" };
+var Tab_module_default = { "hop-Tab": "Tab-module__hop-Tab___pfVJa", "hop-Tab--fluid": "Tab-module__hop-Tab--fluid___fKxvJ", "hop-Tab--md": "Tab-module__hop-Tab--md___tPYVx", "hop-Tab__icon": "Tab-module__hop-Tab__icon___RQJPb", "hop-Tab__text": "Tab-module__hop-Tab__text___Mf4pQ", "hop-Tab__badge": "Tab-module__hop-Tab__badge___jfcjr", "hop-Tab__tag": "Tab-module__hop-Tab__tag___lnsMh" };
 var GlobalTabCssSelector = "hop-Tab";
 function Tab(props, ref) {
   var _a;

package/dist/{chunk-SW4UF2MM.js → chunk-5FXGGEA5.js}

@@ -1,10 +1,11 @@
-import { _Spinner } from './chunk-C76BH4QR.js';
+import { _Spinner } from './chunk-53QBBZR4.js';
 import { IconListContext } from './chunk-GBWXEK6N.js';
-import { useFormProps } from './chunk-R4ICRVDS.js';
+import { useFormProps } from './chunk-HQJZSCV7.js';
 import { ButtonContext } from './chunk-WMTWFKKP.js';
-import { useLocalizedString } from './chunk-75DHKNW2.js';
+import { useLocalizedString } from './chunk-NNLLQWDS.js';
 import { useSlot } from './chunk-H5YTU3U7.js';
-import { ensureTextWrapper } from './chunk-KUGVMCIB.js';
+import { ensureTextWrapper } from './chunk-CIQZIY5N.js';
+import { ClearProviders } from './chunk-PQSMCDAM.js';
 import { TextContext } from './chunk-ZNOU2CGM.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
@@ -17,7 +18,7 @@ import { useContextProps, composeRenderProps, Button as Button$1, DEFAULT_SLOT }
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./Button.module.css#css-module
-var Button_module_default = { "hop-Button": "Button-module__hop-Button___M1srN", "hop-Button--fluid": "Button-module__hop-Button--fluid___GCROP", "hop-Button--sm": "Button-module__hop-Button--sm___0F6Zs", "hop-Button--md": "Button-module__hop-Button--md___a9OQW", "hop-Button--icon-only": "Button-module__hop-Button--icon-only___22irB", "hop-Button--primary": "Button-module__hop-Button--primary___hqlO9", "hop-Button--secondary": "Button-module__hop-Button--secondary___eeNTL", "hop-Button--upsell": "Button-module__hop-Button--upsell___ab5Uf", "hop-Button--danger": "Button-module__hop-Button--danger___vGqCj", "hop-Button--ghost-primary": "Button-module__hop-Button--ghost-primary___K1fli", "hop-Button--ghost-secondary": "Button-module__hop-Button--ghost-secondary___5MtDQ", "hop-Button--ghost-danger": "Button-module__hop-Button--ghost-danger___F83U0", "hop-Button--loading": "Button-module__hop-Button--loading___PvMXo", "hop-Button__Spinner": "Button-module__hop-Button__Spinner___oJ124", "hop-Button__icon": "Button-module__hop-Button__icon___3qLql", "hop-Button__icon-list": "Button-module__hop-Button__icon-list___8YvWB", "hop-Button__text": "Button-module__hop-Button__text___LAcjY", "hop-Button__end-icon": "Button-module__hop-Button__end-icon___-fm8M", "hop-Button__end-icon-list": "Button-module__hop-Button__end-icon-list___yI0-C" };
+var Button_module_default = { "hop-Button": "Button-module__hop-Button___drz4z", "hop-Button--fluid": "Button-module__hop-Button--fluid___jF2LE", "hop-Button--sm": "Button-module__hop-Button--sm___yWI1w", "hop-Button--md": "Button-module__hop-Button--md___5pA46", "hop-Button--icon-only": "Button-module__hop-Button--icon-only___ZVI03", "hop-Button--primary": "Button-module__hop-Button--primary___gQcR4", "hop-Button--secondary": "Button-module__hop-Button--secondary___iPATA", "hop-Button--upsell": "Button-module__hop-Button--upsell___1odMt", "hop-Button--danger": "Button-module__hop-Button--danger___nvNVv", "hop-Button--ghost-primary": "Button-module__hop-Button--ghost-primary___XUMG1", "hop-Button--ghost-secondary": "Button-module__hop-Button--ghost-secondary___YirRd", "hop-Button--ghost-danger": "Button-module__hop-Button--ghost-danger___J37kT", "hop-Button--loading": "Button-module__hop-Button--loading___Vt2Li", "hop-Button__Spinner": "Button-module__hop-Button__Spinner___qFcTX", "hop-Button__icon": "Button-module__hop-Button__icon___i0bX0", "hop-Button__icon-list": "Button-module__hop-Button__icon-list___h-l1l", "hop-Button__text": "Button-module__hop-Button__text___gW1zi", "hop-Button__end-icon": "Button-module__hop-Button__end-icon___H4Qu5", "hop-Button__end-icon-list": "Button-module__hop-Button__end-icon-list___k4l7m" };
 var GlobalButtonCssSelector = "hop-Button";
 function Button(props, ref) {
   var _a, _b;
@@ -35,11 +36,29 @@ function Button(props, ref) {
     isLoading,
     style: styleProp,
     spinnerProps,
+    isHidden,
+    clearContexts,
     ...otherProps
   } = ownProps;
   const [textRef, hasText] = useSlot();
   const size = (_a = useResponsiveValue(sizeProp)) != null ? _a : "md";
   const isFluid = (_b = useResponsiveValue(isFluidProp)) != null ? _b : false;
+  useEffect(() => {
+    let timeout;
+    if (isLoading) {
+      timeout = setTimeout(() => {
+        setIsProgressVisible(true);
+      }, 1e3);
+    } else {
+      setIsProgressVisible(false);
+    }
+    return () => {
+      clearTimeout(timeout);
+    };
+  }, [isLoading, setIsProgressVisible]);
+  if (isHidden) {
+    return null;
+  }
   const classNames = composeClassnameRenderProps(
     className,
     GlobalButtonCssSelector,
@@ -65,20 +84,7 @@ function Button(props, ref) {
   });
   const { className: spinnerClassName, ...otherSpinnerProps } = spinnerProps != null ? spinnerProps : {};
   const spinnerClassNames = clsx(Button_module_default["hop-Button__Spinner"], spinnerClassName);
-  useEffect(() => {
-    let timeout;
-    if (isLoading) {
-      timeout = setTimeout(() => {
-        setIsProgressVisible(true);
-      }, 1e3);
-    } else {
-      setIsProgressVisible(false);
-    }
-    return () => {
-      clearTimeout(timeout);
-    };
-  }, [isLoading, setIsProgressVisible]);
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(ClearProviders, { values: clearContexts, children: /* @__PURE__ */ jsx(
     SlotProvider,
     {
       values: [
@@ -138,7 +144,7 @@ function Button(props, ref) {
         }
       )
     }
-  );
+  ) });
 }
 var _Button = slot("button", forwardRef(Button));
 _Button.displayName = "Button";

package/dist/{chunk-36S3E6PJ.js → chunk-5H2DG3VF.js}

@@ -1,6 +1,6 @@
 import { DisclosureHeaderContext } from './chunk-CPAFY34U.js';
-import { DisclosureContext } from './chunk-U4HRZ6DN.js';
 import { DisclosurePanelContext } from './chunk-5XY5L6ZN.js';
+import { DisclosureContext } from './chunk-U4HRZ6DN.js';
 import { AccordionContext } from './chunk-NF64YIEZ.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
@@ -11,7 +11,7 @@ import { useContextProps, composeRenderProps, DisclosureGroup } from 'react-aria
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Accordion.module.css#css-module
-var Accordion_module_default = { "hop-Accordion": "Accordion-module__hop-Accordion___RHV-1", "hop-Accordion--inline": "Accordion-module__hop-Accordion--inline___t16F3", "hop-Accordion__disclosure": "Accordion-module__hop-Accordion__disclosure___6dFBz", "hop-Accordion__disclosure-header": "Accordion-module__hop-Accordion__disclosure-header___C89OZ", "hop-Accordion__disclosure-panel": "Accordion-module__hop-Accordion__disclosure-panel___NssqV" };
+var Accordion_module_default = { "hop-Accordion": "Accordion-module__hop-Accordion___iXspi", "hop-Accordion--inline": "Accordion-module__hop-Accordion--inline___CdLRg", "hop-Accordion__disclosure": "Accordion-module__hop-Accordion__disclosure___h-bu2", "hop-Accordion__disclosure-header": "Accordion-module__hop-Accordion__disclosure-header___voz2o", "hop-Accordion__disclosure-panel": "Accordion-module__hop-Accordion__disclosure-panel___R2JDd" };
 var GlobalAccordionCssSelector = "hop-Accordion";
 function Accordion(props, ref) {
   [props, ref] = useContextProps(props, ref, AccordionContext);

package/dist/{chunk-ZJKGATZR.js → chunk-5I6PDORP.js}

@@ -1,4 +1,5 @@
 import { ContentContext } from './chunk-IXB2WK56.js';
+import { ClearProviders } from './chunk-PQSMCDAM.js';
 import { slot, useStyledSystem } from '@hopper-ui/styled-system';
 import clsx from 'clsx';
 import { forwardRef } from 'react';
@@ -14,8 +15,13 @@ function Content(props, ref) {
     children,
     style,
     slot,
+    isHidden,
+    clearContexts,
     ...otherProps
   } = ownProps;
+  if (isHidden) {
+    return null;
+  }
   const classNames = clsx(
     GlobalContentCssSelector,
     stylingProps.className,
@@ -25,7 +31,7 @@ function Content(props, ref) {
     ...stylingProps.style,
     ...style
   };
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(ClearProviders, { values: clearContexts, children: /* @__PURE__ */ jsx(
     "div",
     {
       ref,
@@ -35,7 +41,7 @@ function Content(props, ref) {
       ...otherProps,
       children
     }
-  );
+  ) });
 }
 var _Content = slot("content", forwardRef(Content));
 _Content.displayName = "Content";

package/dist/{chunk-STU7DFF5.js → chunk-5ZP2KUGN.js}

@@ -1,18 +1,18 @@
 import { SelectContext } from './chunk-ZOTXNUAV.js';
-import { _SelectValue } from './chunk-VLGOJ5DY.js';
-import { _Popover } from './chunk-D7IJXSDN.js';
-import { _ListBox } from './chunk-KEDXRQG2.js';
-import { _ListBoxItem } from './chunk-RKZRG2QV.js';
+import { _SelectValue } from './chunk-UFR36PXP.js';
+import { _Popover } from './chunk-OS6JDQKO.js';
 import { _ListBoxSection } from './chunk-PN5BRTOO.js';
-import { _Footer } from './chunk-VOZN65OL.js';
-import { _ToggleArrow } from './chunk-UIOWILYW.js';
-import { _Label } from './chunk-SINPHU2Z.js';
-import { _HelperMessage } from './chunk-W53AAAUA.js';
-import { _ErrorMessage } from './chunk-HCFKAC4T.js';
+import { _ListBox } from './chunk-ULY62A7P.js';
+import { _ListBoxItem } from './chunk-VSCRFXJ2.js';
+import { _Footer } from './chunk-RN3FLBX4.js';
+import { _ToggleArrow } from './chunk-V7OAPBQT.js';
+import { FieldLabel } from './chunk-PDWWX5JI.js';
+import { _HelperMessage } from './chunk-DEFXMEBJ.js';
+import { _ErrorMessage } from './chunk-23WYVBUK.js';
 import { BadgeContext } from './chunk-ZSFJVMJN.js';
-import { useFormProps } from './chunk-R4ICRVDS.js';
-import { ensureTextWrapper } from './chunk-KUGVMCIB.js';
-import { ClearContainerSlots, ClearProviders } from './chunk-WJ55ZV54.js';
+import { useFormProps } from './chunk-HQJZSCV7.js';
+import { ensureTextWrapper } from './chunk-CIQZIY5N.js';
+import { ClearContainerSlots, ClearProviders } from './chunk-PQSMCDAM.js';
 import { TextContext } from './chunk-ZNOU2CGM.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
@@ -24,7 +24,7 @@ import { useContextProps, composeRenderProps, TextContext as TextContext$1, Butt
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./Select.module.css#css-module
-var Select_module_default = { "hop-Select": "Select-module__hop-Select___lyXUu", "hop-Select--fluid": "Select-module__hop-Select--fluid___STdD-", "hop-Select__label": "Select-module__hop-Select__label___XQNhI", "hop-Select__button": "Select-module__hop-Select__button___7-8i3", "hop-Select__button--sm": "Select-module__hop-Select__button--sm___UAH3I", "hop-Select__button--md": "Select-module__hop-Select__button--md___CwwSr", "hop-Select__prefix": "Select-module__hop-Select__prefix___RaRFw", "hop-Select__button-icon": "Select-module__hop-Select__button-icon___z5v2F", "hop-Select__helper-message": "Select-module__hop-Select__helper-message___bYEt-", "hop-Select__error-message": "Select-module__hop-Select__error-message___-54Vk" };
+var Select_module_default = { "hop-Select": "Select-module__hop-Select___LD962", "hop-Select--fluid": "Select-module__hop-Select--fluid___MpRFN", "hop-Select__label": "Select-module__hop-Select__label___eDva4", "hop-Select__button": "Select-module__hop-Select__button___0uUOm", "hop-Select__button--sm": "Select-module__hop-Select__button--sm___6kkiO", "hop-Select__button--md": "Select-module__hop-Select__button--md___7gbAO", "hop-Select__prefix": "Select-module__hop-Select__prefix___X5xEO", "hop-Select__button-icon": "Select-module__hop-Select__button-icon___A98KX", "hop-Select__helper-message": "Select-module__hop-Select__helper-message___mBG4d", "hop-Select__error-message": "Select-module__hop-Select__error-message___61p09" };
 var GlobalSelectCssSelector = "hop-Select";
 function Select(props, ref) {
   var _a, _b, _c, _d;
@@ -35,6 +35,7 @@ function Select(props, ref) {
     align: alignProp,
     className,
     children,
+    contextualHelp,
     description,
     direction: directionProp,
     errorMessage,
@@ -144,10 +145,11 @@ function Select(props, ref) {
       children: (selectRenderProps) => {
         const { isOpen } = selectRenderProps;
         return /* @__PURE__ */ jsxs(Fragment, { children: [
-          label && /* @__PURE__ */ jsx(
-            _Label,
+          /* @__PURE__ */ jsx(
+            FieldLabel,
             {
               className: Select_module_default["hop-Select__label"],
+              contextualHelp,
               isRequired,
               necessityIndicator,
               children: label

package/dist/{chunk-2USDHEIV.js → chunk-67EK2P5M.js}

@@ -1,6 +1,6 @@
 import { useRenderProps } from './chunk-2NSUMKNH.js';
-import { useLocalizedString } from './chunk-75DHKNW2.js';
-import { _Text } from './chunk-CQHB3HRC.js';
+import { useLocalizedString } from './chunk-NNLLQWDS.js';
+import { _Text } from './chunk-L7DSMPLQ.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { useStyledSystem } from '@hopper-ui/styled-system';
@@ -10,7 +10,7 @@ import { composeRenderProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./RemainingCharacterCount.module.css#css-module
-var RemainingCharacterCount_module_default = { "hop-RemainingCharacterCount": "RemainingCharacterCount-module__hop-RemainingCharacterCount___zOJE1" };
+var RemainingCharacterCount_module_default = { "hop-RemainingCharacterCount": "RemainingCharacterCount-module__hop-RemainingCharacterCount___bytPm" };
 var GlobalRemainingCharacterCountCssSelector = "hop-RemainingCharacterCount";
 function RemainingCharacterCount(props, ref) {
   const { stylingProps, ...ownProps } = useStyledSystem(props);

package/dist/{chunk-GEMZ5EDW.js → chunk-6G56A3XH.js}

@@ -1,12 +1,12 @@
 import { SearchFieldContext } from './chunk-3NKF5TPD.js';
-import { Input } from './chunk-U35DID2L.js';
-import { _InputGroup } from './chunk-MYPNAEEC.js';
-import { _Label } from './chunk-SINPHU2Z.js';
-import { _HelperMessage } from './chunk-W53AAAUA.js';
-import { _ErrorMessage } from './chunk-HCFKAC4T.js';
-import { _ClearButton } from './chunk-L4D32IWU.js';
-import { useFormProps } from './chunk-R4ICRVDS.js';
-import { ClearContainerSlots } from './chunk-WJ55ZV54.js';
+import { Input } from './chunk-S5AHDRSE.js';
+import { _InputGroup } from './chunk-UBILZ2MS.js';
+import { FieldLabel } from './chunk-PDWWX5JI.js';
+import { _HelperMessage } from './chunk-DEFXMEBJ.js';
+import { _ErrorMessage } from './chunk-23WYVBUK.js';
+import { _ClearButton } from './chunk-JNJFX2LE.js';
+import { useFormProps } from './chunk-HQJZSCV7.js';
+import { ClearContainerSlots } from './chunk-PQSMCDAM.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
@@ -20,7 +20,7 @@ import { useContextProps, composeRenderProps, SearchField as SearchField$1 } fro
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./SearchField.module.css#css-module
-var SearchField_module_default = { "hop-SearchField": "SearchField-module__hop-SearchField___RWsbp", "hop-SearchField--fluid": "SearchField-module__hop-SearchField--fluid___AGy95", "hop-SearchField__Label": "SearchField-module__hop-SearchField__Label___gcaqy", "hop-SearchField__prefix": "SearchField-module__hop-SearchField__prefix___LIjHl", "hop-SearchField__InputGroup": "SearchField-module__hop-SearchField__InputGroup___szLLr", "hop-SearchField--clearable": "SearchField-module__hop-SearchField--clearable___NlXUl", "hop-SearchField__ErrorMessage": "SearchField-module__hop-SearchField__ErrorMessage___-KmUw", "hop-SearchField__HelperMessage": "SearchField-module__hop-SearchField__HelperMessage___r6ryF", "hop-SearchField__ClearButton": "SearchField-module__hop-SearchField__ClearButton___H5ho-" };
+var SearchField_module_default = { "hop-SearchField": "SearchField-module__hop-SearchField___qBYFd", "hop-SearchField--fluid": "SearchField-module__hop-SearchField--fluid___dL8Qb", "hop-SearchField__Label": "SearchField-module__hop-SearchField__Label___9RMkv", "hop-SearchField__prefix": "SearchField-module__hop-SearchField__prefix___c8CWM", "hop-SearchField__InputGroup": "SearchField-module__hop-SearchField__InputGroup___9UmYe", "hop-SearchField--clearable": "SearchField-module__hop-SearchField--clearable___uoT-O", "hop-SearchField__ErrorMessage": "SearchField-module__hop-SearchField__ErrorMessage___uragj", "hop-SearchField__HelperMessage": "SearchField-module__hop-SearchField__HelperMessage___2VHqJ", "hop-SearchField__ClearButton": "SearchField-module__hop-SearchField__ClearButton___vlLUz" };
 var GlobalSearchFieldCssSelector = "hop-SearchField";
 function SearchField(props, ref) {
   var _a;
@@ -33,6 +33,7 @@ function SearchField(props, ref) {
   const { stylingProps, ...ownProps } = useStyledSystem(props);
   const {
     className,
+    contextualHelp,
     style: styleProp,
     size,
     placeholder,
@@ -99,7 +100,16 @@ function SearchField(props, ref) {
     }
   ) });
   const childrenMarkup = /* @__PURE__ */ jsxs(Fragment, { children: [
-    label && /* @__PURE__ */ jsx(_Label, { className: SearchField_module_default["hop-SearchField__Label"], isRequired, necessityIndicator, children: label }),
+    /* @__PURE__ */ jsx(
+      FieldLabel,
+      {
+        className: SearchField_module_default["hop-SearchField__Label"],
+        contextualHelp,
+        isRequired,
+        necessityIndicator,
+        children: label
+      }
+    ),
     inputMarkup,
     description && /* @__PURE__ */ jsx(_HelperMessage, { className: SearchField_module_default["hop-SearchField__HelperMessage"], children: description }),
     /* @__PURE__ */ jsx(_ErrorMessage, { className: SearchField_module_default["hop-SearchField__ErrorMessage"], children: errorMessage })

package/dist/{chunk-TU5MAMGV.js → chunk-6Q6Q4HUH.js}

@@ -1,10 +1,10 @@
-import { RadioGroupContext } from './chunk-5MBJWRZD.js';
 import { RadioFieldContext } from './chunk-DGLAGYBD.js';
+import { RadioGroupContext } from './chunk-5MBJWRZD.js';
 import { RadioContext } from './chunk-FU5CCPLP.js';
-import { _Label } from './chunk-SINPHU2Z.js';
-import { _HelperMessage } from './chunk-W53AAAUA.js';
-import { _ErrorMessage } from './chunk-HCFKAC4T.js';
-import { useFormProps } from './chunk-R4ICRVDS.js';
+import { FieldLabel } from './chunk-PDWWX5JI.js';
+import { _HelperMessage } from './chunk-DEFXMEBJ.js';
+import { _ErrorMessage } from './chunk-23WYVBUK.js';
+import { useFormProps } from './chunk-HQJZSCV7.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
@@ -15,7 +15,7 @@ import { useContextProps, composeRenderProps, RadioGroup as RadioGroup$1 } from
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./RadioGroup.module.css#css-module
-var RadioGroup_module_default = { "hop-RadioGroup": "RadioGroup-module__hop-RadioGroup___jUNVM", "hop-RadioGroup--bordered": "RadioGroup-module__hop-RadioGroup--bordered___KsRS9", "hop-RadioGroup--sm": "RadioGroup-module__hop-RadioGroup--sm___gJd9p", "hop-RadioGroup--md": "RadioGroup-module__hop-RadioGroup--md___bbLe6", "hop-RadioGroup__label": "RadioGroup-module__hop-RadioGroup__label___WRzhE", "hop-RadioGroup__list": "RadioGroup-module__hop-RadioGroup__list___gHNAr", "hop-RadioGroup__radio": "RadioGroup-module__hop-RadioGroup__radio___O7ylN", "hop-RadioGroup__error-message": "RadioGroup-module__hop-RadioGroup__error-message___pZTcf", "hop-RadioGroup__helper-message": "RadioGroup-module__hop-RadioGroup__helper-message___E-UDa" };
+var RadioGroup_module_default = { "hop-RadioGroup": "RadioGroup-module__hop-RadioGroup___ydYgr", "hop-RadioGroup--bordered": "RadioGroup-module__hop-RadioGroup--bordered___GVWZO", "hop-RadioGroup--sm": "RadioGroup-module__hop-RadioGroup--sm___0Y-FF", "hop-RadioGroup--md": "RadioGroup-module__hop-RadioGroup--md___mccGP", "hop-RadioGroup__label": "RadioGroup-module__hop-RadioGroup__label___-qCbZ", "hop-RadioGroup__list": "RadioGroup-module__hop-RadioGroup__list___DSncc", "hop-RadioGroup__radio": "RadioGroup-module__hop-RadioGroup__radio___ucqLt", "hop-RadioGroup__error-message": "RadioGroup-module__hop-RadioGroup__error-message___OWDLe", "hop-RadioGroup__helper-message": "RadioGroup-module__hop-RadioGroup__helper-message___XhqFy" };
 var GlobalRadioGroupCssSelector = "hop-RadioGroup";
 function RadioGroup(props, ref) {
   var _a, _b, _c;
@@ -26,6 +26,7 @@ function RadioGroup(props, ref) {
   const {
     className,
     children: childrenProp,
+    contextualHelp,
     description,
     errorMessage,
     isDisabled,
@@ -111,10 +112,11 @@ function RadioGroup(props, ref) {
           orientation,
           ...otherProps,
           children: (radioGroupRenderProps) => /* @__PURE__ */ jsxs(Fragment, { children: [
-            label && /* @__PURE__ */ jsx(
-              _Label,
+            /* @__PURE__ */ jsx(
+              FieldLabel,
               {
                 className: RadioGroup_module_default["hop-RadioGroup__label"],
+                contextualHelp,
                 isRequired,
                 necessityIndicator,
                 children: label