@hopper-ui/components 1.16.5 → 2.0.0

package/dist/{chunk-4DELQTZ4.js → chunk-O25RYWCB.js}

@@ -11,7 +11,7 @@ import { useContextProps, composeRenderProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./RichIconAvatarImage.module.css#css-module
-var RichIconAvatarImage_module_default = { "hop-RichIconAvatarImage": "RichIconAvatarImage-module__hop-RichIconAvatarImage___Qd7gZ", "hop-RichIconAvatarImage--xs": "RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___x--zf", "hop-RichIconAvatarImage--sm": "RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___OOSJ3", "hop-RichIconAvatarImage--md": "RichIconAvatarImage-module__hop-RichIconAvatarImage--md___oupol", "hop-RichIconAvatarImage--lg": "RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___5TEqS", "hop-RichIconAvatarImage--xl": "RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___upuNN", "hop-RichIconAvatarImage--2xl": "RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___obT4H", "hop-RichIconAvatarImage--clickable": "RichIconAvatarImage-module__hop-RichIconAvatarImage--clickable___NfORM", "hop-RichIconAvatarImage--focus-visible": "RichIconAvatarImage-module__hop-RichIconAvatarImage--focus-visible___-5mfJ", "hop-RichIconAvatarImage__icon": "RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___AKYBC" };
+var RichIconAvatarImage_module_default = { "hop-RichIconAvatarImage": "RichIconAvatarImage-module__hop-RichIconAvatarImage___XOYmj", "hop-RichIconAvatarImage--xs": "RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___VBIm-", "hop-RichIconAvatarImage--sm": "RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___2ckTY", "hop-RichIconAvatarImage--md": "RichIconAvatarImage-module__hop-RichIconAvatarImage--md___Ihm79", "hop-RichIconAvatarImage--lg": "RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___iU9fr", "hop-RichIconAvatarImage--xl": "RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___RZubU", "hop-RichIconAvatarImage--2xl": "RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___dft7R", "hop-RichIconAvatarImage--clickable": "RichIconAvatarImage-module__hop-RichIconAvatarImage--clickable___aWaz3", "hop-RichIconAvatarImage--focus-visible": "RichIconAvatarImage-module__hop-RichIconAvatarImage--focus-visible___xwkXQ", "hop-RichIconAvatarImage__icon": "RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___BJc69" };
 var GlobalRichIconAvatarImageCssSelector = "hop-RichIconAvatarImage";
 var AvatarToIconSizeAdapter = {
   xs: "md",

package/dist/{chunk-QAQWNJWE.js → chunk-OKNDF7ZH.js}

@@ -1,6 +1,6 @@
 import { RadioContext } from './chunk-FU5CCPLP.js';
 import { IconListContext } from './chunk-GBWXEK6N.js';
-import { ensureTextWrapper } from './chunk-LVJEE3EN.js';
+import { ensureTextWrapper } from './chunk-HME2EOGU.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___trA5X", "hop-Radio--sm": "Radio-module__hop-Radio--sm___KfNsA", "hop-Radio--md": "Radio-module__hop-Radio--md___EpLSu", "hop-Radio__icon": "Radio-module__hop-Radio__icon___lxTWE", "hop-Radio__icon-list": "Radio-module__hop-Radio__icon-list___WvFmA", "hop-Radio__box": "Radio-module__hop-Radio__box___vr2V9", "hop-Radio__bullet": "Radio-module__hop-Radio__bullet___dVyWV", "hop-Radio__text": "Radio-module__hop-Radio__text___cidCs" };
+var Radio_module_default = { "hop-Radio": "Radio-module__hop-Radio___yn4Ax", "hop-Radio--sm": "Radio-module__hop-Radio--sm___r36IC", "hop-Radio--md": "Radio-module__hop-Radio--md___XlmOj", "hop-Radio__icon": "Radio-module__hop-Radio__icon___fGdPZ", "hop-Radio__icon-list": "Radio-module__hop-Radio__icon-list___0jk-V", "hop-Radio__box": "Radio-module__hop-Radio__box___wYIW6", "hop-Radio__bullet": "Radio-module__hop-Radio__bullet___yLpc5", "hop-Radio__text": "Radio-module__hop-Radio__text___mNFi6" };
 var GlobalRadioCssSelector = "hop-Radio";
 function Radio(props, ref) {
   var _a;

package/dist/{chunk-AF43MVQX.js → chunk-OQ6P5ZB7.js}

@@ -1,6 +1,6 @@
 import { InternalSegmentedControlContext } from './chunk-6BJLSAMM.js';
 import { SegmentedControlItemContext } from './chunk-VS3PE4S6.js';
-import { _Text } from './chunk-DKEGFWKJ.js';
+import { _Text } from './chunk-EEDL6XIO.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___WQlba", "hop-SegmentedControlItem__slider": "SegmentedControlItem-module__hop-SegmentedControlItem__slider___0LnBu", "hop-SegmentedControlItem__wrapper": "SegmentedControlItem-module__hop-SegmentedControlItem__wrapper___4suYg", "hop-SegmentedControlItem--md": "SegmentedControlItem-module__hop-SegmentedControlItem--md___ca6Nd", "hop-SegmentedControlItem__icon": "SegmentedControlItem-module__hop-SegmentedControlItem__icon___Mo5zD", "hop-SegmentedControlItem__text": "SegmentedControlItem-module__hop-SegmentedControlItem__text___70kqF", "hop-SegmentedControlItem__start-icon": "SegmentedControlItem-module__hop-SegmentedControlItem__start-icon___Fxjcj", "hop-SegmentedControlItem--justified": "SegmentedControlItem-module__hop-SegmentedControlItem--justified___lUW6T" };
+var SegmentedControlItem_module_default = { "hop-SegmentedControlItem": "SegmentedControlItem-module__hop-SegmentedControlItem___VUAN-", "hop-SegmentedControlItem__slider": "SegmentedControlItem-module__hop-SegmentedControlItem__slider___dWGTT", "hop-SegmentedControlItem__wrapper": "SegmentedControlItem-module__hop-SegmentedControlItem__wrapper___-0UpS", "hop-SegmentedControlItem--md": "SegmentedControlItem-module__hop-SegmentedControlItem--md___-TihV", "hop-SegmentedControlItem__icon": "SegmentedControlItem-module__hop-SegmentedControlItem__icon___A9OA3", "hop-SegmentedControlItem__text": "SegmentedControlItem-module__hop-SegmentedControlItem__text___1ANE5", "hop-SegmentedControlItem__start-icon": "SegmentedControlItem-module__hop-SegmentedControlItem__start-icon___taBVE", "hop-SegmentedControlItem--justified": "SegmentedControlItem-module__hop-SegmentedControlItem--justified___0wOsD" };
 var GlobalSegmentedControlItemCssSelector = "hop-SegmentedControlItem";
 var SegmentedControlItem = (props, ref) => {
   var _a;

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

@@ -1,12 +1,12 @@
-import { _DateInput } from './chunk-L742JERP.js';
+import { _DateInput } from './chunk-XNIB2BMM.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 { _InputGroup } from './chunk-AN5G2X5M.js';
+import { _PopoverBase } from './chunk-YMSHTEL5.js';
+import { FieldLabel } from './chunk-WGUU7VEU.js';
+import { _HelperMessage } from './chunk-MB7XG7IE.js';
+import { _RangeCalendar } from './chunk-BZ2RXWBL.js';
+import { _ErrorMessage } from './chunk-M7KK2IOV.js';
+import { _Button } from './chunk-3CIQIKTH.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___qj75Y", "hop-DateRangePicker--fluid": "DateRangePicker-module__hop-DateRangePicker--fluid___ihEpT", "hop-DateRangePicker__InputGroup": "DateRangePicker-module__hop-DateRangePicker__InputGroup___4HVRs", "hop-DateRangePicker__Separator": "DateRangePicker-module__hop-DateRangePicker__Separator___Ray2u", "hop-DateRangePicker--sm": "DateRangePicker-module__hop-DateRangePicker--sm___EfoeD", "hop-DateRangePicker__Button": "DateRangePicker-module__hop-DateRangePicker__Button___zs7bA", "hop-DateRangePicker__Popover": "DateRangePicker-module__hop-DateRangePicker__Popover___hCkEv" };
 var GlobalDateRangePickerCssSelector = "hop-DateRangePicker";
 var DateRangePicker = (props, ref) => {
   var _a;

package/dist/{chunk-NLIR35YT.js → chunk-OXFSLMUR.js}

@@ -1,8 +1,8 @@
 import { PopoverTrigger } from './chunk-KHDRGFVV.js';
-import { _PopoverBase } from './chunk-6F7ECZPM.js';
+import { _PopoverBase } from './chunk-YMSHTEL5.js';
 import { ContextualHelpContext } from './chunk-MR5BPD6R.js';
 import { useLocalizedString } from './chunk-H7LGBRRK.js';
-import { ensureTextWrapper } from './chunk-LVJEE3EN.js';
+import { ensureTextWrapper } from './chunk-HME2EOGU.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___iuccI", "hop-ContextualHelp__popover": "ContextualHelp-module__hop-ContextualHelp__popover___a6afz" };
+var ContextualHelp_module_default = { "hop-ContextualHelp": "ContextualHelp-module__hop-ContextualHelp___9gTMn", "hop-ContextualHelp__popover": "ContextualHelp-module__hop-ContextualHelp__popover___OwS9J" };
 var GlobalContextualHelpCssSelector = "hop-ContextualHelp";
 function ContextualHelp(props, ref) {
   var _a;

package/dist/{chunk-UTXRCRT2.js → chunk-OXY3KEYC.js}

@@ -12,7 +12,7 @@ import { useContextProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./ButtonGroup.module.css#css-module
-var ButtonGroup_module_default = { "hop-ButtonGroup": "ButtonGroup-module__hop-ButtonGroup___Cf8Hc", "hop-ButtonGroup--horizontal": "ButtonGroup-module__hop-ButtonGroup--horizontal___6ZApv", "hop-ButtonGroup--vertical": "ButtonGroup-module__hop-ButtonGroup--vertical___Ljw5c", "hop-ButtonGroup--start": "ButtonGroup-module__hop-ButtonGroup--start___Hw3Bz", "hop-ButtonGroup--center": "ButtonGroup-module__hop-ButtonGroup--center___pQXhz", "hop-ButtonGroup--end": "ButtonGroup-module__hop-ButtonGroup--end___6VESy", "hop-ButtonGroup--wrap": "ButtonGroup-module__hop-ButtonGroup--wrap___y1q-E", "hop-ButtonGroup--fluid": "ButtonGroup-module__hop-ButtonGroup--fluid___MiOxT" };
+var ButtonGroup_module_default = { "hop-ButtonGroup": "ButtonGroup-module__hop-ButtonGroup___1WIvf", "hop-ButtonGroup--horizontal": "ButtonGroup-module__hop-ButtonGroup--horizontal___ck0pY", "hop-ButtonGroup--vertical": "ButtonGroup-module__hop-ButtonGroup--vertical___jqlaw", "hop-ButtonGroup--start": "ButtonGroup-module__hop-ButtonGroup--start___-eHDA", "hop-ButtonGroup--center": "ButtonGroup-module__hop-ButtonGroup--center___4ocj3", "hop-ButtonGroup--end": "ButtonGroup-module__hop-ButtonGroup--end___--z-e", "hop-ButtonGroup--wrap": "ButtonGroup-module__hop-ButtonGroup--wrap___0GNwH", "hop-ButtonGroup--fluid": "ButtonGroup-module__hop-ButtonGroup--fluid___rqZWu" };
 var GlobalButtonGroupCssSelector = "hop-ButtonGroup";
 function ButtonGroup(props, ref) {
   var _a, _b, _c, _d;

package/dist/{chunk-3DLEZOGM.js → chunk-QBNOYBFR.js}

@@ -1,9 +1,9 @@
 import { TagGroupContext, InternalTagGroupContext } from './chunk-4BWTFR22.js';
 import { TagContext } from './chunk-EWMWQ2MC.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 { FieldLabel } from './chunk-WGUU7VEU.js';
+import { _HelperMessage } from './chunk-MB7XG7IE.js';
+import { _ErrorMessage } from './chunk-M7KK2IOV.js';
+import { useFormProps } from './chunk-KEFC5ZGJ.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___Ygf9c", "hop-TagGroup__label": "TagGroup-module__hop-TagGroup__label___T1-mP", "hop-TagGroup__list": "TagGroup-module__hop-TagGroup__list___GB0-C", "hop-TagGroup__error-message": "TagGroup-module__hop-TagGroup__error-message___C8de9", "hop-TagGroup__helper-message": "TagGroup-module__hop-TagGroup__helper-message___TTSwy" };
+var TagGroup_module_default = { "hop-TagGroup": "TagGroup-module__hop-TagGroup___KQD0e", "hop-TagGroup__label": "TagGroup-module__hop-TagGroup__label___LwP6t", "hop-TagGroup__list": "TagGroup-module__hop-TagGroup__list___3tis4", "hop-TagGroup__error-message": "TagGroup-module__hop-TagGroup__error-message___PAgUh", "hop-TagGroup__helper-message": "TagGroup-module__hop-TagGroup__helper-message___pUoFO" };
 var GlobalTagGroupCssSelector = "hop-TagGroup";
 function TagGroup(props, ref) {
   var _a;

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

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

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

@@ -1,6 +1,6 @@
-import { AvatarContext } from './chunk-FA26RZSE.js';
-import { _RichIconAvatarImage } from './chunk-4DELQTZ4.js';
+import { _RichIconAvatarImage } from './chunk-O25RYWCB.js';
 import { useRenderProps } from './chunk-2NSUMKNH.js';
+import { AvatarContext } from './chunk-FA26RZSE.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { AnonymousRichIcon } from '@hopper-ui/icons';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';

package/dist/{chunk-ERD46NOT.js → chunk-QQIJ7ZSG.js}

@@ -9,7 +9,7 @@ import { useContextProps, Provider } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Illustration.module.css#css-module
-var Illustration_module_default = { "hop-Illustration": "Illustration-module__hop-Illustration___-auh8", "hop-Illustration__image": "Illustration-module__hop-Illustration__image___iHO9r", "hop-Illustration--horizontal": "Illustration-module__hop-Illustration--horizontal___PIZq7", "hop-Illustration--vertical": "Illustration-module__hop-Illustration--vertical___tGhVs", "hop-Illustration--rounded": "Illustration-module__hop-Illustration--rounded___Jh-oy" };
+var Illustration_module_default = { "hop-Illustration": "Illustration-module__hop-Illustration___zTJnM", "hop-Illustration__image": "Illustration-module__hop-Illustration__image___Et8pv", "hop-Illustration--horizontal": "Illustration-module__hop-Illustration--horizontal___-0wgJ", "hop-Illustration--vertical": "Illustration-module__hop-Illustration--vertical___65mP4", "hop-Illustration--rounded": "Illustration-module__hop-Illustration--rounded___weAqH" };
 var GlobalIllustrationCssSelector = "hop-Illustration";
 function Illustration(props, ref) {
   [props, ref] = useContextProps(props, ref, IllustrationContext);

package/dist/{chunk-BUQDI4TL.js → chunk-QWBSIFEF.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-RMK7ROVR.js';
+import { mapOrbiterToHopperVariants } from './chunk-AJ7ZCYL5.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 { AvatarContext } from './chunk-FA26RZSE.js';
+import { useFormProps } from './chunk-KEFC5ZGJ.js';
+import { _Spinner } from './chunk-LIRW3K6L.js';
 import { IconListContext } from './chunk-GBWXEK6N.js';
 import { useLocalizedString } from './chunk-H7LGBRRK.js';
-import { ensureTextWrapper } from './chunk-LVJEE3EN.js';
+import { ensureTextWrapper } from './chunk-HME2EOGU.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___8BehY", "hop-Tag--sm": "Tag-module__hop-Tag--sm___SrJ-v", "hop-Tag__remove-btn": "Tag-module__hop-Tag__remove-btn___NIEWj", "hop-Tag__Spinner": "Tag-module__hop-Tag__Spinner___8cy4J", "hop-Tag__avatar": "Tag-module__hop-Tag__avatar___LpwtZ", "hop-Tag--md": "Tag-module__hop-Tag--md___Bifti", "hop-Tag--lg": "Tag-module__hop-Tag--lg___3NkWY", "hop-Tag--neutral": "Tag-module__hop-Tag--neutral___Oq9f3", "hop-Tag--subdued": "Tag-module__hop-Tag--subdued___1pOv-", "hop-Tag--progress": "Tag-module__hop-Tag--progress___hgM7I", "hop-Tag--positive": "Tag-module__hop-Tag--positive___Dz5P-", "hop-Tag--caution": "Tag-module__hop-Tag--caution___pcHe1", "hop-Tag--negative": "Tag-module__hop-Tag--negative___881Ud", "hop-Tag--option1": "Tag-module__hop-Tag--option1___gxMEi", "hop-Tag--option2": "Tag-module__hop-Tag--option2___4SwXf", "hop-Tag--option3": "Tag-module__hop-Tag--option3___zvq-p", "hop-Tag--option4": "Tag-module__hop-Tag--option4___8hwfH", "hop-Tag--option5": "Tag-module__hop-Tag--option5___NHmM1", "hop-Tag--option6": "Tag-module__hop-Tag--option6___Osv66", "hop-Tag--standalone": "Tag-module__hop-Tag--standalone___ryxS7", "hop-Tag__icon": "Tag-module__hop-Tag__icon___nGnl4", "hop-Tag__icon-list": "Tag-module__hop-Tag__icon-list___jsXqJ", "hop-Tag__text": "Tag-module__hop-Tag__text___xJc2H", "hop-Tag__badge": "Tag-module__hop-Tag__badge___Wt0tG", "hop-Tag__badge--subdued": "Tag-module__hop-Tag__badge--subdued___b1WrQ" };
 var GlobalTagCssSelector = "hop-Tag";
 var TagToTextSizeAdapter = {
   sm: "xs",

package/dist/{chunk-OHI6NNT2.js → chunk-RDVWPUQR.js}

@@ -1,7 +1,7 @@
 import { DisclosurePanelContext } from './chunk-5XY5L6ZN.js';
 import { DisclosureContext } from './chunk-U4HRZ6DN.js';
 import { FormContext } from './chunk-UYYHPXUH.js';
-import { ensureTextWrapper } from './chunk-LVJEE3EN.js';
+import { ensureTextWrapper } from './chunk-HME2EOGU.js';
 import { TextContext } from './chunk-ZNOU2CGM.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
@@ -12,7 +12,7 @@ import { useContextProps, useSlottedContext, composeRenderProps, DisclosurePanel
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./DisclosurePanel.module.css#css-module
-var DisclosurePanel_module_default = { "hop-DisclosurePanel": "DisclosurePanel-module__hop-DisclosurePanel___rO5iw", "hop-DisclosurePanel--inline": "DisclosurePanel-module__hop-DisclosurePanel--inline___-IYFE", "hop-DisclosurePanel--disabled": "DisclosurePanel-module__hop-DisclosurePanel--disabled___sq2v6", "hop-DisclosurePanel__text": "DisclosurePanel-module__hop-DisclosurePanel__text___uhSpZ" };
+var DisclosurePanel_module_default = { "hop-DisclosurePanel": "DisclosurePanel-module__hop-DisclosurePanel___S8jzB", "hop-DisclosurePanel--inline": "DisclosurePanel-module__hop-DisclosurePanel--inline___MHQ9X", "hop-DisclosurePanel--disabled": "DisclosurePanel-module__hop-DisclosurePanel--disabled___AxVit", "hop-DisclosurePanel__text": "DisclosurePanel-module__hop-DisclosurePanel__text___CvUp4" };
 var GlobalDisclosurePanelCssSelector = "hop-DisclosurePanel";
 function DisclosurePanel(props, ref) {
   [props, ref] = useContextProps(props, ref, DisclosurePanelContext);

package/dist/{chunk-2J4W7KFO.js → chunk-RMK7ROVR.js}

@@ -1,4 +1,4 @@
-import { _EmbeddedButton } from './chunk-YUCXNOOW.js';
+import { _EmbeddedButton } from './chunk-AJ7ZCYL5.js';
 import { ClearButtonContext } from './chunk-DXVKHP4V.js';
 import { useLocalizedString } from './chunk-H7LGBRRK.js';
 import { DismissIcon } from '@hopper-ui/icons';

package/dist/{chunk-QAXXJKIE.js → chunk-RR3DP6HO.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-SL3VXXJL.js';
-import { _Text } from './chunk-DKEGFWKJ.js';
+import { useFormProps } from './chunk-KEFC5ZGJ.js';
+import { _Text } from './chunk-EEDL6XIO.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___IGDyo", "hop-CheckboxField--sm": "CheckboxField-module__hop-CheckboxField--sm___UFbOn", "hop-CheckboxField--md": "CheckboxField-module__hop-CheckboxField--md___o6OwP", "hop-CheckboxField__description": "CheckboxField-module__hop-CheckboxField__description___2ZYGu", "hop-CheckboxField__checkbox": "CheckboxField-module__hop-CheckboxField__checkbox___8YYQD" };
+var CheckboxField_module_default = { "hop-CheckboxField": "CheckboxField-module__hop-CheckboxField___0Pitu", "hop-CheckboxField--sm": "CheckboxField-module__hop-CheckboxField--sm___-kkR8", "hop-CheckboxField--md": "CheckboxField-module__hop-CheckboxField--md___FMgj3", "hop-CheckboxField__description": "CheckboxField-module__hop-CheckboxField__description___O1Ivu", "hop-CheckboxField__checkbox": "CheckboxField-module__hop-CheckboxField__checkbox___L1zK3" };
 var GlobalCheckboxFieldCssSelector = "hop-CheckboxField";
 var CheckboxToDescriptionSizeAdapter = {
   sm: "xs",

package/dist/{chunk-3QVACEW2.js → chunk-S646JJHG.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___ZlnC2 CalendarCell-module__hop-CalendarCell___pM-og" };
 var GlobalRangeCalendarCellCssSelector = "hop-RangeCalendarCell";
 var RangeCalendarCell = (props) => {
   const classNames = clsx(

package/dist/{chunk-PA3YOQ25.js → chunk-SKSZ3SS5.js}

@@ -11,20 +11,21 @@ import { ButtonGroupContext } from './chunk-VJQ7M2BK.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
-import { useStyledSystem, useColorSchemeContext, useResponsiveValue, getRootCSSClasses } from '@hopper-ui/styled-system';
+import { useStyledSystem, useColorSchemeContext, useThemeContext, useResponsiveValue, getRootCSSClasses } from '@hopper-ui/styled-system';
 import clsx from 'clsx';
 import { forwardRef } from 'react';
 import { useContextProps, composeRenderProps, Popover as Popover$1, Dialog } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Popover.module.css#css-module
-var Popover_module_default = { "hop-Popover": "Popover-module__hop-Popover___0xoUB", "fade": "Popover-module__fade___gAVDB", "hop-Popover__wrapper": "Popover-module__hop-Popover__wrapper___WW1Vh", "hop-Popover__dialog": "Popover-module__hop-Popover__dialog___fGPxC", "hop-Popover__dropdown": "Popover-module__hop-Popover__dropdown___XHwUA", "hop-Popover__title": "Popover-module__hop-Popover__title___ijUf4", "hop-Popover__content": "Popover-module__hop-Popover__content___LnEoZ", "hop-Popover__list-box": "Popover-module__hop-Popover__list-box___mFvPL", "hop-Popover__footer": "Popover-module__hop-Popover__footer___fqjdo", "hop-Popover__actions": "Popover-module__hop-Popover__actions___SKbKe", "hop-Popover__action": "Popover-module__hop-Popover__action___9cG7n" };
+var Popover_module_default = { "hop-Popover": "Popover-module__hop-Popover___cUWtd", "fade": "Popover-module__fade___FZrgi", "hop-Popover__wrapper": "Popover-module__hop-Popover__wrapper___9OsVU", "hop-Popover__dialog": "Popover-module__hop-Popover__dialog___jB0IK", "hop-Popover__dropdown": "Popover-module__hop-Popover__dropdown___4PfMy", "hop-Popover__title": "Popover-module__hop-Popover__title___CzRqx", "hop-Popover__content": "Popover-module__hop-Popover__content___PBWfv", "hop-Popover__list-box": "Popover-module__hop-Popover__list-box___g0mpA", "hop-Popover__footer": "Popover-module__hop-Popover__footer___taIpn", "hop-Popover__actions": "Popover-module__hop-Popover__actions___QishN", "hop-Popover__action": "Popover-module__hop-Popover__action___XEoPf" };
 var GlobalPopoverCssSelector = "hop-Popover";
 function Popover(props, ref) {
   var _a;
   [props, ref] = useContextProps(props, ref, PopoverContext);
   const { stylingProps, ...ownProps } = useStyledSystem(props);
   const { colorScheme } = useColorSchemeContext();
+  const { theme } = useThemeContext();
   const {
     isAutoWidth,
     children,
@@ -54,7 +55,7 @@ function Popover(props, ref) {
       "hop-Popover",
       isNonDialog && "non-dialog"
     ),
-    getRootCSSClasses(colorScheme),
+    getRootCSSClasses(colorScheme, theme),
     stylingProps.className
   );
   const containerClassNames = isNonDialog ? clsx(containerClassName, Popover_module_default["hop-Popover__dropdown"], containerStylingProps.className) : clsx(containerClassName, Popover_module_default["hop-Popover__dialog"], containerStylingProps.className);

package/dist/{chunk-2LASUKE3.js → chunk-SPT2W2YL.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-IL5CSGQO.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___5xq5-" };
 var GlobalCustomModalCssSelector = "hop-CustomModal";
 var CustomModal = (props, ref) => {
   var _a;

package/dist/{chunk-BC5KCVJC.js → chunk-STM4ATU7.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___3ysdR" };
 var GlobalTileGroupCssSelector = "hop-TileGroup";
 var TileGroup = (props, ref) => {
   [props, ref] = useContextProps(props, ref, TileGroupContext);

package/dist/{chunk-N5NJAIGT.js → chunk-TJ7ALTQX.js}

@@ -1,8 +1,8 @@
-import { useButtonProps } from './chunk-NHTLA6PP.js';
+import { useButtonProps } from './chunk-JLIIFK4W.js';
 import { IconListContext } from './chunk-GBWXEK6N.js';
 import { LinkButtonContext } from './chunk-3UQFC2NQ.js';
 import { useSlot } from './chunk-H5YTU3U7.js';
-import { ensureTextWrapper } from './chunk-LVJEE3EN.js';
+import { ensureTextWrapper } from './chunk-HME2EOGU.js';
 import { TextContext } from './chunk-ZNOU2CGM.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
@@ -14,7 +14,7 @@ import { useContextProps, composeRenderProps, Link, DEFAULT_SLOT } from 'react-a
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./LinkButton.module.css#css-module
-var LinkButton_module_default = { "hop-LinkButton": "LinkButton-module__hop-LinkButton___bMpDe Button-module__hop-Button___Nwqhy", "hop-LinkButton--fluid": "LinkButton-module__hop-LinkButton--fluid___7EQou Button-module__hop-Button--fluid___zZAXx", "hop-LinkButton--xs": "LinkButton-module__hop-LinkButton--xs___giaye Button-module__hop-Button--xs___4-qMr", "hop-LinkButton--sm": "LinkButton-module__hop-LinkButton--sm___vBX4G Button-module__hop-Button--sm___wHSI-", "hop-LinkButton--icon-only": "LinkButton-module__hop-LinkButton--icon-only___He5tS Button-module__hop-Button--icon-only___BIOU3", "hop-LinkButton--primary": "LinkButton-module__hop-LinkButton--primary___vjQbl Button-module__hop-Button--primary___hHmMx", "hop-LinkButton--secondary": "LinkButton-module__hop-LinkButton--secondary___1gyTc Button-module__hop-Button--secondary___clBVF", "hop-LinkButton--upsell": "LinkButton-module__hop-LinkButton--upsell___tVmqH Button-module__hop-Button--upsell___UifD2", "hop-LinkButton--danger": "LinkButton-module__hop-LinkButton--danger___Q2x8A Button-module__hop-Button--danger___ZVKU3", "hop-LinkButton--ghost-primary": "LinkButton-module__hop-LinkButton--ghost-primary___o7BH- Button-module__hop-Button--ghost-primary___OcxtU", "hop-LinkButton--ghost-secondary": "LinkButton-module__hop-LinkButton--ghost-secondary___Z6U3f Button-module__hop-Button--ghost-secondary___-5ivJ", "hop-LinkButton--ghost-danger": "LinkButton-module__hop-LinkButton--ghost-danger___UCU-G Button-module__hop-Button--ghost-danger___P39GU", "hop-LinkButton__Spinner": "LinkButton-module__hop-LinkButton__Spinner___Dwm-A Button-module__hop-Button__Spinner___yeIT8", "hop-LinkButton__icon": "LinkButton-module__hop-LinkButton__icon___eEDhL Button-module__hop-Button__icon___9ubmq", "hop-LinkButton__icon-list": "LinkButton-module__hop-LinkButton__icon-list___q8iCk Button-module__hop-Button__icon___9ubmq", "hop-LinkButton__text": "LinkButton-module__hop-LinkButton__text___-YeBd Button-module__hop-Button__text___8wQ3b", "hop-LinkButton__end-icon": "LinkButton-module__hop-LinkButton__end-icon___jZwQs Button-module__hop-Button__end-icon___HDmmg", "hop-LinkButton__end-icon-list": "LinkButton-module__hop-LinkButton__end-icon-list___0jJOj Button-module__hop-Button__end-icon___HDmmg" };
+var LinkButton_module_default = { "hop-LinkButton": "LinkButton-module__hop-LinkButton___kGm1n Button-module__hop-Button___LYhVQ", "hop-LinkButton--fluid": "LinkButton-module__hop-LinkButton--fluid___FaMs9 Button-module__hop-Button--fluid___YLEeD", "hop-LinkButton--xs": "LinkButton-module__hop-LinkButton--xs___T7QiJ Button-module__hop-Button--xs___x-E-E", "hop-LinkButton--sm": "LinkButton-module__hop-LinkButton--sm___iYUpD Button-module__hop-Button--sm___QQwVw", "hop-LinkButton--icon-only": "LinkButton-module__hop-LinkButton--icon-only___a6-iK Button-module__hop-Button--icon-only___rLwra", "hop-LinkButton--primary": "LinkButton-module__hop-LinkButton--primary___ZR6tp Button-module__hop-Button--primary___NF-rG", "hop-LinkButton--secondary": "LinkButton-module__hop-LinkButton--secondary___jcrfj Button-module__hop-Button--secondary___s0wJc", "hop-LinkButton--upsell": "LinkButton-module__hop-LinkButton--upsell___kzOh1 Button-module__hop-Button--upsell___-cY1l", "hop-LinkButton--danger": "LinkButton-module__hop-LinkButton--danger___7GihC Button-module__hop-Button--danger___T40Cy", "hop-LinkButton--ghost-primary": "LinkButton-module__hop-LinkButton--ghost-primary___rvJfj Button-module__hop-Button--ghost-primary___jfW-0", "hop-LinkButton--ghost-secondary": "LinkButton-module__hop-LinkButton--ghost-secondary___cx9DX Button-module__hop-Button--ghost-secondary___fb1sg", "hop-LinkButton--ghost-danger": "LinkButton-module__hop-LinkButton--ghost-danger___qrc9W Button-module__hop-Button--ghost-danger___ArFMe", "hop-LinkButton__Spinner": "LinkButton-module__hop-LinkButton__Spinner___ssbUJ Button-module__hop-Button__Spinner___LD8Zi", "hop-LinkButton__icon": "LinkButton-module__hop-LinkButton__icon___9cad1 Button-module__hop-Button__icon___483Mx", "hop-LinkButton__icon-list": "LinkButton-module__hop-LinkButton__icon-list___x6wK7 Button-module__hop-Button__icon___483Mx", "hop-LinkButton__text": "LinkButton-module__hop-LinkButton__text___wFGfE Button-module__hop-Button__text___-y1up", "hop-LinkButton__end-icon": "LinkButton-module__hop-LinkButton__end-icon___H-VIo Button-module__hop-Button__end-icon___bB-ki", "hop-LinkButton__end-icon-list": "LinkButton-module__hop-LinkButton__end-icon-list___2tMlv Button-module__hop-Button__end-icon___bB-ki" };
 var GlobalLinkButtonCssSelector = "hop-LinkButton";
 var LinkButtonToIconSizeAdapter = {
   xs: "sm",

package/dist/{chunk-BTNYSPCC.js → chunk-TNXHQYQL.js}

@@ -1,10 +1,10 @@
-import { FieldLabel } from './chunk-KMB6WJ4B.js';
-import { _HelperMessage } from './chunk-YLVEXNCS.js';
+import { FieldLabel } from './chunk-WGUU7VEU.js';
+import { _HelperMessage } from './chunk-MB7XG7IE.js';
 import { CheckboxContext } from './chunk-2EAZPH3M.js';
 import { CheckboxFieldContext } from './chunk-ZGNK4GWA.js';
 import { CheckboxGroupContext } from './chunk-N7YDPVZL.js';
-import { _ErrorMessage } from './chunk-TL62HAQD.js';
-import { useFormProps } from './chunk-SL3VXXJL.js';
+import { _ErrorMessage } from './chunk-M7KK2IOV.js';
+import { useFormProps } from './chunk-KEFC5ZGJ.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___LyRLz", "hop-CheckboxGroup--bordered": "CheckboxGroup-module__hop-CheckboxGroup--bordered___OdHAx", "hop-CheckboxGroup--fluid": "CheckboxGroup-module__hop-CheckboxGroup--fluid___gR6Qf", "hop-CheckboxGroup--sm": "CheckboxGroup-module__hop-CheckboxGroup--sm___F-0m5", "hop-CheckboxGroup--md": "CheckboxGroup-module__hop-CheckboxGroup--md___KnEDz", "hop-CheckboxGroup__label": "CheckboxGroup-module__hop-CheckboxGroup__label___gtO2j", "hop-CheckboxGroup__list": "CheckboxGroup-module__hop-CheckboxGroup__list___OufO2", "hop-CheckboxGroup__checkbox": "CheckboxGroup-module__hop-CheckboxGroup__checkbox___MTNdU", "hop-CheckboxGroup__error-message": "CheckboxGroup-module__hop-CheckboxGroup__error-message___TqgSh", "hop-CheckboxGroup__helper-message": "CheckboxGroup-module__hop-CheckboxGroup__helper-message___x4mzf" };
+var CheckboxGroup_module_default = { "hop-CheckboxGroup": "CheckboxGroup-module__hop-CheckboxGroup___MbnlC", "hop-CheckboxGroup--bordered": "CheckboxGroup-module__hop-CheckboxGroup--bordered___Ollaw", "hop-CheckboxGroup--fluid": "CheckboxGroup-module__hop-CheckboxGroup--fluid___5VZ-D", "hop-CheckboxGroup--sm": "CheckboxGroup-module__hop-CheckboxGroup--sm___FCgfq", "hop-CheckboxGroup--md": "CheckboxGroup-module__hop-CheckboxGroup--md___ilVuD", "hop-CheckboxGroup__label": "CheckboxGroup-module__hop-CheckboxGroup__label___VFuhx", "hop-CheckboxGroup__list": "CheckboxGroup-module__hop-CheckboxGroup__list___AhLnQ", "hop-CheckboxGroup__checkbox": "CheckboxGroup-module__hop-CheckboxGroup__checkbox___JCZul", "hop-CheckboxGroup__error-message": "CheckboxGroup-module__hop-CheckboxGroup__error-message___O-Jx9", "hop-CheckboxGroup__helper-message": "CheckboxGroup-module__hop-CheckboxGroup__helper-message___kiemg" };
 var GlobalCheckboxGroupCssSelector = "hop-CheckboxGroup";
 function CheckboxGroup(props, ref) {
   var _a, _b, _c, _d;

package/dist/{chunk-NSM7FVD5.js → chunk-TOQZANTG.js}

@@ -1,18 +1,18 @@
-import { _Popover } from './chunk-PA3YOQ25.js';
-import { _ListBox } from './chunk-3HNLC36P.js';
-import { _ListBoxItem } from './chunk-H5OZ6MIJ.js';
+import { _Popover } from './chunk-SKSZ3SS5.js';
+import { _ListBox } from './chunk-WP7I2HNP.js';
+import { _ListBoxItem } from './chunk-4IMXHIHU.js';
 import { _ListBoxSection } from './chunk-PN5BRTOO.js';
 import { _Footer } from './chunk-RN3FLBX4.js';
-import { InputContext, Input } from './chunk-YUTXUNFK.js';
-import { _ToggleArrow } from './chunk-F44OOM7J.js';
-import { _InputGroup } from './chunk-YYLPCSP7.js';
+import { InputContext, Input } from './chunk-CR3DM77L.js';
+import { _ToggleArrow } from './chunk-KJW5ANDU.js';
+import { _InputGroup } from './chunk-AN5G2X5M.js';
 import { ComboBoxContext } from './chunk-RFZC5CHX.js';
-import { FieldLabel } from './chunk-KMB6WJ4B.js';
-import { _HelperMessage } from './chunk-YLVEXNCS.js';
-import { _ErrorMessage } from './chunk-TL62HAQD.js';
+import { FieldLabel } from './chunk-WGUU7VEU.js';
+import { _HelperMessage } from './chunk-MB7XG7IE.js';
+import { _ErrorMessage } from './chunk-M7KK2IOV.js';
 import { BadgeContext } from './chunk-ZSFJVMJN.js';
-import { useFormProps } from './chunk-SL3VXXJL.js';
-import { ensureTextWrapper } from './chunk-LVJEE3EN.js';
+import { useFormProps } from './chunk-KEFC5ZGJ.js';
+import { ensureTextWrapper } from './chunk-HME2EOGU.js';
 import { ClearProviders, ClearContainerSlots } from './chunk-PQSMCDAM.js';
 import { TextContext as TextContext$1 } from './chunk-ZNOU2CGM.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
@@ -26,7 +26,7 @@ import { useContextProps, useSlottedContext, composeRenderProps, TextContext, Bu
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./ComboBox.module.css#css-module
-var ComboBox_module_default = { "hop-ComboBox": "ComboBox-module__hop-ComboBox___EofDI", "hop-ComboBox--fluid": "ComboBox-module__hop-ComboBox--fluid___302kg", "hop-ComboBox__label": "ComboBox-module__hop-ComboBox__label___N3x98", "hop-ComboBox__trigger": "ComboBox-module__hop-ComboBox__trigger___g0Ker", "hop-ComboBox__button": "ComboBox-module__hop-ComboBox__button___PATf9", "hop-ComboBox__prefix": "ComboBox-module__hop-ComboBox__prefix___zJG-o", "hop-ComboBox__helper-message": "ComboBox-module__hop-ComboBox__helper-message___PKT47", "hop-ComboBox__error-message": "ComboBox-module__hop-ComboBox__error-message___jzChG" };
+var ComboBox_module_default = { "hop-ComboBox": "ComboBox-module__hop-ComboBox___96OEY", "hop-ComboBox--fluid": "ComboBox-module__hop-ComboBox--fluid___O6yJz", "hop-ComboBox__label": "ComboBox-module__hop-ComboBox__label___O-9gv", "hop-ComboBox__trigger": "ComboBox-module__hop-ComboBox__trigger___NgxRH", "hop-ComboBox__button": "ComboBox-module__hop-ComboBox__button___DfvBb", "hop-ComboBox__prefix": "ComboBox-module__hop-ComboBox__prefix___2fHXn", "hop-ComboBox__helper-message": "ComboBox-module__hop-ComboBox__helper-message___C72UR", "hop-ComboBox__error-message": "ComboBox-module__hop-ComboBox__error-message___FhgA4" };
 var GlobalComboBoxCssSelector = "hop-ComboBox";
 function ComboBox(props, ref) {
   var _a, _b, _c, _d, _e;

package/dist/{chunk-DZVKWAHJ.js → chunk-TOWSANHM.js}

@@ -7,7 +7,7 @@ import { useContextProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./SvgImage.module.css#css-module
-var SvgImage_module_default = { "hop-SvgImage": "SvgImage-module__hop-SvgImage___LTwkU" };
+var SvgImage_module_default = { "hop-SvgImage": "SvgImage-module__hop-SvgImage___7RJCC" };
 var GlobalSvgImageCssSelector = "hop-SvgImage";
 function SvgImage(props, ref) {
   [props, ref] = useContextProps(props, ref, SvgImageContext);

package/dist/{chunk-FED46PII.js → chunk-UBIDFJDX.js}

@@ -5,7 +5,7 @@ import { MenuSection as MenuSection$1 } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./MenuSection.module.css#css-module
-var MenuSection_module_default = { "hop-MenuSection": "MenuSection-module__hop-MenuSection___k1PQE" };
+var MenuSection_module_default = { "hop-MenuSection": "MenuSection-module__hop-MenuSection___mBtiF" };
 var GlobalMenuSectionCssSelector = "hop-MenuSection";
 function MenuSection(props) {
   const { stylingProps, ...ownProps } = useStyledSystem(props);

package/dist/{chunk-S54SFVQA.js → chunk-UO4WGEZJ.js}

@@ -7,7 +7,7 @@ import { TabList as TabList$1 } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./TabList.module.css#css-module
-var TabList_module_default = { "hop-TabList": "TabList-module__hop-TabList___dNX6q", "hop-TabList--standalone": "TabList-module__hop-TabList--standalone___ZQUz-", "hop-TabList--in-card": "TabList-module__hop-TabList--in-card___8xH4r", "hop-TabList__tablist": "TabList-module__hop-TabList__tablist___x-s5U", "hop-TabList--md": "TabList-module__hop-TabList--md___Ycire" };
+var TabList_module_default = { "hop-TabList": "TabList-module__hop-TabList___IyK-3", "hop-TabList--standalone": "TabList-module__hop-TabList--standalone___2ya-w", "hop-TabList--in-card": "TabList-module__hop-TabList--in-card___St-o3", "hop-TabList__tablist": "TabList-module__hop-TabList__tablist___Jkmpp", "hop-TabList--md": "TabList-module__hop-TabList--md___zbLUJ" };
 var GlobalTabListCssSelector = "hop-TabList";
 function TabList(props) {
   var _a;

package/dist/{chunk-QVI6B6K6.js → chunk-UORGXGFW.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-YMSHTEL5.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___bGSEH", "hop-Menu__header": "Menu-module__hop-Menu__header___d3VLB", "hop-Menu__divider": "Menu-module__hop-Menu__divider___s36Bl" };
 var GlobalMenuCssSelector = "hop-Menu";
 function Menu(props, ref) {
   [props, ref] = useContextProps(props, ref, MenuContext);

package/dist/{chunk-J6557DO5.js → chunk-URJRYURT.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-M7KK2IOV.js';
+import { CalendarGrid } from './chunk-6J5YD24G.js';
+import { CalendarHeader } from './chunk-MBCS57T2.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___YXzN8", "hop-Calendar__grids": "Calendar-module__hop-Calendar__grids___BOjaC", "hop-Calendar__error-message": "Calendar-module__hop-Calendar__error-message___IsQO8" };
 var GlobalCalendarCssSelector = "hop-Calendar";
 var Calendar = (props, ref) => {
   [props, ref] = useContextProps(props, ref, CalendarContext);

package/dist/{chunk-ML2BIR72.js → chunk-VE3YAB64.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___5EOqx", "hop-Heading--unset": "Heading-module__hop-Heading--unset___zg83N", "hop-Heading--xs": "Heading-module__hop-Heading--xs___1N27F", "hop-Heading--sm": "Heading-module__hop-Heading--sm___gkTLP", "hop-Heading--md": "Heading-module__hop-Heading--md___L81qr", "hop-Heading--lg": "Heading-module__hop-Heading--lg___4vnB-", "hop-Heading--xl": "Heading-module__hop-Heading--xl___rEt20", "hop-Heading--2xl": "Heading-module__hop-Heading--2xl___w0rfk", "hop-Heading--3xl": "Heading-module__hop-Heading--3xl___Sb5Pq" };
 var GlobalHeadingCssSelector = "hop-Heading";
 function Heading(props, ref) {
   [props, ref] = useContextProps(props, ref, HeadingContext);

package/dist/{chunk-WTJC4PVP.js → chunk-VX5V6NSA.js}

@@ -1,21 +1,22 @@
 import { TooltipContext } from './chunk-77PD5K3M.js';
 import { TooltipTriggerContext } from './chunk-XXEXHHC6.js';
-import { ensureTextWrapper } from './chunk-LVJEE3EN.js';
+import { ensureTextWrapper } from './chunk-HME2EOGU.js';
 import { TextContext } from './chunk-ZNOU2CGM.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
-import { useStyledSystem, useColorSchemeContext, getRootCSSClasses } from '@hopper-ui/styled-system';
+import { useStyledSystem, useColorSchemeContext, useThemeContext, getRootCSSClasses } from '@hopper-ui/styled-system';
 import clsx from 'clsx';
 import { forwardRef, useContext } from 'react';
 import { useContextProps, Provider, Tooltip as Tooltip$1 } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Tooltip.module.css#css-module
-var Tooltip_module_default = { "hop-Tooltip": "Tooltip-module__hop-Tooltip___eWmR8", "hop-Tooltip--top": "Tooltip-module__hop-Tooltip--top___IIwOF", "hop-Tooltip--right": "Tooltip-module__hop-Tooltip--right___eht-H", "hop-Tooltip--bottom": "Tooltip-module__hop-Tooltip--bottom___h6m5s", "hop-Tooltip--left": "Tooltip-module__hop-Tooltip--left___TSbms", "slide": "Tooltip-module__slide___2SgC6" };
+var Tooltip_module_default = { "hop-Tooltip": "Tooltip-module__hop-Tooltip___p4I7F", "hop-Tooltip--top": "Tooltip-module__hop-Tooltip--top___M69gr", "hop-Tooltip--right": "Tooltip-module__hop-Tooltip--right___2eJQQ", "hop-Tooltip--bottom": "Tooltip-module__hop-Tooltip--bottom___pku12", "hop-Tooltip--left": "Tooltip-module__hop-Tooltip--left___MtUZG", "slide": "Tooltip-module__slide___KWiaK" };
 var GlobalTooltipCssSelector = "hop-Tooltip";
 function Tooltip(props, ref) {
   [props, ref] = useContextProps(props, ref, TooltipContext);
   const { stylingProps, ...ownProps } = useStyledSystem(props);
   const { colorScheme } = useColorSchemeContext();
+  const { theme } = useThemeContext();
   const { containerPadding, crossOffset, offset, placement = "top", shouldFlip } = useContext(TooltipTriggerContext);
   const {
     className,
@@ -25,7 +26,7 @@ function Tooltip(props, ref) {
   } = ownProps;
   const classNames = clsx(
     GlobalTooltipCssSelector,
-    getRootCSSClasses(colorScheme),
+    getRootCSSClasses(colorScheme, theme),
     cssModule(
       Tooltip_module_default,
       "hop-Tooltip",

package/dist/{chunk-CE5V4MGB.js → chunk-VYWYQ3LG.js}

@@ -1,7 +1,7 @@
 import { SwitchContext } from './chunk-YHBJAXUY.js';
 import { SwitchFieldContext } from './chunk-H7VJS4MX.js';
 import { useRenderProps } from './chunk-2NSUMKNH.js';
-import { _Text } from './chunk-DKEGFWKJ.js';
+import { _Text } from './chunk-EEDL6XIO.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
@@ -13,7 +13,7 @@ import { useContextProps, composeRenderProps } from 'react-aria-components';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // css-module:./SwitchField.module.css#css-module
-var SwitchField_module_default = { "hop-SwitchField": "SwitchField-module__hop-SwitchField___nlLiT", "hop-SwitchField--sm": "SwitchField-module__hop-SwitchField--sm___jNDVQ", "hop-SwitchField--md": "SwitchField-module__hop-SwitchField--md___OrjEg", "hop-SwitchField__description": "SwitchField-module__hop-SwitchField__description___6A2Xr", "hop-SwitchField__switch": "SwitchField-module__hop-SwitchField__switch___EMI2K" };
+var SwitchField_module_default = { "hop-SwitchField": "SwitchField-module__hop-SwitchField___fLfzb", "hop-SwitchField--sm": "SwitchField-module__hop-SwitchField--sm___jnneZ", "hop-SwitchField--md": "SwitchField-module__hop-SwitchField--md___QVkrf", "hop-SwitchField__description": "SwitchField-module__hop-SwitchField__description___EuJuk", "hop-SwitchField__switch": "SwitchField-module__hop-SwitchField__switch___-a-7R" };
 var GlobalSwitchFieldCssSelector = "hop-SwitchField";
 var SwitchToDescriptionSizeAdapter = {
   sm: "xs",