@hopper-ui/components 1.6.1 → 1.8.0

package/dist/{chunk-O7H6JXIB.js → chunk-VECFKZI5.js}

@@ -1,8 +1,8 @@
 import { CheckboxContext } from './chunk-2EAZPH3M.js';
+import { useFormProps } from './chunk-K3GNQGLK.js';
 import { IconListContext } from './chunk-GBWXEK6N.js';
-import { useFormProps } from './chunk-4V3BBI6M.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';
@@ -14,7 +14,7 @@ import { useContextProps, composeRenderProps, Checkbox as Checkbox$1 } from 'rea
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./Checkbox.module.css#css-module
-var Checkbox_module_default = { "hop-Checkbox": "Checkbox-module__hop-Checkbox___owhpo", "hop-Checkbox--sm": "Checkbox-module__hop-Checkbox--sm___0u9Ax", "hop-Checkbox--md": "Checkbox-module__hop-Checkbox--md___W0NWx", "hop-Checkbox__icon": "Checkbox-module__hop-Checkbox__icon___A6Y0G", "hop-Checkbox__icon-list": "Checkbox-module__hop-Checkbox__icon-list___ev-oV", "hop-Checkbox__box": "Checkbox-module__hop-Checkbox__box___1zfEu", "hop-Checkbox__check": "Checkbox-module__hop-Checkbox__check___lts9D", "hop-Checkbox__text": "Checkbox-module__hop-Checkbox__text___8vRlD" };
+var Checkbox_module_default = { "hop-Checkbox": "Checkbox-module__hop-Checkbox___5v0b4", "hop-Checkbox--sm": "Checkbox-module__hop-Checkbox--sm___dSQOY", "hop-Checkbox--md": "Checkbox-module__hop-Checkbox--md___TOu-C", "hop-Checkbox__icon": "Checkbox-module__hop-Checkbox__icon___nd2aw", "hop-Checkbox__icon-list": "Checkbox-module__hop-Checkbox__icon-list___5WN5y", "hop-Checkbox__box": "Checkbox-module__hop-Checkbox__box___jxojt", "hop-Checkbox__check": "Checkbox-module__hop-Checkbox__check___AxXm6", "hop-Checkbox__text": "Checkbox-module__hop-Checkbox__text___RWv7Z" };
 var GlobalCheckboxCssSelector = "hop-Checkbox";
 function Checkbox(props, ref) {
   var _a;

package/dist/{chunk-HCNRBWQR.js → chunk-VEXKMBM6.js}

@@ -7,7 +7,7 @@ import { useContextProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Card.module.css#css-module
-var Card_module_default = { "hop-Card": "Card-module__hop-Card___YAzdH", "hop-Card--main": "Card-module__hop-Card--main___Qzyua", "hop-Card--second-level": "Card-module__hop-Card--second-level___aoJx3" };
+var Card_module_default = { "hop-Card": "Card-module__hop-Card___e3y-h", "hop-Card--main": "Card-module__hop-Card--main___92F4t", "hop-Card--second-level": "Card-module__hop-Card--second-level___w48w7" };
 var GlobalCardCssSelector = "hop-Card";
 var Card = (props, ref) => {
   [props, ref] = useContextProps(props, ref, CardContext);

package/dist/{chunk-BV2IOLOJ.js → chunk-VFURXZPW.js}

@@ -1,7 +1,7 @@
-import { SwitchFieldContext } from './chunk-H7VJS4MX.js';
 import { SwitchContext } from './chunk-YHBJAXUY.js';
+import { SwitchFieldContext } from './chunk-H7VJS4MX.js';
 import { useRenderProps } from './chunk-2NSUMKNH.js';
-import { _Text } from './chunk-QYLYNHMO.js';
+import { _Text } from './chunk-QCFV6G6K.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
@@ -13,7 +13,7 @@ import { useContextProps, composeRenderProps } from 'react-aria-components';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // css-module:./SwitchField.module.css#css-module
-var SwitchField_module_default = { "hop-SwitchField": "SwitchField-module__hop-SwitchField___iLF8G", "hop-SwitchField--sm": "SwitchField-module__hop-SwitchField--sm___-fzUf", "hop-SwitchField--md": "SwitchField-module__hop-SwitchField--md___2NGQQ", "hop-SwitchField__description": "SwitchField-module__hop-SwitchField__description___vnN66", "hop-SwitchField__switch": "SwitchField-module__hop-SwitchField__switch___83nws" };
+var SwitchField_module_default = { "hop-SwitchField": "SwitchField-module__hop-SwitchField___bNbAD", "hop-SwitchField--sm": "SwitchField-module__hop-SwitchField--sm___43D1q", "hop-SwitchField--md": "SwitchField-module__hop-SwitchField--md___79ERT", "hop-SwitchField__description": "SwitchField-module__hop-SwitchField__description___vAwuK", "hop-SwitchField__switch": "SwitchField-module__hop-SwitchField__switch___HIaZE" };
 var GlobalSwitchFieldCssSelector = "hop-SwitchField";
 var SwitchToDescriptionSizeAdapter = {
   sm: "xs",

package/dist/{chunk-XUTZ5DK5.js → chunk-VQRXNT3Q.js}

@@ -1,7 +1,7 @@
 import { MenuItemContext } from './chunk-OGC6BUEX.js';
 import { AvatarContext } from './chunk-FA26RZSE.js';
 import { IconListContext } from './chunk-GBWXEK6N.js';
-import { _Text } from './chunk-QYLYNHMO.js';
+import { _Text } from './chunk-QCFV6G6K.js';
 import { TextContext } from './chunk-ZNOU2CGM.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
@@ -13,7 +13,7 @@ import { useContextProps, MenuItem as MenuItem$1, DEFAULT_SLOT } from 'react-ari
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 
 // css-module:./MenuItem.module.css#css-module
-var MenuItem_module_default = { "hop-MenuItem": "MenuItem-module__hop-MenuItem___vZoad", "hop-MenuItem__text": "MenuItem-module__hop-MenuItem__text___kQNeY", "hop-MenuItem--invalid": "MenuItem-module__hop-MenuItem--invalid___OZ7az", "hop-MenuItem__avatar": "MenuItem-module__hop-MenuItem__avatar___MlJYp", "hop-MenuItem__icon": "MenuItem-module__hop-MenuItem__icon___CcVEP", "hop-MenuItem__checkmark": "MenuItem-module__hop-MenuItem__checkmark___ibwEd", "hop-MenuItem__description": "MenuItem-module__hop-MenuItem__description___xJjfv", "hop-MenuItem__end-icon": "MenuItem-module__hop-MenuItem__end-icon___xl9SL", "hop-MenuItem__arrow": "MenuItem-module__hop-MenuItem__arrow___mH2N-", "hop-MenuItem--xs": "MenuItem-module__hop-MenuItem--xs___oilaV", "hop-MenuItem--sm": "MenuItem-module__hop-MenuItem--sm___3f3FM", "hop-MenuItem--md": "MenuItem-module__hop-MenuItem--md___KLCc0", "hop-MenuItem--lg": "MenuItem-module__hop-MenuItem--lg___1s-1M" };
+var MenuItem_module_default = { "hop-MenuItem": "MenuItem-module__hop-MenuItem___68TCF", "hop-MenuItem__text": "MenuItem-module__hop-MenuItem__text___cN0n4", "hop-MenuItem--invalid": "MenuItem-module__hop-MenuItem--invalid___84pt-", "hop-MenuItem__avatar": "MenuItem-module__hop-MenuItem__avatar___odE6c", "hop-MenuItem__icon": "MenuItem-module__hop-MenuItem__icon___EshEy", "hop-MenuItem__checkmark": "MenuItem-module__hop-MenuItem__checkmark___31UT-", "hop-MenuItem__description": "MenuItem-module__hop-MenuItem__description___-A-SF", "hop-MenuItem__end-icon": "MenuItem-module__hop-MenuItem__end-icon___6WKE-", "hop-MenuItem__arrow": "MenuItem-module__hop-MenuItem__arrow___opnGp", "hop-MenuItem--xs": "MenuItem-module__hop-MenuItem--xs___ws2F9", "hop-MenuItem--sm": "MenuItem-module__hop-MenuItem--sm___N4In-", "hop-MenuItem--md": "MenuItem-module__hop-MenuItem--md___rEABv", "hop-MenuItem--lg": "MenuItem-module__hop-MenuItem--lg___2INT6" };
 var GlobalMenuItemCssSelector = "hop-MenuItem";
 var MenuItem = (props, ref) => {
   [props, ref] = useContextProps(props, ref, MenuItemContext);

package/dist/{chunk-MAWL2EMK.js → chunk-VTHB4J4N.js}

@@ -1,8 +1,8 @@
 import { RadioFieldContext } from './chunk-DGLAGYBD.js';
 import { RadioContext } from './chunk-FU5CCPLP.js';
 import { useRenderProps } from './chunk-2NSUMKNH.js';
-import { _Text } from './chunk-QYLYNHMO.js';
-import { ClearContainerSlots } from './chunk-WJ55ZV54.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';
@@ -14,7 +14,7 @@ import { useContextProps, composeRenderProps } from 'react-aria-components';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // css-module:./RadioField.module.css#css-module
-var RadioField_module_default = { "hop-RadioField": "RadioField-module__hop-RadioField___Heck6", "hop-RadioField--sm": "RadioField-module__hop-RadioField--sm___8mB6Y", "hop-RadioField--md": "RadioField-module__hop-RadioField--md___jMLtu", "hop-RadioField__description": "RadioField-module__hop-RadioField__description___kjoN7", "hop-RadioField__radio": "RadioField-module__hop-RadioField__radio___xwm9e" };
+var RadioField_module_default = { "hop-RadioField": "RadioField-module__hop-RadioField___Q4QIQ", "hop-RadioField--sm": "RadioField-module__hop-RadioField--sm___VXiap", "hop-RadioField--md": "RadioField-module__hop-RadioField--md___HW2CQ", "hop-RadioField__description": "RadioField-module__hop-RadioField__description___ia1Zr", "hop-RadioField__radio": "RadioField-module__hop-RadioField__radio___EivJe" };
 var GlobalRadioFieldCssSelector = "hop-RadioField";
 var RadioToDescriptionSizeAdapter = {
   sm: "xs",

package/dist/{chunk-VB42QDEC.js → chunk-VUWTKMHT.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___Ldga8", "hop-IllustratedMessage--sm": "IllustratedMessage-module__hop-IllustratedMessage--sm___CFcyj", "hop-IllustratedMessage--md": "IllustratedMessage-module__hop-IllustratedMessage--md___8nLCn", "hop-IllustratedMessage--lg": "IllustratedMessage-module__hop-IllustratedMessage--lg___hvqzU", "hop-IllustratedMessage__image": "IllustratedMessage-module__hop-IllustratedMessage__image___jTcca", "hop-IllustratedMessage__heading": "IllustratedMessage-module__hop-IllustratedMessage__heading___4zzIH", "hop-IllustratedMessage-md": "IllustratedMessage-module__hop-IllustratedMessage-md___s-xIO", "hop-IllustratedMessage__content": "IllustratedMessage-module__hop-IllustratedMessage__content___qfJZx", "hop-IllustratedMessage__buttonGroup": "IllustratedMessage-module__hop-IllustratedMessage__buttonGroup___5SzcA", "hop-IllustratedMessage__button": "IllustratedMessage-module__hop-IllustratedMessage__button___NBREN" };
+var IllustratedMessage_module_default = { "hop-IllustratedMessage": "IllustratedMessage-module__hop-IllustratedMessage___qznGS", "hop-IllustratedMessage--sm": "IllustratedMessage-module__hop-IllustratedMessage--sm___ammVN", "hop-IllustratedMessage--md": "IllustratedMessage-module__hop-IllustratedMessage--md___nzn-R", "hop-IllustratedMessage--lg": "IllustratedMessage-module__hop-IllustratedMessage--lg___QnnoU", "hop-IllustratedMessage__image": "IllustratedMessage-module__hop-IllustratedMessage__image___OyQeM", "hop-IllustratedMessage__heading": "IllustratedMessage-module__hop-IllustratedMessage__heading___njASU", "hop-IllustratedMessage-md": "IllustratedMessage-module__hop-IllustratedMessage-md___k12pz", "hop-IllustratedMessage__content": "IllustratedMessage-module__hop-IllustratedMessage__content___8futl", "hop-IllustratedMessage__buttonGroup": "IllustratedMessage-module__hop-IllustratedMessage__buttonGroup___VQzCe", "hop-IllustratedMessage__button": "IllustratedMessage-module__hop-IllustratedMessage__button___tA6IB" };
 var GlobalIllustratedMessageCssSelector = "hop-IllustratedMessage";
 function IllustratedMessage(props, ref) {
   [props, ref] = useContextProps(props, ref, IllustratedMessageContext);

package/dist/{chunk-ZVJPFIET.js → chunk-VX7TMQSF.js}

@@ -1,8 +1,8 @@
-import { _PopoverBase } from './chunk-G75ACCCJ.js';
-import { MenuContext, InternalMenuContext } from './chunk-U4LYXB7W.js';
 import { MenuItemContext } from './chunk-OGC6BUEX.js';
 import { InternalMenuTriggerContext } from './chunk-ERUOMTWL.js';
+import { MenuContext, InternalMenuContext } from './chunk-U4LYXB7W.js';
 import { DividerContext } from './chunk-AB4BRU6Z.js';
+import { _PopoverBase } from './chunk-QXTTPOP5.js';
 import { HeaderContext } from './chunk-FOQ7KN4V.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
@@ -13,7 +13,7 @@ import { useContextProps, Menu as Menu$1 } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Menu.module.css#css-module
-var Menu_module_default = { "hop-Menu": "Menu-module__hop-Menu___dUSVj", "hop-Menu__header": "Menu-module__hop-Menu__header___5-N04", "hop-Menu__divider": "Menu-module__hop-Menu__divider___ezm1O" };
+var Menu_module_default = { "hop-Menu": "Menu-module__hop-Menu___9rGJh", "hop-Menu__header": "Menu-module__hop-Menu__header___ioE-p", "hop-Menu__divider": "Menu-module__hop-Menu__divider___wqoaY" };
 var GlobalMenuCssSelector = "hop-Menu";
 function Menu(props, ref) {
   [props, ref] = useContextProps(props, ref, MenuContext);

package/dist/{chunk-S72G6RPK.js → chunk-WEKPO5YP.js}

@@ -1,5 +1,5 @@
 import { SpinnerContext } from './chunk-5K3V5PGZ.js';
-import { _Text } from './chunk-QYLYNHMO.js';
+import { _Text } from './chunk-QCFV6G6K.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___nfESa", "spin": "Spinner-module__spin___dI-4t", "hop-Spinner--sm": "Spinner-module__hop-Spinner--sm___mbeG8", "hop-Spinner--md": "Spinner-module__hop-Spinner--md___GJhEX", "hop-Spinner--lg": "Spinner-module__hop-Spinner--lg___hXeT0", "hop-Spinner__track": "Spinner-module__hop-Spinner__track___VD4ur", "hop-Spinner__fill": "Spinner-module__hop-Spinner__fill___fXKFk", "hop-Spinner__label": "Spinner-module__hop-Spinner__label___vagu8" };
+var Spinner_module_default = { "hop-Spinner": "Spinner-module__hop-Spinner___q7lsB", "spin": "Spinner-module__spin___Qq0VA", "hop-Spinner--sm": "Spinner-module__hop-Spinner--sm___jaKcR", "hop-Spinner--md": "Spinner-module__hop-Spinner--md___GNVfI", "hop-Spinner--lg": "Spinner-module__hop-Spinner--lg___s54Hy", "hop-Spinner__track": "Spinner-module__hop-Spinner__track___P2N1M", "hop-Spinner__fill": "Spinner-module__hop-Spinner__fill___DA6KG", "hop-Spinner__label": "Spinner-module__hop-Spinner__label___7Vmlu" };
 var GlobalSpinnerCssSelector = "hop-Spinner";
 var SpinnerToTextSizeAdapter = {
   sm: "xs",

package/dist/{chunk-J34HZLGN.js → chunk-WLNEXEEX.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 { DeletedUserRichIcon } from '@hopper-ui/icons';

package/dist/{chunk-4HT6QOTO.js → chunk-WOQOIB6V.js}

@@ -1,6 +1,7 @@
 import { LinkButtonContext } from './chunk-3UQFC2NQ.js';
 import { ButtonGroupContext } from './chunk-VJQ7M2BK.js';
 import { ButtonContext } from './chunk-WMTWFKKP.js';
+import { ClearProviders } from './chunk-PQSMCDAM.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { slot, useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
@@ -11,7 +12,7 @@ import { useContextProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./ButtonGroup.module.css#css-module
-var ButtonGroup_module_default = { "hop-ButtonGroup": "ButtonGroup-module__hop-ButtonGroup___U8kPM", "hop-ButtonGroup--horizontal": "ButtonGroup-module__hop-ButtonGroup--horizontal___dkw2x", "hop-ButtonGroup--vertical": "ButtonGroup-module__hop-ButtonGroup--vertical___r-XYE", "hop-ButtonGroup--start": "ButtonGroup-module__hop-ButtonGroup--start___EXB1h", "hop-ButtonGroup--center": "ButtonGroup-module__hop-ButtonGroup--center___151Hb", "hop-ButtonGroup--end": "ButtonGroup-module__hop-ButtonGroup--end___o5PYt", "hop-ButtonGroup--wrap": "ButtonGroup-module__hop-ButtonGroup--wrap___54QPw", "hop-ButtonGroup--fluid": "ButtonGroup-module__hop-ButtonGroup--fluid___jt0SM" };
+var ButtonGroup_module_default = { "hop-ButtonGroup": "ButtonGroup-module__hop-ButtonGroup___LQF3m", "hop-ButtonGroup--horizontal": "ButtonGroup-module__hop-ButtonGroup--horizontal___hTrDu", "hop-ButtonGroup--vertical": "ButtonGroup-module__hop-ButtonGroup--vertical___i-5VQ", "hop-ButtonGroup--start": "ButtonGroup-module__hop-ButtonGroup--start___EoJmg", "hop-ButtonGroup--center": "ButtonGroup-module__hop-ButtonGroup--center___cwZyh", "hop-ButtonGroup--end": "ButtonGroup-module__hop-ButtonGroup--end___BMbbc", "hop-ButtonGroup--wrap": "ButtonGroup-module__hop-ButtonGroup--wrap___TJ4km", "hop-ButtonGroup--fluid": "ButtonGroup-module__hop-ButtonGroup--fluid___gXntW" };
 var GlobalButtonGroupCssSelector = "hop-ButtonGroup";
 function ButtonGroup(props, ref) {
   var _a, _b, _c, _d;
@@ -27,6 +28,8 @@ function ButtonGroup(props, ref) {
     style: styleProp,
     orientation: orientationProp,
     wrap: wrapProp,
+    isHidden,
+    clearContexts,
     ...otherProps
   } = ownProps;
   const align = useResponsiveValue(alignProp);
@@ -34,6 +37,9 @@ function ButtonGroup(props, ref) {
   const isFluid = (_b = useResponsiveValue(isFluidProp)) != null ? _b : false;
   const wrap = (_c = useResponsiveValue(wrapProp)) != null ? _c : true;
   const orientation = (_d = useResponsiveValue(orientationProp)) != null ? _d : "horizontal";
+  if (isHidden) {
+    return null;
+  }
   const classNames = clsx(
     className,
     GlobalButtonGroupCssSelector,
@@ -52,7 +58,7 @@ function ButtonGroup(props, ref) {
     ...stylingProps.style,
     ...styleProp
   };
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(ClearProviders, { values: clearContexts, children: /* @__PURE__ */ jsx(
     "div",
     {
       ...filterDOMProps(otherProps, { labelable: true }),
@@ -79,7 +85,7 @@ function ButtonGroup(props, ref) {
         }
       )
     }
-  );
+  ) });
 }
 var _ButtonGroup = slot("button-group", forwardRef(ButtonGroup));
 _ButtonGroup.displayName = "ButtonGroup";

package/dist/{chunk-HPSQSM3G.js → chunk-X72OOA2X.js}

@@ -1,8 +1,8 @@
 import { RadioContext } from './chunk-FU5CCPLP.js';
 import { useRenderProps } from './chunk-2NSUMKNH.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';
@@ -15,7 +15,7 @@ import { useContextProps, composeRenderProps } from 'react-aria-components';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 // css-module:./DecorativeRadio.module.css#css-module
-var DecorativeRadio_module_default = { "hop-DecorativeRadio": "DecorativeRadio-module__hop-DecorativeRadio___Ro3TP Radio-module__hop-Radio___OpfZi", "hop-DecorativeRadio--sm": "DecorativeRadio-module__hop-DecorativeRadio--sm___NbE5l Radio-module__hop-Radio--sm___QtBHX", "hop-DecorativeRadio--md": "DecorativeRadio-module__hop-DecorativeRadio--md___XK2Xd Radio-module__hop-Radio--md___PPakb", "hop-DecorativeRadio__icon": "DecorativeRadio-module__hop-DecorativeRadio__icon___DU4mZ Radio-module__hop-Radio__icon___-VX5c", "hop-DecorativeRadio__icon-list": "DecorativeRadio-module__hop-DecorativeRadio__icon-list___yex4n Radio-module__hop-Radio__icon___-VX5c", "hop-DecorativeRadio__box": "DecorativeRadio-module__hop-DecorativeRadio__box___XBbim Radio-module__hop-Radio__box___YlKA6", "hop-DecorativeRadio__bullet": "DecorativeRadio-module__hop-DecorativeRadio__bullet___eQjV- Radio-module__hop-Radio__bullet___ndDTR", "hop-DecorativeRadio__text": "DecorativeRadio-module__hop-DecorativeRadio__text___v31jK Radio-module__hop-Radio__text___vjWkf" };
+var DecorativeRadio_module_default = { "hop-DecorativeRadio": "DecorativeRadio-module__hop-DecorativeRadio___tSJL5 Radio-module__hop-Radio___H2CQS", "hop-DecorativeRadio--sm": "DecorativeRadio-module__hop-DecorativeRadio--sm___DUA4e Radio-module__hop-Radio--sm___wsMEb", "hop-DecorativeRadio--md": "DecorativeRadio-module__hop-DecorativeRadio--md___PZiXZ Radio-module__hop-Radio--md___Y9v6E", "hop-DecorativeRadio__icon": "DecorativeRadio-module__hop-DecorativeRadio__icon___uynj0 Radio-module__hop-Radio__icon___AnsTY", "hop-DecorativeRadio__icon-list": "DecorativeRadio-module__hop-DecorativeRadio__icon-list___LHJUz Radio-module__hop-Radio__icon___AnsTY", "hop-DecorativeRadio__box": "DecorativeRadio-module__hop-DecorativeRadio__box___LRGSc Radio-module__hop-Radio__box___sb7RR", "hop-DecorativeRadio__bullet": "DecorativeRadio-module__hop-DecorativeRadio__bullet___ckmQf Radio-module__hop-Radio__bullet___d4tcu", "hop-DecorativeRadio__text": "DecorativeRadio-module__hop-DecorativeRadio__text___tL5B5 Radio-module__hop-Radio__text___y2Kzb" };
 var GlobalDecorativeRadioCssSelector = "hop-DecorativeRadio";
 function DecorativeRadio(props, ref) {
   var _a;

package/dist/{chunk-JOCKBZYP.js → chunk-XLJODMSX.js}

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

package/dist/{chunk-BHXYYOF6.js → chunk-XQ3MES4Y.js}

@@ -1,12 +1,12 @@
 import { SearchFieldContext } from './chunk-3NKF5TPD.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 { 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 { _ClearButton } from './chunk-KN6OG3WN.js';
+import { useFormProps } from './chunk-K3GNQGLK.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___jvE5c", "hop-SearchField--fluid": "SearchField-module__hop-SearchField--fluid___UgHCr", "hop-SearchField__Label": "SearchField-module__hop-SearchField__Label___Kktx2", "hop-SearchField__prefix": "SearchField-module__hop-SearchField__prefix___dNZHA", "hop-SearchField__InputGroup": "SearchField-module__hop-SearchField__InputGroup___NLiSY", "hop-SearchField--clearable": "SearchField-module__hop-SearchField--clearable___ie7RZ", "hop-SearchField__ErrorMessage": "SearchField-module__hop-SearchField__ErrorMessage___KsSmc", "hop-SearchField__HelperMessage": "SearchField-module__hop-SearchField__HelperMessage___0mQPS", "hop-SearchField__ClearButton": "SearchField-module__hop-SearchField__ClearButton___-ggQa" };
+var SearchField_module_default = { "hop-SearchField": "SearchField-module__hop-SearchField___ulqWB", "hop-SearchField--fluid": "SearchField-module__hop-SearchField--fluid___oPe6E", "hop-SearchField__Label": "SearchField-module__hop-SearchField__Label___-roJe", "hop-SearchField__prefix": "SearchField-module__hop-SearchField__prefix___STKwu", "hop-SearchField__InputGroup": "SearchField-module__hop-SearchField__InputGroup___Upt5F", "hop-SearchField--clearable": "SearchField-module__hop-SearchField--clearable___lasq0", "hop-SearchField__ErrorMessage": "SearchField-module__hop-SearchField__ErrorMessage___L2h9P", "hop-SearchField__HelperMessage": "SearchField-module__hop-SearchField__HelperMessage___fhaEp", "hop-SearchField__ClearButton": "SearchField-module__hop-SearchField__ClearButton___j64r-" };
 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-DPEJN5GM.js → chunk-Y7ACQLH4.js}

@@ -1,4 +1,5 @@
 import { ImageContext } from './chunk-JAR7CXVS.js';
+import { ClearProviders } from './chunk-PQSMCDAM.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
 import clsx from 'clsx';
@@ -7,7 +8,7 @@ import { useContextProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Image.module.css#css-module
-var Image_module_default = { "hop-Image": "Image-module__hop-Image___gUp27", "hop-Image--rounded": "Image-module__hop-Image--rounded___3PgXz", "hop-Image--circular": "Image-module__hop-Image--circular___qQHba" };
+var Image_module_default = { "hop-Image": "Image-module__hop-Image___VlqD5", "hop-Image--rounded": "Image-module__hop-Image--rounded___oNBUY", "hop-Image--circular": "Image-module__hop-Image--circular___lDYZ1" };
 var GlobalImageCssSelector = "hop-Image";
 function Image(props, ref) {
   [props, ref] = useContextProps(props, ref, ImageContext);
@@ -19,8 +20,14 @@ function Image(props, ref) {
     src,
     slot,
     alt,
+    isHidden,
+    clearContexts,
     ...otherProps
   } = ownProps;
+  const srcValue = useResponsiveValue(src);
+  if (isHidden) {
+    return null;
+  }
   if (alt === void 0) {
     console.warn(
       'The `alt` prop was not provided to an image. Add `alt` text for screen readers, or set `alt=""` prop to indicate that the image is decorative or redundant with displayed text and should not be announced by screen readers.'
@@ -40,8 +47,7 @@ function Image(props, ref) {
     ...stylingProps.style,
     ...style
   };
-  const srcValue = useResponsiveValue(src);
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(ClearProviders, { values: clearContexts, children: /* @__PURE__ */ jsx(
     "img",
     {
       ...otherProps,
@@ -52,7 +58,7 @@ function Image(props, ref) {
       ref,
       src: srcValue
     }
-  );
+  ) });
 }
 var _Image = forwardRef(Image);
 _Image.displayName = "Image";

package/dist/{chunk-4VGMZWJ2.js → chunk-YF4DILIQ.js}

@@ -6,7 +6,7 @@ import { I18nProvider, RouterProvider } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./HopperProvider.module.css#css-module
-var HopperProvider_module_default = { "hop-HopperProvider": "HopperProvider-module__hop-HopperProvider___2NQJm" };
+var HopperProvider_module_default = { "hop-HopperProvider": "HopperProvider-module__hop-HopperProvider___0oWjx" };
 var GlobalHopperProviderCssSelector = "hop-HopperProvider";
 var HopperContext = createContext(null);
 function useHopperContext() {

package/dist/{chunk-IGVGBFT6.js → chunk-ZHEWPE46.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___Q82Ka", "hop-BaseModal__modal": "BaseModal-module__hop-BaseModal__modal___qm2m5", "hop-BaseModal--image": "BaseModal-module__hop-BaseModal--image___c7o9B", "hop-BaseModal--sm": "BaseModal-module__hop-BaseModal--sm___U8eji", "hop-BaseModal--md": "BaseModal-module__hop-BaseModal--md___xFsIe", "hop-BaseModal--lg": "BaseModal-module__hop-BaseModal--lg___65vgX", "hop-BaseModal--xl": "BaseModal-module__hop-BaseModal--xl___KyCvM", "hop-BaseModal--fullscreen": "BaseModal-module__hop-BaseModal--fullscreen___LXifc", "hop-BaseModal--fullscreentakeover": "BaseModal-module__hop-BaseModal--fullscreentakeover___zxYAV" };
+var BaseModal_module_default = { "hop-BaseModal": "BaseModal-module__hop-BaseModal___mx4V2", "hop-BaseModal__modal": "BaseModal-module__hop-BaseModal__modal___2wmGZ", "hop-BaseModal--image": "BaseModal-module__hop-BaseModal--image___jW3Ls", "hop-BaseModal--sm": "BaseModal-module__hop-BaseModal--sm___gworY", "hop-BaseModal--md": "BaseModal-module__hop-BaseModal--md___tcIyw", "hop-BaseModal--lg": "BaseModal-module__hop-BaseModal--lg___b96Zs", "hop-BaseModal--xl": "BaseModal-module__hop-BaseModal--xl___-x6a0", "hop-BaseModal--fullscreen": "BaseModal-module__hop-BaseModal--fullscreen___5Z9SV", "hop-BaseModal--fullscreentakeover": "BaseModal-module__hop-BaseModal--fullscreentakeover___-p4pp" };
 var GlobalBaseModalCssSelector = "hop-BaseModal";
 var BaseModal = (props, ref) => {
   var _a;

package/dist/{chunk-6OC3EASW.js → chunk-ZWCN6ASW.js}

@@ -2,7 +2,7 @@ import { LinkContext } from './chunk-MTULE7GI.js';
 import { CompactCalloutContext } from './chunk-NX7YNFUX.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 { SlotProvider } from './chunk-M36KANKC.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
@@ -13,7 +13,7 @@ import { useContextProps, DEFAULT_SLOT } from 'react-aria-components';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // css-module:./CompactCallout.module.css#css-module
-var CompactCallout_module_default = { "hop-CompactCallout": "CompactCallout-module__hop-CompactCallout___GKOX-", "hop-CompactCallout--dismissable": "CompactCallout-module__hop-CompactCallout--dismissable___1qJXU", "hop-CompactCallout__content": "CompactCallout-module__hop-CompactCallout__content___g-zv9", "hop-CompactCallout__button": "CompactCallout-module__hop-CompactCallout__button___ciNAy", "hop-CompactCallout__link": "CompactCallout-module__hop-CompactCallout__link___0gCcY", "hop-CompactCallout__dismiss": "CompactCallout-module__hop-CompactCallout__dismiss___xEkAU", "hop-CompactCallout--information": "CompactCallout-module__hop-CompactCallout--information___FTQWa", "hop-CompactCallout--success": "CompactCallout-module__hop-CompactCallout--success___xFIEb", "hop-CompactCallout--warning": "CompactCallout-module__hop-CompactCallout--warning___ZbVU-", "hop-CompactCallout--upsell": "CompactCallout-module__hop-CompactCallout--upsell___AiGcp", "hop-CompactCallout--subtle-fill": "CompactCallout-module__hop-CompactCallout--subtle-fill___Q6IPk" };
+var CompactCallout_module_default = { "hop-CompactCallout": "CompactCallout-module__hop-CompactCallout___Ne8Ds", "hop-CompactCallout--dismissable": "CompactCallout-module__hop-CompactCallout--dismissable___VASFd", "hop-CompactCallout__content": "CompactCallout-module__hop-CompactCallout__content___B-sm4", "hop-CompactCallout__button": "CompactCallout-module__hop-CompactCallout__button___19aZV", "hop-CompactCallout__link": "CompactCallout-module__hop-CompactCallout__link___fk2AI", "hop-CompactCallout__dismiss": "CompactCallout-module__hop-CompactCallout__dismiss___JQf-B", "hop-CompactCallout--information": "CompactCallout-module__hop-CompactCallout--information___7L-X-", "hop-CompactCallout--success": "CompactCallout-module__hop-CompactCallout--success___w-Yf1", "hop-CompactCallout--warning": "CompactCallout-module__hop-CompactCallout--warning___xecRt", "hop-CompactCallout--upsell": "CompactCallout-module__hop-CompactCallout--upsell___bHj3N", "hop-CompactCallout--subtle-fill": "CompactCallout-module__hop-CompactCallout--subtle-fill___cvwJ1" };
 var GlobalCompactCalloutCssSelector = "hop-CompactCallout";
 var CompactCallout = (props, ref) => {
   [props, ref] = useContextProps(props, ref, CompactCalloutContext);