@hopper-ui/components 1.4.12 → 1.4.13

package/dist/{chunk-XCGLXG6T.js → chunk-HYJ7TQWP.js}

@@ -1,14 +1,14 @@
 import { isFunction } from './chunk-TIPN4VYD.js';
 import { ListBoxSectionContext } from './chunk-RLDIAT4F.js';
 import { ListBoxContext } from './chunk-UIEP5BA5.js';
-import { _ListBoxItem } from './chunk-32D3FJMM.js';
+import { _ListBoxItem } from './chunk-NLXPIXK6.js';
 import { ListBoxItemContext } from './chunk-Y2POLIXK.js';
 import { HeaderContext } from './chunk-7JOGKC3W.js';
 import { useLocalizedString } from './chunk-75DHKNW2.js';
-import { _Text } from './chunk-YF2Y7BWX.js';
+import { _Text } from './chunk-IKIWDGGT.js';
+import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
-import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
 import { useLoadMore } from '@react-aria/utils';
@@ -18,7 +18,7 @@ import { useContextProps, composeRenderProps, ListBox as ListBox$1, Collection }
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // css-module:./ListBox.module.css#css-module
-var ListBox_module_default = { "hop-ListBox": "ListBox-module__hop-ListBox___VuEIJ", "hop-ListBox--fluid": "ListBox-module__hop-ListBox--fluid___qL-y4", "hop-ListBox__section": "ListBox-module__hop-ListBox__section___-RjJP", "hop-ListBox__item": "ListBox-module__hop-ListBox__item___YTCh2", "hop-ListBox__section-header": "ListBox-module__hop-ListBox__section-header___qfeU6" };
+var ListBox_module_default = { "hop-ListBox": "ListBox-module__hop-ListBox___rdO2O", "hop-ListBox--fluid": "ListBox-module__hop-ListBox--fluid___b6hMd", "hop-ListBox__section": "ListBox-module__hop-ListBox__section___e3pde", "hop-ListBox__item": "ListBox-module__hop-ListBox__item___CXqqa", "hop-ListBox__section-header": "ListBox-module__hop-ListBox__section-header___jwTE3" };
 var GlobalListBoxCssSelector = "hop-ListBox";
 var GlobalListBoxEmptyItemCssSelector = "hop-ListBox__empty-item";
 var ListBoxToTextSizeAdapter = {

package/dist/{chunk-YF2Y7BWX.js → chunk-IKIWDGGT.js}

@@ -1,6 +1,6 @@
 import { TextContext } from './chunk-X6SER3TZ.js';
-import { SlotProvider } from './chunk-M36KANKC.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
+import { SlotProvider } from './chunk-M36KANKC.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { slot, useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
 import clsx from 'clsx';
@@ -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___VHGXE", "hop-Text--xs": "Text-module__hop-Text--xs___JKsis", "hop-Text--sm": "Text-module__hop-Text--sm___5CN95", "hop-Text--md": "Text-module__hop-Text--md___IjtlO", "hop-Text--lg": "Text-module__hop-Text--lg___hiqxF", "hop-Text--xl": "Text-module__hop-Text--xl___4dTsg", "hop-Text--2xl": "Text-module__hop-Text--2xl___EsPku", "hop-Text--inherit": "Text-module__hop-Text--inherit___NtFjr" };
+var Text_module_default = { "hop-Text": "Text-module__hop-Text___YfEHi", "hop-Text--xs": "Text-module__hop-Text--xs___j4xPi", "hop-Text--sm": "Text-module__hop-Text--sm___OXs98", "hop-Text--md": "Text-module__hop-Text--md___C8d9Q", "hop-Text--lg": "Text-module__hop-Text--lg___dKGEY", "hop-Text--xl": "Text-module__hop-Text--xl___0Qome", "hop-Text--2xl": "Text-module__hop-Text--2xl___oKkd6", "hop-Text--inherit": "Text-module__hop-Text--inherit___3w5j-" };
 var GlobalTextCssSelector = "hop-Text";
 function Text(props, ref) {
   [props, ref] = useContextProps(props, ref, TextContext);

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-LLFAKYOY.js → chunk-JBJPVFDM.js}

@@ -1,5 +1,5 @@
 import { TileContext } from './chunk-JTNKUYE5.js';
-import { _Text } from './chunk-YF2Y7BWX.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___8geBE", "hop-Tile__icon": "Tile-module__hop-Tile__icon___JJWVQ" };
+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-B6WL2FNU.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-74YWITDM.js';
-import { _ErrorMessage } from './chunk-SWWLTUOO.js';
-import { _Label } from './chunk-GACETSMF.js';
-import { useFormProps } from './chunk-I3TCA6QA.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___-H57l", "hop-RadioGroup--bordered": "RadioGroup-module__hop-RadioGroup--bordered___NUyQG", "hop-RadioGroup--sm": "RadioGroup-module__hop-RadioGroup--sm___C7sJr", "hop-RadioGroup--md": "RadioGroup-module__hop-RadioGroup--md___8Y1l2", "hop-RadioGroup__label": "RadioGroup-module__hop-RadioGroup__label___17-CY", "hop-RadioGroup__list": "RadioGroup-module__hop-RadioGroup__list___jqkUj", "hop-RadioGroup__radio": "RadioGroup-module__hop-RadioGroup__radio___H603A", "hop-RadioGroup__error-message": "RadioGroup-module__hop-RadioGroup__error-message___iVY8t", "hop-RadioGroup__helper-message": "RadioGroup-module__hop-RadioGroup__helper-message___JMGRU" };
+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-KB2LVNFQ.js → chunk-JHJBTFLY.js}

