@hopper-ui/components 1.6.1 → 1.8.0

package/dist/{chunk-BARSXCGR.js → chunk-M64J2RXB.js}

@@ -1,6 +1,6 @@
 import { InternalSegmentedControlContext } from './chunk-6BJLSAMM.js';
 import { SegmentedControlItemContext } from './chunk-VS3PE4S6.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';
@@ -11,7 +11,7 @@ import { useContextProps, ToggleGroupStateContext, ToggleButton, Provider, DEFAU
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./SegmentedControlItem.module.css#css-module
-var SegmentedControlItem_module_default = { "hop-SegmentedControlItem": "SegmentedControlItem-module__hop-SegmentedControlItem___48bWb", "hop-SegmentedControlItem__slider": "SegmentedControlItem-module__hop-SegmentedControlItem__slider___NOTnB", "hop-SegmentedControlItem__wrapper": "SegmentedControlItem-module__hop-SegmentedControlItem__wrapper___fmHr7", "hop-SegmentedControlItem--md": "SegmentedControlItem-module__hop-SegmentedControlItem--md___GXRFR", "hop-SegmentedControlItem__icon": "SegmentedControlItem-module__hop-SegmentedControlItem__icon___gBES-", "hop-SegmentedControlItem__text": "SegmentedControlItem-module__hop-SegmentedControlItem__text___o-tjq", "hop-SegmentedControlItem__start-icon": "SegmentedControlItem-module__hop-SegmentedControlItem__start-icon___ISK52", "hop-SegmentedControlItem--justified": "SegmentedControlItem-module__hop-SegmentedControlItem--justified___8c0Xe" };
+var SegmentedControlItem_module_default = { "hop-SegmentedControlItem": "SegmentedControlItem-module__hop-SegmentedControlItem___176E-", "hop-SegmentedControlItem__slider": "SegmentedControlItem-module__hop-SegmentedControlItem__slider___quabr", "hop-SegmentedControlItem__wrapper": "SegmentedControlItem-module__hop-SegmentedControlItem__wrapper___90-Bf", "hop-SegmentedControlItem--md": "SegmentedControlItem-module__hop-SegmentedControlItem--md___gk0lP", "hop-SegmentedControlItem__icon": "SegmentedControlItem-module__hop-SegmentedControlItem__icon___k3g7t", "hop-SegmentedControlItem__text": "SegmentedControlItem-module__hop-SegmentedControlItem__text___7L6rt", "hop-SegmentedControlItem__start-icon": "SegmentedControlItem-module__hop-SegmentedControlItem__start-icon___rUw05", "hop-SegmentedControlItem--justified": "SegmentedControlItem-module__hop-SegmentedControlItem--justified___pBN3G" };
 var GlobalSegmentedControlItemCssSelector = "hop-SegmentedControlItem";
 var SegmentedControlItem = (props, ref) => {
   var _a;

package/dist/chunk-MR5BPD6R.js

@@ -0,0 +1,7 @@
+import { createContext } from 'react';
+
+// src/contextual-help/src/ContextualHelpContext.ts
+var ContextualHelpContext = createContext({});
+ContextualHelpContext.displayName = "ContextualHelpContext";
+
+export { ContextualHelpContext };

package/dist/{chunk-PHPJULDV.js → chunk-N6JCPZ5G.js}

@@ -1,6 +1,6 @@
 import { LinkContext } from './chunk-MTULE7GI.js';
 import { IconListContext } from './chunk-GBWXEK6N.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';
@@ -12,7 +12,7 @@ import { useContextProps, composeRenderProps, Link as Link$1, DEFAULT_SLOT } fro
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Link.module.css#css-module
-var Link_module_default = { "hop-Link": "Link-module__hop-Link___0LyLe", "hop-Link--xs": "Link-module__hop-Link--xs___9aIEA", "hop-Link--sm": "Link-module__hop-Link--sm___LfRYy", "hop-Link--md": "Link-module__hop-Link--md___nzmu9", "hop-Link--lg": "Link-module__hop-Link--lg___RS4Xr", "hop-Link--xl": "Link-module__hop-Link--xl___B0s8f", "hop-Link--2xl": "Link-module__hop-Link--2xl___84ayj", "hop-Link--inherit": "Link-module__hop-Link--inherit___qijuu", "hop-Link--standalone": "Link-module__hop-Link--standalone___CUe-L", "hop-Link__text": "Link-module__hop-Link__text___wtntQ", "hop-Link--quiet": "Link-module__hop-Link--quiet___hbVzy", "hop-Link--primary": "Link-module__hop-Link--primary___o-lxN", "hop-Link--secondary": "Link-module__hop-Link--secondary___YZ-J7", "hop-Link__icon": "Link-module__hop-Link__icon___Y2Dkw", "hop-Link__icon-list": "Link-module__hop-Link__icon-list___uaGHu", "hop-Link__start-icon": "Link-module__hop-Link__start-icon___r8Z46", "hop-Link__start-icon-list": "Link-module__hop-Link__start-icon-list___B4G-Q" };
+var Link_module_default = { "hop-Link": "Link-module__hop-Link___zN0GU", "hop-Link--xs": "Link-module__hop-Link--xs___ABclH", "hop-Link--sm": "Link-module__hop-Link--sm___6euWI", "hop-Link--md": "Link-module__hop-Link--md___-4wx-", "hop-Link--lg": "Link-module__hop-Link--lg___r5ujq", "hop-Link--xl": "Link-module__hop-Link--xl___ntD7P", "hop-Link--2xl": "Link-module__hop-Link--2xl___tluwP", "hop-Link--inherit": "Link-module__hop-Link--inherit___RyQa4", "hop-Link--standalone": "Link-module__hop-Link--standalone___l-iNG", "hop-Link__text": "Link-module__hop-Link__text___9BuwZ", "hop-Link--quiet": "Link-module__hop-Link--quiet___p89Vc", "hop-Link--primary": "Link-module__hop-Link--primary___o0ags", "hop-Link--secondary": "Link-module__hop-Link--secondary___jcpD5", "hop-Link__icon": "Link-module__hop-Link__icon___N8Pvt", "hop-Link__icon-list": "Link-module__hop-Link__icon-list___jgYl-", "hop-Link__start-icon": "Link-module__hop-Link__start-icon___GOMwu", "hop-Link__start-icon-list": "Link-module__hop-Link__start-icon-list___P72wB" };
 var GlobalLinkCssSelector = "hop-Link";
 var LinkToIconSizeAdapter = {
   inherit: void 0,

package/dist/{chunk-GDUMGSIP.js → chunk-NGZNCS3G.js}

@@ -1,5 +1,5 @@
 import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
-import { _Text } from './chunk-QYLYNHMO.js';
+import { _Text } from './chunk-QCFV6G6K.js';
 import { jsx } from 'react/jsx-runtime';
 
 function ensureTextWrapper(children, elementType) {

package/dist/{chunk-75DHKNW2.js → chunk-NNLLQWDS.js}

@@ -14,8 +14,8 @@ var require_en_US = __commonJS({
       "Tag.removeAriaLabel": `Remove`,
       "ListBoxItem.loadingTextValue": `Loading Item`,
       "ListBoxItem.indicatorAriaLabel": `List Item Selection Indicator`,
-      "Label.necessityLabel.required": `Required`,
-      "Label.necessityLabel.optional": `Optional`,
+      "FieldLabel.necessityLabel.required": `Required`,
+      "FieldLabel.necessityLabel.optional": `Optional`,
       "Select.placeholder": `Select an item`
     };
   }
@@ -34,8 +34,8 @@ var require_fr_CA = __commonJS({
       "Tag.removeAriaLabel": `Supprimer`,
       "ListBoxItem.loadingTextValue": `\xC9l\xE9ment en cours de chargement`,
       "ListBoxItem.indicatorAriaLabel": `Indicateur de s\xE9lection d'\xE9l\xE9ment de liste`,
-      "Label.necessityLabel.required": `Obligatoire`,
-      "Label.necessityLabel.optional": `Facultatif`,
+      "FieldLabel.necessityLabel.required": `Obligatoire`,
+      "FieldLabel.necessityLabel.optional": `Facultatif`,
       "Select.placeholder": `S\xE9lectionner un \xE9l\xE9ment`
     };
   }

package/dist/{chunk-FCWARLFN.js → chunk-NNPOWTQ4.js}

@@ -1,11 +1,11 @@
-import { _DecorativeRadio } from './chunk-HPSQSM3G.js';
+import { _DecorativeRadio } from './chunk-X72OOA2X.js';
 import { ListBoxItemContext } from './chunk-FDJDFE4U.js';
-import { _ListBoxItemSkeleton } from './chunk-6BW3MSBX.js';
-import { _DecorativeCheckbox } from './chunk-5H7VC5CQ.js';
+import { _ListBoxItemSkeleton } from './chunk-GHMBKUTU.js';
+import { _DecorativeCheckbox } from './chunk-7WJAJGOX.js';
 import { BadgeContext } from './chunk-ZSFJVMJN.js';
 import { AvatarContext } from './chunk-FA26RZSE.js';
 import { IconListContext } from './chunk-GBWXEK6N.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';
@@ -18,7 +18,7 @@ import { useContextProps, composeRenderProps, ListBoxItem as ListBoxItem$1, List
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // css-module:./ListBoxItem.module.css#css-module
-var ListBoxItem_module_default = { "hop-ListBoxItem": "ListBoxItem-module__hop-ListBoxItem___p-eg2", "hop-ListBoxItem--xs": "ListBoxItem-module__hop-ListBoxItem--xs___djZR9", "hop-ListBoxItem--sm": "ListBoxItem-module__hop-ListBoxItem--sm___CknwJ", "hop-ListBoxItem--md": "ListBoxItem-module__hop-ListBoxItem--md___Yd4Ir", "hop-ListBoxItem--lg": "ListBoxItem-module__hop-ListBoxItem--lg___j6vWd", "hop-ListBoxItem__inner": "ListBoxItem-module__hop-ListBoxItem__inner___lbNBq", "hop-ListBoxItem__checkmark": "ListBoxItem-module__hop-ListBoxItem__checkmark___bfMf8", "hop-ListBoxItem__description": "ListBoxItem-module__hop-ListBoxItem__description___A9QOn", "hop-ListBoxItem__radio": "ListBoxItem-module__hop-ListBoxItem__radio___SRm7T", "hop-ListBoxItem__checkbox": "ListBoxItem-module__hop-ListBoxItem__checkbox___9Dk0T", "hop-ListBoxItem__avatar": "ListBoxItem-module__hop-ListBoxItem__avatar___4G5Vn", "hop-ListBoxItem__icon-list": "ListBoxItem-module__hop-ListBoxItem__icon-list___AZ79L", "hop-ListBoxItem__icon": "ListBoxItem-module__hop-ListBoxItem__icon___s5YmH", "hop-ListBoxItem__label": "ListBoxItem-module__hop-ListBoxItem__label___ZBKzM", "hop-ListBoxItem__end-icon-list": "ListBoxItem-module__hop-ListBoxItem__end-icon-list___VB-ax", "hop-ListBoxItem__end-icon": "ListBoxItem-module__hop-ListBoxItem__end-icon___kj8IM", "hop-ListBoxItem__badge": "ListBoxItem-module__hop-ListBoxItem__badge___gnBCT" };
+var ListBoxItem_module_default = { "hop-ListBoxItem": "ListBoxItem-module__hop-ListBoxItem___QvcpN", "hop-ListBoxItem--xs": "ListBoxItem-module__hop-ListBoxItem--xs___lZib0", "hop-ListBoxItem--sm": "ListBoxItem-module__hop-ListBoxItem--sm___NG9Qu", "hop-ListBoxItem--md": "ListBoxItem-module__hop-ListBoxItem--md___sRrPz", "hop-ListBoxItem--lg": "ListBoxItem-module__hop-ListBoxItem--lg___3nQ83", "hop-ListBoxItem__inner": "ListBoxItem-module__hop-ListBoxItem__inner___txRTc", "hop-ListBoxItem__checkmark": "ListBoxItem-module__hop-ListBoxItem__checkmark___MbqOD", "hop-ListBoxItem__description": "ListBoxItem-module__hop-ListBoxItem__description___GUzrd", "hop-ListBoxItem__radio": "ListBoxItem-module__hop-ListBoxItem__radio___Urn5f", "hop-ListBoxItem__checkbox": "ListBoxItem-module__hop-ListBoxItem__checkbox___LHciW", "hop-ListBoxItem__avatar": "ListBoxItem-module__hop-ListBoxItem__avatar___K1Ark", "hop-ListBoxItem__icon-list": "ListBoxItem-module__hop-ListBoxItem__icon-list___r8RQE", "hop-ListBoxItem__icon": "ListBoxItem-module__hop-ListBoxItem__icon___Y3uVa", "hop-ListBoxItem__label": "ListBoxItem-module__hop-ListBoxItem__label___1L0EC", "hop-ListBoxItem__end-icon-list": "ListBoxItem-module__hop-ListBoxItem__end-icon-list___zp7WO", "hop-ListBoxItem__end-icon": "ListBoxItem-module__hop-ListBoxItem__end-icon___f-q1U", "hop-ListBoxItem__badge": "ListBoxItem-module__hop-ListBoxItem__badge___ltsNo" };
 var GlobalListBoxItemCssSelector = "hop-ListBoxItem";
 var ListBoxItemToIconSizeAdapter = {
   xs: "sm",

package/dist/{chunk-N6FVXOZU.js → chunk-NRUHVUQY.js}

@@ -11,7 +11,7 @@ import { useContextProps, composeRenderProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./RichIconAvatarImage.module.css#css-module
-var RichIconAvatarImage_module_default = { "hop-RichIconAvatarImage": "RichIconAvatarImage-module__hop-RichIconAvatarImage___OfnoG", "hop-RichIconAvatarImage--xs": "RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___P4871", "hop-RichIconAvatarImage--sm": "RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___RasWJ", "hop-RichIconAvatarImage--md": "RichIconAvatarImage-module__hop-RichIconAvatarImage--md___Dz4pU", "hop-RichIconAvatarImage--lg": "RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___OH-gD", "hop-RichIconAvatarImage--xl": "RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___PUJ3C", "hop-RichIconAvatarImage--2xl": "RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___5PFE3", "hop-RichIconAvatarImage__icon": "RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___2y6RI" };
+var RichIconAvatarImage_module_default = { "hop-RichIconAvatarImage": "RichIconAvatarImage-module__hop-RichIconAvatarImage___Xl-OB", "hop-RichIconAvatarImage--xs": "RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___soMMV", "hop-RichIconAvatarImage--sm": "RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___L2Ls0", "hop-RichIconAvatarImage--md": "RichIconAvatarImage-module__hop-RichIconAvatarImage--md___-TpFk", "hop-RichIconAvatarImage--lg": "RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___RjDDs", "hop-RichIconAvatarImage--xl": "RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___VCcO5", "hop-RichIconAvatarImage--2xl": "RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___2EFbN", "hop-RichIconAvatarImage__icon": "RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___27lgk" };
 var GlobalRichIconAvatarImageCssSelector = "hop-RichIconAvatarImage";
 var AvatarToIconSizeAdapter = {
   xs: "md",

package/dist/{chunk-RIEGA5XZ.js → chunk-PPBA6RPY.js}

@@ -1,5 +1,5 @@
 import { CustomModalContext } from './chunk-AJKN2ALX.js';
-import { _BaseModal } from './chunk-IGVGBFT6.js';
+import { _BaseModal } from './chunk-ZHEWPE46.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
 import clsx from 'clsx';
@@ -8,7 +8,7 @@ import { useContextProps, composeRenderProps, Dialog, OverlayTriggerStateContext
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./CustomModal.module.css#css-module
-var CustomModal_module_default = { "hop-CustomModal": "CustomModal-module__hop-CustomModal___Q9w2o" };
+var CustomModal_module_default = { "hop-CustomModal": "CustomModal-module__hop-CustomModal___kvlx8" };
 var GlobalCustomModalCssSelector = "hop-CustomModal";
 var CustomModal = (props, ref) => {
   var _a;

package/dist/{chunk-WJ55ZV54.js → chunk-PQSMCDAM.js}

@@ -6,6 +6,9 @@ function ClearProviders({
   values,
   children
 }) {
+  if (!values || values.length === 0) {
+    return children;
+  }
   for (const Context of values) {
     children = /* @__PURE__ */ jsx(Context.Provider, { value: null, children });
   }

package/dist/{chunk-IYYEOE54.js → chunk-PWYDH3ZA.js}

@@ -8,7 +8,7 @@ import { useContextProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./ToggleArrow.module.css#css-module
-var ToggleArrow_module_default = { "hop-ToggleArrow": "ToggleArrow-module__hop-ToggleArrow___lrxd3" };
+var ToggleArrow_module_default = { "hop-ToggleArrow": "ToggleArrow-module__hop-ToggleArrow___HUqr-" };
 var GlobalToggleArrowCssSelector = "hop-ToggleArrow";
 function ToggleArrow(props, ref) {
   [props, ref] = useContextProps(props, ref, ToggleArrowContext);

package/dist/{chunk-YPZVGCLY.js → chunk-Q252HANX.js}

@@ -1,7 +1,7 @@
-import { _OverlineText } from './chunk-HVTA4MEG.js';
+import { _OverlineText } from './chunk-F6VSINXC.js';
 import { BadgeContext } from './chunk-ZSFJVMJN.js';
 import { useRenderProps } from './chunk-2NSUMKNH.js';
-import { ClearContainerSlots } from './chunk-WJ55ZV54.js';
+import { ClearContainerSlots } from './chunk-PQSMCDAM.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { slot, useStyledSystem } from '@hopper-ui/styled-system';
@@ -23,7 +23,7 @@ function mapOrbiterToHopperVariants(variant) {
 }
 
 // css-module:./Badge.module.css#css-module
-var Badge_module_default = { "hop-Badge": "Badge-module__hop-Badge___lPpFg", "hop-Badge--primary": "Badge-module__hop-Badge--primary___u6qz3", "hop-Badge--secondary": "Badge-module__hop-Badge--secondary___wqxKv", "hop-Badge--subdued": "Badge-module__hop-Badge--subdued___BgfRB" };
+var Badge_module_default = { "hop-Badge": "Badge-module__hop-Badge___zgMp1", "hop-Badge--primary": "Badge-module__hop-Badge--primary___FtMRN", "hop-Badge--secondary": "Badge-module__hop-Badge--secondary___mIP5m", "hop-Badge--subdued": "Badge-module__hop-Badge--subdued___8iY3E" };
 var GlobalBadgeCssSelector = "hop-Badge";
 function Badge(props, ref) {
   [props, ref] = useContextProps(props, ref, BadgeContext);

package/dist/{chunk-WD34LPOD.js → chunk-Q4BKNDZD.js}

@@ -1,6 +1,6 @@
 import { useRenderProps } from './chunk-2NSUMKNH.js';
-import { useLocalizedString } from './chunk-75DHKNW2.js';
-import { _Text } from './chunk-QYLYNHMO.js';
+import { useLocalizedString } from './chunk-NNLLQWDS.js';
+import { _Text } from './chunk-QCFV6G6K.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___R5jZZ" };
+var RemainingCharacterCount_module_default = { "hop-RemainingCharacterCount": "RemainingCharacterCount-module__hop-RemainingCharacterCount___0My8I" };
 var GlobalRemainingCharacterCountCssSelector = "hop-RemainingCharacterCount";
 function RemainingCharacterCount(props, ref) {
   const { stylingProps, ...ownProps } = useStyledSystem(props);

package/dist/{chunk-QYLYNHMO.js → chunk-QCFV6G6K.js}

@@ -1,4 +1,4 @@
-import { ClearContainerSlots } from './chunk-WJ55ZV54.js';
+import { ClearContainerSlots } from './chunk-PQSMCDAM.js';
 import { TextContext } from './chunk-ZNOU2CGM.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
@@ -9,7 +9,7 @@ import { useContextProps, Text as Text$1 } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Text.module.css#css-module
-var Text_module_default = { "hop-Text": "Text-module__hop-Text___qvnKA", "hop-Text--xs": "Text-module__hop-Text--xs___heReZ", "hop-Text--sm": "Text-module__hop-Text--sm___541we", "hop-Text--md": "Text-module__hop-Text--md___hdUyI", "hop-Text--lg": "Text-module__hop-Text--lg___lVP0u", "hop-Text--xl": "Text-module__hop-Text--xl___CTAop", "hop-Text--2xl": "Text-module__hop-Text--2xl___yx4Sp", "hop-Text--inherit": "Text-module__hop-Text--inherit___284Ab" };
+var Text_module_default = { "hop-Text": "Text-module__hop-Text___TlqAw", "hop-Text--xs": "Text-module__hop-Text--xs___r7Jh2", "hop-Text--sm": "Text-module__hop-Text--sm___47IuM", "hop-Text--md": "Text-module__hop-Text--md___C2YwB", "hop-Text--lg": "Text-module__hop-Text--lg___hfcIw", "hop-Text--xl": "Text-module__hop-Text--xl___jSZWl", "hop-Text--2xl": "Text-module__hop-Text--2xl___3Q3EA", "hop-Text--inherit": "Text-module__hop-Text--inherit___S3ePi" };
 var GlobalTextCssSelector = "hop-Text";
 function Text(props, ref) {
   [props, ref] = useContextProps(props, ref, TextContext);

package/dist/{chunk-G75ACCCJ.js → chunk-QXTTPOP5.js}

@@ -7,7 +7,7 @@ import { useContextProps, composeRenderProps, Popover } from 'react-aria-compone
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./PopoverBase.module.css#css-module
-var PopoverBase_module_default = { "hop-PopoverBase": "PopoverBase-module__hop-PopoverBase___kKxrd" };
+var PopoverBase_module_default = { "hop-PopoverBase": "PopoverBase-module__hop-PopoverBase___R08eb" };
 var GlobalPopoverBaseCssSelector = "hop-PopoverBase";
 function PopoverBase(props, ref) {
   var _a;

package/dist/{chunk-3SSWKFF2.js → chunk-QXZSPZWJ.js}

@@ -1,7 +1,7 @@
 import { ToggleArrowContext } from './chunk-LWPDIKEX.js';
+import { DisclosurePanelContext } from './chunk-5XY5L6ZN.js';
 import { DisclosureHeaderContext } from './chunk-CPAFY34U.js';
 import { DisclosureContext } from './chunk-U4HRZ6DN.js';
-import { DisclosurePanelContext } from './chunk-5XY5L6ZN.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
@@ -12,7 +12,7 @@ import { useContextProps, useSlottedContext, composeRenderProps, Disclosure as D
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Disclosure.module.css#css-module
-var Disclosure_module_default = { "hop-Disclosure": "Disclosure-module__hop-Disclosure___sWhgn", "hop-Disclosure__header": "Disclosure-module__hop-Disclosure__header___V5YdV", "hop-Disclosure--inline": "Disclosure-module__hop-Disclosure--inline___R6pKD", "hop-Disclosure__panel": "Disclosure-module__hop-Disclosure__panel___ngyjO" };
+var Disclosure_module_default = { "hop-Disclosure": "Disclosure-module__hop-Disclosure___F8P-W", "hop-Disclosure__header": "Disclosure-module__hop-Disclosure__header___yaGEr", "hop-Disclosure--inline": "Disclosure-module__hop-Disclosure--inline___LymLS", "hop-Disclosure__panel": "Disclosure-module__hop-Disclosure__panel___ffOLK" };
 var GlobalDisclosureCssSelector = "hop-Disclosure";
 function Disclosure(props, ref) {
   [props, ref] = useContextProps(props, ref, DisclosureContext);

package/dist/{chunk-MEJX5PMD.js → chunk-RBUBE5ET.js}

@@ -5,7 +5,7 @@ import { TabListStateContext } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./TabLine.module.css#css-module
-var TabLine_module_default = { "hop-TabLine": "TabLine-module__hop-TabLine___CHaSi", "hop-TabLine--disabled": "TabLine-module__hop-TabLine--disabled___bPFN9" };
+var TabLine_module_default = { "hop-TabLine": "TabLine-module__hop-TabLine___i0qNA", "hop-TabLine--disabled": "TabLine-module__hop-TabLine--disabled___EmX02" };
 var GlobalTabLineCssSelector = "hop-TabLine";
 function TabLine(props) {
   var _a;

package/dist/{chunk-MDFOHG56.js → chunk-RM3WVAEZ.js}

@@ -8,7 +8,7 @@ import { useContextProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./IconList.module.css#css-module
-var IconList_module_default = { "hop-IconList": "IconList-module__hop-IconList___dAr-Y" };
+var IconList_module_default = { "hop-IconList": "IconList-module__hop-IconList___TpK2G" };
 var GlobalIconListCssSelector = "hop-IconList";
 function IconList(props, ref) {
   [props, ref] = useContextProps(props, ref, IconListContext);

package/dist/{chunk-VOZN65OL.js → chunk-RN3FLBX4.js}

@@ -1,4 +1,5 @@
 import { FooterContext } from './chunk-I67NHYK4.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 Footer(props, ref) {
     children,
     style,
     slot,
+    isHidden,
+    clearContexts,
     ...otherProps
   } = ownProps;
+  if (isHidden) {
+    return null;
+  }
   const classNames = clsx(
     GlobalFooterCssSelector,
     stylingProps.className,
@@ -25,7 +31,7 @@ function Footer(props, ref) {
     ...stylingProps.style,
     ...style
   };
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(ClearProviders, { values: clearContexts, children: /* @__PURE__ */ jsx(
     "footer",
     {
       ref,
@@ -35,7 +41,7 @@ function Footer(props, ref) {
       ...otherProps,
       children
     }
-  );
+  ) });
 }
 var _Footer = slot("footer", forwardRef(Footer));
 _Footer.displayName = "Footer";

package/dist/{chunk-UWUX4HB6.js → chunk-RNGFFSNG.js}

@@ -1,13 +1,13 @@
 import { PasswordFieldContext } from './chunk-QW45G6K4.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 { _EmbeddedButton } from './chunk-BROSH5WN.js';
-import { useFormProps } from './chunk-4V3BBI6M.js';
-import { useLocalizedString } from './chunk-75DHKNW2.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 { _EmbeddedButton } from './chunk-UGZYYO3T.js';
+import { useFormProps } from './chunk-K3GNQGLK.js';
+import { useLocalizedString } from './chunk-NNLLQWDS.js';
+import { ClearContainerSlots } from './chunk-PQSMCDAM.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { EyeVisibleIcon, EyeHiddenIcon } from '@hopper-ui/icons';
@@ -20,7 +20,7 @@ import { useContextProps, composeRenderProps, TextField } from 'react-aria-compo
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./PasswordField.module.css#css-module
-var PasswordField_module_default = { "hop-PasswordField": "PasswordField-module__hop-PasswordField___Izox-", "hop-PasswordField--fluid": "PasswordField-module__hop-PasswordField--fluid___-m3So", "hop-PasswordField__Label": "PasswordField-module__hop-PasswordField__Label___fo2VS", "hop-PasswordField__InputGroup": "PasswordField-module__hop-PasswordField__InputGroup___v3nvN", "hop-PasswordField__ErrorMessage": "PasswordField-module__hop-PasswordField__ErrorMessage___LO0zi", "hop-PasswordField__HelperMessage": "PasswordField-module__hop-PasswordField__HelperMessage___i9aZO" };
+var PasswordField_module_default = { "hop-PasswordField": "PasswordField-module__hop-PasswordField___RZjFS", "hop-PasswordField--fluid": "PasswordField-module__hop-PasswordField--fluid___BpxiK", "hop-PasswordField__Label": "PasswordField-module__hop-PasswordField__Label___Z-OjL", "hop-PasswordField__InputGroup": "PasswordField-module__hop-PasswordField__InputGroup___o-KU-", "hop-PasswordField__ErrorMessage": "PasswordField-module__hop-PasswordField__ErrorMessage___0BKDc", "hop-PasswordField__HelperMessage": "PasswordField-module__hop-PasswordField__HelperMessage___dMwi3" };
 var GlobalPasswordFieldCssSelector = "hop-PasswordField";
 function PasswordField(props, ref) {
   var _a;
@@ -35,6 +35,7 @@ function PasswordField(props, ref) {
   const stringFormatter = useLocalizedString();
   const {
     className,
+    contextualHelp,
     style: styleProp,
     size,
     placeholder,
@@ -100,7 +101,16 @@ function PasswordField(props, ref) {
     }
   ) });
   const childrenMarkup = /* @__PURE__ */ jsxs(Fragment, { children: [
-    label && /* @__PURE__ */ jsx(_Label, { className: PasswordField_module_default["hop-PasswordField__Label"], isRequired, necessityIndicator, children: label }),
+    /* @__PURE__ */ jsx(
+      FieldLabel,
+      {
+        className: PasswordField_module_default["hop-PasswordField__Label"],
+        contextualHelp,
+        isRequired,
+        necessityIndicator,
+        children: label
+      }
+    ),
     inputMarkup,
     description && /* @__PURE__ */ jsx(_HelperMessage, { className: PasswordField_module_default["hop-PasswordField__HelperMessage"], children: description }),
     /* @__PURE__ */ jsx(_ErrorMessage, { className: PasswordField_module_default["hop-PasswordField__ErrorMessage"], children: errorMessage })

package/dist/{chunk-LORXIAD3.js → chunk-SLK22PRQ.js}

@@ -1,13 +1,13 @@
 import { useFontFaceReady } from './chunk-IU6XMS2X.js';
 import { TextAreaContext } from './chunk-MHQZXLKW.js';
 import { useTruncatedText } from './chunk-Z57VHYOF.js';
-import { _RemainingCharacterCount } from './chunk-WD34LPOD.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 { ClearContainerSlots } from './chunk-WJ55ZV54.js';
+import { _RemainingCharacterCount } from './chunk-Q4BKNDZD.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 { ClearContainerSlots } from './chunk-PQSMCDAM.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { useStyledSystem, useResponsiveValue, useIsomorphicLayoutEffect } from '@hopper-ui/styled-system';
@@ -79,7 +79,7 @@ function $b5e257d569688ac6$export$535bd6ca7f90a273() {
 }
 
 // css-module:./TextArea.module.css#css-module
-var TextArea_module_default = { "hop-TextArea": "TextArea-module__hop-TextArea___BSoTZ", "hop-TextArea--fluid": "TextArea-module__hop-TextArea--fluid___a89QZ", "hop-TextArea__Label": "TextArea-module__hop-TextArea__Label___oV4-h", "hop-TextArea__prefix": "TextArea-module__hop-TextArea__prefix___wV8NU", "hop-TextArea__RemainingCharacterCount": "TextArea-module__hop-TextArea__RemainingCharacterCount___nwMa9", "hop-TextArea__InputGroup": "TextArea-module__hop-TextArea__InputGroup___PiSp8", "hop-TextArea__ErrorMessage": "TextArea-module__hop-TextArea__ErrorMessage___ZtJK8", "hop-TextArea__HelperMessage": "TextArea-module__hop-TextArea__HelperMessage___Ol3UD", "hop-TextArea__textarea": "TextArea-module__hop-TextArea__textarea___eFelm", "hop-TextArea__textarea--with-character-count": "TextArea-module__hop-TextArea__textarea--with-character-count___0GOV5", "hop-TextArea__textarea--sm": "TextArea-module__hop-TextArea__textarea--sm___eDNUY" };
+var TextArea_module_default = { "hop-TextArea": "TextArea-module__hop-TextArea___Ur63S", "hop-TextArea--fluid": "TextArea-module__hop-TextArea--fluid___o-quN", "hop-TextArea__Label": "TextArea-module__hop-TextArea__Label___qf4kp", "hop-TextArea__prefix": "TextArea-module__hop-TextArea__prefix___OsqOA", "hop-TextArea__RemainingCharacterCount": "TextArea-module__hop-TextArea__RemainingCharacterCount___xVjah", "hop-TextArea__InputGroup": "TextArea-module__hop-TextArea__InputGroup___PrERV", "hop-TextArea__ErrorMessage": "TextArea-module__hop-TextArea__ErrorMessage___UNeGg", "hop-TextArea__HelperMessage": "TextArea-module__hop-TextArea__HelperMessage___E3pCh", "hop-TextArea__textarea": "TextArea-module__hop-TextArea__textarea___E6T-s", "hop-TextArea__textarea--with-character-count": "TextArea-module__hop-TextArea__textarea--with-character-count___S04q3", "hop-TextArea__textarea--sm": "TextArea-module__hop-TextArea__textarea--sm___-k7fc" };
 var GlobalTextAreaCssSelector = "hop-TextArea";
 var DefaultMinimumTextAreaRows = 3;
 var pxToInt = (value) => {
@@ -126,6 +126,7 @@ function TextArea(props, ref) {
   });
   const {
     className,
+    contextualHelp,
     style: styleProp,
     size: sizeProp,
     showCharacterCount,
@@ -259,7 +260,16 @@ function TextArea(props, ref) {
     }
   ) });
   const childrenMarkup = /* @__PURE__ */ jsxs(Fragment, { children: [
-    label && /* @__PURE__ */ jsx(_Label, { className: TextArea_module_default["hop-TextArea__Label"], isRequired, necessityIndicator, children: label }),
+    /* @__PURE__ */ jsx(
+      FieldLabel,
+      {
+        className: TextArea_module_default["hop-TextArea__Label"],
+        contextualHelp,
+        isRequired,
+        necessityIndicator,
+        children: label
+      }
+    ),
     inputMarkup,
     description && /* @__PURE__ */ jsx(_HelperMessage, { className: TextArea_module_default["hop-TextArea__HelperMessage"], children: description }),
     /* @__PURE__ */ jsx(_ErrorMessage, { className: TextArea_module_default["hop-TextArea__ErrorMessage"], children: errorMessage })

package/dist/{chunk-FRX2T2G4.js → chunk-TGQ4XIIL.js}

@@ -7,7 +7,7 @@ import { useContextProps, Separator } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Divider.module.css#css-module
-var Divider_module_default = { "hop-Divider": "Divider-module__hop-Divider___uMWGh", "hop-Divider--vertical": "Divider-module__hop-Divider--vertical___CJ0Uh" };
+var Divider_module_default = { "hop-Divider": "Divider-module__hop-Divider___sBgVv", "hop-Divider--vertical": "Divider-module__hop-Divider--vertical___W-o9O" };
 var GlobalDividerCssSelector = "hop-Divider";
 function Divider(props, ref) {
   [props, ref] = useContextProps(props, ref, DividerContext);

package/dist/{chunk-FM7FVXF6.js → chunk-TXETMX5H.js}

@@ -1,6 +1,6 @@
 import { BadgeContext } from './chunk-ZSFJVMJN.js';
 import { FloatingBadgeContext } from './chunk-KZSTJ3QZ.js';
-import { ClearContainerSlots } from './chunk-WJ55ZV54.js';
+import { ClearContainerSlots } from './chunk-PQSMCDAM.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { useStyledSystem } from '@hopper-ui/styled-system';
@@ -10,7 +10,7 @@ import { useContextProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./FloatingBadge.module.css#css-module
-var FloatingBadge_module_default = { "hop-FloatingBadge": "FloatingBadge-module__hop-FloatingBadge___KvZf7", "hop-FloatingBadge__badge": "FloatingBadge-module__hop-FloatingBadge__badge___dInkZ" };
+var FloatingBadge_module_default = { "hop-FloatingBadge": "FloatingBadge-module__hop-FloatingBadge___R2B4j", "hop-FloatingBadge__badge": "FloatingBadge-module__hop-FloatingBadge__badge___CDxdk" };
 var GlobalFloatingBadgeCssSelector = "hop-FloatingBadge";
 function FloatingBadge(props, ref) {
   [props, ref] = useContextProps(props, ref, FloatingBadgeContext);

package/dist/{chunk-BROSH5WN.js → chunk-UGZYYO3T.js}

@@ -20,7 +20,7 @@ function mapOrbiterToHopperVariants(variant) {
 }
 
 // css-module:./EmbeddedButton.module.css#css-module
-var EmbeddedButton_module_default = { "hop-EmbeddedButton": "EmbeddedButton-module__hop-EmbeddedButton___YGBug", "hop-EmbeddedButton--md": "EmbeddedButton-module__hop-EmbeddedButton--md___dovnN", "hop-EmbeddedButton--lg": "EmbeddedButton-module__hop-EmbeddedButton--lg___ZSBkP", "hop-EmbeddedButton--neutral": "EmbeddedButton-module__hop-EmbeddedButton--neutral___j3dz0", "hop-EmbeddedButton--subdued": "EmbeddedButton-module__hop-EmbeddedButton--subdued___C-zBh", "hop-EmbeddedButton--progress": "EmbeddedButton-module__hop-EmbeddedButton--progress___S26E5", "hop-EmbeddedButton--positive": "EmbeddedButton-module__hop-EmbeddedButton--positive___zADdr", "hop-EmbeddedButton--caution": "EmbeddedButton-module__hop-EmbeddedButton--caution___0UeB3", "hop-EmbeddedButton--negative": "EmbeddedButton-module__hop-EmbeddedButton--negative___wqhRN", "hop-EmbeddedButton--option1": "EmbeddedButton-module__hop-EmbeddedButton--option1___h5Xdh", "hop-EmbeddedButton--option2": "EmbeddedButton-module__hop-EmbeddedButton--option2___nmmms", "hop-EmbeddedButton--option3": "EmbeddedButton-module__hop-EmbeddedButton--option3___u3w8L", "hop-EmbeddedButton--option4": "EmbeddedButton-module__hop-EmbeddedButton--option4___0L3BB", "hop-EmbeddedButton--option5": "EmbeddedButton-module__hop-EmbeddedButton--option5___8g2L1", "hop-EmbeddedButton--option6": "EmbeddedButton-module__hop-EmbeddedButton--option6___QNXv5", "hop-EmbeddedButton__icon": "EmbeddedButton-module__hop-EmbeddedButton__icon___BbHVZ" };
+var EmbeddedButton_module_default = { "hop-EmbeddedButton": "EmbeddedButton-module__hop-EmbeddedButton___xYGNu", "hop-EmbeddedButton--md": "EmbeddedButton-module__hop-EmbeddedButton--md___rMja7", "hop-EmbeddedButton--lg": "EmbeddedButton-module__hop-EmbeddedButton--lg___6Doe-", "hop-EmbeddedButton--neutral": "EmbeddedButton-module__hop-EmbeddedButton--neutral___BeN5r", "hop-EmbeddedButton--subdued": "EmbeddedButton-module__hop-EmbeddedButton--subdued___yuQCr", "hop-EmbeddedButton--progress": "EmbeddedButton-module__hop-EmbeddedButton--progress___bUJKv", "hop-EmbeddedButton--positive": "EmbeddedButton-module__hop-EmbeddedButton--positive___Qaqgf", "hop-EmbeddedButton--caution": "EmbeddedButton-module__hop-EmbeddedButton--caution___aKBZ0", "hop-EmbeddedButton--negative": "EmbeddedButton-module__hop-EmbeddedButton--negative___deFvU", "hop-EmbeddedButton--option1": "EmbeddedButton-module__hop-EmbeddedButton--option1___sSKL9", "hop-EmbeddedButton--option2": "EmbeddedButton-module__hop-EmbeddedButton--option2___68Bh2", "hop-EmbeddedButton--option3": "EmbeddedButton-module__hop-EmbeddedButton--option3___PNksw", "hop-EmbeddedButton--option4": "EmbeddedButton-module__hop-EmbeddedButton--option4___b77U3", "hop-EmbeddedButton--option5": "EmbeddedButton-module__hop-EmbeddedButton--option5___tqsSF", "hop-EmbeddedButton--option6": "EmbeddedButton-module__hop-EmbeddedButton--option6___27kdo", "hop-EmbeddedButton__icon": "EmbeddedButton-module__hop-EmbeddedButton__icon___LgoT6" };
 var GlobalEmbeddedButtonCssSelector = "hop-EmbeddedButton";
 function EmbeddedButton(props, ref) {
   var _a;

package/dist/{chunk-AI4IV7FO.js → chunk-UH3WEXVR.js}

@@ -1,10 +1,12 @@
-import { _Spinner } from './chunk-S72G6RPK.js';
+import { useFormProps } from './chunk-K3GNQGLK.js';
+import { useProgressVisibility } from './chunk-HZTYQ5FQ.js';
+import { _Spinner } from './chunk-WEKPO5YP.js';
 import { IconListContext } from './chunk-GBWXEK6N.js';
-import { useFormProps } from './chunk-4V3BBI6M.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-GDUMGSIP.js';
+import { ensureTextWrapper } from './chunk-NGZNCS3G.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';
@@ -12,18 +14,17 @@ import { cssModule } from './chunk-KVDXQMWI.js';
 import { IconContext } from '@hopper-ui/icons';
 import { slot, useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
 import clsx from 'clsx';
-import { forwardRef, useState, useEffect } from 'react';
+import { forwardRef } from 'react';
 import { useContextProps, composeRenderProps, Button as Button$1, DEFAULT_SLOT } from 'react-aria-components';
 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___ZPqlN", "hop-Button--fluid": "Button-module__hop-Button--fluid___K97-Y", "hop-Button--sm": "Button-module__hop-Button--sm___VdVxi", "hop-Button--md": "Button-module__hop-Button--md___kasx5", "hop-Button--icon-only": "Button-module__hop-Button--icon-only___NMJIz", "hop-Button--primary": "Button-module__hop-Button--primary___hVpe1", "hop-Button--secondary": "Button-module__hop-Button--secondary___Gjg5h", "hop-Button--upsell": "Button-module__hop-Button--upsell___j1HQ7", "hop-Button--danger": "Button-module__hop-Button--danger___5VBlb", "hop-Button--ghost-primary": "Button-module__hop-Button--ghost-primary___jdoVD", "hop-Button--ghost-secondary": "Button-module__hop-Button--ghost-secondary___FIdYc", "hop-Button--ghost-danger": "Button-module__hop-Button--ghost-danger___hWB-b", "hop-Button--loading": "Button-module__hop-Button--loading___BXVdp", "hop-Button__Spinner": "Button-module__hop-Button__Spinner___310hA", "hop-Button__icon": "Button-module__hop-Button__icon___YbJeU", "hop-Button__icon-list": "Button-module__hop-Button__icon-list___w8gX0", "hop-Button__text": "Button-module__hop-Button__text___HL8Dk", "hop-Button__end-icon": "Button-module__hop-Button__end-icon___y2Lq-", "hop-Button__end-icon-list": "Button-module__hop-Button__end-icon-list___CTkAY" };
+var Button_module_default = { "hop-Button": "Button-module__hop-Button___0Z1G-", "hop-Button--fluid": "Button-module__hop-Button--fluid___ocE9B", "hop-Button--sm": "Button-module__hop-Button--sm___Iin1k", "hop-Button--md": "Button-module__hop-Button--md___bYBGM", "hop-Button--icon-only": "Button-module__hop-Button--icon-only___aWeym", "hop-Button--primary": "Button-module__hop-Button--primary___3Qmg3", "hop-Button--secondary": "Button-module__hop-Button--secondary___u3qlM", "hop-Button--upsell": "Button-module__hop-Button--upsell___Wa1Kb", "hop-Button--danger": "Button-module__hop-Button--danger___de-7T", "hop-Button--ghost-primary": "Button-module__hop-Button--ghost-primary___f-GHo", "hop-Button--ghost-secondary": "Button-module__hop-Button--ghost-secondary___732dQ", "hop-Button--ghost-danger": "Button-module__hop-Button--ghost-danger___mXQFT", "hop-Button--loading": "Button-module__hop-Button--loading___3l487", "hop-Button__Spinner": "Button-module__hop-Button__Spinner___Aydmf", "hop-Button__icon": "Button-module__hop-Button__icon___3H1Sb", "hop-Button__icon-list": "Button-module__hop-Button__icon-list___iWElA", "hop-Button__text": "Button-module__hop-Button__text___ZFtXo", "hop-Button__end-icon": "Button-module__hop-Button__end-icon___nOaCX", "hop-Button__end-icon-list": "Button-module__hop-Button__end-icon-list___ge2sI" };
 var GlobalButtonCssSelector = "hop-Button";
 function Button(props, ref) {
   var _a, _b;
   [props, ref] = useContextProps(props, ref, ButtonContext);
   props = useFormProps(props);
-  const [isProgressVisible, setIsProgressVisible] = useState(false);
   const { stylingProps, ...ownProps } = useStyledSystem(props);
   const stringFormatter = useLocalizedString();
   const {
@@ -35,11 +36,17 @@ function Button(props, ref) {
     isLoading,
     style: styleProp,
     spinnerProps,
+    isHidden,
+    clearContexts,
     ...otherProps
   } = ownProps;
+  const isProgressVisible = useProgressVisibility(isLoading);
   const [textRef, hasText] = useSlot();
   const size = (_a = useResponsiveValue(sizeProp)) != null ? _a : "md";
   const isFluid = (_b = useResponsiveValue(isFluidProp)) != null ? _b : false;
+  if (isHidden) {
+    return null;
+  }
   const classNames = composeClassnameRenderProps(
     className,
     GlobalButtonCssSelector,
@@ -65,20 +72,10 @@ 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(
+  if (!hasText && (!props["aria-label"] && !props["aria-labelledby"])) {
+    console.warn("An aria-label or aria-labelledby prop is required for accessibility.");
+  }
+  return /* @__PURE__ */ jsx(ClearProviders, { values: clearContexts, children: /* @__PURE__ */ jsx(
     SlotProvider,
     {
       values: [
@@ -138,7 +135,7 @@ function Button(props, ref) {
         }
       )
     }
-  );
+  ) });
 }
 var _Button = slot("button", forwardRef(Button));
 _Button.displayName = "Button";

package/dist/{chunk-ENPVMPHJ.js → chunk-UPGCU4V3.js}

@@ -1,5 +1,5 @@
-import { _Heading } from './chunk-FMAMU4X6.js';
-import { _ToggleArrow } from './chunk-IYYEOE54.js';
+import { _Heading } from './chunk-ETBPFG5Z.js';
+import { _ToggleArrow } from './chunk-PWYDH3ZA.js';
 import { DisclosureHeaderContext } from './chunk-CPAFY34U.js';
 import { DisclosureContext } from './chunk-U4HRZ6DN.js';
 import { TextContext } from './chunk-ZNOU2CGM.js';
@@ -14,7 +14,7 @@ import { useContextProps, DisclosureStateContext, useSlottedContext, composeRend
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // css-module:./DisclosureHeader.module.css#css-module
-var DisclosureHeader_module_default = { "hop-DisclosureHeader": "DisclosureHeader-module__hop-DisclosureHeader___TvmmN", "hop-DisclosureHeader__button": "DisclosureHeader-module__hop-DisclosureHeader__button___sY4ad", "hop-DisclosureHeader__button--inline": "DisclosureHeader-module__hop-DisclosureHeader__button--inline___kFAYk", "hop-DisclosureHeader__icon": "DisclosureHeader-module__hop-DisclosureHeader__icon___kv9sa", "hop-DisclosureHeader__title": "DisclosureHeader-module__hop-DisclosureHeader__title___O90En", "hop-DisclosureHeader__toggle-arrow": "DisclosureHeader-module__hop-DisclosureHeader__toggle-arrow___hz8Yr" };
+var DisclosureHeader_module_default = { "hop-DisclosureHeader": "DisclosureHeader-module__hop-DisclosureHeader___lR6k6", "hop-DisclosureHeader__button": "DisclosureHeader-module__hop-DisclosureHeader__button___fi8Nl", "hop-DisclosureHeader__button--inline": "DisclosureHeader-module__hop-DisclosureHeader__button--inline___L-nD-", "hop-DisclosureHeader__icon": "DisclosureHeader-module__hop-DisclosureHeader__icon___eJUmK", "hop-DisclosureHeader__title": "DisclosureHeader-module__hop-DisclosureHeader__title___Z7t1e", "hop-DisclosureHeader__toggle-arrow": "DisclosureHeader-module__hop-DisclosureHeader__toggle-arrow___0VgOz" };
 var GlobalDisclosureHeaderCssSelector = "hop-DisclosureHeader";
 function DisclosureHeader(props, ref) {
   [props, ref] = useContextProps(props, ref, DisclosureHeaderContext);

package/dist/{chunk-Y24SHU4H.js → chunk-URTTLQAC.js}

@@ -7,7 +7,7 @@ import { useContextProps, FieldErrorContext, composeRenderProps, Group } from 'r
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./InputGroup.module.css#css-module
-var InputGroup_module_default = { "hop-InputGroup": "InputGroup-module__hop-InputGroup___X5OiP", "hop-InputGroup--fluid": "InputGroup-module__hop-InputGroup--fluid___QQjEJ" };
+var InputGroup_module_default = { "hop-InputGroup": "InputGroup-module__hop-InputGroup___0ZkWY", "hop-InputGroup--fluid": "InputGroup-module__hop-InputGroup--fluid___nao0v" };
 var GlobalInputGroupCssSelector = "hop-InputGroup";
 function InputGroup(props, ref) {
   var _a;