@hopper-ui/components 1.4.11 → 1.4.13

package/dist/chunk-J6IHIWKX.js

@@ -0,0 +1,68 @@
+import { PopoverBaseContext } from './chunk-GHYAFDMB.js';
+import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
+import { cssModule } from './chunk-KVDXQMWI.js';
+import { useStyledSystem, useColorSchemeContext, useResponsiveValue, getRootCSSClasses } from '@hopper-ui/styled-system';
+import { forwardRef } from 'react';
+import { useContextProps, composeRenderProps, Popover } from 'react-aria-components';
+import { jsx } from 'react/jsx-runtime';
+
+// css-module:./PopoverBase.module.css#css-module
+var PopoverBase_module_default = { "hop-PopoverBase": "PopoverBase-module__hop-PopoverBase___ROkok" };
+var GlobalPopoverBaseCssSelector = "hop-PopoverBase";
+function PopoverBase(props, ref) {
+  var _a;
+  [props, ref] = useContextProps(props, ref, PopoverBaseContext);
+  const { stylingProps, ...ownProps } = useStyledSystem(props);
+  const { colorScheme } = useColorSchemeContext();
+  const {
+    children,
+    className,
+    placement: placementProp,
+    style: styleProp,
+    containerPadding,
+    ...otherProps
+  } = ownProps;
+  const placement = (_a = useResponsiveValue(placementProp)) != null ? _a : "bottom";
+  const popoverClassNames = composeClassnameRenderProps(
+    className,
+    GlobalPopoverBaseCssSelector,
+    cssModule(
+      PopoverBase_module_default,
+      "hop-PopoverBase"
+    ),
+    getRootCSSClasses(colorScheme),
+    stylingProps.className
+  );
+  const style = composeRenderProps(styleProp, (prev) => {
+    let extraStyles = {};
+    if (containerPadding) {
+      extraStyles = {
+        ...extraStyles,
+        "--container-padding": `${containerPadding}px`
+      };
+    }
+    return {
+      ...stylingProps.style,
+      ...extraStyles,
+      ...prev,
+      // Override default z-index from useOverlayPosition. We use isolation: isolate instead.
+      zIndex: void 0
+    };
+  });
+  return /* @__PURE__ */ jsx(
+    Popover,
+    {
+      ref,
+      style,
+      className: popoverClassNames,
+      containerPadding,
+      placement,
+      ...otherProps,
+      children
+    }
+  );
+}
+var _PopoverBase = forwardRef(PopoverBase);
+_PopoverBase.displayName = "PopoverBase";
+
+export { GlobalPopoverBaseCssSelector, _PopoverBase };

package/dist/{chunk-XRPNR23B.js → chunk-JBJPVFDM.js}

@@ -1,5 +1,5 @@
 import { TileContext } from './chunk-JTNKUYE5.js';
-import { _Text } from './chunk-XP4URBAJ.js';
+import { _Text } from './chunk-IKIWDGGT.js';
 import { TextContext } from './chunk-X6SER3TZ.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___UPEky", "hop-Tile__icon": "Tile-module__hop-Tile__icon___F0x-K" };