@@ -1,6 +1,6 @@
 import { LinkContext } from './chunk-4VVNSXIB.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
-import { ensureTextWrapper } from './chunk-EMCQWDWQ.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___0wa1p", "hop-Link--standalone": "Link-module__hop-Link--standalone___uT7pp", "hop-Link__text": "Link-module__hop-Link__text___H7Y97", "hop-Link--xs": "Link-module__hop-Link--xs___f3-C-", "hop-Link--sm": "Link-module__hop-Link--sm___5qFPe", "hop-Link--md": "Link-module__hop-Link--md___Lm8EU", "hop-Link--lg": "Link-module__hop-Link--lg___4kEU5", "hop-Link--xl": "Link-module__hop-Link--xl___KmCgI", "hop-Link--2xl": "Link-module__hop-Link--2xl___DDo14", "hop-Link--quiet": "Link-module__hop-Link--quiet___MXwkd", "hop-Link--primary": "Link-module__hop-Link--primary___QuFU3", "hop-Link--secondary": "Link-module__hop-Link--secondary___iPT5U", "hop-Link__icon": "Link-module__hop-Link__icon___ODaBt", "hop-Link__icon-list": "Link-module__hop-Link__icon-list___Fv58U", "hop-Link__start-icon": "Link-module__hop-Link__start-icon___aFsYF", "hop-Link__start-icon-list": "Link-module__hop-Link__start-icon-list___HQEcz" };
+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-HQV3FPNZ.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___1REfy", "fade": "Popover-module__fade___l0K-u", "hop-Popover__wrapper": "Popover-module__hop-Popover__wrapper___3WVku", "hop-Popover__dialog": "Popover-module__hop-Popover__dialog___GbQZH", "hop-Popover__dropdown": "Popover-module__hop-Popover__dropdown___NtQTA", "hop-Popover__title": "Popover-module__hop-Popover__title___mEbdt", "hop-Popover__content": "Popover-module__hop-Popover__content___I21FJ", "hop-Popover__list-box": "Popover-module__hop-Popover__list-box___XrjJ0", "hop-Popover__footer": "Popover-module__hop-Popover__footer___kefPf", "hop-Popover__actions": "Popover-module__hop-Popover__actions___-iKQO", "hop-Popover__action": "Popover-module__hop-Popover__action___Lu-41" };
+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-DFPHOLFA.js → chunk-KPIWYEWU.js}

@@ -1,10 +1,10 @@
 import { SwitchContext } from './chunk-YHBJAXUY.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
-import { ensureTextWrapper } from './chunk-EMCQWDWQ.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';
 import { SlotProvider } from './chunk-M36KANKC.js';
-import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { IconContext } from '@hopper-ui/icons';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
@@ -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___7y1QC", "hop-Switch--sm": "Switch-module__hop-Switch--sm___9MTrx", "hop-Switch--md": "Switch-module__hop-Switch--md___nkpq-", "hop-Switch__indicator": "Switch-module__hop-Switch__indicator___di-u2", "hop-Switch__text": "Switch-module__hop-Switch__text___5YV7G", "hop-Switch__icon-list": "Switch-module__hop-Switch__icon-list___3NZO6", "hop-Switch__icon": "Switch-module__hop-Switch__icon___Voo-l" };
+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-Y7W3KBYN.js → chunk-KTCJSUUT.js}

