@hopper-ui/components 1.6.1 → 1.8.0

package/dist/{chunk-KB2NZRJF.js → chunk-FORSJNLX.js}

@@ -1,12 +1,12 @@
 import { NumberFieldContext } from './chunk-ZQ3AWYRR.js';
-import { Input } from './chunk-V6QSG3P7.js';
-import { _InputGroup } from './chunk-Y24SHU4H.js';
-import { _Label } from './chunk-Q5UDUQNS.js';
-import { _HelperMessage } from './chunk-CFBDROF2.js';
-import { _ErrorMessage } from './chunk-H7EN3SVB.js';
-import { useFormProps } from './chunk-4V3BBI6M.js';
-import { ensureTextWrapper } from './chunk-GDUMGSIP.js';
-import { ClearContainerSlots } from './chunk-WJ55ZV54.js';
+import { Input } from './chunk-5MNBACCS.js';
+import { _InputGroup } from './chunk-URTTLQAC.js';
+import { FieldLabel } from './chunk-E5RHW4IY.js';
+import { _HelperMessage } from './chunk-57WEWZ4L.js';
+import { _ErrorMessage } from './chunk-DOP43XH5.js';
+import { useFormProps } from './chunk-K3GNQGLK.js';
+import { ensureTextWrapper } from './chunk-NGZNCS3G.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___Aj5KC", "hop-NumberField--fluid": "NumberField-module__hop-NumberField--fluid___V1UoA", "hop-NumberField__Label": "NumberField-module__hop-NumberField__Label___2dIT9", "hop-NumberField__prefix": "NumberField-module__hop-NumberField__prefix___UOMii", "hop-NumberField__InputGroup": "NumberField-module__hop-NumberField__InputGroup___f-0sm", "hop-NumberField__ErrorMessage": "NumberField-module__hop-NumberField__ErrorMessage___agcU-", "hop-NumberField__HelperMessage": "NumberField-module__hop-NumberField__HelperMessage___eb-CF", "hop-NumberField__steppers": "NumberField-module__hop-NumberField__steppers___SrbvO", "hop-NumberField__stepper-button": "NumberField-module__hop-NumberField__stepper-button___XxlqZ", "hop-NumberField__stepper-button--increment": "NumberField-module__hop-NumberField__stepper-button--increment___uJ3hN", "hop-NumberField__stepper-button--decrement": "NumberField-module__hop-NumberField__stepper-button--decrement___0iSxl", "hop-NumberField__stepper-button__icon": "NumberField-module__hop-NumberField__stepper-button__icon___QgPKN", "hop-NumberField__input": "NumberField-module__hop-NumberField__input___Na0EO" };
+var NumberField_module_default = { "hop-NumberField": "NumberField-module__hop-NumberField___bgUbS", "hop-NumberField--fluid": "NumberField-module__hop-NumberField--fluid___Ss9t7", "hop-NumberField__Label": "NumberField-module__hop-NumberField__Label___mL-RC", "hop-NumberField__prefix": "NumberField-module__hop-NumberField__prefix___AH0o-", "hop-NumberField__InputGroup": "NumberField-module__hop-NumberField__InputGroup___hXoqN", "hop-NumberField__ErrorMessage": "NumberField-module__hop-NumberField__ErrorMessage___I3-zK", "hop-NumberField__HelperMessage": "NumberField-module__hop-NumberField__HelperMessage___4JUMO", "hop-NumberField__steppers": "NumberField-module__hop-NumberField__steppers___7-fEN", "hop-NumberField__stepper-button": "NumberField-module__hop-NumberField__stepper-button___tEqC6", "hop-NumberField__stepper-button--increment": "NumberField-module__hop-NumberField__stepper-button--increment___KWUDA", "hop-NumberField__stepper-button--decrement": "NumberField-module__hop-NumberField__stepper-button--decrement___0hA-T", "hop-NumberField__stepper-button__icon": "NumberField-module__hop-NumberField__stepper-button__icon___fC06A", "hop-NumberField__input": "NumberField-module__hop-NumberField__input___U4h8z" };
 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-HPOWDWRH.js → chunk-FPHBQO6G.js}