+var Tile_module_default = { "hop-Tile": "Tile-module__hop-Tile___K7574", "hop-Tile__icon": "Tile-module__hop-Tile__icon___wZlka" };
 var GlobalTileCssSelector = "hop-Tile";
 var Tile = (props, ref) => {
   [props, ref] = useContextProps(props, ref, TileContext);

package/dist/{chunk-BOYWBGC7.js → chunk-JCEKO3I7.js}

@@ -1,10 +1,10 @@
 import { RadioFieldContext } from './chunk-DGLAGYBD.js';
 import { RadioGroupContext } from './chunk-5MBJWRZD.js';
 import { RadioContext } from './chunk-FU5CCPLP.js';
-import { _HelperMessage } from './chunk-R6LCBHKF.js';
-import { _ErrorMessage } from './chunk-IGR7RH43.js';
-import { _Label } from './chunk-VPS4RCE4.js';
-import { useFormProps } from './chunk-IHW4ZRVB.js';
+import { _HelperMessage } from './chunk-XKG2DTMX.js';
+import { _ErrorMessage } from './chunk-ZABWFRCB.js';
+import { _Label } from './chunk-H4CNGCXD.js';
+import { useFormProps } from './chunk-U7OQMVV4.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___KOoOu", "hop-RadioGroup--bordered": "RadioGroup-module__hop-RadioGroup--bordered___T-cYm", "hop-RadioGroup--sm": "RadioGroup-module__hop-RadioGroup--sm___ZOknd", "hop-RadioGroup--md": "RadioGroup-module__hop-RadioGroup--md___0Md4-", "hop-RadioGroup__label": "RadioGroup-module__hop-RadioGroup__label___7eUt4", "hop-RadioGroup__list": "RadioGroup-module__hop-RadioGroup__list___Gjipf", "hop-RadioGroup__radio": "RadioGroup-module__hop-RadioGroup__radio___UCH2S", "hop-RadioGroup__error-message": "RadioGroup-module__hop-RadioGroup__error-message___wuOjW", "hop-RadioGroup__helper-message": "RadioGroup-module__hop-RadioGroup__helper-message___U4VoU" };
+var RadioGroup_module_default = { "hop-RadioGroup": "RadioGroup-module__hop-RadioGroup___uEo0z", "hop-RadioGroup--bordered": "RadioGroup-module__hop-RadioGroup--bordered___6L1V0", "hop-RadioGroup--sm": "RadioGroup-module__hop-RadioGroup--sm___n2qSq", "hop-RadioGroup--md": "RadioGroup-module__hop-RadioGroup--md___day9l", "hop-RadioGroup__label": "RadioGroup-module__hop-RadioGroup__label___h-C1g", "hop-RadioGroup__list": "RadioGroup-module__hop-RadioGroup__list___oflWt", "hop-RadioGroup__radio": "RadioGroup-module__hop-RadioGroup__radio___fi5kx", "hop-RadioGroup__error-message": "RadioGroup-module__hop-RadioGroup__error-message___lxEEE", "hop-RadioGroup__helper-message": "RadioGroup-module__hop-RadioGroup__helper-message___ouPuX" };
 var GlobalRadioGroupCssSelector = "hop-RadioGroup";
 function RadioGroup(props, ref) {
   var _a, _b, _c;

package/dist/{chunk-D7UWSIAK.js → chunk-JHJBTFLY.js}

@@ -1,6 +1,6 @@
 import { LinkContext } from './chunk-4VVNSXIB.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
-import { ensureTextWrapper } from './chunk-6BVU54H4.js';
+import { ensureTextWrapper } from './chunk-ZZ7W2CSK.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
@@ -12,7 +12,7 @@ import { useContextProps, composeRenderProps, DEFAULT_SLOT, Link as Link$1 } fro
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Link.module.css#css-module
-var Link_module_default = { "hop-Link": "Link-module__hop-Link___TFyUi", "hop-Link--standalone": "Link-module__hop-Link--standalone___HK2NF", "hop-Link__text": "Link-module__hop-Link__text___LNdvj", "hop-Link--xs": "Link-module__hop-Link--xs___EryLG", "hop-Link--sm": "Link-module__hop-Link--sm___n9CS-", "hop-Link--md": "Link-module__hop-Link--md___LJ9bL", "hop-Link--lg": "Link-module__hop-Link--lg___rWg-g", "hop-Link--xl": "Link-module__hop-Link--xl___BOWxO", "hop-Link--2xl": "Link-module__hop-Link--2xl___U-v0R", "hop-Link--quiet": "Link-module__hop-Link--quiet___gQGTN", "hop-Link--primary": "Link-module__hop-Link--primary___5fG2y", "hop-Link--secondary": "Link-module__hop-Link--secondary___PsZRv", "hop-Link__icon": "Link-module__hop-Link__icon___h7o80", "hop-Link__icon-list": "Link-module__hop-Link__icon-list___Ybj8I", "hop-Link__start-icon": "Link-module__hop-Link__start-icon___pNdXa", "hop-Link__start-icon-list": "Link-module__hop-Link__start-icon-list___QWT9O" };
+var Link_module_default = { "hop-Link": "Link-module__hop-Link___Xn1BZ", "hop-Link--standalone": "Link-module__hop-Link--standalone___rB6cb", "hop-Link__text": "Link-module__hop-Link__text___xZ7Hm", "hop-Link--xs": "Link-module__hop-Link--xs___vAucw", "hop-Link--sm": "Link-module__hop-Link--sm___9YA9F", "hop-Link--md": "Link-module__hop-Link--md___eyxwE", "hop-Link--lg": "Link-module__hop-Link--lg___zV0bM", "hop-Link--xl": "Link-module__hop-Link--xl___u7G5W", "hop-Link--2xl": "Link-module__hop-Link--2xl___e5sTV", "hop-Link--quiet": "Link-module__hop-Link--quiet___8UNBU", "hop-Link--primary": "Link-module__hop-Link--primary___q-ILB", "hop-Link--secondary": "Link-module__hop-Link--secondary___Gtr-1", "hop-Link__icon": "Link-module__hop-Link__icon___yttY-", "hop-Link__icon-list": "Link-module__hop-Link__icon-list___cICgs", "hop-Link__start-icon": "Link-module__hop-Link__start-icon___2jl8m", "hop-Link__start-icon-list": "Link-module__hop-Link__start-icon-list___HSNgW" };
 var GlobalLinkCssSelector = "hop-Link";
 var LinkToIconSizeAdapter = {
   inherit: void 0,

package/dist/{chunk-T5LJ6YK6.js → chunk-JPIQEUGC.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___eCBkR", "fade": "Popover-module__fade___dmE3V", "hop-Popover__wrapper": "Popover-module__hop-Popover__wrapper___6jVSz", "hop-Popover__dialog": "Popover-module__hop-Popover__dialog___i6fAY", "hop-Popover__dropdown": "Popover-module__hop-Popover__dropdown___w6QB1", "hop-Popover__title": "Popover-module__hop-Popover__title___X4ZLn", "hop-Popover__content": "Popover-module__hop-Popover__content___T-uqY", "hop-Popover__list-box": "Popover-module__hop-Popover__list-box___aIN36", "hop-Popover__footer": "Popover-module__hop-Popover__footer___suyK3", "hop-Popover__actions": "Popover-module__hop-Popover__actions___lf1J3", "hop-Popover__action": "Popover-module__hop-Popover__action___LyP5M" };
+var Popover_module_default = { "hop-Popover": "Popover-module__hop-Popover___xLkHy", "fade": "Popover-module__fade___n-Z1N", "hop-Popover__wrapper": "Popover-module__hop-Popover__wrapper___vYaf1", "hop-Popover__dialog": "Popover-module__hop-Popover__dialog___IZBPf", "hop-Popover__dropdown": "Popover-module__hop-Popover__dropdown___76zs7", "hop-Popover__title": "Popover-module__hop-Popover__title___TUGPm", "hop-Popover__content": "Popover-module__hop-Popover__content___EAnEV", "hop-Popover__list-box": "Popover-module__hop-Popover__list-box___9meUl", "hop-Popover__footer": "Popover-module__hop-Popover__footer___lDNs-", "hop-Popover__actions": "Popover-module__hop-Popover__actions___3KT7S", "hop-Popover__action": "Popover-module__hop-Popover__action___qNKXd" };
 var GlobalPopoverCssSelector = "hop-Popover";
 function Popover(props, ref) {
   var _a;

package/dist/{chunk-AFKQFEA2.js → chunk-KPIWYEWU.js}

@@ -1,6 +1,6 @@
 import { SwitchContext } from './chunk-YHBJAXUY.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
-import { ensureTextWrapper } from './chunk-6BVU54H4.js';
+import { ensureTextWrapper } from './chunk-ZZ7W2CSK.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.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___UslIo", "hop-Switch--sm": "Switch-module__hop-Switch--sm___GQhCA", "hop-Switch--md": "Switch-module__hop-Switch--md___pBAdk", "hop-Switch__indicator": "Switch-module__hop-Switch__indicator___7QZR0", "hop-Switch__text": "Switch-module__hop-Switch__text___HyxuT", "hop-Switch__icon-list": "Switch-module__hop-Switch__icon-list___WWNVD", "hop-Switch__icon": "Switch-module__hop-Switch__icon___bRw-5" };
+var Switch_module_default = { "hop-Switch": "Switch-module__hop-Switch___nTHhk", "hop-Switch--sm": "Switch-module__hop-Switch--sm___Sj9Ki", "hop-Switch--md": "Switch-module__hop-Switch--md___pXkQ-", "hop-Switch__indicator": "Switch-module__hop-Switch__indicator___c6KHY", "hop-Switch__text": "Switch-module__hop-Switch__text___oLYPI", "hop-Switch__icon-list": "Switch-module__hop-Switch__icon-list___SY4do", "hop-Switch__icon": "Switch-module__hop-Switch__icon___DQZcH" };
 var GlobalSwitchCssSelector = "hop-Switch";
 function Switch(props, ref) {
   var _a;

package/dist/{chunk-RR6RUOOD.js → chunk-KTCJSUUT.js}

@@ -1,4 +1,4 @@
-import { _RichIconAvatarImage } from './chunk-ANFLFEVI.js';
+import { _RichIconAvatarImage } from './chunk-NXINJFE3.js';
 import { useRenderProps } from './chunk-2NSUMKNH.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { AvatarContext } from './chunk-AES7QBQE.js';

package/dist/{chunk-5I5A7X4E.js → chunk-MGZ3SNTF.js}

@@ -1,7 +1,7 @@
-import { ensureTextWrapper } from './chunk-6BVU54H4.js';
+import { ensureTextWrapper } from './chunk-ZZ7W2CSK.js';
 import { FormContext } from './chunk-Q7NXUUB3.js';
-import { DisclosureContext } from './chunk-MUAXK42C.js';
 import { DisclosurePanelContext } from './chunk-7CJXILRD.js';
+import { DisclosureContext } from './chunk-MUAXK42C.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
@@ -12,7 +12,7 @@ import { useContextProps, useSlottedContext, composeRenderProps, DisclosurePanel
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./DisclosurePanel.module.css#css-module
-var DisclosurePanel_module_default = { "hop-DisclosurePanel": "DisclosurePanel-module__hop-DisclosurePanel___TnXxk", "hop-DisclosurePanel--inline": "DisclosurePanel-module__hop-DisclosurePanel--inline___iyzO9", "hop-DisclosurePanel--disabled": "DisclosurePanel-module__hop-DisclosurePanel--disabled___8pUqc", "hop-DisclosurePanel__text": "DisclosurePanel-module__hop-DisclosurePanel__text___nltpw" };
+var DisclosurePanel_module_default = { "hop-DisclosurePanel": "DisclosurePanel-module__hop-DisclosurePanel___Qsv92", "hop-DisclosurePanel--inline": "DisclosurePanel-module__hop-DisclosurePanel--inline___MepuJ", "hop-DisclosurePanel--disabled": "DisclosurePanel-module__hop-DisclosurePanel--disabled___fvjNX", "hop-DisclosurePanel__text": "DisclosurePanel-module__hop-DisclosurePanel__text___-npGq" };
 var GlobalDisclosurePanelCssSelector = "hop-DisclosurePanel";
 function DisclosurePanel(props, ref) {
   [props, ref] = useContextProps(props, ref, DisclosurePanelContext);

package/dist/{chunk-PN52CKFR.js → chunk-MJW64RG7.js}

@@ -11,7 +11,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___aFmj2", "hop-ButtonGroup--horizontal": "ButtonGroup-module__hop-ButtonGroup--horizontal___H-6z-", "hop-ButtonGroup--vertical": "ButtonGroup-module__hop-ButtonGroup--vertical___5AJYZ", "hop-ButtonGroup--start": "ButtonGroup-module__hop-ButtonGroup--start___4Fw0R", "hop-ButtonGroup--center": "ButtonGroup-module__hop-ButtonGroup--center___i8Gjz", "hop-ButtonGroup--end": "ButtonGroup-module__hop-ButtonGroup--end___taT3Q", "hop-ButtonGroup--wrap": "ButtonGroup-module__hop-ButtonGroup--wrap___Cm8NA", "hop-ButtonGroup--fluid": "ButtonGroup-module__hop-ButtonGroup--fluid___sJVoy" };
+var ButtonGroup_module_default = { "hop-ButtonGroup": "ButtonGroup-module__hop-ButtonGroup___fsefT", "hop-ButtonGroup--horizontal": "ButtonGroup-module__hop-ButtonGroup--horizontal___6x96a", "hop-ButtonGroup--vertical": "ButtonGroup-module__hop-ButtonGroup--vertical___XmDh5", "hop-ButtonGroup--start": "ButtonGroup-module__hop-ButtonGroup--start___aQudj", "hop-ButtonGroup--center": "ButtonGroup-module__hop-ButtonGroup--center___Ejs33", "hop-ButtonGroup--end": "ButtonGroup-module__hop-ButtonGroup--end___KkVZ-", "hop-ButtonGroup--wrap": "ButtonGroup-module__hop-ButtonGroup--wrap___YVFgF", "hop-ButtonGroup--fluid": "ButtonGroup-module__hop-ButtonGroup--fluid___RoI20" };
 var GlobalButtonGroupCssSelector = "hop-ButtonGroup";
 function ButtonGroup(props, ref) {
   var _a, _b, _c, _d;

package/dist/{chunk-LCQCHR53.js → chunk-MNO3IOD2.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___IGpEN" };
+var SvgImage_module_default = { "hop-SvgImage": "SvgImage-module__hop-SvgImage___dtU-9" };
 var GlobalSvgImageCssSelector = "hop-SvgImage";
 function SvgImage(props, ref) {
   [props, ref] = useContextProps(props, ref, SvgImageContext);

package/dist/{chunk-BA3RH3UI.js → chunk-MOPZLX5T.js}

@@ -1,7 +1,7 @@
 import { CheckboxFieldContext } from './chunk-ZGNK4GWA.js';
 import { CheckboxContext } from './chunk-2EAZPH3M.js';
-import { useFormProps } from './chunk-IHW4ZRVB.js';
-import { _Text } from './chunk-XP4URBAJ.js';
+import { useFormProps } from './chunk-U7OQMVV4.js';
+import { _Text } from './chunk-IKIWDGGT.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { useRenderProps } from './chunk-2NSUMKNH.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
@@ -15,7 +15,7 @@ import { useContextProps, composeRenderProps } from 'react-aria-components';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // css-module:./CheckboxField.module.css#css-module
-var CheckboxField_module_default = { "hop-CheckboxField": "CheckboxField-module__hop-CheckboxField___bDhdq", "hop-CheckboxField--sm": "CheckboxField-module__hop-CheckboxField--sm___GFgeF", "hop-CheckboxField--md": "CheckboxField-module__hop-CheckboxField--md___MfsNB", "hop-CheckboxField__description": "CheckboxField-module__hop-CheckboxField__description___ih9Fn", "hop-CheckboxField__checkbox": "CheckboxField-module__hop-CheckboxField__checkbox___DhjPU" };
+var CheckboxField_module_default = { "hop-CheckboxField": "CheckboxField-module__hop-CheckboxField___-POxb", "hop-CheckboxField--sm": "CheckboxField-module__hop-CheckboxField--sm___0xtEg", "hop-CheckboxField--md": "CheckboxField-module__hop-CheckboxField--md___3GD-i", "hop-CheckboxField__description": "CheckboxField-module__hop-CheckboxField__description___kagln", "hop-CheckboxField__checkbox": "CheckboxField-module__hop-CheckboxField__checkbox___tY8z4" };
 var GlobalCheckboxFieldCssSelector = "hop-CheckboxField";
 var CheckboxToDescriptionSizeAdapter = {
   sm: "xs",

package/dist/{chunk-VJFL4EBO.js → chunk-NLXPIXK6.js}

@@ -1,10 +1,10 @@
-import { _DecorativeRadio } from './chunk-U3RGG2BS.js';
-import { _DecorativeCheckbox } from './chunk-KSQRMTKA.js';
+import { _DecorativeRadio } from './chunk-4OLZ77DZ.js';
+import { _DecorativeCheckbox } from './chunk-VSP4G7ZK.js';
 import { ListBoxItemContext } from './chunk-Y2POLIXK.js';
-import { _ListBoxItemSkeleton } from './chunk-2RLMOSEH.js';
-import { IconListContext } from './chunk-DHVVYSLB.js';
-import { ensureTextWrapper } from './chunk-6BVU54H4.js';
+import { _ListBoxItemSkeleton } from './chunk-FWAI7C6V.js';
 import { BadgeContext } from './chunk-CQDLZ42T.js';
+import { IconListContext } from './chunk-DHVVYSLB.js';
+import { ensureTextWrapper } from './chunk-ZZ7W2CSK.js';
 import { TextContext } from './chunk-X6SER3TZ.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___m0Q-n", "hop-ListBoxItem--xs": "ListBoxItem-module__hop-ListBoxItem--xs___xyyYW", "hop-ListBoxItem--sm": "ListBoxItem-module__hop-ListBoxItem--sm___TnI0X", "hop-ListBoxItem--md": "ListBoxItem-module__hop-ListBoxItem--md___X6aCv", "hop-ListBoxItem--lg": "ListBoxItem-module__hop-ListBoxItem--lg___So0B8", "hop-ListBoxItem__inner": "ListBoxItem-module__hop-ListBoxItem__inner___iJz3X", "hop-ListBoxItem__checkmark": "ListBoxItem-module__hop-ListBoxItem__checkmark___7jW50", "hop-ListBoxItem__description": "ListBoxItem-module__hop-ListBoxItem__description___Q4ptp", "hop-ListBoxItem__radio": "ListBoxItem-module__hop-ListBoxItem__radio___ux45B", "hop-ListBoxItem__checkbox": "ListBoxItem-module__hop-ListBoxItem__checkbox___ORezY", "hop-ListBoxItem__avatar": "ListBoxItem-module__hop-ListBoxItem__avatar___Xp3A1", "hop-ListBoxItem__icon-list": "ListBoxItem-module__hop-ListBoxItem__icon-list___7-9BN", "hop-ListBoxItem__icon": "ListBoxItem-module__hop-ListBoxItem__icon___vSt9R", "hop-ListBoxItem__label": "ListBoxItem-module__hop-ListBoxItem__label___p0Sg8", "hop-ListBoxItem__end-icon-list": "ListBoxItem-module__hop-ListBoxItem__end-icon-list___EHMVo", "hop-ListBoxItem__end-icon": "ListBoxItem-module__hop-ListBoxItem__end-icon___iUO3m", "hop-ListBoxItem__badge": "ListBoxItem-module__hop-ListBoxItem__badge___Td37Z" };
+var ListBoxItem_module_default = { "hop-ListBoxItem": "ListBoxItem-module__hop-ListBoxItem___-ikts", "hop-ListBoxItem--xs": "ListBoxItem-module__hop-ListBoxItem--xs___0-LpG", "hop-ListBoxItem--sm": "ListBoxItem-module__hop-ListBoxItem--sm___pEqyA", "hop-ListBoxItem--md": "ListBoxItem-module__hop-ListBoxItem--md___Bom9B", "hop-ListBoxItem--lg": "ListBoxItem-module__hop-ListBoxItem--lg___WoQRJ", "hop-ListBoxItem__inner": "ListBoxItem-module__hop-ListBoxItem__inner___JwTsr", "hop-ListBoxItem__checkmark": "ListBoxItem-module__hop-ListBoxItem__checkmark___fdU65", "hop-ListBoxItem__description": "ListBoxItem-module__hop-ListBoxItem__description___DHHCT", "hop-ListBoxItem__radio": "ListBoxItem-module__hop-ListBoxItem__radio___-Ata8", "hop-ListBoxItem__checkbox": "ListBoxItem-module__hop-ListBoxItem__checkbox___7ueD1", "hop-ListBoxItem__avatar": "ListBoxItem-module__hop-ListBoxItem__avatar___xtIrv", "hop-ListBoxItem__icon-list": "ListBoxItem-module__hop-ListBoxItem__icon-list___g3YOi", "hop-ListBoxItem__icon": "ListBoxItem-module__hop-ListBoxItem__icon___aqin0", "hop-ListBoxItem__label": "ListBoxItem-module__hop-ListBoxItem__label___KyFoY", "hop-ListBoxItem__end-icon-list": "ListBoxItem-module__hop-ListBoxItem__end-icon-list___DoXF2", "hop-ListBoxItem__end-icon": "ListBoxItem-module__hop-ListBoxItem__end-icon___uTQg9", "hop-ListBoxItem__badge": "ListBoxItem-module__hop-ListBoxItem__badge___d37Wx" };
 var GlobalListBoxItemCssSelector = "hop-ListBoxItem";
 var ListBoxItemToIconSizeAdapter = {
   xs: "sm",

package/dist/{chunk-ANFLFEVI.js → chunk-NXINJFE3.js}

@@ -1,5 +1,5 @@
-import { RichIconAvatarImageContext } from './chunk-JWW56J7M.js';
 import { useRenderProps } from './chunk-2NSUMKNH.js';
+import { RichIconAvatarImageContext } from './chunk-JWW56J7M.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
 import { cssModule } from './chunk-KVDXQMWI.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___iQBrN", "hop-RichIconAvatarImage--xs": "RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___EKAkW", "hop-RichIconAvatarImage--sm": "RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___Bap-E", "hop-RichIconAvatarImage--md": "RichIconAvatarImage-module__hop-RichIconAvatarImage--md___Brb5g", "hop-RichIconAvatarImage--lg": "RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___YTSHi", "hop-RichIconAvatarImage--xl": "RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___bVLYC", "hop-RichIconAvatarImage--2xl": "RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___VDNtU", "hop-RichIconAvatarImage__icon": "RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___KAvwO" };
+var RichIconAvatarImage_module_default = { "hop-RichIconAvatarImage": "RichIconAvatarImage-module__hop-RichIconAvatarImage___jCncS", "hop-RichIconAvatarImage--xs": "RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___4rsIi", "hop-RichIconAvatarImage--sm": "RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___FsDPC", "hop-RichIconAvatarImage--md": "RichIconAvatarImage-module__hop-RichIconAvatarImage--md___KJkrS", "hop-RichIconAvatarImage--lg": "RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___-xfdX", "hop-RichIconAvatarImage--xl": "RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___NJlik", "hop-RichIconAvatarImage--2xl": "RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___BUKGR", "hop-RichIconAvatarImage__icon": "RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___UA5Eb" };
 var GlobalRichIconAvatarImageCssSelector = "hop-RichIconAvatarImage";
 var AvatarToIconSizeAdapter = {
   xs: "md",

package/dist/{chunk-UIENZD6O.js → chunk-O5OIBSNN.js}

@@ -1,6 +1,6 @@
 import { RadioContext } from './chunk-FU5CCPLP.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
-import { ensureTextWrapper } from './chunk-6BVU54H4.js';
+import { ensureTextWrapper } from './chunk-ZZ7W2CSK.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
@@ -13,7 +13,7 @@ import { useContextProps, composeRenderProps, Radio as Radio$1 } from 'react-ari
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./Radio.module.css#css-module
-var Radio_module_default = { "hop-Radio": "Radio-module__hop-Radio___r7oXC", "hop-Radio--sm": "Radio-module__hop-Radio--sm___YRr0n", "hop-Radio--md": "Radio-module__hop-Radio--md___xBRhi", "hop-Radio__icon": "Radio-module__hop-Radio__icon___Zf9B9", "hop-Radio__icon-list": "Radio-module__hop-Radio__icon-list___92wc-", "hop-Radio__box": "Radio-module__hop-Radio__box___effcx", "hop-Radio__bullet": "Radio-module__hop-Radio__bullet___k0rCM", "hop-Radio__text": "Radio-module__hop-Radio__text___mqnle" };
+var Radio_module_default = { "hop-Radio": "Radio-module__hop-Radio___xtEqf", "hop-Radio--sm": "Radio-module__hop-Radio--sm___EvnvS", "hop-Radio--md": "Radio-module__hop-Radio--md___5Iuob", "hop-Radio__icon": "Radio-module__hop-Radio__icon___-w0uV", "hop-Radio__icon-list": "Radio-module__hop-Radio__icon-list___YN-Ce", "hop-Radio__box": "Radio-module__hop-Radio__box___0Uwx3", "hop-Radio__bullet": "Radio-module__hop-Radio__bullet___OFhUy", "hop-Radio__text": "Radio-module__hop-Radio__text___IRryl" };
 var GlobalRadioCssSelector = "hop-Radio";
 function Radio(props, ref) {
   var _a;

package/dist/{chunk-5UUN5TRP.js → chunk-OAAKLX5D.js}

@@ -1,10 +1,10 @@
 import { ModalContext } from './chunk-PH5BSJDK.js';
-import { _BaseModal } from './chunk-LAOJXZOG.js';
+import { _BaseModal } from './chunk-SU4IQWYK.js';
 import { ImageContext } from './chunk-XNHE2OVW.js';
 import { FooterContext } from './chunk-I67NHYK4.js';
 import { ButtonGroupContext } from './chunk-VJQ7M2BK.js';
 import { HeaderContext } from './chunk-7JOGKC3W.js';
-import { _CloseButton } from './chunk-4BFZVNFH.js';
+import { _CloseButton } from './chunk-U7QISYHQ.js';
 import { useSlot } from './chunk-H5YTU3U7.js';
 import { ContentContext } from './chunk-IXB2WK56.js';
 import { ButtonContext } from './chunk-WMTWFKKP.js';
@@ -17,7 +17,7 @@ import { useContextProps, composeRenderProps, Dialog, OverlayTriggerStateContext
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // css-module:./Modal.module.css#css-module
-var Modal_module_default = { "hop-Modal": "Modal-module__hop-Modal___X2JQH", "hop-Modal--fullscreen": "Modal-module__hop-Modal--fullscreen___LYm5V", "hop-Modal--fullscreentakeover": "Modal-module__hop-Modal--fullscreentakeover___EmaC1", "hop-Modal__image": "Modal-module__hop-Modal__image___1oGFT", "hop-Modal__close": "Modal-module__hop-Modal__close___BV7RJ", "hop-Modal__heading": "Modal-module__hop-Modal__heading___QGg3e", "hop-Modal__header": "Modal-module__hop-Modal__header___Y4Y2s", "hop-Modal__content": "Modal-module__hop-Modal__content___-PIj0", "hop-Modal__footer": "Modal-module__hop-Modal__footer___n6KZs", "hop-Modal__button": "Modal-module__hop-Modal__button___tJ1HR", "hop-Modal__button-group": "Modal-module__hop-Modal__button-group___JO5S0" };
+var Modal_module_default = { "hop-Modal": "Modal-module__hop-Modal___wcc4e", "hop-Modal--fullscreen": "Modal-module__hop-Modal--fullscreen___Q0uqN", "hop-Modal--fullscreentakeover": "Modal-module__hop-Modal--fullscreentakeover___8jB4B", "hop-Modal__image": "Modal-module__hop-Modal__image___pWYjE", "hop-Modal__close": "Modal-module__hop-Modal__close___czyXo", "hop-Modal__heading": "Modal-module__hop-Modal__heading___jtsrv", "hop-Modal__header": "Modal-module__hop-Modal__header___bbLmo", "hop-Modal__content": "Modal-module__hop-Modal__content___CW9Ft", "hop-Modal__footer": "Modal-module__hop-Modal__footer___d5pcW", "hop-Modal__button": "Modal-module__hop-Modal__button___Ekvwb", "hop-Modal__button-group": "Modal-module__hop-Modal__button-group___en2ke" };
 var GlobalModalCssSelector = "hop-Modal";
 var Modal = (props, ref) => {
   var _a;

package/dist/{chunk-NVRQL7XU.js → chunk-PKHAOEQM.js}

@@ -1,6 +1,6 @@
 import { RadioFieldContext } from './chunk-DGLAGYBD.js';
 import { RadioContext } from './chunk-FU5CCPLP.js';
-import { _Text } from './chunk-XP4URBAJ.js';
+import { _Text } from './chunk-IKIWDGGT.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { useRenderProps } from './chunk-2NSUMKNH.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.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___55i6b", "hop-RadioField--sm": "RadioField-module__hop-RadioField--sm___ITIVA", "hop-RadioField--md": "RadioField-module__hop-RadioField--md___krskQ", "hop-RadioField__description": "RadioField-module__hop-RadioField__description___IGYJy", "hop-RadioField__radio": "RadioField-module__hop-RadioField__radio___IILjP" };
+var RadioField_module_default = { "hop-RadioField": "RadioField-module__hop-RadioField___rdlaf", "hop-RadioField--sm": "RadioField-module__hop-RadioField--sm___y-NGE", "hop-RadioField--md": "RadioField-module__hop-RadioField--md___eBqFB", "hop-RadioField__description": "RadioField-module__hop-RadioField__description___a8h3J", "hop-RadioField__radio": "RadioField-module__hop-RadioField__radio___qOPR7" };
 var GlobalRadioFieldCssSelector = "hop-RadioField";
 var RadioToDescriptionSizeAdapter = {
   sm: "xs",

package/dist/{chunk-CF7LDMMC.js → chunk-PNYLTL7G.js}

@@ -8,7 +8,7 @@ import { useContextProps, ToggleGroupStateContext, ToggleButtonGroup, Provider }
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./SegmentedControl.module.css#css-module
-var SegmentedControl_module_default = { "hop-SegmentedControl": "SegmentedControl-module__hop-SegmentedControl___pXnA1" };
+var SegmentedControl_module_default = { "hop-SegmentedControl": "SegmentedControl-module__hop-SegmentedControl___LQvsC" };
 var GlobalSegmentedControlCssSelector = "hop-SegmentedControl";
 var SegmentedControl = (props, ref) => {
   [props, ref] = useContextProps(props, ref, SegmentedControlContext);

package/dist/{chunk-THTZ2ANR.js → chunk-POIB7WJX.js}

@@ -7,7 +7,7 @@ import { useContextProps, Heading as Heading$1 } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Heading.module.css#css-module
-var Heading_module_default = { "hop-Heading": "Heading-module__hop-Heading___8C7EC", "hop-Heading--xs": "Heading-module__hop-Heading--xs___s9KXq", "hop-Heading--sm": "Heading-module__hop-Heading--sm___xE-ai", "hop-Heading--md": "Heading-module__hop-Heading--md___Ckp1P", "hop-Heading--lg": "Heading-module__hop-Heading--lg___3G8n4", "hop-Heading--xl": "Heading-module__hop-Heading--xl___EJpdB", "hop-Heading--2xl": "Heading-module__hop-Heading--2xl___LvKmg", "hop-Heading--3xl": "Heading-module__hop-Heading--3xl___vR6u0" };
+var Heading_module_default = { "hop-Heading": "Heading-module__hop-Heading___Ia76w", "hop-Heading--xs": "Heading-module__hop-Heading--xs___eq1fN", "hop-Heading--sm": "Heading-module__hop-Heading--sm___4IdBq", "hop-Heading--md": "Heading-module__hop-Heading--md___Ujcrs", "hop-Heading--lg": "Heading-module__hop-Heading--lg___qcRdM", "hop-Heading--xl": "Heading-module__hop-Heading--xl___cFf7M", "hop-Heading--2xl": "Heading-module__hop-Heading--2xl___oCdLF", "hop-Heading--3xl": "Heading-module__hop-Heading--3xl___TMnq2" };
 var GlobalHeadingCssSelector = "hop-Heading";
 function Heading(props, ref) {
   [props, ref] = useContextProps(props, ref, HeadingContext);

package/dist/{chunk-S4WTAGHJ.js → chunk-QNS7Q2XR.js}

@@ -1,7 +1,7 @@
 import { CheckboxContext } from './chunk-2EAZPH3M.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
-import { ensureTextWrapper } from './chunk-6BVU54H4.js';
-import { useFormProps } from './chunk-IHW4ZRVB.js';
+import { ensureTextWrapper } from './chunk-ZZ7W2CSK.js';
+import { useFormProps } from './chunk-U7OQMVV4.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.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___myU6o", "hop-Checkbox--sm": "Checkbox-module__hop-Checkbox--sm___5jx9N", "hop-Checkbox--md": "Checkbox-module__hop-Checkbox--md___eDVlw", "hop-Checkbox__icon": "Checkbox-module__hop-Checkbox__icon___TDngD", "hop-Checkbox__icon-list": "Checkbox-module__hop-Checkbox__icon-list___rIReH", "hop-Checkbox__box": "Checkbox-module__hop-Checkbox__box___yp0vA", "hop-Checkbox__check": "Checkbox-module__hop-Checkbox__check___JRoXs", "hop-Checkbox__text": "Checkbox-module__hop-Checkbox__text___aRztv" };
+var Checkbox_module_default = { "hop-Checkbox": "Checkbox-module__hop-Checkbox___T2BO-", "hop-Checkbox--sm": "Checkbox-module__hop-Checkbox--sm___W7rNJ", "hop-Checkbox--md": "Checkbox-module__hop-Checkbox--md___BVBpP", "hop-Checkbox__icon": "Checkbox-module__hop-Checkbox__icon___yN14-", "hop-Checkbox__icon-list": "Checkbox-module__hop-Checkbox__icon-list___-b-pu", "hop-Checkbox__box": "Checkbox-module__hop-Checkbox__box___MkRDi", "hop-Checkbox__check": "Checkbox-module__hop-Checkbox__check___cCkQi", "hop-Checkbox__text": "Checkbox-module__hop-Checkbox__text___yv82Y" };
 var GlobalCheckboxCssSelector = "hop-Checkbox";
 function Checkbox(props, ref) {
   var _a;

package/dist/{chunk-RR4ZZO4H.js → chunk-QYIEN54I.js}

@@ -1,12 +1,12 @@
 import { PasswordFieldContext } from './chunk-QW45G6K4.js';
-import { _EmbeddedButton } from './chunk-FNRC7HGR.js';
-import { _InputGroup } from './chunk-XUMA6SCS.js';
-import { Input } from './chunk-OWKZ5RQJ.js';
-import { _HelperMessage } from './chunk-R6LCBHKF.js';
-import { _ErrorMessage } from './chunk-IGR7RH43.js';
-import { _Label } from './chunk-VPS4RCE4.js';
+import { _EmbeddedButton } from './chunk-UW6ZUG7Z.js';
+import { _InputGroup } from './chunk-5FJYI4LW.js';
+import { Input } from './chunk-22KQXJXZ.js';
+import { _HelperMessage } from './chunk-XKG2DTMX.js';
+import { _ErrorMessage } from './chunk-ZABWFRCB.js';
+import { _Label } from './chunk-H4CNGCXD.js';
 import { useLocalizedString } from './chunk-75DHKNW2.js';
-import { useFormProps } from './chunk-IHW4ZRVB.js';
+import { useFormProps } from './chunk-U7OQMVV4.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
@@ -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___sulvK", "hop-PasswordField--fluid": "PasswordField-module__hop-PasswordField--fluid___vhLVZ", "hop-PasswordField__Label": "PasswordField-module__hop-PasswordField__Label___DLkLW", "hop-PasswordField__InputGroup": "PasswordField-module__hop-PasswordField__InputGroup___HdqGX", "hop-PasswordField__ErrorMessage": "PasswordField-module__hop-PasswordField__ErrorMessage___qdm3F", "hop-PasswordField__HelperMessage": "PasswordField-module__hop-PasswordField__HelperMessage___mJ3IC" };
+var PasswordField_module_default = { "hop-PasswordField": "PasswordField-module__hop-PasswordField___z-lws", "hop-PasswordField--fluid": "PasswordField-module__hop-PasswordField--fluid___tqryo", "hop-PasswordField__Label": "PasswordField-module__hop-PasswordField__Label___O-F-U", "hop-PasswordField__InputGroup": "PasswordField-module__hop-PasswordField__InputGroup___n5b5r", "hop-PasswordField__ErrorMessage": "PasswordField-module__hop-PasswordField__ErrorMessage___f9IzH", "hop-PasswordField__HelperMessage": "PasswordField-module__hop-PasswordField__HelperMessage___ZtGFL" };
 var GlobalPasswordFieldCssSelector = "hop-PasswordField";
 function PasswordField(props, ref) {
   var _a;

package/dist/{chunk-S5YS4J3U.js → chunk-RG43DVQM.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___i7DHg", "hop-IllustratedMessage--sm": "IllustratedMessage-module__hop-IllustratedMessage--sm___8aW9C", "hop-IllustratedMessage--md": "IllustratedMessage-module__hop-IllustratedMessage--md___b8FqD", "hop-IllustratedMessage--lg": "IllustratedMessage-module__hop-IllustratedMessage--lg___LQlJN", "hop-IllustratedMessage__image": "IllustratedMessage-module__hop-IllustratedMessage__image___ERC7L", "hop-IllustratedMessage__heading": "IllustratedMessage-module__hop-IllustratedMessage__heading___zbie-", "hop-IllustratedMessage-md": "IllustratedMessage-module__hop-IllustratedMessage-md___np--b", "hop-IllustratedMessage__content": "IllustratedMessage-module__hop-IllustratedMessage__content___xDXzH", "hop-IllustratedMessage__buttonGroup": "IllustratedMessage-module__hop-IllustratedMessage__buttonGroup___kzMTr", "hop-IllustratedMessage__button": "IllustratedMessage-module__hop-IllustratedMessage__button___zPcDm" };
+var IllustratedMessage_module_default = { "hop-IllustratedMessage": "IllustratedMessage-module__hop-IllustratedMessage___4Flge", "hop-IllustratedMessage--sm": "IllustratedMessage-module__hop-IllustratedMessage--sm___Fqa15", "hop-IllustratedMessage--md": "IllustratedMessage-module__hop-IllustratedMessage--md___QN6dg", "hop-IllustratedMessage--lg": "IllustratedMessage-module__hop-IllustratedMessage--lg___ohYbu", "hop-IllustratedMessage__image": "IllustratedMessage-module__hop-IllustratedMessage__image___9xTTp", "hop-IllustratedMessage__heading": "IllustratedMessage-module__hop-IllustratedMessage__heading___NYgov", "hop-IllustratedMessage-md": "IllustratedMessage-module__hop-IllustratedMessage-md___sVBBI", "hop-IllustratedMessage__content": "IllustratedMessage-module__hop-IllustratedMessage__content___SO2Le", "hop-IllustratedMessage__buttonGroup": "IllustratedMessage-module__hop-IllustratedMessage__buttonGroup___fRq9x", "hop-IllustratedMessage__button": "IllustratedMessage-module__hop-IllustratedMessage__button___kS3m4" };
 var GlobalIllustratedMessageCssSelector = "hop-IllustratedMessage";
 function IllustratedMessage(props, ref) {
   [props, ref] = useContextProps(props, ref, IllustratedMessageContext);

package/dist/{chunk-QDOWDE4F.js → chunk-RYD4D6NY.js}

@@ -1,5 +1,5 @@
 import { LinkContext } from './chunk-4VVNSXIB.js';
-import { _CloseButton } from './chunk-4BFZVNFH.js';
+import { _CloseButton } from './chunk-U7QISYHQ.js';
 import { ContentContext } from './chunk-IXB2WK56.js';
 import { ButtonContext } from './chunk-WMTWFKKP.js';
 import { CompactCalloutContext } from './chunk-GRCAVJC6.js';
@@ -12,7 +12,7 @@ import { useContextProps } 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___xSWhp", "hop-CompactCallout__content": "CompactCallout-module__hop-CompactCallout__content___-vrJt", "hop-CompactCallout__button": "CompactCallout-module__hop-CompactCallout__button___AmZva", "hop-CompactCallout__link": "CompactCallout-module__hop-CompactCallout__link___qVnt4", "hop-CompactCallout__dismiss": "CompactCallout-module__hop-CompactCallout__dismiss___4wxsD", "hop-CompactCallout--information": "CompactCallout-module__hop-CompactCallout--information___a4LuU", "hop-CompactCallout--success": "CompactCallout-module__hop-CompactCallout--success___AznVo", "hop-CompactCallout--warning": "CompactCallout-module__hop-CompactCallout--warning___a0EkA", "hop-CompactCallout--upsell": "CompactCallout-module__hop-CompactCallout--upsell___guJ6b", "hop-CompactCallout--subtle-fill": "CompactCallout-module__hop-CompactCallout--subtle-fill___f2GHW" };
+var CompactCallout_module_default = { "hop-CompactCallout": "CompactCallout-module__hop-CompactCallout___eCSn5", "hop-CompactCallout__content": "CompactCallout-module__hop-CompactCallout__content___Ve6LN", "hop-CompactCallout__button": "CompactCallout-module__hop-CompactCallout__button___npPnI", "hop-CompactCallout__link": "CompactCallout-module__hop-CompactCallout__link___SAa3D", "hop-CompactCallout__dismiss": "CompactCallout-module__hop-CompactCallout__dismiss___6BFfa", "hop-CompactCallout--information": "CompactCallout-module__hop-CompactCallout--information___I-51z", "hop-CompactCallout--success": "CompactCallout-module__hop-CompactCallout--success___-Ygtw", "hop-CompactCallout--warning": "CompactCallout-module__hop-CompactCallout--warning___jQ8qB", "hop-CompactCallout--upsell": "CompactCallout-module__hop-CompactCallout--upsell___0ltYf", "hop-CompactCallout--subtle-fill": "CompactCallout-module__hop-CompactCallout--subtle-fill___aUTfN" };
 var GlobalCompactCalloutCssSelector = "hop-CompactCallout";
 var CompactCallout = (props, ref) => {
   [props, ref] = useContextProps(props, ref, CompactCalloutContext);

package/dist/{chunk-UZV4BO2H.js → chunk-SC4CCWXO.js}

@@ -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___nb52-", "hop-FloatingBadge__badge": "FloatingBadge-module__hop-FloatingBadge__badge___WDr-9" };
+var FloatingBadge_module_default = { "hop-FloatingBadge": "FloatingBadge-module__hop-FloatingBadge___xJTHh", "hop-FloatingBadge__badge": "FloatingBadge-module__hop-FloatingBadge__badge___Nnulr" };
 var GlobalFloatingBadgeCssSelector = "hop-FloatingBadge";
 function FloatingBadge(props, ref) {
   [props, ref] = useContextProps(props, ref, FloatingBadgeContext);

package/dist/{chunk-LAOJXZOG.js → chunk-SU4IQWYK.js}

@@ -1,14 +1,13 @@
 import { BaseModalContext } from './chunk-FLU4UPP6.js';
-import { useForwardedHopperContext, _HopperProvider } from './chunk-DVVK2IWW.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
-import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
+import { useStyledSystem, useResponsiveValue, useColorSchemeContext, getRootCSSClasses } from '@hopper-ui/styled-system';
 import clsx from 'clsx';
 import { forwardRef } from 'react';
 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___GncyQ", "hop-BaseModal__modal": "BaseModal-module__hop-BaseModal__modal___AQ6KK", "hop-BaseModal--image": "BaseModal-module__hop-BaseModal--image___2gBFg", "hop-BaseModal--entering": "BaseModal-module__hop-BaseModal--entering___H7-aH", "hop-BaseModal--exiting": "BaseModal-module__hop-BaseModal--exiting___zDiuz", "hop-BaseModal--sm": "BaseModal-module__hop-BaseModal--sm___-0T30", "hop-BaseModal--md": "BaseModal-module__hop-BaseModal--md___lwv2G", "hop-BaseModal--lg": "BaseModal-module__hop-BaseModal--lg___3vxR3", "hop-BaseModal--xl": "BaseModal-module__hop-BaseModal--xl___9z84j", "hop-BaseModal--fullscreen": "BaseModal-module__hop-BaseModal--fullscreen___zphQO", "hop-BaseModal--fullscreentakeover": "BaseModal-module__hop-BaseModal--fullscreentakeover___kWvy4" };
+var BaseModal_module_default = { "hop-BaseModal": "BaseModal-module__hop-BaseModal___idTdf", "hop-BaseModal__modal": "BaseModal-module__hop-BaseModal__modal___PLIFf", "hop-BaseModal--image": "BaseModal-module__hop-BaseModal--image___C3f2d", "hop-BaseModal--entering": "BaseModal-module__hop-BaseModal--entering___yzbt7", "hop-BaseModal--exiting": "BaseModal-module__hop-BaseModal--exiting___FK4nT", "hop-BaseModal--sm": "BaseModal-module__hop-BaseModal--sm___hfroZ", "hop-BaseModal--md": "BaseModal-module__hop-BaseModal--md___Ad0FE", "hop-BaseModal--lg": "BaseModal-module__hop-BaseModal--lg___EHj0J", "hop-BaseModal--xl": "BaseModal-module__hop-BaseModal--xl___gt5xY", "hop-BaseModal--fullscreen": "BaseModal-module__hop-BaseModal--fullscreen___vl30K", "hop-BaseModal--fullscreentakeover": "BaseModal-module__hop-BaseModal--fullscreentakeover___vFfKl" };
 var GlobalBaseModalCssSelector = "hop-BaseModal";
 var BaseModal = (props, ref) => {
   var _a;
@@ -24,7 +23,7 @@ var BaseModal = (props, ref) => {
     ...otherProps
   } = ownProps;
   const size = (_a = useResponsiveValue(sizeProp)) != null ? _a : "md";
-  const prevContextProps = useForwardedHopperContext();
+  const { colorScheme } = useColorSchemeContext();
   const classNames = (renderProps) => clsx(
     GlobalBaseModalCssSelector,
     cssModule(
@@ -35,6 +34,7 @@ var BaseModal = (props, ref) => {
       renderProps.isExiting && "exiting",
       hasImage && "image"
     ),
+    getRootCSSClasses(colorScheme),
     stylingProps.className,
     className
   );
@@ -49,7 +49,7 @@ var BaseModal = (props, ref) => {
       style: mergedStyles,
       slot,
       ...otherProps,
-      children: /* @__PURE__ */ jsx(_HopperProvider, { ...prevContextProps, children: /* @__PURE__ */ jsx(Modal, { ...otherProps, ref, className: BaseModal_module_default["hop-BaseModal__modal"], children }) })
+      children: /* @__PURE__ */ jsx(Modal, { ...otherProps, ref, className: BaseModal_module_default["hop-BaseModal__modal"], children })
     }
   );
 };

package/dist/{chunk-HSKXHLXQ.js → chunk-SYNHOVEE.js}

@@ -1,4 +1,4 @@
-import { _BaseModal } from './chunk-LAOJXZOG.js';
+import { _BaseModal } from './chunk-SU4IQWYK.js';
 import { CustomModalContext } from './chunk-LUO2HNXA.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
@@ -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___f9NGU" };
+var CustomModal_module_default = { "hop-CustomModal": "CustomModal-module__hop-CustomModal___aHibG" };
 var GlobalCustomModalCssSelector = "hop-CustomModal";
 var CustomModal = (props, ref) => {
   var _a;

package/dist/{chunk-TQ5IIHAA.js → chunk-T2YL7HMR.js}

@@ -1,4 +1,4 @@
-import { _RichIconAvatarImage } from './chunk-ANFLFEVI.js';
+import { _RichIconAvatarImage } from './chunk-NXINJFE3.js';
 import { useRenderProps } from './chunk-2NSUMKNH.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { AvatarContext } from './chunk-AES7QBQE.js';

package/dist/{chunk-IHW4ZRVB.js → chunk-U7OQMVV4.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___Dlhla" };
+var Form_module_default = { "hop-Form": "Form-module__hop-Form___bSHRR" };
 var GlobalFormCssSelector = "hop-Form";
 function useFormProps(props) {
   const ctx = useContext(FormContext);

package/dist/{chunk-4BFZVNFH.js → chunk-U7QISYHQ.js}

@@ -1,4 +1,4 @@
-import { _Button } from './chunk-DYP3IWS7.js';
+import { _Button } from './chunk-2SLQXXR3.js';
 import { CloseButtonContext } from './chunk-RBWFFWIG.js';
 import { useLocalizedString } from './chunk-75DHKNW2.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
@@ -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___2OuiA" };
+var CloseButton_module_default = { "hop-CloseButton": "CloseButton-module__hop-CloseButton___r0kT0" };
 var GlobalCloseButtonCssSelector = "hop-CloseButton";
 function CloseButton(props, ref) {
   [props, ref] = useContextProps(props, ref, CloseButtonContext);

package/dist/{chunk-FUGHAC3W.js → chunk-UD7NLLUD.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___S8GKz", "hop-Card--main": "Card-module__hop-Card--main___y-sJN", "hop-Card--second-level": "Card-module__hop-Card--second-level___hQVK5" };
+var Card_module_default = { "hop-Card": "Card-module__hop-Card___FdN4I", "hop-Card--main": "Card-module__hop-Card--main___njr-K", "hop-Card--second-level": "Card-module__hop-Card--second-level___WuE14" };
 var GlobalCardCssSelector = "hop-Card";
 var Card = (props, ref) => {
   [props, ref] = useContextProps(props, ref, CardContext);