@@ -1,7 +1,7 @@
-import { AvatarContext } from './chunk-AES7QBQE.js';
-import { _RichIconAvatarImage } from './chunk-OHMQIK55.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';
 import { DeletedUserRichIcon } from '@hopper-ui/icons';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
 import { forwardRef } from 'react';

package/dist/{chunk-O7MK7LUV.js → chunk-MGZ3SNTF.js}

@@ -1,8 +1,8 @@
-import { ensureTextWrapper } from './chunk-EMCQWDWQ.js';
+import { ensureTextWrapper } from './chunk-ZZ7W2CSK.js';
 import { FormContext } from './chunk-Q7NXUUB3.js';
-import { TextContext } from './chunk-X6SER3TZ.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';
 import { cssModule } from './chunk-KVDXQMWI.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___DaFJK", "hop-DisclosurePanel--inline": "DisclosurePanel-module__hop-DisclosurePanel--inline___8JTFk", "hop-DisclosurePanel--disabled": "DisclosurePanel-module__hop-DisclosurePanel--disabled___QvB27", "hop-DisclosurePanel__text": "DisclosurePanel-module__hop-DisclosurePanel__text___SMoVY" };
+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-FO6ZOBAQ.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___M6bib", "hop-ButtonGroup--horizontal": "ButtonGroup-module__hop-ButtonGroup--horizontal___bLpG-", "hop-ButtonGroup--vertical": "ButtonGroup-module__hop-ButtonGroup--vertical___0AljA", "hop-ButtonGroup--start": "ButtonGroup-module__hop-ButtonGroup--start___tFbPs", "hop-ButtonGroup--center": "ButtonGroup-module__hop-ButtonGroup--center___u42Rb", "hop-ButtonGroup--end": "ButtonGroup-module__hop-ButtonGroup--end___qNBc8", "hop-ButtonGroup--wrap": "ButtonGroup-module__hop-ButtonGroup--wrap___0C-ZI", "hop-ButtonGroup--fluid": "ButtonGroup-module__hop-ButtonGroup--fluid___DxRjI" };
+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-IZZGYOYD.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___YnGuu" };
+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-4DFTU64I.js → chunk-MOPZLX5T.js}

@@ -1,11 +1,11 @@
 import { CheckboxFieldContext } from './chunk-ZGNK4GWA.js';
 import { CheckboxContext } from './chunk-2EAZPH3M.js';
-import { useFormProps } from './chunk-I3TCA6QA.js';
-import { _Text } from './chunk-YF2Y7BWX.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';
 import { SlotProvider } from './chunk-M36KANKC.js';
-import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
 import { useSlotId } from '@react-aria/utils';
@@ -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___Adw1i", "hop-CheckboxField--sm": "CheckboxField-module__hop-CheckboxField--sm___--shS", "hop-CheckboxField--md": "CheckboxField-module__hop-CheckboxField--md___5Atd7", "hop-CheckboxField__description": "CheckboxField-module__hop-CheckboxField__description___YXVxq", "hop-CheckboxField__checkbox": "CheckboxField-module__hop-CheckboxField__checkbox___S5TqN" };
+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-32D3FJMM.js → chunk-NLXPIXK6.js}

@@ -1,15 +1,15 @@
-import { _DecorativeRadio } from './chunk-VLW6W2HN.js';
-import { _DecorativeCheckbox } from './chunk-WAU7DOS4.js';
+import { _DecorativeRadio } from './chunk-4OLZ77DZ.js';
+import { _DecorativeCheckbox } from './chunk-VSP4G7ZK.js';
 import { ListBoxItemContext } from './chunk-Y2POLIXK.js';
-import { _ListBoxItemSkeleton } from './chunk-GZJX23ZE.js';
+import { _ListBoxItemSkeleton } from './chunk-FWAI7C6V.js';
+import { BadgeContext } from './chunk-CQDLZ42T.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
-import { ensureTextWrapper } from './chunk-EMCQWDWQ.js';
+import { ensureTextWrapper } from './chunk-ZZ7W2CSK.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
-import { AvatarContext } from './chunk-AES7QBQE.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
-import { BadgeContext } from './chunk-CQDLZ42T.js';
+import { AvatarContext } from './chunk-AES7QBQE.js';
 import { CheckmarkIcon, IconContext } from '@hopper-ui/icons';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
 import clsx from 'clsx';