@@ -7,7 +7,7 @@ import { useContextProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./SvgImage.module.css#css-module
-var SvgImage_module_default = { "hop-SvgImage": "SvgImage-module__hop-SvgImage___GhA8d" };
+var SvgImage_module_default = { "hop-SvgImage": "SvgImage-module__hop-SvgImage___SQ1Kz" };
 var GlobalSvgImageCssSelector = "hop-SvgImage";
 function SvgImage(props, ref) {
   [props, ref] = useContextProps(props, ref, SvgImageContext);

package/dist/{chunk-PDVJDA3N.js → chunk-FSS4CZQI.js}

@@ -1,15 +1,15 @@
-import { TextFieldContext } from './chunk-O4XPUINW.js';
 import { useTruncatedText } from './chunk-Z57VHYOF.js';
-import { _RemainingCharacterCount } from './chunk-WD34LPOD.js';
-import { Input } from './chunk-V6QSG3P7.js';
-import { _InputGroup } from './chunk-Y24SHU4H.js';
-import { _Label } from './chunk-Q5UDUQNS.js';
-import { _HelperMessage } from './chunk-CFBDROF2.js';
-import { _ErrorMessage } from './chunk-H7EN3SVB.js';
-import { _ClearButton } from './chunk-I4IBMLV4.js';
-import { useFormProps } from './chunk-4V3BBI6M.js';
-import { ensureTextWrapper } from './chunk-GDUMGSIP.js';
-import { ClearContainerSlots } from './chunk-WJ55ZV54.js';
+import { _RemainingCharacterCount } from './chunk-Q4BKNDZD.js';
+import { TextFieldContext } from './chunk-O4XPUINW.js';
+import { Input } from './chunk-5MNBACCS.js';
+import { _InputGroup } from './chunk-URTTLQAC.js';
+import { FieldLabel } from './chunk-E5RHW4IY.js';
+import { _HelperMessage } from './chunk-57WEWZ4L.js';
+import { _ErrorMessage } from './chunk-DOP43XH5.js';
+import { _ClearButton } from './chunk-KN6OG3WN.js';
+import { useFormProps } from './chunk-K3GNQGLK.js';
+import { ensureTextWrapper } from './chunk-NGZNCS3G.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';
@@ -25,7 +25,7 @@ import { useContextProps, composeRenderProps, TextField as TextField$1 } from 'r
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./TextField.module.css#css-module
-var TextField_module_default = { "hop-TextField": "TextField-module__hop-TextField___uJhLV", "hop-TextField--fluid": "TextField-module__hop-TextField--fluid___4n1hE", "hop-TextField__Label": "TextField-module__hop-TextField__Label___ehMoc", "hop-TextField__prefix": "TextField-module__hop-TextField__prefix___-dN1c", "hop-TextField__InputGroup": "TextField-module__hop-TextField__InputGroup___4YB3-", "hop-TextField__ErrorMessage": "TextField-module__hop-TextField__ErrorMessage___yGdZ-", "hop-TextField__HelperMessage": "TextField-module__hop-TextField__HelperMessage___KOWyK" };
+var TextField_module_default = { "hop-TextField": "TextField-module__hop-TextField___gU-Sw", "hop-TextField--fluid": "TextField-module__hop-TextField--fluid___LA6FA", "hop-TextField__Label": "TextField-module__hop-TextField__Label___N-b2b", "hop-TextField__prefix": "TextField-module__hop-TextField__prefix___jbIxr", "hop-TextField__InputGroup": "TextField-module__hop-TextField__InputGroup___ZCcQg", "hop-TextField__ErrorMessage": "TextField-module__hop-TextField__ErrorMessage___x5q8Z", "hop-TextField__HelperMessage": "TextField-module__hop-TextField__HelperMessage___EixVn" };
 var GlobalTextFieldCssSelector = "hop-TextField";
 function TextField(props, ref) {
   var _a;
@@ -62,6 +62,7 @@ function TextField(props, ref) {
     inputGroupProps,
     remainingCharacterCountProps,
     label,
+    contextualHelp,
     description,
     errorMessage,
     ...otherProps
@@ -146,7 +147,18 @@ function TextField(props, ref) {
     }
   ) });
   const childrenMarkup = /* @__PURE__ */ jsxs(Fragment, { children: [
-    label && /* @__PURE__ */ jsx(_Label, { className: TextField_module_default["hop-TextField__Label"], isRequired, necessityIndicator, children: label }),
+    /* @__PURE__ */ jsx(
+      FieldLabel,
+      {
+        wrapperProps: {
+          className: TextField_module_default["hop-TextField__Label"]
+        },
+        isRequired,
+        necessityIndicator,
+        contextualHelp,
+        children: label
+      }
+    ),
     inputMarkup,
     description && /* @__PURE__ */ jsx(_HelperMessage, { className: TextField_module_default["hop-TextField__HelperMessage"], children: description }),
     /* @__PURE__ */ jsx(_ErrorMessage, { className: TextField_module_default["hop-TextField__ErrorMessage"], children: errorMessage })

package/dist/{chunk-S37LFZ2Z.js → chunk-FXNQDM7U.js}

@@ -1,5 +1,5 @@
 import { AvatarContext } from './chunk-FA26RZSE.js';
-import { _RichIconAvatarImage } from './chunk-N6FVXOZU.js';
+import { _RichIconAvatarImage } from './chunk-NRUHVUQY.js';
 import { useRenderProps } from './chunk-2NSUMKNH.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { BrokenImageRichIcon } from '@hopper-ui/icons';

package/dist/{chunk-6C22LT4E.js → chunk-G5AQXKGI.js}

@@ -1,5 +1,5 @@
-import { TileGroupContext } from './chunk-RZFNJMEH.js';
 import { InternalTileContext } from './chunk-S7KMOXY2.js';
+import { TileGroupContext } from './chunk-RZFNJMEH.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
@@ -8,7 +8,7 @@ import { useContextProps, composeRenderProps, ToggleButtonGroup, Provider } from
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./TileGroup.module.css#css-module
-var TileGroup_module_default = { "hop-TileGroup": "TileGroup-module__hop-TileGroup___Tu08Y" };
+var TileGroup_module_default = { "hop-TileGroup": "TileGroup-module__hop-TileGroup___8zjf-" };
 var GlobalTileGroupCssSelector = "hop-TileGroup";
 var TileGroup = (props, ref) => {
   [props, ref] = useContextProps(props, ref, TileGroupContext);

package/dist/{chunk-PZZ76MYC.js → chunk-GDODCIB6.js}

@@ -1,8 +1,8 @@
 import { LinkButtonContext } from './chunk-3UQFC2NQ.js';
+import { useFormProps } from './chunk-K3GNQGLK.js';
 import { IconListContext } from './chunk-GBWXEK6N.js';
-import { useFormProps } from './chunk-4V3BBI6M.js';
 import { useSlot } from './chunk-H5YTU3U7.js';
-import { ensureTextWrapper } from './chunk-GDUMGSIP.js';
+import { ensureTextWrapper } from './chunk-NGZNCS3G.js';
 import { TextContext } from './chunk-ZNOU2CGM.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
@@ -14,7 +14,7 @@ import { useContextProps, composeRenderProps, Link, DEFAULT_SLOT } from 'react-a
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./LinkButton.module.css#css-module
-var LinkButton_module_default = { "hop-LinkButton": "LinkButton-module__hop-LinkButton___N3nc0 Button-module__hop-Button___ZPqlN", "hop-LinkButton--fluid": "LinkButton-module__hop-LinkButton--fluid___mJSQl Button-module__hop-Button--fluid___K97-Y", "hop-LinkButton--sm": "LinkButton-module__hop-LinkButton--sm___D9mwg Button-module__hop-Button--sm___VdVxi", "hop-LinkButton--icon-only": "LinkButton-module__hop-LinkButton--icon-only___gJ4PG Button-module__hop-Button--icon-only___NMJIz", "hop-LinkButton--primary": "LinkButton-module__hop-LinkButton--primary___AJNa- Button-module__hop-Button--primary___hVpe1", "hop-LinkButton--secondary": "LinkButton-module__hop-LinkButton--secondary___CxLPH Button-module__hop-Button--secondary___Gjg5h", "hop-LinkButton--upsell": "LinkButton-module__hop-LinkButton--upsell___ika2M Button-module__hop-Button--upsell___j1HQ7", "hop-LinkButton--danger": "LinkButton-module__hop-LinkButton--danger___7K9U7 Button-module__hop-Button--danger___5VBlb", "hop-LinkButton--ghost-primary": "LinkButton-module__hop-LinkButton--ghost-primary___EgbKo Button-module__hop-Button--ghost-primary___jdoVD", "hop-LinkButton--ghost-secondary": "LinkButton-module__hop-LinkButton--ghost-secondary___sHQSh Button-module__hop-Button--ghost-secondary___FIdYc", "hop-LinkButton--ghost-danger": "LinkButton-module__hop-LinkButton--ghost-danger___oALe- Button-module__hop-Button--ghost-danger___hWB-b", "hop-LinkButton__Spinner": "LinkButton-module__hop-LinkButton__Spinner___qT9rt Button-module__hop-Button__Spinner___310hA", "hop-LinkButton__icon": "LinkButton-module__hop-LinkButton__icon___T-YW5 Button-module__hop-Button__icon___YbJeU", "hop-LinkButton__icon-list": "LinkButton-module__hop-LinkButton__icon-list___hekki Button-module__hop-Button__icon___YbJeU", "hop-LinkButton__text": "LinkButton-module__hop-LinkButton__text___R7z5h Button-module__hop-Button__text___HL8Dk", "hop-LinkButton__end-icon": "LinkButton-module__hop-LinkButton__end-icon___IMzH0 Button-module__hop-Button__end-icon___y2Lq-", "hop-LinkButton__end-icon-list": "LinkButton-module__hop-LinkButton__end-icon-list___-pAku Button-module__hop-Button__end-icon___y2Lq-" };
+var LinkButton_module_default = { "hop-LinkButton": "LinkButton-module__hop-LinkButton___-WoGS Button-module__hop-Button___0Z1G-", "hop-LinkButton--fluid": "LinkButton-module__hop-LinkButton--fluid___dxw2A Button-module__hop-Button--fluid___ocE9B", "hop-LinkButton--sm": "LinkButton-module__hop-LinkButton--sm___OyTLF Button-module__hop-Button--sm___Iin1k", "hop-LinkButton--icon-only": "LinkButton-module__hop-LinkButton--icon-only___JOox2 Button-module__hop-Button--icon-only___aWeym", "hop-LinkButton--primary": "LinkButton-module__hop-LinkButton--primary___GqNpo Button-module__hop-Button--primary___3Qmg3", "hop-LinkButton--secondary": "LinkButton-module__hop-LinkButton--secondary___Bekbp Button-module__hop-Button--secondary___u3qlM", "hop-LinkButton--upsell": "LinkButton-module__hop-LinkButton--upsell___SKX6u Button-module__hop-Button--upsell___Wa1Kb", "hop-LinkButton--danger": "LinkButton-module__hop-LinkButton--danger___qDii5 Button-module__hop-Button--danger___de-7T", "hop-LinkButton--ghost-primary": "LinkButton-module__hop-LinkButton--ghost-primary___e2zJB Button-module__hop-Button--ghost-primary___f-GHo", "hop-LinkButton--ghost-secondary": "LinkButton-module__hop-LinkButton--ghost-secondary___8BpKH Button-module__hop-Button--ghost-secondary___732dQ", "hop-LinkButton--ghost-danger": "LinkButton-module__hop-LinkButton--ghost-danger___VmCaQ Button-module__hop-Button--ghost-danger___mXQFT", "hop-LinkButton__Spinner": "LinkButton-module__hop-LinkButton__Spinner___3DWvP Button-module__hop-Button__Spinner___Aydmf", "hop-LinkButton__icon": "LinkButton-module__hop-LinkButton__icon___agTeu Button-module__hop-Button__icon___3H1Sb", "hop-LinkButton__icon-list": "LinkButton-module__hop-LinkButton__icon-list___vFCgT Button-module__hop-Button__icon___3H1Sb", "hop-LinkButton__text": "LinkButton-module__hop-LinkButton__text___pBNkq Button-module__hop-Button__text___ZFtXo", "hop-LinkButton__end-icon": "LinkButton-module__hop-LinkButton__end-icon___Ya3uz Button-module__hop-Button__end-icon___nOaCX", "hop-LinkButton__end-icon-list": "LinkButton-module__hop-LinkButton__end-icon-list___mVfmL Button-module__hop-Button__end-icon___nOaCX" };
 var GlobalLinkButtonCssSelector = "hop-LinkButton";
 function LinkButton(props, ref) {
   var _a, _b;

package/dist/{chunk-6BW3MSBX.js → chunk-GHMBKUTU.js}

@@ -7,7 +7,7 @@ import { useContextProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./ListBoxItemSkeleton.module.css#css-module
-var ListBoxItemSkeleton_module_default = { "hop-ListBoxItemSkeleton": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___1Seqp", "placeholder-shimmer": "ListBoxItemSkeleton-module__placeholder-shimmer___HloPZ", "hop-ListBoxItemSkeleton--xs": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___UIhB2", "hop-ListBoxItemSkeleton--sm": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___Lhm2-", "hop-ListBoxItemSkeleton--md": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___dd21P", "hop-ListBoxItemSkeleton--lg": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___-2bCZ" };
+var ListBoxItemSkeleton_module_default = { "hop-ListBoxItemSkeleton": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___MaL8f", "placeholder-shimmer": "ListBoxItemSkeleton-module__placeholder-shimmer___MgwG1", "hop-ListBoxItemSkeleton--xs": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___COLzl", "hop-ListBoxItemSkeleton--sm": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___kEXil", "hop-ListBoxItemSkeleton--md": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___W4gr6", "hop-ListBoxItemSkeleton--lg": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___KNfCL" };
 var GlobalListBoxItemSkeletonCssSelector = "hop-ListBoxItemSkeleton";
 function ListBoxItemSkeleton(props, ref) {
   var _a;

package/dist/{chunk-4DNIPOHN.js → chunk-GVGOWUJG.js}

@@ -1,4 +1,4 @@
-import { TabLine } from './chunk-MEJX5PMD.js';
+import { TabLine } from './chunk-RBUBE5ET.js';
 import { TabListContext, InternalTabsContext } from './chunk-ZXON3BAA.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { useStyledSystem } from '@hopper-ui/styled-system';
@@ -8,7 +8,7 @@ import { useContextProps, TabListStateContext, TabList as TabList$1 } from 'reac
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 // css-module:./TabList.module.css#css-module
-var TabList_module_default = { "hop-TabList": "TabList-module__hop-TabList___U57OE", "hop-TabList--standalone": "TabList-module__hop-TabList--standalone___yXpKC", "hop-TabList--in-card": "TabList-module__hop-TabList--in-card___NWH2a", "hop-TabList__tablist": "TabList-module__hop-TabList__tablist___8DYeU", "hop-TabList--heading": "TabList-module__hop-TabList--heading___9lytM" };
+var TabList_module_default = { "hop-TabList": "TabList-module__hop-TabList___Aonzp", "hop-TabList--standalone": "TabList-module__hop-TabList--standalone___YhYUs", "hop-TabList--in-card": "TabList-module__hop-TabList--in-card___zSh9V", "hop-TabList__tablist": "TabList-module__hop-TabList__tablist___wEBXC", "hop-TabList--heading": "TabList-module__hop-TabList--heading___yuJzJ" };
 var GlobalTabListCssSelector = "hop-TabList";
 function TabList(props, ref) {
   var _a, _b;

package/dist/{chunk-VE63YOPC.js → chunk-HF5YS5Z6.js}

@@ -1,12 +1,12 @@
 import { isFunction } from './chunk-TIPN4VYD.js';
+import { ListBoxSectionContext } from './chunk-MOZ6M5ZZ.js';
 import { ListBoxContext } from './chunk-4HEOTMP7.js';
-import { _ListBoxItem } from './chunk-FCWARLFN.js';
+import { _ListBoxItem } from './chunk-NNPOWTQ4.js';
 import { ListBoxItemContext } from './chunk-FDJDFE4U.js';
-import { ListBoxSectionContext } from './chunk-MOZ6M5ZZ.js';
 import { HeaderContext } from './chunk-FOQ7KN4V.js';
-import { useLocalizedString } from './chunk-75DHKNW2.js';
-import { _Text } from './chunk-QYLYNHMO.js';
-import { ClearContainerSlots } from './chunk-WJ55ZV54.js';
+import { useLocalizedString } from './chunk-NNLLQWDS.js';
+import { _Text } from './chunk-QCFV6G6K.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';
@@ -18,7 +18,7 @@ import { useContextProps, composeRenderProps, ListBox as ListBox$1, Collection }
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // css-module:./ListBox.module.css#css-module
-var ListBox_module_default = { "hop-ListBox": "ListBox-module__hop-ListBox___NI-KB", "hop-ListBox--fluid": "ListBox-module__hop-ListBox--fluid___1q6Vr", "hop-ListBox__section": "ListBox-module__hop-ListBox__section___6eHK1", "hop-ListBox__item": "ListBox-module__hop-ListBox__item___YJkWK", "hop-ListBox__section-header": "ListBox-module__hop-ListBox__section-header___0rwGF" };
+var ListBox_module_default = { "hop-ListBox": "ListBox-module__hop-ListBox___PSbqU", "hop-ListBox--fluid": "ListBox-module__hop-ListBox--fluid___GX-qg", "hop-ListBox__section": "ListBox-module__hop-ListBox__section___bsYz4", "hop-ListBox__item": "ListBox-module__hop-ListBox__item___LdnNS", "hop-ListBox__section-header": "ListBox-module__hop-ListBox__section-header___JA5vG" };
 var GlobalListBoxCssSelector = "hop-ListBox";
 var GlobalListBoxEmptyItemCssSelector = "hop-ListBox__empty-item";
 var ListBoxToTextSizeAdapter = {

package/dist/{chunk-GN2XLV5G.js → chunk-HL2I2YUG.js}

@@ -1,5 +1,5 @@
-import { _Button } from './chunk-AI4IV7FO.js';
-import { useLocalizedString } from './chunk-75DHKNW2.js';
+import { _Button } from './chunk-UH3WEXVR.js';
+import { useLocalizedString } from './chunk-NNLLQWDS.js';
 import { CloseButtonContext } from './chunk-RBWFFWIG.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { DismissIcon } from '@hopper-ui/icons';
@@ -10,7 +10,7 @@ import { useContextProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./CloseButton.module.css#css-module
-var CloseButton_module_default = { "hop-CloseButton": "CloseButton-module__hop-CloseButton___fFfuS" };
+var CloseButton_module_default = { "hop-CloseButton": "CloseButton-module__hop-CloseButton___i-yPG" };
 var GlobalCloseButtonCssSelector = "hop-CloseButton";
 function CloseButton(props, ref) {
   [props, ref] = useContextProps(props, ref, CloseButtonContext);

package/dist/chunk-HZTYQ5FQ.js

@@ -0,0 +1,22 @@
+import { useState, useEffect } from 'react';
+
+// src/utils/src/useProgressVisibility.ts
+var useProgressVisibility = (isLoading) => {
+  const [isProgressVisible, setIsProgressVisible] = useState(false);
+  useEffect(() => {
+    let timeout;
+    if (isLoading) {
+      timeout = setTimeout(() => {
+        setIsProgressVisible(true);
+      }, 1e3);
+    } else {
+      setIsProgressVisible(false);
+    }
+    return () => {
+      clearTimeout(timeout);
+    };
+  }, [isLoading, setIsProgressVisible]);
+  return isProgressVisible;
+};
+
+export { useProgressVisibility };

package/dist/{chunk-ZICTGDRV.js → chunk-I377K7IX.js}

@@ -2,7 +2,7 @@ import { PopoverContext } from './chunk-RNGNPV6Q.js';
 import { isFunction, isNil } from './chunk-TIPN4VYD.js';
 import { ListBoxContext } from './chunk-4HEOTMP7.js';
 import { FooterContext } from './chunk-I67NHYK4.js';
-import { useForwardedHopperContext, _HopperProvider } from './chunk-4VGMZWJ2.js';
+import { useForwardedHopperContext, _HopperProvider } from './chunk-YF4DILIQ.js';
 import { LinkContext } from './chunk-MTULE7GI.js';
 import { HeadingContext } from './chunk-WJRMD4JP.js';
 import { ContentContext } from './chunk-IXB2WK56.js';
@@ -19,7 +19,7 @@ import { useContextProps, composeRenderProps, Popover as Popover$1, Dialog } fro
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Popover.module.css#css-module
-var Popover_module_default = { "hop-Popover": "Popover-module__hop-Popover___U1bem", "fade": "Popover-module__fade___5bgK7", "hop-Popover__wrapper": "Popover-module__hop-Popover__wrapper___gOaLn", "hop-Popover__dialog": "Popover-module__hop-Popover__dialog___h18ia", "hop-Popover__dropdown": "Popover-module__hop-Popover__dropdown___opt0t", "hop-Popover__title": "Popover-module__hop-Popover__title___awbcu", "hop-Popover__content": "Popover-module__hop-Popover__content___yxGrH", "hop-Popover__list-box": "Popover-module__hop-Popover__list-box___aIvDu", "hop-Popover__footer": "Popover-module__hop-Popover__footer___r9fbQ", "hop-Popover__actions": "Popover-module__hop-Popover__actions___BKyIi", "hop-Popover__action": "Popover-module__hop-Popover__action___-rS12" };
+var Popover_module_default = { "hop-Popover": "Popover-module__hop-Popover___Tn-G9", "fade": "Popover-module__fade___nUmvV", "hop-Popover__wrapper": "Popover-module__hop-Popover__wrapper___606o6", "hop-Popover__dialog": "Popover-module__hop-Popover__dialog___OKeOS", "hop-Popover__dropdown": "Popover-module__hop-Popover__dropdown___GLwYO", "hop-Popover__title": "Popover-module__hop-Popover__title___Tu4KH", "hop-Popover__content": "Popover-module__hop-Popover__content___t3KK5", "hop-Popover__list-box": "Popover-module__hop-Popover__list-box___XmUYJ", "hop-Popover__footer": "Popover-module__hop-Popover__footer___jo9Dl", "hop-Popover__actions": "Popover-module__hop-Popover__actions___dcbdB", "hop-Popover__action": "Popover-module__hop-Popover__action___6mpc0" };
 var GlobalPopoverCssSelector = "hop-Popover";
 function Popover(props, ref) {
   var _a;

package/dist/{chunk-RKYCEGIB.js → chunk-JASPC6XG.js}

@@ -1,9 +1,9 @@
-import { _BaseModal } from './chunk-IGVGBFT6.js';
+import { _BaseModal } from './chunk-ZHEWPE46.js';
 import { HeadingContext } from './chunk-WJRMD4JP.js';
 import { ContentContext } from './chunk-IXB2WK56.js';
-import { _ButtonGroup } from './chunk-4HT6QOTO.js';
-import { _CloseButton } from './chunk-GN2XLV5G.js';
-import { _Button } from './chunk-AI4IV7FO.js';
+import { _ButtonGroup } from './chunk-WOQOIB6V.js';
+import { _CloseButton } from './chunk-HL2I2YUG.js';
+import { _Button } from './chunk-UH3WEXVR.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { AlertContext } from './chunk-5DT3S5YY.js';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
@@ -14,7 +14,7 @@ import { useContextProps, composeRenderProps, Dialog, Provider } from 'react-ari
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./Alert.module.css#css-module
-var Alert_module_default = { "hop-Alert": "Alert-module__hop-Alert___SVo2p", "hop-Alert__button-group": "Alert-module__hop-Alert__button-group___BCP2M", "hop-Alert__heading": "Alert-module__hop-Alert__heading___FfLxG", "hop-Alert__close": "Alert-module__hop-Alert__close___yTFpm", "hop-Alert__content": "Alert-module__hop-Alert__content___VJBfp" };
+var Alert_module_default = { "hop-Alert": "Alert-module__hop-Alert___cS5k1", "hop-Alert__button-group": "Alert-module__hop-Alert__button-group___c5ZMa", "hop-Alert__heading": "Alert-module__hop-Alert__heading___dz29k", "hop-Alert__close": "Alert-module__hop-Alert__close___uJlHm", "hop-Alert__content": "Alert-module__hop-Alert__content___nmSvf" };
 var GlobalAlertCssSelector = "hop-Alert";
 function Alert(props, ref) {
   var _a;

package/dist/{chunk-ZAORXIJR.js → chunk-JHAHLWQJ.js}

@@ -2,7 +2,7 @@ import { CalloutContext } from './chunk-5CURYPE7.js';
 import { HeadingContext } from './chunk-WJRMD4JP.js';
 import { ContentContext } from './chunk-IXB2WK56.js';
 import { LinkButtonContext } from './chunk-3UQFC2NQ.js';
-import { _CloseButton } from './chunk-GN2XLV5G.js';
+import { _CloseButton } from './chunk-HL2I2YUG.js';
 import { ButtonContext } from './chunk-WMTWFKKP.js';
 import { useSlot } from './chunk-H5YTU3U7.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
@@ -15,7 +15,7 @@ import { useContextProps } from 'react-aria-components';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // css-module:./Callout.module.css#css-module
-var Callout_module_default = { "hop-Callout": "Callout-module__hop-Callout___7pg-h", "hop-Callout__icon": "Callout-module__hop-Callout__icon___ufAJP", "hop-Callout__heading": "Callout-module__hop-Callout__heading___mJKRU", "hop-Callout__content": "Callout-module__hop-Callout__content___wbo3J", "hop-Callout__button": "Callout-module__hop-Callout__button___PoOJ7", "hop-Callout__dismiss": "Callout-module__hop-Callout__dismiss___pI-hX", "hop-Callout--information": "Callout-module__hop-Callout--information___z8OF4", "hop-Callout--success": "Callout-module__hop-Callout--success___pyDx6", "hop-Callout--warning": "Callout-module__hop-Callout--warning___egZfI", "hop-Callout--upsell": "Callout-module__hop-Callout--upsell___e1BDC", "hop-Callout--subtle-fill": "Callout-module__hop-Callout--subtle-fill___R2Gga" };
+var Callout_module_default = { "hop-Callout": "Callout-module__hop-Callout___NqTD-", "hop-Callout__icon": "Callout-module__hop-Callout__icon___AQdwf", "hop-Callout__heading": "Callout-module__hop-Callout__heading___2kunw", "hop-Callout__content": "Callout-module__hop-Callout__content___6WOAE", "hop-Callout__button": "Callout-module__hop-Callout__button___DcEZ2", "hop-Callout__dismiss": "Callout-module__hop-Callout__dismiss___a2Lr1", "hop-Callout--information": "Callout-module__hop-Callout--information___e-PVL", "hop-Callout--success": "Callout-module__hop-Callout--success___-VSg2", "hop-Callout--warning": "Callout-module__hop-Callout--warning___cQr0W", "hop-Callout--upsell": "Callout-module__hop-Callout--upsell___lB-Jn", "hop-Callout--subtle-fill": "Callout-module__hop-Callout--subtle-fill___xDv2i" };
 var GlobalCalloutCssSelector = "hop-Callout";
 var Callout = (props, ref) => {
   [props, ref] = useContextProps(props, ref, CalloutContext);

package/dist/{chunk-23MPRPHQ.js → chunk-JNV6W5JC.js}

@@ -1,19 +1,19 @@
-import { _Popover } from './chunk-ZICTGDRV.js';
-import { _ListBox } from './chunk-VE63YOPC.js';
-import { _ListBoxItem } from './chunk-FCWARLFN.js';
+import { _Popover } from './chunk-I377K7IX.js';
 import { _ListBoxSection } from './chunk-PN5BRTOO.js';
-import { _Footer } from './chunk-VOZN65OL.js';
-import { InputContext, Input } from './chunk-V6QSG3P7.js';
-import { _InputGroup } from './chunk-Y24SHU4H.js';
-import { _ToggleArrow } from './chunk-IYYEOE54.js';
-import { _Label } from './chunk-Q5UDUQNS.js';
-import { _HelperMessage } from './chunk-CFBDROF2.js';
-import { _ErrorMessage } from './chunk-H7EN3SVB.js';
+import { _ListBox } from './chunk-HF5YS5Z6.js';
+import { _ListBoxItem } from './chunk-NNPOWTQ4.js';
+import { _Footer } from './chunk-RN3FLBX4.js';
+import { InputContext, Input } from './chunk-5MNBACCS.js';
+import { _InputGroup } from './chunk-URTTLQAC.js';
 import { ComboBoxContext } from './chunk-RFZC5CHX.js';
+import { _ToggleArrow } from './chunk-PWYDH3ZA.js';
+import { FieldLabel } from './chunk-E5RHW4IY.js';
+import { _HelperMessage } from './chunk-57WEWZ4L.js';
+import { _ErrorMessage } from './chunk-DOP43XH5.js';
 import { BadgeContext } from './chunk-ZSFJVMJN.js';
-import { useFormProps } from './chunk-4V3BBI6M.js';
-import { ensureTextWrapper } from './chunk-GDUMGSIP.js';
-import { ClearProviders, ClearContainerSlots } from './chunk-WJ55ZV54.js';
+import { useFormProps } from './chunk-K3GNQGLK.js';
+import { ensureTextWrapper } from './chunk-NGZNCS3G.js';
+import { ClearProviders, ClearContainerSlots } from './chunk-PQSMCDAM.js';
 import { TextContext as TextContext$1 } from './chunk-ZNOU2CGM.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
@@ -26,7 +26,7 @@ import { useContextProps, useSlottedContext, composeRenderProps, TextContext, Bu
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./ComboBox.module.css#css-module
-var ComboBox_module_default = { "hop-ComboBox": "ComboBox-module__hop-ComboBox___YK9yH", "hop-ComboBox--fluid": "ComboBox-module__hop-ComboBox--fluid___NU-0L", "hop-ComboBox__label": "ComboBox-module__hop-ComboBox__label___MXSkJ", "hop-ComboBox__trigger": "ComboBox-module__hop-ComboBox__trigger___ijn2y", "hop-ComboBox__button": "ComboBox-module__hop-ComboBox__button___94V7q", "hop-ComboBox__prefix": "ComboBox-module__hop-ComboBox__prefix___GfKUS", "hop-ComboBox__helper-message": "ComboBox-module__hop-ComboBox__helper-message___rHA6V", "hop-ComboBox__error-message": "ComboBox-module__hop-ComboBox__error-message___hKQw8" };
+var ComboBox_module_default = { "hop-ComboBox": "ComboBox-module__hop-ComboBox___GvCoa", "hop-ComboBox--fluid": "ComboBox-module__hop-ComboBox--fluid___OvKor", "hop-ComboBox__label": "ComboBox-module__hop-ComboBox__label___O-Kpw", "hop-ComboBox__trigger": "ComboBox-module__hop-ComboBox__trigger___q6qg2", "hop-ComboBox__button": "ComboBox-module__hop-ComboBox__button___cAzhI", "hop-ComboBox__prefix": "ComboBox-module__hop-ComboBox__prefix___xQSGm", "hop-ComboBox__helper-message": "ComboBox-module__hop-ComboBox__helper-message___P-ah-", "hop-ComboBox__error-message": "ComboBox-module__hop-ComboBox__error-message___TGYtK" };
 var GlobalComboBoxCssSelector = "hop-ComboBox";
 function ComboBox(props, ref) {
   var _a, _b, _c, _d, _e;
@@ -41,6 +41,7 @@ function ComboBox(props, ref) {
     align: alignProp,
     className,
     children,
+    contextualHelp,
     description,
     direction: directionProp,
     errorMessage,
@@ -169,10 +170,11 @@ function ComboBox(props, ref) {
       ...otherProps,
       children: ({ isOpen }) => {
         return /* @__PURE__ */ jsxs(Fragment, { children: [
-          label && /* @__PURE__ */ jsx(
-            _Label,
+          /* @__PURE__ */ jsx(
+            FieldLabel,
             {
               className: ComboBox_module_default["hop-ComboBox__label"],
+              contextualHelp,
               isRequired,
               necessityIndicator,
               children: label

package/dist/{chunk-TY3S7XMW.js → chunk-JQLKVLV7.js}

@@ -1,5 +1,5 @@
 import { TileContext } from './chunk-S7KMOXY2.js';
-import { _Text } from './chunk-QYLYNHMO.js';
+import { _Text } from './chunk-QCFV6G6K.js';
 import { TextContext } from './chunk-ZNOU2CGM.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
@@ -10,7 +10,7 @@ import { useContextProps, composeRenderProps, ToggleButton, Provider } from 'rea
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // css-module:./Tile.module.css#css-module
-var Tile_module_default = { "hop-Tile": "Tile-module__hop-Tile___thhrX", "hop-Tile__icon": "Tile-module__hop-Tile__icon___CROIF" };
+var Tile_module_default = { "hop-Tile": "Tile-module__hop-Tile___t0aKB", "hop-Tile__icon": "Tile-module__hop-Tile__icon___LeTq-" };
 var GlobalTileCssSelector = "hop-Tile";
 var Tile = (props, ref) => {
   [props, ref] = useContextProps(props, ref, TileContext);

package/dist/{chunk-4V3BBI6M.js → chunk-K3GNQGLK.js}

@@ -7,7 +7,7 @@ import { Form as Form$1 } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Form.module.css#css-module
-var Form_module_default = { "hop-Form": "Form-module__hop-Form___RucAL" };
+var Form_module_default = { "hop-Form": "Form-module__hop-Form___uqGvw" };
 var GlobalFormCssSelector = "hop-Form";
 function useFormProps(props) {
   const ctx = useContext(FormContext);

package/dist/{chunk-UZTC5A7X.js → chunk-KD5CC7J2.js}

@@ -7,7 +7,7 @@ import { useContextProps, TabPanel as TabPanel$1 } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./TabPanel.module.css#css-module
-var TabPanel_module_default = { "hop-TabPanel": "TabPanel-module__hop-TabPanel___dtZ0J" };
+var TabPanel_module_default = { "hop-TabPanel": "TabPanel-module__hop-TabPanel___U9p5S" };
 var GlobalTabPanelCssSelector = "hop-TabPanel";
 function TabPanel(props, ref) {
   [props, ref] = useContextProps(props, ref, TabPanelContext);

package/dist/{chunk-VRCFCFB5.js → chunk-KIXYAIPB.js}

@@ -1,9 +1,9 @@
 import { useIsOverflow } from './chunk-EHXOXTDN.js';
 import { AvatarContext } from './chunk-FA26RZSE.js';
 import { useRenderProps } from './chunk-2NSUMKNH.js';
-import { useLocalizedString } from './chunk-75DHKNW2.js';
-import { _Text } from './chunk-QYLYNHMO.js';
-import { ClearContainerSlots } from './chunk-WJ55ZV54.js';
+import { useLocalizedString } from './chunk-NNLLQWDS.js';
+import { _Text } from './chunk-QCFV6G6K.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';
@@ -16,7 +16,7 @@ import { useContextProps, SelectValueContext, SelectStateContext, useSlottedCont
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./SelectValue.module.css#css-module
-var SelectValue_module_default = { "hop-SelectValue": "SelectValue-module__hop-SelectValue___x-EkZ", "hop-SelectValue__text": "SelectValue-module__hop-SelectValue__text___IdpJR", "hop-SelectValue__avatar": "SelectValue-module__hop-SelectValue__avatar___6D9mI", "hop-SelectValue__icon": "SelectValue-module__hop-SelectValue__icon___bfcP0", "hop-SelectValue__end-icon": "SelectValue-module__hop-SelectValue__end-icon___Z9pJ9" };
+var SelectValue_module_default = { "hop-SelectValue": "SelectValue-module__hop-SelectValue___zcA1x", "hop-SelectValue__text": "SelectValue-module__hop-SelectValue__text___39UL6", "hop-SelectValue__avatar": "SelectValue-module__hop-SelectValue__avatar___4lcAZ", "hop-SelectValue__icon": "SelectValue-module__hop-SelectValue__icon___Je5Rn", "hop-SelectValue__end-icon": "SelectValue-module__hop-SelectValue__end-icon___UOM0S" };
 var GlobalSelectValueCssSelector = "hop-SelectValue";
 var SelectValueToAvatarSizeAdapter = {
   sm: "xs",

package/dist/{chunk-I4IBMLV4.js → chunk-KN6OG3WN.js}

@@ -1,6 +1,6 @@
-import { _EmbeddedButton } from './chunk-BROSH5WN.js';
+import { _EmbeddedButton } from './chunk-UGZYYO3T.js';
 import { ClearButtonContext } from './chunk-DXVKHP4V.js';
-import { useLocalizedString } from './chunk-75DHKNW2.js';
+import { useLocalizedString } from './chunk-NNLLQWDS.js';
 import { DismissIcon } from '@hopper-ui/icons';
 import { forwardRef } from 'react';
 import { useContextProps } from 'react-aria-components';

package/dist/{chunk-IKSYTHKX.js → chunk-KOLL65WL.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-QYLYNHMO.js';
+import { _Text } from './chunk-QCFV6G6K.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___cHBWH", "hop-Tab--fluid": "Tab-module__hop-Tab--fluid___WWUvF", "hop-Tab--md": "Tab-module__hop-Tab--md___ee0wZ", "hop-Tab__icon": "Tab-module__hop-Tab__icon___LaSCB", "hop-Tab__text": "Tab-module__hop-Tab__text___SRSpI", "hop-Tab__badge": "Tab-module__hop-Tab__badge___AF0bM", "hop-Tab__tag": "Tab-module__hop-Tab__tag___ngXna" };
+var Tab_module_default = { "hop-Tab": "Tab-module__hop-Tab___ftOeX", "hop-Tab--fluid": "Tab-module__hop-Tab--fluid___aH3xR", "hop-Tab--md": "Tab-module__hop-Tab--md___dgvsJ", "hop-Tab__icon": "Tab-module__hop-Tab__icon___brQbc", "hop-Tab__text": "Tab-module__hop-Tab__text___HZpz8", "hop-Tab__badge": "Tab-module__hop-Tab__badge___tSYj2", "hop-Tab__tag": "Tab-module__hop-Tab__tag___R14Wb" };
 var GlobalTabCssSelector = "hop-Tab";
 function Tab(props, ref) {
   var _a;

package/dist/{chunk-KNHM5GQQ.js → chunk-L64YORM7.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-Q5UDUQNS.js';
-import { _HelperMessage } from './chunk-CFBDROF2.js';
-import { _ErrorMessage } from './chunk-H7EN3SVB.js';
-import { useFormProps } from './chunk-4V3BBI6M.js';
+import { FieldLabel } from './chunk-E5RHW4IY.js';
+import { _HelperMessage } from './chunk-57WEWZ4L.js';
+import { _ErrorMessage } from './chunk-DOP43XH5.js';
+import { useFormProps } from './chunk-K3GNQGLK.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___OCh7L", "hop-RadioGroup--bordered": "RadioGroup-module__hop-RadioGroup--bordered___y-YA1", "hop-RadioGroup--sm": "RadioGroup-module__hop-RadioGroup--sm___dVuGC", "hop-RadioGroup--md": "RadioGroup-module__hop-RadioGroup--md___IDQhs", "hop-RadioGroup__label": "RadioGroup-module__hop-RadioGroup__label___VywEQ", "hop-RadioGroup__list": "RadioGroup-module__hop-RadioGroup__list___2igwk", "hop-RadioGroup__radio": "RadioGroup-module__hop-RadioGroup__radio___qNJ8S", "hop-RadioGroup__error-message": "RadioGroup-module__hop-RadioGroup__error-message___POw6K", "hop-RadioGroup__helper-message": "RadioGroup-module__hop-RadioGroup__helper-message___5tAiT" };
+var RadioGroup_module_default = { "hop-RadioGroup": "RadioGroup-module__hop-RadioGroup___GAhMc", "hop-RadioGroup--bordered": "RadioGroup-module__hop-RadioGroup--bordered___aW9rV", "hop-RadioGroup--sm": "RadioGroup-module__hop-RadioGroup--sm___TlUOa", "hop-RadioGroup--md": "RadioGroup-module__hop-RadioGroup--md___K9W8i", "hop-RadioGroup__label": "RadioGroup-module__hop-RadioGroup__label___Vi-x9", "hop-RadioGroup__list": "RadioGroup-module__hop-RadioGroup__list___pz3Nn", "hop-RadioGroup__radio": "RadioGroup-module__hop-RadioGroup__radio___HdWpQ", "hop-RadioGroup__error-message": "RadioGroup-module__hop-RadioGroup__error-message___KU5wE", "hop-RadioGroup__helper-message": "RadioGroup-module__hop-RadioGroup__helper-message___Rx1kN" };
 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

package/dist/{chunk-NOD7XFD7.js → chunk-LO44K2EI.js}

@@ -1,7 +1,7 @@
 import { SwitchContext } from './chunk-YHBJAXUY.js';
 import { IconListContext } from './chunk-GBWXEK6N.js';
-import { ensureTextWrapper } from './chunk-GDUMGSIP.js';
-import { ClearContainerSlots } from './chunk-WJ55ZV54.js';
+import { ensureTextWrapper } from './chunk-NGZNCS3G.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___BYWwf", "hop-Switch--sm": "Switch-module__hop-Switch--sm___K-rSz", "hop-Switch--md": "Switch-module__hop-Switch--md___aXkwQ", "hop-Switch__indicator": "Switch-module__hop-Switch__indicator___Rqr21", "hop-Switch__text": "Switch-module__hop-Switch__text___h4tVE", "hop-Switch__icon-list": "Switch-module__hop-Switch__icon-list___bs283", "hop-Switch__icon": "Switch-module__hop-Switch__icon___kmx3q" };
+var Switch_module_default = { "hop-Switch": "Switch-module__hop-Switch___pmxJ9", "hop-Switch--sm": "Switch-module__hop-Switch--sm___F-I2x", "hop-Switch--md": "Switch-module__hop-Switch--md___8-5b-", "hop-Switch__indicator": "Switch-module__hop-Switch__indicator___aJxF6", "hop-Switch__text": "Switch-module__hop-Switch__text___er2eV", "hop-Switch__icon-list": "Switch-module__hop-Switch__icon-list___-1Ydr", "hop-Switch__icon": "Switch-module__hop-Switch__icon___m9cXJ" };
 var GlobalSwitchCssSelector = "hop-Switch";
 function Switch(props, ref) {
   var _a;