@hopper-ui/components 1.16.5 → 2.0.1

package/dist/{chunk-5ZVBV2BN.js → chunk-ERTQYNVM.js}

@@ -1,5 +1,5 @@
-import { _SelectInternal } from './chunk-CW5IS5NM.js';
-import { _ListBoxItem } from './chunk-H5OZ6MIJ.js';
+import { _SelectInternal } from './chunk-O6WICAYD.js';
+import { _ListBoxItem } from './chunk-JM4JRJ2E.js';
 import { _ListBoxSection } from './chunk-PN5BRTOO.js';
 
 // src/select/src/Select.tsx

package/dist/{chunk-J6557DO5.js → chunk-FIGUOCAX.js}

@@ -1,7 +1,7 @@
 import { CalendarContext } from './chunk-5XCTED25.js';
-import { _ErrorMessage } from './chunk-TL62HAQD.js';
-import { CalendarGrid } from './chunk-DHOADQ6R.js';
-import { CalendarHeader } from './chunk-7JTAF7C4.js';
+import { _ErrorMessage } from './chunk-MFZHLN2M.js';
+import { CalendarGrid } from './chunk-QQT5FKFM.js';
+import { CalendarHeader } from './chunk-ZIZ64NED.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___7nG0g", "hop-Calendar__grids": "Calendar-module__hop-Calendar__grids___5c-B4", "hop-Calendar__error-message": "Calendar-module__hop-Calendar__error-message___jCoYD" };
+var Calendar_module_default = { "hop-Calendar": "Calendar-module__hop-Calendar___enG3E", "hop-Calendar__grids": "Calendar-module__hop-Calendar__grids___sVw-l", "hop-Calendar__error-message": "Calendar-module__hop-Calendar__error-message___CkCHw" };
 var GlobalCalendarCssSelector = "hop-Calendar";
 var Calendar = (props, ref) => {
   [props, ref] = useContextProps(props, ref, CalendarContext);

package/dist/{chunk-5UAO624H.js → chunk-FURB3SNS.js}

@@ -1,6 +1,6 @@
 import { useRenderProps } from './chunk-2NSUMKNH.js';
 import { useLocalizedString } from './chunk-H7LGBRRK.js';
-import { _Text } from './chunk-DKEGFWKJ.js';
+import { _Text } from './chunk-TJKT725T.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { useStyledSystem } from '@hopper-ui/styled-system';
@@ -10,7 +10,7 @@ import { composeRenderProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./RemainingCharacterCount.module.css#css-module
-var RemainingCharacterCount_module_default = { "hop-RemainingCharacterCount": "RemainingCharacterCount-module__hop-RemainingCharacterCount___-YCZz" };
+var RemainingCharacterCount_module_default = { "hop-RemainingCharacterCount": "RemainingCharacterCount-module__hop-RemainingCharacterCount___JCzGK" };
 var GlobalRemainingCharacterCountCssSelector = "hop-RemainingCharacterCount";
 function RemainingCharacterCount(props, ref) {
   const { stylingProps, ...ownProps } = useStyledSystem(props);

package/dist/{chunk-PK2YFYMH.js → chunk-FXKL2B66.js}

@@ -1,12 +1,12 @@
-import { _DateInput } from './chunk-L742JERP.js';
 import { DateRangePickerContext } from './chunk-YMHJPPXW.js';
-import { _InputGroup } from './chunk-YYLPCSP7.js';
-import { _PopoverBase } from './chunk-6F7ECZPM.js';
-import { FieldLabel } from './chunk-KMB6WJ4B.js';
-import { _HelperMessage } from './chunk-YLVEXNCS.js';
-import { _RangeCalendar } from './chunk-SUEW4UUO.js';
-import { _ErrorMessage } from './chunk-TL62HAQD.js';
-import { _Button } from './chunk-Q66Q6PMW.js';
+import { _PopoverBase } from './chunk-AJK6GT5W.js';
+import { _InputGroup } from './chunk-37ZQ2LZB.js';
+import { _DateInput } from './chunk-ZEHNFOJ2.js';
+import { FieldLabel } from './chunk-KSFCCYMS.js';
+import { _HelperMessage } from './chunk-MRYSBJQB.js';
+import { _RangeCalendar } from './chunk-KAEISSVV.js';
+import { _ErrorMessage } from './chunk-MFZHLN2M.js';
+import { _Button } from './chunk-OONVJUDV.js';
 import { useLocalizedString } from './chunk-H7LGBRRK.js';
 import { ClearContainerSlots } from './chunk-PQSMCDAM.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
@@ -20,7 +20,7 @@ import { useContextProps, DateRangePicker as DateRangePicker$1 } from 'react-ari
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./DateRangePicker.module.css#css-module
-var DateRangePicker_module_default = { "hop-DateRangePicker": "DateRangePicker-module__hop-DateRangePicker___9uYXH", "hop-DateRangePicker--fluid": "DateRangePicker-module__hop-DateRangePicker--fluid___PsxFr", "hop-DateRangePicker__InputGroup": "DateRangePicker-module__hop-DateRangePicker__InputGroup___R4Qyz", "hop-DateRangePicker__Separator": "DateRangePicker-module__hop-DateRangePicker__Separator___eESrf", "hop-DateRangePicker--sm": "DateRangePicker-module__hop-DateRangePicker--sm___c5zuy", "hop-DateRangePicker__Button": "DateRangePicker-module__hop-DateRangePicker__Button___2G3vi", "hop-DateRangePicker__Popover": "DateRangePicker-module__hop-DateRangePicker__Popover___fSizW" };
+var DateRangePicker_module_default = { "hop-DateRangePicker": "DateRangePicker-module__hop-DateRangePicker___4mlDX", "hop-DateRangePicker--fluid": "DateRangePicker-module__hop-DateRangePicker--fluid___k7qQq", "hop-DateRangePicker__InputGroup": "DateRangePicker-module__hop-DateRangePicker__InputGroup___ocluL", "hop-DateRangePicker__Separator": "DateRangePicker-module__hop-DateRangePicker__Separator___RHLBB", "hop-DateRangePicker--sm": "DateRangePicker-module__hop-DateRangePicker--sm___bGMh2", "hop-DateRangePicker__Button": "DateRangePicker-module__hop-DateRangePicker__Button___MBhsm", "hop-DateRangePicker__Popover": "DateRangePicker-module__hop-DateRangePicker__Popover___9ThIa" };
 var GlobalDateRangePickerCssSelector = "hop-DateRangePicker";
 var DateRangePicker = (props, ref) => {
   var _a;

package/dist/{chunk-6L4YAY5I.js → chunk-GDLPPNI6.js}

@@ -1,12 +1,12 @@
+import { _PopoverBase } from './chunk-AJK6GT5W.js';
+import { _InputGroup } from './chunk-37ZQ2LZB.js';
+import { _DateInput } from './chunk-ZEHNFOJ2.js';
 import { DatePickerContext } from './chunk-K63PXNYW.js';
-import { _DateInput } from './chunk-L742JERP.js';
-import { _InputGroup } from './chunk-YYLPCSP7.js';
-import { _PopoverBase } from './chunk-6F7ECZPM.js';
-import { FieldLabel } from './chunk-KMB6WJ4B.js';
-import { _HelperMessage } from './chunk-YLVEXNCS.js';
-import { _Calendar } from './chunk-J6557DO5.js';
-import { _ErrorMessage } from './chunk-TL62HAQD.js';
-import { _Button } from './chunk-Q66Q6PMW.js';
+import { FieldLabel } from './chunk-KSFCCYMS.js';
+import { _HelperMessage } from './chunk-MRYSBJQB.js';
+import { _Calendar } from './chunk-FIGUOCAX.js';
+import { _ErrorMessage } from './chunk-MFZHLN2M.js';
+import { _Button } from './chunk-OONVJUDV.js';
 import { useLocalizedString } from './chunk-H7LGBRRK.js';
 import { ClearContainerSlots } from './chunk-PQSMCDAM.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
@@ -19,7 +19,7 @@ import { useContextProps, DatePicker as DatePicker$1 } from 'react-aria-componen
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./DatePicker.module.css#css-module
-var DatePicker_module_default = { "hop-DatePicker": "DatePicker-module__hop-DatePicker___oTY0x", "hop-DatePicker--fluid": "DatePicker-module__hop-DatePicker--fluid___PfBC4", "hop-DatePicker__InputGroup": "DatePicker-module__hop-DatePicker__InputGroup___uACOF", "hop-DatePicker__Button": "DatePicker-module__hop-DatePicker__Button___tq-kU", "hop-DatePicker--sm": "DatePicker-module__hop-DatePicker--sm___RQhEG", "hop-DatePicker--md": "DatePicker-module__hop-DatePicker--md___BKmeW", "hop-DatePicker__Popover": "DatePicker-module__hop-DatePicker__Popover___wuTy5" };
+var DatePicker_module_default = { "hop-DatePicker": "DatePicker-module__hop-DatePicker___KtYhb", "hop-DatePicker--fluid": "DatePicker-module__hop-DatePicker--fluid___YbGCF", "hop-DatePicker__InputGroup": "DatePicker-module__hop-DatePicker__InputGroup___JnWvA", "hop-DatePicker__Button": "DatePicker-module__hop-DatePicker__Button___ba9dJ", "hop-DatePicker--sm": "DatePicker-module__hop-DatePicker--sm___yWr7a", "hop-DatePicker--md": "DatePicker-module__hop-DatePicker--md___DjA8x", "hop-DatePicker__Popover": "DatePicker-module__hop-DatePicker__Popover___JwIx7" };
 var GlobalDatePickerCssSelector = "hop-DatePicker";
 var DatePicker = (props, ref) => {
   var _a, _b;

package/dist/{chunk-K2TWTBNQ.js → chunk-H54W5Y5F.js}

@@ -1,9 +1,9 @@
 import { generateDecorativeColorByName } from './chunk-GOTN4IS7.js';
 import { useImageFallback } from './chunk-QJ5FQN3N.js';
-import { _BrokenAvatar } from './chunk-MIB3EZ6C.js';
+import { _BrokenAvatar } from './chunk-3CCVUOSD.js';
 import { AvatarContext } from './chunk-FA26RZSE.js';
 import { useRenderProps } from './chunk-2NSUMKNH.js';
-import { _Text } from './chunk-DKEGFWKJ.js';
+import { _Text } from './chunk-TJKT725T.js';
 import { ClearContainerSlots } from './chunk-PQSMCDAM.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
@@ -15,7 +15,7 @@ import { useContextProps, composeRenderProps, Pressable } from 'react-aria-compo
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Avatar.module.css#css-module
-var Avatar_module_default = { "hop-Avatar": "Avatar-module__hop-Avatar___QrlqV", "hop-Avatar--xs": "Avatar-module__hop-Avatar--xs___tC2p3", "hop-Avatar--sm": "Avatar-module__hop-Avatar--sm___jzuw-", "hop-Avatar--md": "Avatar-module__hop-Avatar--md___z1yHw", "hop-Avatar--lg": "Avatar-module__hop-Avatar--lg___nv4VF", "hop-Avatar--xl": "Avatar-module__hop-Avatar--xl___TKWed", "hop-Avatar--2xl": "Avatar-module__hop-Avatar--2xl___ua7UD", "hop-Avatar--clickable": "Avatar-module__hop-Avatar--clickable___zbYxK", "hop-Avatar--focus-visible": "Avatar-module__hop-Avatar--focus-visible___uaxke", "hop-Avatar--decorative-option1": "Avatar-module__hop-Avatar--decorative-option1___7Oyz-", "hop-Avatar--decorative-option2": "Avatar-module__hop-Avatar--decorative-option2___ItnLq", "hop-Avatar--decorative-option3": "Avatar-module__hop-Avatar--decorative-option3___UdA8N", "hop-Avatar--decorative-option4": "Avatar-module__hop-Avatar--decorative-option4___D0nrK", "hop-Avatar--decorative-option5": "Avatar-module__hop-Avatar--decorative-option5___dsHTv", "hop-Avatar--decorative-option6": "Avatar-module__hop-Avatar--decorative-option6___souc4", "hop-Avatar--decorative-option7": "Avatar-module__hop-Avatar--decorative-option7___WefIw", "hop-Avatar--decorative-option8": "Avatar-module__hop-Avatar--decorative-option8___wdERU", "hop-Avatar--decorative-option9": "Avatar-module__hop-Avatar--decorative-option9___XeRTx", "hop-Avatar__image": "Avatar-module__hop-Avatar__image___cf-gS", "hop-Avatar__initials": "Avatar-module__hop-Avatar__initials___9MO44" };
+var Avatar_module_default = { "hop-Avatar": "Avatar-module__hop-Avatar___fHiL9", "hop-Avatar--xs": "Avatar-module__hop-Avatar--xs___icpdt", "hop-Avatar--sm": "Avatar-module__hop-Avatar--sm___s6MZV", "hop-Avatar--md": "Avatar-module__hop-Avatar--md___CcqfZ", "hop-Avatar--lg": "Avatar-module__hop-Avatar--lg___Swoup", "hop-Avatar--xl": "Avatar-module__hop-Avatar--xl___FylwA", "hop-Avatar--2xl": "Avatar-module__hop-Avatar--2xl___r-njX", "hop-Avatar--clickable": "Avatar-module__hop-Avatar--clickable___Hna4f", "hop-Avatar--focus-visible": "Avatar-module__hop-Avatar--focus-visible___CGhfj", "hop-Avatar--decorative-option1": "Avatar-module__hop-Avatar--decorative-option1___5Ka30", "hop-Avatar--decorative-option2": "Avatar-module__hop-Avatar--decorative-option2___a7tEd", "hop-Avatar--decorative-option3": "Avatar-module__hop-Avatar--decorative-option3___fR5m1", "hop-Avatar--decorative-option4": "Avatar-module__hop-Avatar--decorative-option4___Jgv-x", "hop-Avatar--decorative-option5": "Avatar-module__hop-Avatar--decorative-option5___uEuOQ", "hop-Avatar--decorative-option6": "Avatar-module__hop-Avatar--decorative-option6___Hxcl-", "hop-Avatar--decorative-option7": "Avatar-module__hop-Avatar--decorative-option7___1mM55", "hop-Avatar--decorative-option8": "Avatar-module__hop-Avatar--decorative-option8___B6ff5", "hop-Avatar--decorative-option9": "Avatar-module__hop-Avatar--decorative-option9___y04xr", "hop-Avatar__image": "Avatar-module__hop-Avatar__image___1kOR4", "hop-Avatar__initials": "Avatar-module__hop-Avatar__initials___KhtwU" };
 var GlobalAvatarCssSelector = "hop-Avatar";
 var AvatarToTextSizeAdapter = {
   xs: "xs",

package/dist/{chunk-BC5KCVJC.js → chunk-HDOVWPPA.js}

@@ -8,7 +8,7 @@ import { useContextProps, composeRenderProps, ToggleButtonGroup, Provider } from
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./TileGroup.module.css#css-module
-var TileGroup_module_default = { "hop-TileGroup": "TileGroup-module__hop-TileGroup___BooJH" };
+var TileGroup_module_default = { "hop-TileGroup": "TileGroup-module__hop-TileGroup___oKoui" };
 var GlobalTileGroupCssSelector = "hop-TileGroup";
 var TileGroup = (props, ref) => {
   [props, ref] = useContextProps(props, ref, TileGroupContext);

package/dist/{chunk-C5WOPS7N.js → chunk-HEQ74JYB.js}

@@ -1,14 +1,14 @@
 import { InternalModalTriggerContext } from './chunk-OO3XBOMF.js';
 import { BaseModalContext } from './chunk-OLY4PH6S.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
-import { useStyledSystem, useResponsiveValue, useColorSchemeContext, getRootCSSClasses } from '@hopper-ui/styled-system';
+import { useStyledSystem, useResponsiveValue, useColorSchemeContext, useThemeContext, getRootCSSClasses } from '@hopper-ui/styled-system';
 import clsx from 'clsx';
 import { forwardRef, useContext, useEffect } from 'react';
 import { useContextProps, ModalOverlay, Modal } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./BaseModal.module.css#css-module
-var BaseModal_module_default = { "hop-BaseModal": "BaseModal-module__hop-BaseModal___enE4i", "hop-BaseModal__modal": "BaseModal-module__hop-BaseModal__modal___cRtmt", "hop-BaseModal--image": "BaseModal-module__hop-BaseModal--image___jqBoC", "hop-BaseModal--sm": "BaseModal-module__hop-BaseModal--sm___68gaJ", "hop-BaseModal--md": "BaseModal-module__hop-BaseModal--md___Fwo1a", "hop-BaseModal--lg": "BaseModal-module__hop-BaseModal--lg___0bfeM", "hop-BaseModal--xl": "BaseModal-module__hop-BaseModal--xl___MiUOa", "hop-BaseModal--fullscreen": "BaseModal-module__hop-BaseModal--fullscreen___H4lhq", "hop-BaseModal--fullscreentakeover": "BaseModal-module__hop-BaseModal--fullscreentakeover___x1lD3" };
+var BaseModal_module_default = { "hop-BaseModal": "BaseModal-module__hop-BaseModal___7t5CS", "hop-BaseModal__modal": "BaseModal-module__hop-BaseModal__modal___qIIoi", "hop-BaseModal--image": "BaseModal-module__hop-BaseModal--image___vGiiG", "hop-BaseModal--sm": "BaseModal-module__hop-BaseModal--sm___1JnrY", "hop-BaseModal--md": "BaseModal-module__hop-BaseModal--md___9WZko", "hop-BaseModal--lg": "BaseModal-module__hop-BaseModal--lg___pXMJ5", "hop-BaseModal--xl": "BaseModal-module__hop-BaseModal--xl___3wirs", "hop-BaseModal--fullscreen": "BaseModal-module__hop-BaseModal--fullscreen___yzL4h", "hop-BaseModal--fullscreentakeover": "BaseModal-module__hop-BaseModal--fullscreentakeover___2CvCK" };
 var GlobalBaseModalCssSelector = "hop-BaseModal";
 var BaseModal = (props, ref) => {
   var _a;
@@ -26,6 +26,7 @@ var BaseModal = (props, ref) => {
   } = ownProps;
   const size = (_a = useResponsiveValue(sizeProp)) != null ? _a : "md";
   const { colorScheme } = useColorSchemeContext();
+  const { theme } = useThemeContext();
   const internalTriggerContext = useContext(InternalModalTriggerContext);
   useEffect(() => {
     if (internalTriggerContext && onOpenChange) {
@@ -40,7 +41,7 @@ var BaseModal = (props, ref) => {
       size.toLowerCase(),
       hasImage && "image"
     ),
-    getRootCSSClasses(colorScheme),
+    getRootCSSClasses(colorScheme, theme),
     stylingProps.className,
     className
   );

package/dist/{chunk-BUQDI4TL.js → chunk-ILQ4GZEZ.js}

@@ -1,15 +1,15 @@
 import { InternalTagGroupContext } from './chunk-4BWTFR22.js';
 import { TagContext } from './chunk-EWMWQ2MC.js';
-import { _ClearButton } from './chunk-2J4W7KFO.js';
-import { mapOrbiterToHopperVariants } from './chunk-YUCXNOOW.js';
+import { _ClearButton } from './chunk-BETPQPVX.js';
+import { mapOrbiterToHopperVariants } from './chunk-7PASM4UB.js';
 import { BadgeContext } from './chunk-ZSFJVMJN.js';
 import { AvatarContext } from './chunk-FA26RZSE.js';
 import { useRenderProps } from './chunk-2NSUMKNH.js';
-import { useFormProps } from './chunk-SL3VXXJL.js';
-import { _Spinner } from './chunk-NF6AUSTL.js';
+import { useFormProps } from './chunk-VEGDQTX6.js';
+import { _Spinner } from './chunk-3H3E3WCX.js';
 import { IconListContext } from './chunk-GBWXEK6N.js';
 import { useLocalizedString } from './chunk-H7LGBRRK.js';
-import { ensureTextWrapper } from './chunk-LVJEE3EN.js';
+import { ensureTextWrapper } from './chunk-SAXETKWW.js';
 import { ClearContainerSlots } from './chunk-PQSMCDAM.js';
 import { TextContext } from './chunk-ZNOU2CGM.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
@@ -25,7 +25,7 @@ import { useContextProps, composeRenderProps, Tag as Tag$1 } from 'react-aria-co
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./Tag.module.css#css-module
-var Tag_module_default = { "hop-Tag": "Tag-module__hop-Tag___p-Nre", "hop-Tag--sm": "Tag-module__hop-Tag--sm___-APN-", "hop-Tag__remove-btn": "Tag-module__hop-Tag__remove-btn___mnYId", "hop-Tag__Spinner": "Tag-module__hop-Tag__Spinner___PwBge", "hop-Tag__avatar": "Tag-module__hop-Tag__avatar___bg7mH", "hop-Tag--md": "Tag-module__hop-Tag--md___-jebp", "hop-Tag--lg": "Tag-module__hop-Tag--lg___vnO5t", "hop-Tag--neutral": "Tag-module__hop-Tag--neutral___oG0ZA", "hop-Tag--subdued": "Tag-module__hop-Tag--subdued___kGjI2", "hop-Tag--progress": "Tag-module__hop-Tag--progress___bXL3Z", "hop-Tag--positive": "Tag-module__hop-Tag--positive___M-sWB", "hop-Tag--caution": "Tag-module__hop-Tag--caution___FNOao", "hop-Tag--negative": "Tag-module__hop-Tag--negative___DSYwW", "hop-Tag--option1": "Tag-module__hop-Tag--option1___oWjfP", "hop-Tag--option2": "Tag-module__hop-Tag--option2___baOVC", "hop-Tag--option3": "Tag-module__hop-Tag--option3___uXavH", "hop-Tag--option4": "Tag-module__hop-Tag--option4___V92vo", "hop-Tag--option5": "Tag-module__hop-Tag--option5___VUZiK", "hop-Tag--option6": "Tag-module__hop-Tag--option6___Tv3Fy", "hop-Tag--standalone": "Tag-module__hop-Tag--standalone___IEtB4", "hop-Tag__icon": "Tag-module__hop-Tag__icon___kvvt4", "hop-Tag__icon-list": "Tag-module__hop-Tag__icon-list___H3uiw", "hop-Tag__text": "Tag-module__hop-Tag__text___zBVPL", "hop-Tag__badge": "Tag-module__hop-Tag__badge___FYxEZ", "hop-Tag__badge--subdued": "Tag-module__hop-Tag__badge--subdued___9wvm6" };
+var Tag_module_default = { "hop-Tag": "Tag-module__hop-Tag___CGzZy", "hop-Tag--sm": "Tag-module__hop-Tag--sm___1jGey", "hop-Tag__remove-btn": "Tag-module__hop-Tag__remove-btn___2tJc0", "hop-Tag__Spinner": "Tag-module__hop-Tag__Spinner___tR-xm", "hop-Tag__avatar": "Tag-module__hop-Tag__avatar___81wQ2", "hop-Tag--md": "Tag-module__hop-Tag--md___TK-RE", "hop-Tag--lg": "Tag-module__hop-Tag--lg___eFRFJ", "hop-Tag--neutral": "Tag-module__hop-Tag--neutral___poaDo", "hop-Tag--subdued": "Tag-module__hop-Tag--subdued___OQkeq", "hop-Tag--progress": "Tag-module__hop-Tag--progress___xi2Mz", "hop-Tag--positive": "Tag-module__hop-Tag--positive___MZRbE", "hop-Tag--caution": "Tag-module__hop-Tag--caution___9v5-q", "hop-Tag--negative": "Tag-module__hop-Tag--negative___ne5MI", "hop-Tag--option1": "Tag-module__hop-Tag--option1___gzqUl", "hop-Tag--option2": "Tag-module__hop-Tag--option2___daP7B", "hop-Tag--option3": "Tag-module__hop-Tag--option3___iP5qk", "hop-Tag--option4": "Tag-module__hop-Tag--option4___wESAN", "hop-Tag--option5": "Tag-module__hop-Tag--option5___yme42", "hop-Tag--option6": "Tag-module__hop-Tag--option6___Fg2jo", "hop-Tag--standalone": "Tag-module__hop-Tag--standalone___3ihXx", "hop-Tag__icon": "Tag-module__hop-Tag__icon___EJCIv", "hop-Tag__icon-list": "Tag-module__hop-Tag__icon-list___1TKs-", "hop-Tag__text": "Tag-module__hop-Tag__text___kPY0b", "hop-Tag__badge": "Tag-module__hop-Tag__badge___oDGsz", "hop-Tag__badge--subdued": "Tag-module__hop-Tag__badge--subdued___k-bmd" };
 var GlobalTagCssSelector = "hop-Tag";
 var TagToTextSizeAdapter = {
   sm: "xs",

package/dist/{chunk-3QVACEW2.js → chunk-ITGXY7GW.js}

@@ -4,7 +4,7 @@ import { CalendarCell } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./RangeCalendarCell.module.css#css-module
-var RangeCalendarCell_module_default = { "hop-RangeCalendarCell": "RangeCalendarCell-module__hop-RangeCalendarCell___Ju6Or CalendarCell-module__hop-CalendarCell___v2-E6" };
+var RangeCalendarCell_module_default = { "hop-RangeCalendarCell": "RangeCalendarCell-module__hop-RangeCalendarCell___ghW3e CalendarCell-module__hop-CalendarCell___OAeso" };
 var GlobalRangeCalendarCellCssSelector = "hop-RangeCalendarCell";
 var RangeCalendarCell = (props) => {
   const classNames = clsx(

package/dist/{chunk-52A4JDP5.js → chunk-JHM42OGC.js}

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

package/dist/{chunk-WVT3YTPR.js → chunk-JHQNV3NA.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-DKEGFWKJ.js';
+import { _Text } from './chunk-TJKT725T.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___1dtx4", "hop-MenuItem__text": "MenuItem-module__hop-MenuItem__text___Iqr-D", "hop-MenuItem--invalid": "MenuItem-module__hop-MenuItem--invalid___d6HCa", "hop-MenuItem__avatar": "MenuItem-module__hop-MenuItem__avatar___s7CNl", "hop-MenuItem__icon": "MenuItem-module__hop-MenuItem__icon___82SOh", "hop-MenuItem__checkmark": "MenuItem-module__hop-MenuItem__checkmark___fvcgw", "hop-MenuItem__description": "MenuItem-module__hop-MenuItem__description___u-PTC", "hop-MenuItem__end-icon": "MenuItem-module__hop-MenuItem__end-icon___4N-IW", "hop-MenuItem__arrow": "MenuItem-module__hop-MenuItem__arrow___qzIRg", "hop-MenuItem--xs": "MenuItem-module__hop-MenuItem--xs___9RbQi", "hop-MenuItem--sm": "MenuItem-module__hop-MenuItem--sm___J3to2", "hop-MenuItem--md": "MenuItem-module__hop-MenuItem--md___swpjY", "hop-MenuItem--lg": "MenuItem-module__hop-MenuItem--lg___Y56BD" };
+var MenuItem_module_default = { "hop-MenuItem": "MenuItem-module__hop-MenuItem___yWwkG", "hop-MenuItem__text": "MenuItem-module__hop-MenuItem__text___S2wLi", "hop-MenuItem--invalid": "MenuItem-module__hop-MenuItem--invalid___Ee2XH", "hop-MenuItem__avatar": "MenuItem-module__hop-MenuItem__avatar___nyRBr", "hop-MenuItem__icon": "MenuItem-module__hop-MenuItem__icon___twEQa", "hop-MenuItem__checkmark": "MenuItem-module__hop-MenuItem__checkmark___ZQmf9", "hop-MenuItem__description": "MenuItem-module__hop-MenuItem__description___Y-uSB", "hop-MenuItem__end-icon": "MenuItem-module__hop-MenuItem__end-icon___lDshv", "hop-MenuItem__arrow": "MenuItem-module__hop-MenuItem__arrow___QoWCd", "hop-MenuItem--xs": "MenuItem-module__hop-MenuItem--xs___viqaP", "hop-MenuItem--sm": "MenuItem-module__hop-MenuItem--sm___I2atj", "hop-MenuItem--md": "MenuItem-module__hop-MenuItem--md___mm5FM", "hop-MenuItem--lg": "MenuItem-module__hop-MenuItem--lg___RjNf-" };
 var GlobalMenuItemCssSelector = "hop-MenuItem";
 var MenuItem = (props, ref) => {
   [props, ref] = useContextProps(props, ref, MenuItemContext);

package/dist/{chunk-H5OZ6MIJ.js → chunk-JM4JRJ2E.js}

@@ -1,11 +1,11 @@
-import { _DecorativeRadio } from './chunk-RV42SGHU.js';
+import { _DecorativeRadio } from './chunk-7FO4MLMM.js';
 import { ListBoxItemContext } from './chunk-FDJDFE4U.js';
-import { _ListBoxItemSkeleton } from './chunk-3L5N4QAA.js';
-import { _DecorativeCheckbox } from './chunk-ZHOMLLVK.js';
+import { _ListBoxItemSkeleton } from './chunk-RWQE36S4.js';
+import { _DecorativeCheckbox } from './chunk-7VNILRDN.js';
 import { BadgeContext } from './chunk-ZSFJVMJN.js';
 import { AvatarContext } from './chunk-FA26RZSE.js';
 import { IconListContext } from './chunk-GBWXEK6N.js';
-import { ensureTextWrapper } from './chunk-LVJEE3EN.js';
+import { ensureTextWrapper } from './chunk-SAXETKWW.js';
 import { TextContext } from './chunk-ZNOU2CGM.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
@@ -18,7 +18,7 @@ import { useContextProps, composeRenderProps, ListBoxItem as ListBoxItem$1, List
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // css-module:./ListBoxItem.module.css#css-module
-var ListBoxItem_module_default = { "hop-ListBoxItem": "ListBoxItem-module__hop-ListBoxItem___fsHcb", "hop-ListBoxItem--xs": "ListBoxItem-module__hop-ListBoxItem--xs___hUeJZ", "hop-ListBoxItem--sm": "ListBoxItem-module__hop-ListBoxItem--sm___GQg2k", "hop-ListBoxItem--md": "ListBoxItem-module__hop-ListBoxItem--md___OJjT0", "hop-ListBoxItem--lg": "ListBoxItem-module__hop-ListBoxItem--lg___84X3b", "hop-ListBoxItem__inner": "ListBoxItem-module__hop-ListBoxItem__inner___X93Hs", "hop-ListBoxItem__checkmark": "ListBoxItem-module__hop-ListBoxItem__checkmark___hNPIS", "hop-ListBoxItem__description": "ListBoxItem-module__hop-ListBoxItem__description___HoAi9", "hop-ListBoxItem__radio": "ListBoxItem-module__hop-ListBoxItem__radio___7T9Wc", "hop-ListBoxItem__checkbox": "ListBoxItem-module__hop-ListBoxItem__checkbox___0GZfQ", "hop-ListBoxItem__avatar": "ListBoxItem-module__hop-ListBoxItem__avatar___WcsB7", "hop-ListBoxItem__icon-list": "ListBoxItem-module__hop-ListBoxItem__icon-list___Aw4sj", "hop-ListBoxItem__icon": "ListBoxItem-module__hop-ListBoxItem__icon___VFchm", "hop-ListBoxItem__label": "ListBoxItem-module__hop-ListBoxItem__label___8elxK", "hop-ListBoxItem__end-icon-list": "ListBoxItem-module__hop-ListBoxItem__end-icon-list___ln01M", "hop-ListBoxItem__end-icon": "ListBoxItem-module__hop-ListBoxItem__end-icon___AEeVd", "hop-ListBoxItem__badge": "ListBoxItem-module__hop-ListBoxItem__badge___F5tED" };
+var ListBoxItem_module_default = { "hop-ListBoxItem": "ListBoxItem-module__hop-ListBoxItem___ZoWnF", "hop-ListBoxItem--xs": "ListBoxItem-module__hop-ListBoxItem--xs___XSQRH", "hop-ListBoxItem--sm": "ListBoxItem-module__hop-ListBoxItem--sm___X-Aj4", "hop-ListBoxItem--md": "ListBoxItem-module__hop-ListBoxItem--md___eF-fe", "hop-ListBoxItem--lg": "ListBoxItem-module__hop-ListBoxItem--lg___zvJX0", "hop-ListBoxItem__inner": "ListBoxItem-module__hop-ListBoxItem__inner___iMCzh", "hop-ListBoxItem__checkmark": "ListBoxItem-module__hop-ListBoxItem__checkmark___QXDeF", "hop-ListBoxItem__description": "ListBoxItem-module__hop-ListBoxItem__description___Qrp-4", "hop-ListBoxItem__radio": "ListBoxItem-module__hop-ListBoxItem__radio___Vzz8m", "hop-ListBoxItem__checkbox": "ListBoxItem-module__hop-ListBoxItem__checkbox___f-G9I", "hop-ListBoxItem__avatar": "ListBoxItem-module__hop-ListBoxItem__avatar___nRuOW", "hop-ListBoxItem__icon-list": "ListBoxItem-module__hop-ListBoxItem__icon-list___k7Gtk", "hop-ListBoxItem__icon": "ListBoxItem-module__hop-ListBoxItem__icon___b939S", "hop-ListBoxItem__label": "ListBoxItem-module__hop-ListBoxItem__label___PeqWJ", "hop-ListBoxItem__end-icon-list": "ListBoxItem-module__hop-ListBoxItem__end-icon-list___GA8OI", "hop-ListBoxItem__end-icon": "ListBoxItem-module__hop-ListBoxItem__end-icon___H0VkQ", "hop-ListBoxItem__badge": "ListBoxItem-module__hop-ListBoxItem__badge___BK90X" };
 var GlobalListBoxItemCssSelector = "hop-ListBoxItem";
 var ListBoxItemToIconSizeAdapter = {
   xs: "sm",

package/dist/{chunk-UQCK7DZ4.js → chunk-JWPFVBLT.js}

@@ -1,14 +1,14 @@
 import { useTruncatedText } from './chunk-Z57VHYOF.js';
 import { TextFieldContext } from './chunk-O4XPUINW.js';
-import { _RemainingCharacterCount } from './chunk-5UAO624H.js';
-import { Input } from './chunk-YUTXUNFK.js';
-import { _InputGroup } from './chunk-YYLPCSP7.js';
-import { FieldLabel } from './chunk-KMB6WJ4B.js';
-import { _HelperMessage } from './chunk-YLVEXNCS.js';
-import { _ErrorMessage } from './chunk-TL62HAQD.js';
-import { _ClearButton } from './chunk-2J4W7KFO.js';
-import { useFormProps } from './chunk-SL3VXXJL.js';
-import { ensureTextWrapper } from './chunk-LVJEE3EN.js';
+import { _RemainingCharacterCount } from './chunk-FURB3SNS.js';
+import { Input } from './chunk-AF2HUTCE.js';
+import { _InputGroup } from './chunk-37ZQ2LZB.js';
+import { FieldLabel } from './chunk-KSFCCYMS.js';
+import { _HelperMessage } from './chunk-MRYSBJQB.js';
+import { _ErrorMessage } from './chunk-MFZHLN2M.js';
+import { _ClearButton } from './chunk-BETPQPVX.js';
+import { useFormProps } from './chunk-VEGDQTX6.js';
+import { ensureTextWrapper } from './chunk-SAXETKWW.js';
 import { ClearContainerSlots } from './chunk-PQSMCDAM.js';
 import { TextContext } from './chunk-ZNOU2CGM.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
@@ -25,7 +25,7 @@ import { useContextProps, composeRenderProps, TextField as TextField$1 } from 'r
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./TextField.module.css#css-module
-var TextField_module_default = { "hop-TextField": "TextField-module__hop-TextField___Kezj2", "hop-TextField--fluid": "TextField-module__hop-TextField--fluid___WArUV", "hop-TextField__Label": "TextField-module__hop-TextField__Label___4VqWK", "hop-TextField__prefix": "TextField-module__hop-TextField__prefix___237lG", "hop-TextField__InputGroup": "TextField-module__hop-TextField__InputGroup___WD7Qt", "hop-TextField__ErrorMessage": "TextField-module__hop-TextField__ErrorMessage___-hBKv", "hop-TextField__HelperMessage": "TextField-module__hop-TextField__HelperMessage___klhpV" };
+var TextField_module_default = { "hop-TextField": "TextField-module__hop-TextField___vACtw", "hop-TextField--fluid": "TextField-module__hop-TextField--fluid___yRzWy", "hop-TextField__Label": "TextField-module__hop-TextField__Label___zwwtb", "hop-TextField__prefix": "TextField-module__hop-TextField__prefix___Z15dX", "hop-TextField__InputGroup": "TextField-module__hop-TextField__InputGroup___QZ0lX", "hop-TextField__ErrorMessage": "TextField-module__hop-TextField__ErrorMessage___4aIn8", "hop-TextField__HelperMessage": "TextField-module__hop-TextField__HelperMessage___tACaU" };
 var GlobalTextFieldCssSelector = "hop-TextField";
 function TextField(props, ref) {
   var _a;

package/dist/{chunk-SUEW4UUO.js → chunk-KAEISSVV.js}

@@ -1,7 +1,7 @@
 import { RangeCalendarContext } from './chunk-6RDTDHXI.js';
-import { _ErrorMessage } from './chunk-TL62HAQD.js';
-import { CalendarGrid } from './chunk-DHOADQ6R.js';
-import { CalendarHeader } from './chunk-7JTAF7C4.js';
+import { _ErrorMessage } from './chunk-MFZHLN2M.js';
+import { CalendarGrid } from './chunk-QQT5FKFM.js';
+import { CalendarHeader } from './chunk-ZIZ64NED.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, RangeCalendar as RangeCalendar$1, FieldErrorContext }
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./RangeCalendar.module.css#css-module
-var RangeCalendar_module_default = { "hop-RangeCalendar": "RangeCalendar-module__hop-RangeCalendar___HWEN7 Calendar-module__hop-Calendar___7nG0g", "hop-RangeCalendar__grids": "RangeCalendar-module__hop-RangeCalendar__grids___CeiGz Calendar-module__hop-Calendar__grids___5c-B4", "hop-RangeCalendar__error-message": "RangeCalendar-module__hop-RangeCalendar__error-message___fn3lg Calendar-module__hop-Calendar__error-message___jCoYD" };
+var RangeCalendar_module_default = { "hop-RangeCalendar": "RangeCalendar-module__hop-RangeCalendar___EqpVU Calendar-module__hop-Calendar___enG3E", "hop-RangeCalendar__grids": "RangeCalendar-module__hop-RangeCalendar__grids___SHMqK Calendar-module__hop-Calendar__grids___sVw-l", "hop-RangeCalendar__error-message": "RangeCalendar-module__hop-RangeCalendar__error-message___xWwNX Calendar-module__hop-Calendar__error-message___CkCHw" };
 var GlobalRangeCalendarCssSelector = "hop-RangeCalendar";
 var RangeCalendar = (props, ref) => {
   [props, ref] = useContextProps(props, ref, RangeCalendarContext);

package/dist/{chunk-QVI6B6K6.js → chunk-KLXF6UC7.js}

@@ -2,7 +2,7 @@ import { MenuContext, InternalMenuContext } from './chunk-U4LYXB7W.js';
 import { MenuItemContext } from './chunk-OGC6BUEX.js';
 import { InternalMenuTriggerContext } from './chunk-ERUOMTWL.js';
 import { DividerContext } from './chunk-AB4BRU6Z.js';
-import { _PopoverBase } from './chunk-6F7ECZPM.js';
+import { _PopoverBase } from './chunk-AJK6GT5W.js';
 import { HeaderContext } from './chunk-FOQ7KN4V.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
@@ -13,7 +13,7 @@ import { useContextProps, Menu as Menu$1 } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Menu.module.css#css-module
-var Menu_module_default = { "hop-Menu": "Menu-module__hop-Menu___wwGN1", "hop-Menu__header": "Menu-module__hop-Menu__header___VYXbe", "hop-Menu__divider": "Menu-module__hop-Menu__divider___4qhP7" };
+var Menu_module_default = { "hop-Menu": "Menu-module__hop-Menu___r3ZzH", "hop-Menu__header": "Menu-module__hop-Menu__header___AI6Mi", "hop-Menu__divider": "Menu-module__hop-Menu__divider___PKfZj" };
 var GlobalMenuCssSelector = "hop-Menu";
 function Menu(props, ref) {
   [props, ref] = useContextProps(props, ref, MenuContext);

package/dist/{chunk-ML2BIR72.js → chunk-KQWMI4PS.js}

@@ -8,7 +8,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___mv9Sd", "hop-Heading--unset": "Heading-module__hop-Heading--unset___7LgEk", "hop-Heading--xs": "Heading-module__hop-Heading--xs___MFIbx", "hop-Heading--sm": "Heading-module__hop-Heading--sm___QHLmd", "hop-Heading--md": "Heading-module__hop-Heading--md___Y3IUk", "hop-Heading--lg": "Heading-module__hop-Heading--lg___j7WMi", "hop-Heading--xl": "Heading-module__hop-Heading--xl___9Cr75", "hop-Heading--2xl": "Heading-module__hop-Heading--2xl___m5t0R", "hop-Heading--3xl": "Heading-module__hop-Heading--3xl___jh4V6" };
+var Heading_module_default = { "hop-Heading": "Heading-module__hop-Heading___1jOxO", "hop-Heading--unset": "Heading-module__hop-Heading--unset___fLM6y", "hop-Heading--xs": "Heading-module__hop-Heading--xs___XRiQs", "hop-Heading--sm": "Heading-module__hop-Heading--sm___9RhCf", "hop-Heading--md": "Heading-module__hop-Heading--md___a5x7T", "hop-Heading--lg": "Heading-module__hop-Heading--lg___0Sk-K", "hop-Heading--xl": "Heading-module__hop-Heading--xl___zQYZq", "hop-Heading--2xl": "Heading-module__hop-Heading--2xl___8DYKR", "hop-Heading--3xl": "Heading-module__hop-Heading--3xl___euY5J" };
 var GlobalHeadingCssSelector = "hop-Heading";
 function Heading(props, ref) {
   [props, ref] = useContextProps(props, ref, HeadingContext);
@@ -47,9 +47,9 @@ var _Heading = slot("heading", forwardRef(Heading));
 _Heading.displayName = "Heading";
 function createHeading(as) {
   const level = parseInt(as[1]);
-  return forwardRef((props, ref) => {
+  return slot("heading", forwardRef((props, ref) => {
     return /* @__PURE__ */ jsx(_Heading, { ...props, ref, level });
-  });
+  }));
 }
 var H1 = createHeading("h1");
 var H2 = createHeading("h2");

package/dist/{chunk-KMB6WJ4B.js → chunk-KSFCCYMS.js}

@@ -1,6 +1,6 @@
-import { _Label } from './chunk-LD2XWQIQ.js';
+import { _Label } from './chunk-S653G4KM.js';
 import { omitProps } from './chunk-EVKWFOHB.js';
-import { useFormProps } from './chunk-SL3VXXJL.js';
+import { useFormProps } from './chunk-VEGDQTX6.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___Yq82K", "hop-FieldLabel__indicator": "FieldLabel-module__hop-FieldLabel__indicator___lKFFj" };
+var FieldLabel_module_default = { "hop-FieldLabel__wrapper": "FieldLabel-module__hop-FieldLabel__wrapper___44Mhk", "hop-FieldLabel__indicator": "FieldLabel-module__hop-FieldLabel__indicator___yPppB" };
 var GlobalFieldLabelCssSelector = "hop-FieldLabel";
 function FieldLabel(props) {
   props = useFormProps(props);

package/dist/{chunk-MADW24EG.js → chunk-LDUZL26B.js}

@@ -1,11 +1,11 @@
 import { NumberFieldContext } from './chunk-ZQ3AWYRR.js';
-import { Input } from './chunk-YUTXUNFK.js';
-import { _InputGroup } from './chunk-YYLPCSP7.js';
-import { FieldLabel } from './chunk-KMB6WJ4B.js';
-import { _HelperMessage } from './chunk-YLVEXNCS.js';
-import { _ErrorMessage } from './chunk-TL62HAQD.js';
-import { useFormProps } from './chunk-SL3VXXJL.js';
-import { ensureTextWrapper } from './chunk-LVJEE3EN.js';
+import { Input } from './chunk-AF2HUTCE.js';
+import { _InputGroup } from './chunk-37ZQ2LZB.js';
+import { FieldLabel } from './chunk-KSFCCYMS.js';
+import { _HelperMessage } from './chunk-MRYSBJQB.js';
+import { _ErrorMessage } from './chunk-MFZHLN2M.js';
+import { useFormProps } from './chunk-VEGDQTX6.js';
+import { ensureTextWrapper } from './chunk-SAXETKWW.js';
 import { ClearContainerSlots } from './chunk-PQSMCDAM.js';
 import { TextContext } from './chunk-ZNOU2CGM.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
@@ -22,7 +22,7 @@ import { useContextProps, composeRenderProps, NumberField as NumberField$1, Butt
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./NumberField.module.css#css-module
-var NumberField_module_default = { "hop-NumberField": "NumberField-module__hop-NumberField___01vJ1", "hop-NumberField--fluid": "NumberField-module__hop-NumberField--fluid___-4oX-", "hop-NumberField__Label": "NumberField-module__hop-NumberField__Label___CCDjS", "hop-NumberField__prefix": "NumberField-module__hop-NumberField__prefix___eurl1", "hop-NumberField__InputGroup": "NumberField-module__hop-NumberField__InputGroup___55OTC", "hop-NumberField__ErrorMessage": "NumberField-module__hop-NumberField__ErrorMessage___WQ8cB", "hop-NumberField__HelperMessage": "NumberField-module__hop-NumberField__HelperMessage___wrWjy", "hop-NumberField__steppers": "NumberField-module__hop-NumberField__steppers___ar81q", "hop-NumberField__stepper-button": "NumberField-module__hop-NumberField__stepper-button___TYeWx", "hop-NumberField__stepper-button--increment": "NumberField-module__hop-NumberField__stepper-button--increment___QZC0h", "hop-NumberField__stepper-button--decrement": "NumberField-module__hop-NumberField__stepper-button--decrement___M9rRs", "hop-NumberField__stepper-button__icon": "NumberField-module__hop-NumberField__stepper-button__icon___PCKXx", "hop-NumberField__input": "NumberField-module__hop-NumberField__input___dlGS6" };
+var NumberField_module_default = { "hop-NumberField": "NumberField-module__hop-NumberField___WrntA", "hop-NumberField--fluid": "NumberField-module__hop-NumberField--fluid___Qc-U6", "hop-NumberField__Label": "NumberField-module__hop-NumberField__Label___krAWe", "hop-NumberField__prefix": "NumberField-module__hop-NumberField__prefix___SXRgn", "hop-NumberField__InputGroup": "NumberField-module__hop-NumberField__InputGroup___ckceM", "hop-NumberField__ErrorMessage": "NumberField-module__hop-NumberField__ErrorMessage___nH-3b", "hop-NumberField__HelperMessage": "NumberField-module__hop-NumberField__HelperMessage___nAjAs", "hop-NumberField__steppers": "NumberField-module__hop-NumberField__steppers___t3qcx", "hop-NumberField__stepper-button": "NumberField-module__hop-NumberField__stepper-button___ouueJ", "hop-NumberField__stepper-button--increment": "NumberField-module__hop-NumberField__stepper-button--increment___N9OJQ", "hop-NumberField__stepper-button--decrement": "NumberField-module__hop-NumberField__stepper-button--decrement___QDpLC", "hop-NumberField__stepper-button__icon": "NumberField-module__hop-NumberField__stepper-button__icon___KA7DQ", "hop-NumberField__input": "NumberField-module__hop-NumberField__input___-vwB9" };
 var GlobalNumberFieldCssSelector = "hop-NumberField";
 var StepperButton = ({ direction }) => {
   const StepperIcon = direction === "increment" ? AngleUpIcon : AngleDownIcon;

package/dist/{chunk-2LASUKE3.js → chunk-LRYYCNJE.js}

@@ -1,6 +1,6 @@
 import { ModalTrigger } from './chunk-YVZGV7LZ.js';
 import { CustomModalContext } from './chunk-AJKN2ALX.js';
-import { _BaseModal } from './chunk-C5WOPS7N.js';
+import { _BaseModal } from './chunk-HEQ74JYB.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
 import clsx from 'clsx';
@@ -9,7 +9,7 @@ import { useContextProps, composeRenderProps, Dialog, OverlayTriggerStateContext
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./CustomModal.module.css#css-module
-var CustomModal_module_default = { "hop-CustomModal": "CustomModal-module__hop-CustomModal___M53H9" };
+var CustomModal_module_default = { "hop-CustomModal": "CustomModal-module__hop-CustomModal___KCA0a" };
 var GlobalCustomModalCssSelector = "hop-CustomModal";
 var CustomModal = (props, ref) => {
   var _a;

package/dist/{chunk-7GBB7UX6.js → chunk-LUSJJ5SO.js}

@@ -1,11 +1,11 @@
 import { SearchFieldContext } from './chunk-3NKF5TPD.js';
-import { Input } from './chunk-YUTXUNFK.js';
-import { _InputGroup } from './chunk-YYLPCSP7.js';
-import { FieldLabel } from './chunk-KMB6WJ4B.js';
-import { _HelperMessage } from './chunk-YLVEXNCS.js';
-import { _ErrorMessage } from './chunk-TL62HAQD.js';
-import { _ClearButton } from './chunk-2J4W7KFO.js';
-import { useFormProps } from './chunk-SL3VXXJL.js';
+import { Input } from './chunk-AF2HUTCE.js';
+import { _InputGroup } from './chunk-37ZQ2LZB.js';
+import { FieldLabel } from './chunk-KSFCCYMS.js';
+import { _HelperMessage } from './chunk-MRYSBJQB.js';
+import { _ErrorMessage } from './chunk-MFZHLN2M.js';
+import { _ClearButton } from './chunk-BETPQPVX.js';
+import { useFormProps } from './chunk-VEGDQTX6.js';
 import { ClearContainerSlots } from './chunk-PQSMCDAM.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
@@ -20,7 +20,7 @@ import { useContextProps, composeRenderProps, SearchField as SearchField$1 } fro
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./SearchField.module.css#css-module
-var SearchField_module_default = { "hop-SearchField": "SearchField-module__hop-SearchField___XWonb", "hop-SearchField--fluid": "SearchField-module__hop-SearchField--fluid___dQhXd", "hop-SearchField__Label": "SearchField-module__hop-SearchField__Label___Mpkvu", "hop-SearchField__prefix": "SearchField-module__hop-SearchField__prefix___SCb5w", "hop-SearchField__InputGroup": "SearchField-module__hop-SearchField__InputGroup___Qmev6", "hop-SearchField--clearable": "SearchField-module__hop-SearchField--clearable___k4jAf", "hop-SearchField__ErrorMessage": "SearchField-module__hop-SearchField__ErrorMessage___6h1Lw", "hop-SearchField__HelperMessage": "SearchField-module__hop-SearchField__HelperMessage___jEWFr", "hop-SearchField__ClearButton": "SearchField-module__hop-SearchField__ClearButton___LQvRV" };
+var SearchField_module_default = { "hop-SearchField": "SearchField-module__hop-SearchField___4RVRs", "hop-SearchField--fluid": "SearchField-module__hop-SearchField--fluid___Z9XMJ", "hop-SearchField__Label": "SearchField-module__hop-SearchField__Label___iobcL", "hop-SearchField__prefix": "SearchField-module__hop-SearchField__prefix___D99kT", "hop-SearchField__InputGroup": "SearchField-module__hop-SearchField__InputGroup___ff9uK", "hop-SearchField--clearable": "SearchField-module__hop-SearchField--clearable___JyX-A", "hop-SearchField__ErrorMessage": "SearchField-module__hop-SearchField__ErrorMessage___0vtt6", "hop-SearchField__HelperMessage": "SearchField-module__hop-SearchField__HelperMessage___5co8H", "hop-SearchField__ClearButton": "SearchField-module__hop-SearchField__ClearButton___UA4U-" };
 var GlobalSearchFieldCssSelector = "hop-SearchField";
 function SearchField(props, ref) {
   var _a;

package/dist/{chunk-XZVKB3QY.js → chunk-LXUKMD5R.js}

@@ -13,7 +13,7 @@ import { useContextProps, composeRenderProps, ToggleButton, Provider } from 'rea
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./Tile.module.css#css-module
-var Tile_module_default = { "hop-Tile": "Tile-module__hop-Tile___-28Zg", "hop-Tile--horizontal": "Tile-module__hop-Tile--horizontal___gJiZO", "hop-Tile--readonly": "Tile-module__hop-Tile--readonly___uWrCB", "hop-Tile__image": "Tile-module__hop-Tile__image___cFM1b", "hop-Tile__illustration": "Tile-module__hop-Tile__illustration___GFTZm", "hop-Tile--vertical": "Tile-module__hop-Tile--vertical___9DnCU", "hop-Tile__container": "Tile-module__hop-Tile__container___QI6Dq", "hop-Tile__heading": "Tile-module__hop-Tile__heading___r9DIM", "hop-Tile__content": "Tile-module__hop-Tile__content___J3EEx", "hop-Tile__icon-container": "Tile-module__hop-Tile__icon-container___bf1Sb", "hop-Tile__icon": "Tile-module__hop-Tile__icon___NU1jL" };
+var Tile_module_default = { "hop-Tile": "Tile-module__hop-Tile___uRgD0", "hop-Tile--horizontal": "Tile-module__hop-Tile--horizontal___DUAWy", "hop-Tile--readonly": "Tile-module__hop-Tile--readonly___j0fit", "hop-Tile__image": "Tile-module__hop-Tile__image___kpLTB", "hop-Tile__illustration": "Tile-module__hop-Tile__illustration___3h9lZ", "hop-Tile--vertical": "Tile-module__hop-Tile--vertical___-YMGx", "hop-Tile__container": "Tile-module__hop-Tile__container___WAKlL", "hop-Tile__heading": "Tile-module__hop-Tile__heading___jSVPL", "hop-Tile__content": "Tile-module__hop-Tile__content___75ytg", "hop-Tile__icon-container": "Tile-module__hop-Tile__icon-container___i6azU", "hop-Tile__icon": "Tile-module__hop-Tile__icon___ndy-O" };
 var GlobalTileCssSelector = "hop-Tile";
 var Tile = (props, ref) => {
   var _a;

package/dist/{chunk-4AAZI2QR.js → chunk-MCOWJCHI.js}

@@ -1,5 +1,5 @@
-import { _SelectInternal } from './chunk-CW5IS5NM.js';
-import { _ListBoxItem } from './chunk-H5OZ6MIJ.js';
+import { _SelectInternal } from './chunk-O6WICAYD.js';
+import { _ListBoxItem } from './chunk-JM4JRJ2E.js';
 import { _ListBoxSection } from './chunk-PN5BRTOO.js';
 import { forwardRef } from 'react';
 import { jsx } from 'react/jsx-runtime';

package/dist/{chunk-TL62HAQD.js → chunk-MFZHLN2M.js}

@@ -1,6 +1,6 @@
 import { ErrorMessageContext } from './chunk-FV74YT2D.js';
 import { useRenderProps } from './chunk-2NSUMKNH.js';
-import { _Text } from './chunk-DKEGFWKJ.js';
+import { _Text } from './chunk-TJKT725T.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___awzwQ", "hop-ErrorMessage__icon": "ErrorMessage-module__hop-ErrorMessage__icon___WiJB-" };
+var ErrorMessage_module_default = { "hop-ErrorMessage": "ErrorMessage-module__hop-ErrorMessage___JQ33r", "hop-ErrorMessage__icon": "ErrorMessage-module__hop-ErrorMessage__icon___Dzx6l" };
 var GlobalErrorMessageCssSelector = "hop-ErrorMessage";
 function ErrorMessage(props, ref) {
   const validation = useContext(FieldErrorContext);

package/dist/{chunk-YLVEXNCS.js → chunk-MRYSBJQB.js}

@@ -1,5 +1,5 @@
 import { HelperMessageContext } from './chunk-PNEJ6JDM.js';
-import { _Text } from './chunk-DKEGFWKJ.js';
+import { _Text } from './chunk-TJKT725T.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { InfoIcon } from '@hopper-ui/icons';
 import { useStyledSystem } from '@hopper-ui/styled-system';
@@ -9,7 +9,7 @@ import { useContextProps, FieldErrorContext } from 'react-aria-components';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 // css-module:./HelperMessage.module.css#css-module
-var HelperMessage_module_default = { "hop-HelperMessage": "HelperMessage-module__hop-HelperMessage___nxSBc", "hop-HelperMessage__icon": "HelperMessage-module__hop-HelperMessage__icon___tjPoD" };
+var HelperMessage_module_default = { "hop-HelperMessage": "HelperMessage-module__hop-HelperMessage___Ek-9u", "hop-HelperMessage__icon": "HelperMessage-module__hop-HelperMessage__icon___eSNqv" };
 var GlobalHelperMessageCssSelector = "hop-HelperMessage";
 function HelperMessage(props, ref) {
   const validation = useContext(FieldErrorContext);

package/dist/{chunk-E5U3G7QR.js → chunk-MTFSYJ7T.js}

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

package/dist/{chunk-PGXUOBCY.js → chunk-N4O5V5WL.js}

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