@@ -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___zW78-", "hop-ListBoxItem--xs": "ListBoxItem-module__hop-ListBoxItem--xs___6p5X7", "hop-ListBoxItem--sm": "ListBoxItem-module__hop-ListBoxItem--sm___gyndD", "hop-ListBoxItem--md": "ListBoxItem-module__hop-ListBoxItem--md___VW-Ui", "hop-ListBoxItem--lg": "ListBoxItem-module__hop-ListBoxItem--lg___0Khz1", "hop-ListBoxItem__inner": "ListBoxItem-module__hop-ListBoxItem__inner___7gb9P", "hop-ListBoxItem__checkmark": "ListBoxItem-module__hop-ListBoxItem__checkmark___q4x8t", "hop-ListBoxItem__description": "ListBoxItem-module__hop-ListBoxItem__description___sz16o", "hop-ListBoxItem__radio": "ListBoxItem-module__hop-ListBoxItem__radio___N60v5", "hop-ListBoxItem__checkbox": "ListBoxItem-module__hop-ListBoxItem__checkbox___LX3YV", "hop-ListBoxItem__avatar": "ListBoxItem-module__hop-ListBoxItem__avatar___NlZnk", "hop-ListBoxItem__icon-list": "ListBoxItem-module__hop-ListBoxItem__icon-list___uToIi", "hop-ListBoxItem__icon": "ListBoxItem-module__hop-ListBoxItem__icon___2VPpV", "hop-ListBoxItem__label": "ListBoxItem-module__hop-ListBoxItem__label___L8oO7", "hop-ListBoxItem__end-icon-list": "ListBoxItem-module__hop-ListBoxItem__end-icon-list___0It9o", "hop-ListBoxItem__end-icon": "ListBoxItem-module__hop-ListBoxItem__end-icon___UPd3h", "hop-ListBoxItem__badge": "ListBoxItem-module__hop-ListBoxItem__badge___-c9YD" };
+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-OHMQIK55.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___QEmg4", "hop-RichIconAvatarImage--xs": "RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___Lz4mp", "hop-RichIconAvatarImage--sm": "RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___sBWsa", "hop-RichIconAvatarImage--md": "RichIconAvatarImage-module__hop-RichIconAvatarImage--md___kNSvI", "hop-RichIconAvatarImage--lg": "RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___2R4x3", "hop-RichIconAvatarImage--xl": "RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___cLnYn", "hop-RichIconAvatarImage--2xl": "RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___nvjJG", "hop-RichIconAvatarImage__icon": "RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___PB6gg" };
+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-MPOCBRLG.js → chunk-O5OIBSNN.js}

@@ -1,10 +1,10 @@
 import { RadioContext } from './chunk-FU5CCPLP.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
-import { ensureTextWrapper } from './chunk-EMCQWDWQ.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';
 import { SlotProvider } from './chunk-M36KANKC.js';
-import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { BulletIcon, IconContext } from '@hopper-ui/icons';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
@@ -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___JNLT6", "hop-Radio--sm": "Radio-module__hop-Radio--sm___wyY-X", "hop-Radio--md": "Radio-module__hop-Radio--md___GTkF7", "hop-Radio__icon": "Radio-module__hop-Radio__icon___UT6ZM", "hop-Radio__icon-list": "Radio-module__hop-Radio__icon-list___vErcR", "hop-Radio__box": "Radio-module__hop-Radio__box___aAeDY", "hop-Radio__bullet": "Radio-module__hop-Radio__bullet___HI2I7", "hop-Radio__text": "Radio-module__hop-Radio__text___ItXPE" };
+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-R3RD23KP.js → chunk-OAAKLX5D.js}

@@ -1,11 +1,11 @@
 import { ModalContext } from './chunk-PH5BSJDK.js';
-import { _BaseModal } from './chunk-E74DRWIJ.js';
+import { _BaseModal } from './chunk-SU4IQWYK.js';
 import { ImageContext } from './chunk-XNHE2OVW.js';
