@hopper-ui/components 2.0.2 → 2.0.4

package/dist/{chunk-IZIHEBM6.js → chunk-NI2UYX32.js}

@@ -1,7 +1,7 @@
 import { MenuItemContext } from './chunk-OGC6BUEX.js';
 import { AvatarContext } from './chunk-FA26RZSE.js';
 import { IconListContext } from './chunk-GBWXEK6N.js';
-import { _Text } from './chunk-2K73ATBP.js';
+import { _Text } from './chunk-PGTKFOZP.js';
 import { TextContext } from './chunk-ZNOU2CGM.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
@@ -13,7 +13,7 @@ import { useContextProps, MenuItem as MenuItem$1, DEFAULT_SLOT } from 'react-ari
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 
 // css-module:./MenuItem.module.css#css-module
-var MenuItem_module_default = { "hop-MenuItem": "MenuItem-module__hop-MenuItem___D1aSu", "hop-MenuItem__text": "MenuItem-module__hop-MenuItem__text___pa8Fc", "hop-MenuItem--invalid": "MenuItem-module__hop-MenuItem--invalid___7AJ7K", "hop-MenuItem__avatar": "MenuItem-module__hop-MenuItem__avatar___WP8hg", "hop-MenuItem__icon": "MenuItem-module__hop-MenuItem__icon___30ny4", "hop-MenuItem__checkmark": "MenuItem-module__hop-MenuItem__checkmark___0NVbn", "hop-MenuItem__description": "MenuItem-module__hop-MenuItem__description___0atth", "hop-MenuItem__end-icon": "MenuItem-module__hop-MenuItem__end-icon___LIY44", "hop-MenuItem__arrow": "MenuItem-module__hop-MenuItem__arrow___5NWzE", "hop-MenuItem--xs": "MenuItem-module__hop-MenuItem--xs___M1zR-", "hop-MenuItem--sm": "MenuItem-module__hop-MenuItem--sm___3q7-c", "hop-MenuItem--md": "MenuItem-module__hop-MenuItem--md___it3-T", "hop-MenuItem--lg": "MenuItem-module__hop-MenuItem--lg___-RIOa" };
+var MenuItem_module_default = { "hop-MenuItem": "MenuItem-module__hop-MenuItem___Jfh--", "hop-MenuItem__text": "MenuItem-module__hop-MenuItem__text___V-iMN", "hop-MenuItem--invalid": "MenuItem-module__hop-MenuItem--invalid___8bv-6", "hop-MenuItem__avatar": "MenuItem-module__hop-MenuItem__avatar___JKnZk", "hop-MenuItem__icon": "MenuItem-module__hop-MenuItem__icon___YeYES", "hop-MenuItem__checkmark": "MenuItem-module__hop-MenuItem__checkmark___RPP-Z", "hop-MenuItem__description": "MenuItem-module__hop-MenuItem__description___KOMGp", "hop-MenuItem__end-icon": "MenuItem-module__hop-MenuItem__end-icon___A6LSq", "hop-MenuItem__arrow": "MenuItem-module__hop-MenuItem__arrow___feC7h", "hop-MenuItem--xs": "MenuItem-module__hop-MenuItem--xs___IkdQw", "hop-MenuItem--sm": "MenuItem-module__hop-MenuItem--sm___hlL31", "hop-MenuItem--md": "MenuItem-module__hop-MenuItem--md___b-GOq", "hop-MenuItem--lg": "MenuItem-module__hop-MenuItem--lg___xUfwU" };
 var GlobalMenuItemCssSelector = "hop-MenuItem";
 var MenuItem = (props, ref) => {
   [props, ref] = useContextProps(props, ref, MenuItemContext);

package/dist/{chunk-HEOUJO5W.js → chunk-NN4TTBZG.js}

@@ -11,7 +11,7 @@ import { useContextProps, composeRenderProps, DisclosureGroup } from 'react-aria
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Accordion.module.css#css-module
-var Accordion_module_default = { "hop-Accordion": "Accordion-module__hop-Accordion___0QF8Z", "hop-Accordion--inline": "Accordion-module__hop-Accordion--inline___whVdq", "hop-Accordion__disclosure": "Accordion-module__hop-Accordion__disclosure___PqUqG", "hop-Accordion__disclosure-header": "Accordion-module__hop-Accordion__disclosure-header___pYXsI", "hop-Accordion__disclosure-panel": "Accordion-module__hop-Accordion__disclosure-panel___LSro-" };
+var Accordion_module_default = { "hop-Accordion": "Accordion-module__hop-Accordion___GkDbd", "hop-Accordion--inline": "Accordion-module__hop-Accordion--inline___MprVS", "hop-Accordion__disclosure": "Accordion-module__hop-Accordion__disclosure___2mmGX", "hop-Accordion__disclosure-header": "Accordion-module__hop-Accordion__disclosure-header___H8hfm", "hop-Accordion__disclosure-panel": "Accordion-module__hop-Accordion__disclosure-panel___XHpgo" };
 var GlobalAccordionCssSelector = "hop-Accordion";
 function Accordion(props, ref) {
   [props, ref] = useContextProps(props, ref, AccordionContext);

package/dist/{chunk-EXJPXWMI.js → chunk-NPA7UT32.js}

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

package/dist/{chunk-7NE3GK4B.js → chunk-NXPWXGP5.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___hQDf2" };
+var SegmentedControl_module_default = { "hop-SegmentedControl": "SegmentedControl-module__hop-SegmentedControl___uxyOn" };
 var GlobalSegmentedControlCssSelector = "hop-SegmentedControl";
 var SegmentedControl = (props, ref) => {
   [props, ref] = useContextProps(props, ref, SegmentedControlContext);

package/dist/{chunk-CMHDNSDC.js → chunk-O5FAEC4C.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___7GMd0", "hop-Card--main": "Card-module__hop-Card--main___qEa76", "hop-Card--second-level": "Card-module__hop-Card--second-level___-V3f4" };
+var Card_module_default = { "hop-Card": "Card-module__hop-Card___M0vSs", "hop-Card--main": "Card-module__hop-Card--main___i6vfQ", "hop-Card--second-level": "Card-module__hop-Card--second-level___TTYQN" };
 var GlobalCardCssSelector = "hop-Card";
 var Card = (props, ref) => {
   [props, ref] = useContextProps(props, ref, CardContext);

package/dist/{chunk-GO5YWY3A.js → chunk-O6E447NY.js}

@@ -6,7 +6,7 @@ import { useContextProps, Input as Input$1 } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Input.module.css#css-module
-var Input_module_default = { "hop-Input": "Input-module__hop-Input___H0UjR", "hop-Input--sm": "Input-module__hop-Input--sm___-5kkO" };
+var Input_module_default = { "hop-Input": "Input-module__hop-Input___DTDVb", "hop-Input--sm": "Input-module__hop-Input--sm___NXGIy" };
 var InputContext = createContext({});
 var Input = forwardRef(function Input2(props, ref) {
   var _a;

package/dist/{chunk-MEE4R22N.js → chunk-OMNPSSHM.js}

@@ -1,9 +1,9 @@
-import { _BaseModal } from './chunk-3G2VOBMO.js';
+import { _BaseModal } from './chunk-AGIEKHSS.js';
 import { ContentContext } from './chunk-IXB2WK56.js';
 import { HeadingContext } from './chunk-WJRMD4JP.js';
-import { _CloseButton } from './chunk-2CA5GIKK.js';
-import { _Button } from './chunk-WCRJ3RKI.js';
-import { _ButtonGroup } from './chunk-NKZMUMSO.js';
+import { _CloseButton } from './chunk-RTPGWP4T.js';
+import { _Button } from './chunk-5W6WAJRZ.js';
+import { _ButtonGroup } from './chunk-Z6S6ZRKX.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { AlertContext } from './chunk-5DT3S5YY.js';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
@@ -14,10 +14,10 @@ import { useContextProps, composeRenderProps, Dialog, Provider } from 'react-ari
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./Alert.module.css#css-module
-var Alert_module_default = { "hop-Alert": "Alert-module__hop-Alert___7mYTk", "hop-Alert__button-group": "Alert-module__hop-Alert__button-group___xFrHp", "hop-Alert__heading": "Alert-module__hop-Alert__heading___cp8F9", "hop-Alert__close": "Alert-module__hop-Alert__close___f2ED0", "hop-Alert__content": "Alert-module__hop-Alert__content___-S-v5" };
+var Alert_module_default = { "hop-Alert": "Alert-module__hop-Alert___Q4jZl", "hop-Alert__button-group": "Alert-module__hop-Alert__button-group___7PC1q", "hop-Alert__heading": "Alert-module__hop-Alert__heading___OwdO-", "hop-Alert__close": "Alert-module__hop-Alert__close___Raj9I", "hop-Alert__content": "Alert-module__hop-Alert__content___7J1n-", "hop-Alert__base-modal": "Alert-module__hop-Alert__base-modal___LvejI", "hop-Alert__base-modal--sm": "Alert-module__hop-Alert__base-modal--sm___iOiex", "hop-Alert__base-modal--md": "Alert-module__hop-Alert__base-modal--md___0Fbz1", "hop-Alert__overlay": "Alert-module__hop-Alert__overlay___t2wLO" };
 var GlobalAlertCssSelector = "hop-Alert";
 function Alert(props, ref) {
-  var _a;
+  var _a, _b;
   [props, ref] = useContextProps(props, ref, AlertContext);
   const { stylingProps, ...ownProps } = useStyledSystem(props);
   const {
@@ -62,10 +62,18 @@ function Alert(props, ref) {
   return /* @__PURE__ */ jsx(
     _BaseModal,
     {
-      size,
+      ...overlayProps,
       isDismissable: isDismissable && !isLoading,
       isKeyboardDismissDisabled: isDismissable && !isLoading,
-      ...overlayProps,
+      className: clsx(Alert_module_default["hop-Alert__overlay"], overlayProps == null ? void 0 : overlayProps.className),
+      modalProps: {
+        ...overlayProps == null ? void 0 : overlayProps.modalProps,
+        className: clsx((_b = overlayProps == null ? void 0 : overlayProps.modalProps) == null ? void 0 : _b.className, cssModule(
+          Alert_module_default,
+          "hop-Alert__base-modal",
+          size
+        ))
+      },
       children: /* @__PURE__ */ jsx(
         Dialog,
         {

package/dist/{chunk-UKK3LLZY.js → chunk-PAONW5PU.js}

@@ -1,6 +1,6 @@
 import { InternalSegmentedControlContext } from './chunk-6BJLSAMM.js';
 import { SegmentedControlItemContext } from './chunk-VS3PE4S6.js';
-import { _Text } from './chunk-2K73ATBP.js';
+import { _Text } from './chunk-PGTKFOZP.js';
 import { TextContext } from './chunk-ZNOU2CGM.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { IconContext } from '@hopper-ui/icons';
@@ -11,7 +11,7 @@ import { useContextProps, ToggleGroupStateContext, ToggleButton, Provider, DEFAU
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./SegmentedControlItem.module.css#css-module
-var SegmentedControlItem_module_default = { "hop-SegmentedControlItem": "SegmentedControlItem-module__hop-SegmentedControlItem___Y1PkT", "hop-SegmentedControlItem__slider": "SegmentedControlItem-module__hop-SegmentedControlItem__slider___yTH7-", "hop-SegmentedControlItem__wrapper": "SegmentedControlItem-module__hop-SegmentedControlItem__wrapper___acSA6", "hop-SegmentedControlItem--md": "SegmentedControlItem-module__hop-SegmentedControlItem--md___YHbhF", "hop-SegmentedControlItem__icon": "SegmentedControlItem-module__hop-SegmentedControlItem__icon___WSK8X", "hop-SegmentedControlItem__text": "SegmentedControlItem-module__hop-SegmentedControlItem__text___k14jP", "hop-SegmentedControlItem__start-icon": "SegmentedControlItem-module__hop-SegmentedControlItem__start-icon___REkWI", "hop-SegmentedControlItem--justified": "SegmentedControlItem-module__hop-SegmentedControlItem--justified___O-rUH" };
+var SegmentedControlItem_module_default = { "hop-SegmentedControlItem": "SegmentedControlItem-module__hop-SegmentedControlItem___XZKQ5", "hop-SegmentedControlItem__slider": "SegmentedControlItem-module__hop-SegmentedControlItem__slider___7Ujc7", "hop-SegmentedControlItem__wrapper": "SegmentedControlItem-module__hop-SegmentedControlItem__wrapper___DdBo6", "hop-SegmentedControlItem--md": "SegmentedControlItem-module__hop-SegmentedControlItem--md___nkffc", "hop-SegmentedControlItem__icon": "SegmentedControlItem-module__hop-SegmentedControlItem__icon___xTiVs", "hop-SegmentedControlItem__text": "SegmentedControlItem-module__hop-SegmentedControlItem__text___QnoW2", "hop-SegmentedControlItem__start-icon": "SegmentedControlItem-module__hop-SegmentedControlItem__start-icon___AMErR", "hop-SegmentedControlItem--justified": "SegmentedControlItem-module__hop-SegmentedControlItem--justified___XaUdQ" };
 var GlobalSegmentedControlItemCssSelector = "hop-SegmentedControlItem";
 var SegmentedControlItem = (props, ref) => {
   var _a;

package/dist/{chunk-2K73ATBP.js → chunk-PGTKFOZP.js}

@@ -9,7 +9,7 @@ import { useContextProps, Text as Text$1 } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Text.module.css#css-module
-var Text_module_default = { "hop-Text": "Text-module__hop-Text___-YCsg", "hop-Text--xs": "Text-module__hop-Text--xs___W5BYd", "hop-Text--sm": "Text-module__hop-Text--sm___qEpVQ", "hop-Text--md": "Text-module__hop-Text--md___nAifP", "hop-Text--lg": "Text-module__hop-Text--lg___7WsS-", "hop-Text--xl": "Text-module__hop-Text--xl___YnszN", "hop-Text--2xl": "Text-module__hop-Text--2xl___HEeo3", "hop-Text--inherit": "Text-module__hop-Text--inherit___VNf8N" };
+var Text_module_default = { "hop-Text": "Text-module__hop-Text___FGr36", "hop-Text--xs": "Text-module__hop-Text--xs___160v2", "hop-Text--sm": "Text-module__hop-Text--sm___IT2I4", "hop-Text--md": "Text-module__hop-Text--md___6Zuhi", "hop-Text--lg": "Text-module__hop-Text--lg___INN88", "hop-Text--xl": "Text-module__hop-Text--xl___xMvKm", "hop-Text--2xl": "Text-module__hop-Text--2xl___zNsCi", "hop-Text--inherit": "Text-module__hop-Text--inherit___Oi-RS" };
 var GlobalTextCssSelector = "hop-Text";
 function Text(props, ref) {
   [props, ref] = useContextProps(props, ref, TextContext);

package/dist/{chunk-4CXRWUWF.js → chunk-PMNQ7M5D.js}

@@ -1,5 +1,5 @@
 import { SpinnerContext } from './chunk-5K3V5PGZ.js';
-import { _Text } from './chunk-2K73ATBP.js';
+import { _Text } from './chunk-PGTKFOZP.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
@@ -9,7 +9,7 @@ import { useContextProps, ProgressBar } from 'react-aria-components';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // css-module:./Spinner.module.css#css-module
-var Spinner_module_default = { "hop-Spinner": "Spinner-module__hop-Spinner___zJxC1", "spin": "Spinner-module__spin___B9Svv", "hop-Spinner--sm": "Spinner-module__hop-Spinner--sm___r3o5P", "hop-Spinner--md": "Spinner-module__hop-Spinner--md___g4ITu", "hop-Spinner--lg": "Spinner-module__hop-Spinner--lg___qh8-v", "hop-Spinner__track": "Spinner-module__hop-Spinner__track___nO6hx", "hop-Spinner__fill": "Spinner-module__hop-Spinner__fill___USfE2", "hop-Spinner__label": "Spinner-module__hop-Spinner__label___QqmhK" };
+var Spinner_module_default = { "hop-Spinner": "Spinner-module__hop-Spinner___b0m0F", "spin": "Spinner-module__spin___MdfkJ", "hop-Spinner--sm": "Spinner-module__hop-Spinner--sm___5fffU", "hop-Spinner--md": "Spinner-module__hop-Spinner--md___s9RrN", "hop-Spinner--lg": "Spinner-module__hop-Spinner--lg___ydVq5", "hop-Spinner__track": "Spinner-module__hop-Spinner__track___re54s", "hop-Spinner__fill": "Spinner-module__hop-Spinner__fill___QRpNj", "hop-Spinner__label": "Spinner-module__hop-Spinner__label___GkCUC" };
 var GlobalSpinnerCssSelector = "hop-Spinner";
 var SpinnerToTextSizeAdapter = {
   sm: "xs",

package/dist/{chunk-NJNAU6TR.js → chunk-QI4OLDRW.js}

@@ -1,8 +1,8 @@
 import { PopoverTrigger } from './chunk-KHDRGFVV.js';
-import { _PopoverBase } from './chunk-EOCGOGQW.js';
+import { _PopoverBase } from './chunk-GARRT7S4.js';
 import { ContextualHelpContext } from './chunk-MR5BPD6R.js';
 import { useLocalizedString } from './chunk-H7LGBRRK.js';
-import { ensureTextWrapper } from './chunk-STJADE2E.js';
+import { ensureTextWrapper } from './chunk-I3YFYV66.js';
 import { ClearProviders, ClearContainerSlots } from './chunk-PQSMCDAM.js';
 import { TextContext } from './chunk-ZNOU2CGM.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
@@ -15,7 +15,7 @@ import { useContextProps, ButtonContext, Button, Provider } from 'react-aria-com
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // css-module:./ContextualHelp.module.css#css-module
-var ContextualHelp_module_default = { "hop-ContextualHelp": "ContextualHelp-module__hop-ContextualHelp___FLOEh", "hop-ContextualHelp__popover": "ContextualHelp-module__hop-ContextualHelp__popover___0gNG9" };
+var ContextualHelp_module_default = { "hop-ContextualHelp": "ContextualHelp-module__hop-ContextualHelp___hSaI2", "hop-ContextualHelp__popover": "ContextualHelp-module__hop-ContextualHelp__popover___4khLR" };
 var GlobalContextualHelpCssSelector = "hop-ContextualHelp";
 function ContextualHelp(props, ref) {
   var _a;

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

package/dist/{chunk-PFL2CRYS.js → chunk-QSB7MQGS.js}

@@ -1,7 +1,7 @@
 import { LinkContext } from './chunk-MTULE7GI.js';
 import { CompactCalloutContext } from './chunk-NX7YNFUX.js';
 import { ContentContext } from './chunk-IXB2WK56.js';
-import { _CloseButton } from './chunk-2CA5GIKK.js';
+import { _CloseButton } from './chunk-RTPGWP4T.js';
 import { LinkButtonContext } from './chunk-3UQFC2NQ.js';
 import { ButtonContext } from './chunk-WMTWFKKP.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
@@ -13,7 +13,7 @@ import { useContextProps, DEFAULT_SLOT } from 'react-aria-components';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // css-module:./CompactCallout.module.css#css-module
-var CompactCallout_module_default = { "hop-CompactCallout": "CompactCallout-module__hop-CompactCallout___0xlnn", "hop-CompactCallout--dismissable": "CompactCallout-module__hop-CompactCallout--dismissable___SVeg9", "hop-CompactCallout__content": "CompactCallout-module__hop-CompactCallout__content___rwMwE", "hop-CompactCallout__button": "CompactCallout-module__hop-CompactCallout__button___alr3K", "hop-CompactCallout__link": "CompactCallout-module__hop-CompactCallout__link___lTJHZ", "hop-CompactCallout__dismiss": "CompactCallout-module__hop-CompactCallout__dismiss___Km4GU", "hop-CompactCallout--information": "CompactCallout-module__hop-CompactCallout--information___ZymJX", "hop-CompactCallout--success": "CompactCallout-module__hop-CompactCallout--success___-DBn0", "hop-CompactCallout--warning": "CompactCallout-module__hop-CompactCallout--warning___yg6E9", "hop-CompactCallout--upsell": "CompactCallout-module__hop-CompactCallout--upsell___3qRlj", "hop-CompactCallout--subtle-fill": "CompactCallout-module__hop-CompactCallout--subtle-fill___1n4Cl" };
+var CompactCallout_module_default = { "hop-CompactCallout": "CompactCallout-module__hop-CompactCallout___2WydP", "hop-CompactCallout--dismissable": "CompactCallout-module__hop-CompactCallout--dismissable___umCKP", "hop-CompactCallout__content": "CompactCallout-module__hop-CompactCallout__content___tcwXj", "hop-CompactCallout__button": "CompactCallout-module__hop-CompactCallout__button___rnqWV", "hop-CompactCallout__link": "CompactCallout-module__hop-CompactCallout__link___sIMfE", "hop-CompactCallout__dismiss": "CompactCallout-module__hop-CompactCallout__dismiss___vHHO5", "hop-CompactCallout--information": "CompactCallout-module__hop-CompactCallout--information___Vb0-i", "hop-CompactCallout--success": "CompactCallout-module__hop-CompactCallout--success___tbrof", "hop-CompactCallout--warning": "CompactCallout-module__hop-CompactCallout--warning___5QSuG", "hop-CompactCallout--upsell": "CompactCallout-module__hop-CompactCallout--upsell___Nt5IY", "hop-CompactCallout--subtle-fill": "CompactCallout-module__hop-CompactCallout--subtle-fill___wILtM" };
 var GlobalCompactCalloutCssSelector = "hop-CompactCallout";
 var CompactCallout = (props, ref) => {
   [props, ref] = useContextProps(props, ref, CompactCalloutContext);

package/dist/{chunk-WREPQVYO.js → chunk-QSUTETKK.js}

@@ -1,6 +1,6 @@
 import { ModalTrigger } from './chunk-YVZGV7LZ.js';
 import { CustomModalContext } from './chunk-AJKN2ALX.js';
-import { _BaseModal } from './chunk-3G2VOBMO.js';
+import { _BaseModal } from './chunk-AGIEKHSS.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
 import clsx from 'clsx';
@@ -9,10 +9,10 @@ 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___4b1OU" };
+var CustomModal_module_default = { "hop-CustomModal": "CustomModal-module__hop-CustomModal___QSgJ8", "hop-CustomModal__base-modal": "CustomModal-module__hop-CustomModal__base-modal___uYiCs", "hop-CustomModal__base-modal--sm": "CustomModal-module__hop-CustomModal__base-modal--sm___-QV6q", "hop-CustomModal__base-modal--md": "CustomModal-module__hop-CustomModal__base-modal--md___smKY2", "hop-CustomModal__base-modal--lg": "CustomModal-module__hop-CustomModal__base-modal--lg___mm-FB", "hop-CustomModal__base-modal--xl": "CustomModal-module__hop-CustomModal__base-modal--xl___ZT4Zp", "hop-CustomModal__base-modal--fullscreen": "CustomModal-module__hop-CustomModal__base-modal--fullscreen___Gd-kD", "hop-CustomModal__base-modal--fullscreentakeover": "CustomModal-module__hop-CustomModal__base-modal--fullscreentakeover___mpKDN", "hop-CustomModal__overlay": "CustomModal-module__hop-CustomModal__overlay___RDRq9" };
 var GlobalCustomModalCssSelector = "hop-CustomModal";
 var CustomModal = (props, ref) => {
-  var _a;
+  var _a, _b;
   [props, ref] = useContextProps(props, ref, CustomModalContext);
   const { stylingProps, ...ownProps } = useStyledSystem(props);
   const {
@@ -55,9 +55,17 @@ var CustomModal = (props, ref) => {
       isOpen,
       defaultOpen,
       onOpenChange,
-      size,
       isDismissable: isDismissable != null ? isDismissable : isDismissible,
       isKeyboardDismissDisabled,
+      className: clsx(CustomModal_module_default["hop-CustomModal__overlay"], overlayProps == null ? void 0 : overlayProps.className),
+      modalProps: {
+        ...overlayProps == null ? void 0 : overlayProps.modalProps,
+        className: clsx((_b = overlayProps == null ? void 0 : overlayProps.modalProps) == null ? void 0 : _b.className, cssModule(
+          CustomModal_module_default,
+          "hop-CustomModal__base-modal",
+          size.toLowerCase()
+        ))
+      },
       children: /* @__PURE__ */ jsx(
         Dialog,
         {

package/dist/{chunk-NIUS3B3A.js → chunk-QWLCNMRN.js}

@@ -1,6 +1,6 @@
 import { TooltipContext } from './chunk-77PD5K3M.js';
 import { TooltipTriggerContext } from './chunk-XXEXHHC6.js';
-import { ensureTextWrapper } from './chunk-STJADE2E.js';
+import { ensureTextWrapper } from './chunk-I3YFYV66.js';
 import { TextContext } from './chunk-ZNOU2CGM.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { useStyledSystem, useColorSchemeContext, useThemeContext, getRootCSSClasses } from '@hopper-ui/styled-system';
@@ -10,7 +10,7 @@ import { useContextProps, Provider, Tooltip as Tooltip$1 } from 'react-aria-comp
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Tooltip.module.css#css-module
-var Tooltip_module_default = { "hop-Tooltip": "Tooltip-module__hop-Tooltip___V17Q4", "hop-Tooltip--top": "Tooltip-module__hop-Tooltip--top___UEO0g", "hop-Tooltip--right": "Tooltip-module__hop-Tooltip--right___O3vii", "hop-Tooltip--bottom": "Tooltip-module__hop-Tooltip--bottom___HQ2jj", "hop-Tooltip--left": "Tooltip-module__hop-Tooltip--left___T-PFr", "slide": "Tooltip-module__slide___EDJD-" };
+var Tooltip_module_default = { "hop-Tooltip": "Tooltip-module__hop-Tooltip___Ypk4H", "hop-Tooltip--top": "Tooltip-module__hop-Tooltip--top___sIww0", "hop-Tooltip--right": "Tooltip-module__hop-Tooltip--right___LecTE", "hop-Tooltip--bottom": "Tooltip-module__hop-Tooltip--bottom___-R2QV", "hop-Tooltip--left": "Tooltip-module__hop-Tooltip--left___Zh-4g", "slide": "Tooltip-module__slide___w9DFv" };
 var GlobalTooltipCssSelector = "hop-Tooltip";
 function Tooltip(props, ref) {
   [props, ref] = useContextProps(props, ref, TooltipContext);

package/dist/{chunk-AXKGV2KA.js → chunk-R5HCTYGG.js}

@@ -1,8 +1,8 @@
 import { CheckboxContext } from './chunk-2EAZPH3M.js';
 import { CheckboxFieldContext } from './chunk-ZGNK4GWA.js';
 import { useRenderProps } from './chunk-2NSUMKNH.js';
-import { useFormProps } from './chunk-EXUH2BTF.js';
-import { _Text } from './chunk-2K73ATBP.js';
+import { useFormProps } from './chunk-QNPL5VRZ.js';
+import { _Text } from './chunk-PGTKFOZP.js';
 import { ClearContainerSlots } from './chunk-PQSMCDAM.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
@@ -15,7 +15,7 @@ import { useContextProps, composeRenderProps } from 'react-aria-components';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // css-module:./CheckboxField.module.css#css-module
-var CheckboxField_module_default = { "hop-CheckboxField": "CheckboxField-module__hop-CheckboxField___8259x", "hop-CheckboxField--sm": "CheckboxField-module__hop-CheckboxField--sm___lm6UC", "hop-CheckboxField--md": "CheckboxField-module__hop-CheckboxField--md___bSedT", "hop-CheckboxField__description": "CheckboxField-module__hop-CheckboxField__description___mxvmV", "hop-CheckboxField__checkbox": "CheckboxField-module__hop-CheckboxField__checkbox___-SYNt" };
+var CheckboxField_module_default = { "hop-CheckboxField": "CheckboxField-module__hop-CheckboxField___0shAv", "hop-CheckboxField--sm": "CheckboxField-module__hop-CheckboxField--sm___KUhW7", "hop-CheckboxField--md": "CheckboxField-module__hop-CheckboxField--md___uImnW", "hop-CheckboxField__description": "CheckboxField-module__hop-CheckboxField__description___YQPS6", "hop-CheckboxField__checkbox": "CheckboxField-module__hop-CheckboxField__checkbox___2Za89" };
 var GlobalCheckboxFieldCssSelector = "hop-CheckboxField";
 var CheckboxToDescriptionSizeAdapter = {
   sm: "xs",

package/dist/{chunk-HQHL3HCW.js → chunk-R6RE6TYG.js}

@@ -1,6 +1,6 @@
 import { ErrorMessageContext } from './chunk-FV74YT2D.js';
 import { useRenderProps } from './chunk-2NSUMKNH.js';
-import { _Text } from './chunk-2K73ATBP.js';
+import { _Text } from './chunk-PGTKFOZP.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { WarningIcon } from '@hopper-ui/icons';
@@ -10,7 +10,7 @@ import { FieldErrorContext, useContextProps, composeRenderProps } from 'react-ar
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./ErrorMessage.module.css#css-module
-var ErrorMessage_module_default = { "hop-ErrorMessage": "ErrorMessage-module__hop-ErrorMessage___jJX0h", "hop-ErrorMessage__icon": "ErrorMessage-module__hop-ErrorMessage__icon___O3e3f" };
+var ErrorMessage_module_default = { "hop-ErrorMessage": "ErrorMessage-module__hop-ErrorMessage___N6s5t", "hop-ErrorMessage__icon": "ErrorMessage-module__hop-ErrorMessage__icon___q5t1P" };
 var GlobalErrorMessageCssSelector = "hop-ErrorMessage";
 function ErrorMessage(props, ref) {
   const validation = useContext(FieldErrorContext);

package/dist/{chunk-O3HFV4OF.js → chunk-RBACF7O4.js}

@@ -1,9 +1,9 @@
 import { TagGroupContext, InternalTagGroupContext } from './chunk-4BWTFR22.js';
 import { TagContext } from './chunk-EWMWQ2MC.js';
-import { FieldLabel } from './chunk-VQSOPO6M.js';
-import { _HelperMessage } from './chunk-KO6W2LOL.js';
-import { _ErrorMessage } from './chunk-HQHL3HCW.js';
-import { useFormProps } from './chunk-EXUH2BTF.js';
+import { FieldLabel } from './chunk-VRAR2MAW.js';
+import { _HelperMessage } from './chunk-IMW4OEDY.js';
+import { _ErrorMessage } from './chunk-R6RE6TYG.js';
+import { useFormProps } from './chunk-QNPL5VRZ.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
@@ -14,7 +14,7 @@ import { useContextProps, composeRenderProps, FieldErrorContext, TagGroup as Tag
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // css-module:./TagGroup.module.css#css-module
-var TagGroup_module_default = { "hop-TagGroup": "TagGroup-module__hop-TagGroup___oC8Xo", "hop-TagGroup__label": "TagGroup-module__hop-TagGroup__label___-Ubt7", "hop-TagGroup__list": "TagGroup-module__hop-TagGroup__list___4x7DS", "hop-TagGroup__error-message": "TagGroup-module__hop-TagGroup__error-message___YeTvw", "hop-TagGroup__helper-message": "TagGroup-module__hop-TagGroup__helper-message___ayFMT" };
+var TagGroup_module_default = { "hop-TagGroup": "TagGroup-module__hop-TagGroup___JPssY", "hop-TagGroup__label": "TagGroup-module__hop-TagGroup__label___ycujZ", "hop-TagGroup__list": "TagGroup-module__hop-TagGroup__list___j-iji", "hop-TagGroup__error-message": "TagGroup-module__hop-TagGroup__error-message___51D5f", "hop-TagGroup__helper-message": "TagGroup-module__hop-TagGroup__helper-message___zzIv9" };
 var GlobalTagGroupCssSelector = "hop-TagGroup";
 function TagGroup(props, ref) {
   var _a;

package/dist/{chunk-EQIYI5PS.js → chunk-RKZGYLDL.js}

@@ -1,10 +1,10 @@
 import { RadioGroupContext } from './chunk-5MBJWRZD.js';
 import { RadioFieldContext } from './chunk-DGLAGYBD.js';
 import { RadioContext } from './chunk-FU5CCPLP.js';
-import { FieldLabel } from './chunk-VQSOPO6M.js';
-import { _HelperMessage } from './chunk-KO6W2LOL.js';
-import { _ErrorMessage } from './chunk-HQHL3HCW.js';
-import { useFormProps } from './chunk-EXUH2BTF.js';
+import { FieldLabel } from './chunk-VRAR2MAW.js';
+import { _HelperMessage } from './chunk-IMW4OEDY.js';
+import { _ErrorMessage } from './chunk-R6RE6TYG.js';
+import { useFormProps } from './chunk-QNPL5VRZ.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___vSNcc", "hop-RadioGroup--bordered": "RadioGroup-module__hop-RadioGroup--bordered___keV0K", "hop-RadioGroup--fluid": "RadioGroup-module__hop-RadioGroup--fluid___E6CX2", "hop-RadioGroup--sm": "RadioGroup-module__hop-RadioGroup--sm___uUtuO", "hop-RadioGroup--md": "RadioGroup-module__hop-RadioGroup--md___b38Q-", "hop-RadioGroup__label": "RadioGroup-module__hop-RadioGroup__label___mrRIX", "hop-RadioGroup__list": "RadioGroup-module__hop-RadioGroup__list___REH4-", "hop-RadioGroup__radio": "RadioGroup-module__hop-RadioGroup__radio___b65AD", "hop-RadioGroup__error-message": "RadioGroup-module__hop-RadioGroup__error-message___uyWHi", "hop-RadioGroup__helper-message": "RadioGroup-module__hop-RadioGroup__helper-message___bj1YE" };
+var RadioGroup_module_default = { "hop-RadioGroup": "RadioGroup-module__hop-RadioGroup___nmqb-", "hop-RadioGroup--bordered": "RadioGroup-module__hop-RadioGroup--bordered___m4B5x", "hop-RadioGroup--fluid": "RadioGroup-module__hop-RadioGroup--fluid___Bz6AK", "hop-RadioGroup--sm": "RadioGroup-module__hop-RadioGroup--sm___smxq3", "hop-RadioGroup--md": "RadioGroup-module__hop-RadioGroup--md___OHD4M", "hop-RadioGroup__label": "RadioGroup-module__hop-RadioGroup__label___942on", "hop-RadioGroup__list": "RadioGroup-module__hop-RadioGroup__list___qYN-D", "hop-RadioGroup__radio": "RadioGroup-module__hop-RadioGroup__radio___KAjca", "hop-RadioGroup__error-message": "RadioGroup-module__hop-RadioGroup__error-message___AX9k-", "hop-RadioGroup__helper-message": "RadioGroup-module__hop-RadioGroup__helper-message___QUTEl" };
 var GlobalRadioGroupCssSelector = "hop-RadioGroup";
 function RadioGroup(props, ref) {
   var _a, _b, _c, _d;

package/dist/{chunk-2CA5GIKK.js → chunk-RTPGWP4T.js}

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

package/dist/{chunk-O3GFAIPB.js → chunk-S532SP7N.js}

@@ -1,7 +1,7 @@
 import { CalendarContext } from './chunk-5XCTED25.js';
-import { _ErrorMessage } from './chunk-HQHL3HCW.js';
-import { CalendarGrid } from './chunk-KSWQTDS4.js';
-import { CalendarHeader } from './chunk-UM7VRMOT.js';
+import { _ErrorMessage } from './chunk-R6RE6TYG.js';
+import { CalendarGrid } from './chunk-VBOYVUEY.js';
+import { CalendarHeader } from './chunk-AO6MXEEF.js';
 import { useLocalizedString } from './chunk-H7LGBRRK.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
@@ -12,7 +12,7 @@ import { useContextProps, Calendar as Calendar$1, FieldErrorContext } from 'reac
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./Calendar.module.css#css-module
-var Calendar_module_default = { "hop-Calendar": "Calendar-module__hop-Calendar___JTM0I", "hop-Calendar__grids": "Calendar-module__hop-Calendar__grids___PA9rS", "hop-Calendar__error-message": "Calendar-module__hop-Calendar__error-message___c2FUj" };
+var Calendar_module_default = { "hop-Calendar": "Calendar-module__hop-Calendar___Boh8j", "hop-Calendar__grids": "Calendar-module__hop-Calendar__grids___77x0J", "hop-Calendar__error-message": "Calendar-module__hop-Calendar__error-message___arNMe" };
 var GlobalCalendarCssSelector = "hop-Calendar";
 var Calendar = (props, ref) => {
   [props, ref] = useContextProps(props, ref, CalendarContext);

package/dist/{chunk-SDRYQWUO.js → chunk-S7UYFZW2.js}

@@ -1,11 +1,11 @@
 import { ImageContext } from './chunk-JAR7CXVS.js';
 import { FooterContext } from './chunk-I67NHYK4.js';
 import { HeaderContext } from './chunk-FOQ7KN4V.js';
-import { _BaseModal } from './chunk-3G2VOBMO.js';
+import { _BaseModal } from './chunk-AGIEKHSS.js';
 import { ModalContext } from './chunk-OO3XBOMF.js';
 import { ContentContext } from './chunk-IXB2WK56.js';
 import { HeadingContext } from './chunk-WJRMD4JP.js';
-import { _CloseButton } from './chunk-2CA5GIKK.js';
+import { _CloseButton } from './chunk-RTPGWP4T.js';
 import { ButtonContext } from './chunk-WMTWFKKP.js';
 import { ButtonGroupContext } from './chunk-VJQ7M2BK.js';
 import { useSlot } from './chunk-H5YTU3U7.js';
@@ -17,11 +17,11 @@ 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___FQq5-", "hop-Modal__top-container": "Modal-module__hop-Modal__top-container___f2pQl", "hop-Modal__bottom-container": "Modal-module__hop-Modal__bottom-container___XKj6O", "hop-Modal--has-image": "Modal-module__hop-Modal--has-image___QHY50", "hop-Modal--fullscreen": "Modal-module__hop-Modal--fullscreen___swlSC", "hop-Modal--fullscreenTakeover": "Modal-module__hop-Modal--fullscreenTakeover___wTU58", "hop-Modal__close": "Modal-module__hop-Modal__close___lXVjO", "hop-Modal__image": "Modal-module__hop-Modal__image___9zTPA", "hop-Modal__heading": "Modal-module__hop-Modal__heading___Rep30", "hop-Modal__header": "Modal-module__hop-Modal__header___mmRV2", "hop-Modal__content": "Modal-module__hop-Modal__content___bZwSw", "hop-Modal__footer": "Modal-module__hop-Modal__footer___910ZS", "hop-Modal__button": "Modal-module__hop-Modal__button___VyQTB", "hop-Modal__button-group": "Modal-module__hop-Modal__button-group___agwGy" };
+var Modal_module_default = { "hop-Modal": "Modal-module__hop-Modal___4NsVx", "hop-Modal__top-container": "Modal-module__hop-Modal__top-container___vXlmB", "hop-Modal__bottom-container": "Modal-module__hop-Modal__bottom-container___5L3iI", "hop-Modal--has-image": "Modal-module__hop-Modal--has-image___ellC5", "hop-Modal--fullscreen": "Modal-module__hop-Modal--fullscreen___XcQd-", "hop-Modal--fullscreenTakeover": "Modal-module__hop-Modal--fullscreenTakeover___W5Qk4", "hop-Modal__close": "Modal-module__hop-Modal__close___wd9l4", "hop-Modal__image": "Modal-module__hop-Modal__image___WzLbl", "hop-Modal__heading": "Modal-module__hop-Modal__heading___6-sFG", "hop-Modal__header": "Modal-module__hop-Modal__header___1fkXy", "hop-Modal__content": "Modal-module__hop-Modal__content___hFnCq", "hop-Modal__footer": "Modal-module__hop-Modal__footer___kazfD", "hop-Modal__button": "Modal-module__hop-Modal__button___2q-gR", "hop-Modal__button-group": "Modal-module__hop-Modal__button-group___GhyV8", "hop-Modal__base-modal": "Modal-module__hop-Modal__base-modal___ZET-r", "hop-Modal__base-modal--has-image": "Modal-module__hop-Modal__base-modal--has-image___yCs-S", "hop-Modal__base-modal--sm": "Modal-module__hop-Modal__base-modal--sm___W6Rq3", "hop-Modal__base-modal--md": "Modal-module__hop-Modal__base-modal--md___JszwA", "hop-Modal__base-modal--lg": "Modal-module__hop-Modal__base-modal--lg___S6GGb", "hop-Modal__base-modal--xl": "Modal-module__hop-Modal__base-modal--xl___vrUTG", "hop-Modal__base-modal--fullscreen": "Modal-module__hop-Modal__base-modal--fullscreen___-Kgtk", "hop-Modal__base-modal--fullscreenTakeover": "Modal-module__hop-Modal__base-modal--fullscreenTakeover___r5-zd", "hop-Modal__overlay": "Modal-module__hop-Modal__overlay___nlfk4" };
 var GlobalModalCssSelector = "hop-Modal";
 var ClearContexts = [ImageContext, HeadingContext, HeaderContext, ContentContext, FooterContext, ButtonContext, ButtonGroupContext];
 var Modal = (props, ref) => {
-  var _a;
+  var _a, _b;
   [props, ref] = useContextProps(props, ref, ModalContext);
   const { stylingProps, ...ownProps } = useStyledSystem(props);
   const [imageRef, hasImage] = useSlot();
@@ -66,10 +66,18 @@ var Modal = (props, ref) => {
       isOpen,
       defaultOpen,
       onOpenChange,
-      hasImage,
-      size,
       isDismissable: isDismissable != null ? isDismissable : isDismissible,
       isKeyboardDismissDisabled,
+      className: clsx(Modal_module_default["hop-Modal__overlay"], overlayProps == null ? void 0 : overlayProps.className),
+      modalProps: {
+        ...overlayProps == null ? void 0 : overlayProps.modalProps,
+        className: clsx((_b = overlayProps == null ? void 0 : overlayProps.modalProps) == null ? void 0 : _b.className, cssModule(
+          Modal_module_default,
+          "hop-Modal__base-modal",
+          size,
+          hasImage && "has-image"
+        ))
+      },
       children: /* @__PURE__ */ jsx(
         Dialog,
         {

package/dist/{chunk-OGBNMP6P.js → chunk-TD4LNMLO.js}

@@ -1,5 +1,5 @@
-import { _SelectInternal } from './chunk-OSLRCFAA.js';
-import { _ListBoxItem } from './chunk-IFIWKHJ3.js';
+import { _SelectInternal } from './chunk-LZAPV7GO.js';
+import { _ListBoxItem } from './chunk-GH5OQTF6.js';
 import { _ListBoxSection } from './chunk-PN5BRTOO.js';
 
 // src/select/src/Select.tsx

package/dist/{chunk-SU6BMGCI.js → chunk-UKWALODK.js}

@@ -6,7 +6,7 @@ import { DateInput as DateInput$1, DateSegment } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./DateInput.module.css#css-module
-var DateInput_module_default = { "hop-DateInput": "DateInput-module__hop-DateInput___-oEdE Input-module__hop-Input___H0UjR", "hop-DateInput--sm": "DateInput-module__hop-DateInput--sm___5lmnd Input-module__hop-Input--sm___-5kkO", "hop-DateSegment": "DateInput-module__hop-DateSegment___bvw6P", "hop-DateInput--disabled": "DateInput-module__hop-DateInput--disabled___EG805" };
+var DateInput_module_default = { "hop-DateInput": "DateInput-module__hop-DateInput___7I-eK Input-module__hop-Input___DTDVb", "hop-DateInput--sm": "DateInput-module__hop-DateInput--sm___Qbm1L Input-module__hop-Input--sm___NXGIy", "hop-DateSegment": "DateInput-module__hop-DateSegment___pAehK", "hop-DateInput--disabled": "DateInput-module__hop-DateInput--disabled___T-LAX" };
 var GlobalDateInputCssSelector = "hop-DateInput";
 var DateInput = (props, ref) => {
   var _a;

package/dist/{chunk-T3XN4ULU.js → chunk-V6JW2IDW.js}

@@ -1,6 +1,6 @@
 import { RadioContext } from './chunk-FU5CCPLP.js';
 import { IconListContext } from './chunk-GBWXEK6N.js';
-import { ensureTextWrapper } from './chunk-STJADE2E.js';
+import { ensureTextWrapper } from './chunk-I3YFYV66.js';
 import { ClearContainerSlots } from './chunk-PQSMCDAM.js';
 import { TextContext } from './chunk-ZNOU2CGM.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___-M4X8", "hop-Radio--sm": "Radio-module__hop-Radio--sm___SG--s", "hop-Radio--md": "Radio-module__hop-Radio--md___TvaVH", "hop-Radio__icon": "Radio-module__hop-Radio__icon___VobhS", "hop-Radio__icon-list": "Radio-module__hop-Radio__icon-list___IG7R9", "hop-Radio__box": "Radio-module__hop-Radio__box___R6XAR", "hop-Radio__bullet": "Radio-module__hop-Radio__bullet___LRGTz", "hop-Radio__text": "Radio-module__hop-Radio__text___1UvrR" };
+var Radio_module_default = { "hop-Radio": "Radio-module__hop-Radio___qz7j5", "hop-Radio--sm": "Radio-module__hop-Radio--sm___BaiqR", "hop-Radio--md": "Radio-module__hop-Radio--md___OWKqE", "hop-Radio__icon": "Radio-module__hop-Radio__icon___vCx2a", "hop-Radio__icon-list": "Radio-module__hop-Radio__icon-list___8-hMb", "hop-Radio__box": "Radio-module__hop-Radio__box___-W1j9", "hop-Radio__bullet": "Radio-module__hop-Radio__bullet___gNVte", "hop-Radio__text": "Radio-module__hop-Radio__text___YP-6H" };
 var GlobalRadioCssSelector = "hop-Radio";
 function Radio(props, ref) {
   var _a;

package/dist/{chunk-KSWQTDS4.js → chunk-VBOYVUEY.js}

@@ -1,5 +1,5 @@
-import { CalendarCell } from './chunk-VF6CEEJD.js';
-import { RangeCalendarCell } from './chunk-VL2CUEVW.js';
+import { CalendarCell } from './chunk-BWLIPXNB.js';
+import { RangeCalendarCell } from './chunk-WBT2L5WY.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { filterDOMProps } from '@react-aria/utils';
 import clsx from 'clsx';
@@ -8,7 +8,7 @@ import { CalendarStateContext, RangeCalendarStateContext, CalendarGrid as Calend
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 // css-module:./CalendarGrid.module.css#css-module
-var CalendarGrid_module_default = { "hop-CalendarGrid": "CalendarGrid-module__hop-CalendarGrid___HKYuZ", "hop-CalendarGrid__body": "CalendarGrid-module__hop-CalendarGrid__body___WQv2q", "hop-CalendarGrid__header-cell": "CalendarGrid-module__hop-CalendarGrid__header-cell___lK99J" };
+var CalendarGrid_module_default = { "hop-CalendarGrid": "CalendarGrid-module__hop-CalendarGrid___G6-W-", "hop-CalendarGrid__body": "CalendarGrid-module__hop-CalendarGrid__body___ECzew", "hop-CalendarGrid__header-cell": "CalendarGrid-module__hop-CalendarGrid__header-cell___4iWbm" };
 var GlobalCalendarGridCssSelector = "hop-CalendarGrid";
 var CalendarGrid = (props) => {
   const { weekdayStyle = "short", isFixedWeeks } = props;

package/dist/{chunk-LBEMK343.js → chunk-VN7LMG2K.js}

@@ -1,10 +1,10 @@
-import { FieldLabel } from './chunk-VQSOPO6M.js';
-import { _HelperMessage } from './chunk-KO6W2LOL.js';
+import { FieldLabel } from './chunk-VRAR2MAW.js';
+import { _HelperMessage } from './chunk-IMW4OEDY.js';
 import { CheckboxContext } from './chunk-2EAZPH3M.js';
 import { CheckboxFieldContext } from './chunk-ZGNK4GWA.js';
 import { CheckboxGroupContext } from './chunk-N7YDPVZL.js';
-import { _ErrorMessage } from './chunk-HQHL3HCW.js';
-import { useFormProps } from './chunk-EXUH2BTF.js';
+import { _ErrorMessage } from './chunk-R6RE6TYG.js';
+import { useFormProps } from './chunk-QNPL5VRZ.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, CheckboxGroup as CheckboxGroup$1 }
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./CheckboxGroup.module.css#css-module
-var CheckboxGroup_module_default = { "hop-CheckboxGroup": "CheckboxGroup-module__hop-CheckboxGroup___wuv3Q", "hop-CheckboxGroup--bordered": "CheckboxGroup-module__hop-CheckboxGroup--bordered___Va6Xj", "hop-CheckboxGroup--fluid": "CheckboxGroup-module__hop-CheckboxGroup--fluid___cHVNr", "hop-CheckboxGroup--sm": "CheckboxGroup-module__hop-CheckboxGroup--sm___cx239", "hop-CheckboxGroup--md": "CheckboxGroup-module__hop-CheckboxGroup--md___suud7", "hop-CheckboxGroup__label": "CheckboxGroup-module__hop-CheckboxGroup__label___fHj49", "hop-CheckboxGroup__list": "CheckboxGroup-module__hop-CheckboxGroup__list___IS2f0", "hop-CheckboxGroup__checkbox": "CheckboxGroup-module__hop-CheckboxGroup__checkbox___vz298", "hop-CheckboxGroup__error-message": "CheckboxGroup-module__hop-CheckboxGroup__error-message___kCPx3", "hop-CheckboxGroup__helper-message": "CheckboxGroup-module__hop-CheckboxGroup__helper-message___PE-Zf" };
+var CheckboxGroup_module_default = { "hop-CheckboxGroup": "CheckboxGroup-module__hop-CheckboxGroup___zI8zS", "hop-CheckboxGroup--bordered": "CheckboxGroup-module__hop-CheckboxGroup--bordered___N8aYD", "hop-CheckboxGroup--fluid": "CheckboxGroup-module__hop-CheckboxGroup--fluid___phoWn", "hop-CheckboxGroup--sm": "CheckboxGroup-module__hop-CheckboxGroup--sm___JKh0n", "hop-CheckboxGroup--md": "CheckboxGroup-module__hop-CheckboxGroup--md___5dNBY", "hop-CheckboxGroup__label": "CheckboxGroup-module__hop-CheckboxGroup__label___9Aj7X", "hop-CheckboxGroup__list": "CheckboxGroup-module__hop-CheckboxGroup__list___h-MCA", "hop-CheckboxGroup__checkbox": "CheckboxGroup-module__hop-CheckboxGroup__checkbox___NsfWz", "hop-CheckboxGroup__error-message": "CheckboxGroup-module__hop-CheckboxGroup__error-message___RTM4r", "hop-CheckboxGroup__helper-message": "CheckboxGroup-module__hop-CheckboxGroup__helper-message___NpAwQ" };
 var GlobalCheckboxGroupCssSelector = "hop-CheckboxGroup";
 function CheckboxGroup(props, ref) {
   var _a, _b, _c, _d;

package/dist/{chunk-G5N3UEU3.js → chunk-VQC3VW5D.js}

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

package/dist/{chunk-VQSOPO6M.js → chunk-VRAR2MAW.js}

@@ -1,6 +1,6 @@
-import { _Label } from './chunk-MLNSUGJT.js';
+import { _Label } from './chunk-4ZEKJONJ.js';
 import { omitProps } from './chunk-EVKWFOHB.js';
-import { useFormProps } from './chunk-EXUH2BTF.js';
+import { useFormProps } from './chunk-QNPL5VRZ.js';
 import { useLocalizedString } from './chunk-H7LGBRRK.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { useStyledSystem, Div } from '@hopper-ui/styled-system';
@@ -8,7 +8,7 @@ import clsx from 'clsx';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // css-module:./FieldLabel.module.css#css-module
-var FieldLabel_module_default = { "hop-FieldLabel__wrapper": "FieldLabel-module__hop-FieldLabel__wrapper___KlZf1", "hop-FieldLabel__indicator": "FieldLabel-module__hop-FieldLabel__indicator___j2-1h" };
+var FieldLabel_module_default = { "hop-FieldLabel__wrapper": "FieldLabel-module__hop-FieldLabel__wrapper___HhdLy", "hop-FieldLabel__indicator": "FieldLabel-module__hop-FieldLabel__indicator___8KRZY" };
 var GlobalFieldLabelCssSelector = "hop-FieldLabel";
 function FieldLabel(props) {
   props = useFormProps(props);