-import { _CloseButton } from './chunk-DZFW22OT.js';
-import { useSlot } from './chunk-H5YTU3U7.js';
 import { FooterContext } from './chunk-I67NHYK4.js';
 import { ButtonGroupContext } from './chunk-VJQ7M2BK.js';
 import { HeaderContext } from './chunk-7JOGKC3W.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';
 import { HeadingContext } from './chunk-TXZ6BMFR.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___-nbtT", "hop-Modal--fullscreen": "Modal-module__hop-Modal--fullscreen___lL4eg", "hop-Modal--fullscreentakeover": "Modal-module__hop-Modal--fullscreentakeover___1p86J", "hop-Modal__image": "Modal-module__hop-Modal__image___yjrVM", "hop-Modal__close": "Modal-module__hop-Modal__close___QFTV-", "hop-Modal__heading": "Modal-module__hop-Modal__heading___AaZAc", "hop-Modal__header": "Modal-module__hop-Modal__header___mwxUx", "hop-Modal__content": "Modal-module__hop-Modal__content___WR7LB", "hop-Modal__footer": "Modal-module__hop-Modal__footer___uO5z-", "hop-Modal__button": "Modal-module__hop-Modal__button___NhQs1", "hop-Modal__button-group": "Modal-module__hop-Modal__button-group___noh86" };
+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-5TVQ5F6N.js → chunk-PKHAOEQM.js}

@@ -1,10 +1,10 @@
 import { RadioFieldContext } from './chunk-DGLAGYBD.js';
 import { RadioContext } from './chunk-FU5CCPLP.js';
-import { _Text } from './chunk-YF2Y7BWX.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';
 import { SlotProvider } from './chunk-M36KANKC.js';
-import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
 import { useSlotId } from '@react-aria/utils';
@@ -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___r6eJq", "hop-RadioField--sm": "RadioField-module__hop-RadioField--sm___slZMf", "hop-RadioField--md": "RadioField-module__hop-RadioField--md___s-fW9", "hop-RadioField__description": "RadioField-module__hop-RadioField__description___mScWf", "hop-RadioField__radio": "RadioField-module__hop-RadioField__radio___6FDhe" };
+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-7OENJXSV.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___7oNS0" };
+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-HGJ2NRZU.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___cDj46", "hop-Heading--xs": "Heading-module__hop-Heading--xs___653bM", "hop-Heading--sm": "Heading-module__hop-Heading--sm___Zo3-T", "hop-Heading--md": "Heading-module__hop-Heading--md___Mp9H8", "hop-Heading--lg": "Heading-module__hop-Heading--lg___nmdh7", "hop-Heading--xl": "Heading-module__hop-Heading--xl___BfTAL", "hop-Heading--2xl": "Heading-module__hop-Heading--2xl___GVdzd", "hop-Heading--3xl": "Heading-module__hop-Heading--3xl___c4yjS" };
+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-GKAWWPNQ.js → chunk-QNS7Q2XR.js}

@@ -1,11 +1,11 @@
 import { CheckboxContext } from './chunk-2EAZPH3M.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
-import { ensureTextWrapper } from './chunk-EMCQWDWQ.js';
-import { useFormProps } from './chunk-I3TCA6QA.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';
 import { SlotProvider } from './chunk-M36KANKC.js';
-import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { MinusIcon, CheckmarkIcon, IconContext } from '@hopper-ui/icons';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
@@ -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___HIhOc", "hop-Checkbox--sm": "Checkbox-module__hop-Checkbox--sm___35CAE", "hop-Checkbox--md": "Checkbox-module__hop-Checkbox--md___X1T4u", "hop-Checkbox__icon": "Checkbox-module__hop-Checkbox__icon___Y0iVF", "hop-Checkbox__icon-list": "Checkbox-module__hop-Checkbox__icon-list___WjjCl", "hop-Checkbox__box": "Checkbox-module__hop-Checkbox__box___5XUfy", "hop-Checkbox__check": "Checkbox-module__hop-Checkbox__check___gW9LJ", "hop-Checkbox__text": "Checkbox-module__hop-Checkbox__text___69y0R" };
+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-KFTGGBF2.js → chunk-QYIEN54I.js}

@@ -1,14 +1,14 @@
 import { PasswordFieldContext } from './chunk-QW45G6K4.js';
-import { _EmbeddedButton } from './chunk-CRSNDOH5.js';
-import { _InputGroup } from './chunk-4CUD5Z4N.js';
-import { Input } from './chunk-HBKQPCYU.js';
-import { _HelperMessage } from './chunk-74YWITDM.js';
-import { _ErrorMessage } from './chunk-SWWLTUOO.js';
-import { _Label } from './chunk-GACETSMF.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-I3TCA6QA.js';
-import { composeClassnameRenderProps } from './chunk-65JPI4FL.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';
 import { EyeVisibleIcon, EyeHiddenIcon } from '@hopper-ui/icons';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
@@ -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___qE7D0", "hop-PasswordField--fluid": "PasswordField-module__hop-PasswordField--fluid___EiTEZ", "hop-PasswordField__Label": "PasswordField-module__hop-PasswordField__Label___mJ0WC", "hop-PasswordField__InputGroup": "PasswordField-module__hop-PasswordField__InputGroup___gHZ9J", "hop-PasswordField__ErrorMessage": "PasswordField-module__hop-PasswordField__ErrorMessage___6ldeM", "hop-PasswordField__HelperMessage": "PasswordField-module__hop-PasswordField__HelperMessage___p8aCw" };
+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-K6ZPJSNZ.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___YfpaP", "hop-IllustratedMessage--sm": "IllustratedMessage-module__hop-IllustratedMessage--sm___DgCZU", "hop-IllustratedMessage--md": "IllustratedMessage-module__hop-IllustratedMessage--md___TQpCf", "hop-IllustratedMessage--lg": "IllustratedMessage-module__hop-IllustratedMessage--lg___flxuS", "hop-IllustratedMessage__image": "IllustratedMessage-module__hop-IllustratedMessage__image___miWk5", "hop-IllustratedMessage__heading": "IllustratedMessage-module__hop-IllustratedMessage__heading___BA3-H", "hop-IllustratedMessage-md": "IllustratedMessage-module__hop-IllustratedMessage-md___gzoKX", "hop-IllustratedMessage__content": "IllustratedMessage-module__hop-IllustratedMessage__content___pzR-6", "hop-IllustratedMessage__buttonGroup": "IllustratedMessage-module__hop-IllustratedMessage__buttonGroup___gZIJD", "hop-IllustratedMessage__button": "IllustratedMessage-module__hop-IllustratedMessage__button___o5-EY" };
+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-KW6STO3X.js → chunk-RYD4D6NY.js}

@@ -1,8 +1,8 @@
-import { _CloseButton } from './chunk-DZFW22OT.js';
-import { CompactCalloutContext } from './chunk-GRCAVJC6.js';
 import { LinkContext } from './chunk-4VVNSXIB.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';
 import { SlotProvider } from './chunk-M36KANKC.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { useStyledSystem } from '@hopper-ui/styled-system';
@@ -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___wiesQ", "hop-CompactCallout__content": "CompactCallout-module__hop-CompactCallout__content___9H2M6", "hop-CompactCallout__button": "CompactCallout-module__hop-CompactCallout__button___B19iS", "hop-CompactCallout__link": "CompactCallout-module__hop-CompactCallout__link___VALyw", "hop-CompactCallout__dismiss": "CompactCallout-module__hop-CompactCallout__dismiss___OxUMH", "hop-CompactCallout--information": "CompactCallout-module__hop-CompactCallout--information___Xdh3t", "hop-CompactCallout--success": "CompactCallout-module__hop-CompactCallout--success___Tp-fd", "hop-CompactCallout--warning": "CompactCallout-module__hop-CompactCallout--warning___eEyDa", "hop-CompactCallout--upsell": "CompactCallout-module__hop-CompactCallout--upsell___-q8ws", "hop-CompactCallout--subtle-fill": "CompactCallout-module__hop-CompactCallout--subtle-fill___Zff--" };
+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-NLWQD76H.js → chunk-SC4CCWXO.js}

@@ -1,8 +1,8 @@
-import { SlotProvider } from './chunk-M36KANKC.js';
-import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
-import { cssModule } from './chunk-KVDXQMWI.js';
 import { BadgeContext } from './chunk-CQDLZ42T.js';
 import { FloatingBadgeContext } from './chunk-CIGS4QGT.js';
+import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
+import { SlotProvider } from './chunk-M36KANKC.js';
+import { cssModule } from './chunk-KVDXQMWI.js';
 import { useStyledSystem } from '@hopper-ui/styled-system';
 import clsx from 'clsx';
 import { forwardRef } from 'react';
@@ -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___UCLeo", "hop-FloatingBadge__badge": "FloatingBadge-module__hop-FloatingBadge__badge___-3-F4" };
+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);