@hopper-ui/components 1.16.4 → 2.0.0

package/dist/{chunk-43AGMKWG.js → chunk-DNR7OEMO.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-Y2MFIAVA.js';
+import { _Text } from './chunk-EEDL6XIO.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___09nD0", "hop-MenuItem__text": "MenuItem-module__hop-MenuItem__text___zANFv", "hop-MenuItem--invalid": "MenuItem-module__hop-MenuItem--invalid___Lm3oP", "hop-MenuItem__avatar": "MenuItem-module__hop-MenuItem__avatar___-yTEP", "hop-MenuItem__icon": "MenuItem-module__hop-MenuItem__icon___-zfmj", "hop-MenuItem__checkmark": "MenuItem-module__hop-MenuItem__checkmark___OpHYv", "hop-MenuItem__description": "MenuItem-module__hop-MenuItem__description___U-Gy9", "hop-MenuItem__end-icon": "MenuItem-module__hop-MenuItem__end-icon___f-QzQ", "hop-MenuItem__arrow": "MenuItem-module__hop-MenuItem__arrow___egpaA", "hop-MenuItem--xs": "MenuItem-module__hop-MenuItem--xs___K5Msc", "hop-MenuItem--sm": "MenuItem-module__hop-MenuItem--sm___ca1c5", "hop-MenuItem--md": "MenuItem-module__hop-MenuItem--md___nw-x4", "hop-MenuItem--lg": "MenuItem-module__hop-MenuItem--lg___VCQln" };
+var MenuItem_module_default = { "hop-MenuItem": "MenuItem-module__hop-MenuItem___pyqeu", "hop-MenuItem__text": "MenuItem-module__hop-MenuItem__text___GmR-B", "hop-MenuItem--invalid": "MenuItem-module__hop-MenuItem--invalid___LsKYo", "hop-MenuItem__avatar": "MenuItem-module__hop-MenuItem__avatar___jn4z3", "hop-MenuItem__icon": "MenuItem-module__hop-MenuItem__icon___H-HOH", "hop-MenuItem__checkmark": "MenuItem-module__hop-MenuItem__checkmark___jIuQP", "hop-MenuItem__description": "MenuItem-module__hop-MenuItem__description___IlsUT", "hop-MenuItem__end-icon": "MenuItem-module__hop-MenuItem__end-icon___QG0gD", "hop-MenuItem__arrow": "MenuItem-module__hop-MenuItem__arrow___dscDH", "hop-MenuItem--xs": "MenuItem-module__hop-MenuItem--xs___FwYoj", "hop-MenuItem--sm": "MenuItem-module__hop-MenuItem--sm___P8JQ2", "hop-MenuItem--md": "MenuItem-module__hop-MenuItem--md___xV-KG", "hop-MenuItem--lg": "MenuItem-module__hop-MenuItem--lg___lVUeS" };
 var GlobalMenuItemCssSelector = "hop-MenuItem";
 var MenuItem = (props, ref) => {
   [props, ref] = useContextProps(props, ref, MenuItemContext);

package/dist/{chunk-JMGISLZ5.js → chunk-DWNANM37.js}

@@ -11,7 +11,7 @@ import { useContextProps, composeRenderProps, DisclosureGroup } from 'react-aria
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Accordion.module.css#css-module
-var Accordion_module_default = { "hop-Accordion": "Accordion-module__hop-Accordion___b-ZSa", "hop-Accordion--inline": "Accordion-module__hop-Accordion--inline___v-5bZ", "hop-Accordion__disclosure": "Accordion-module__hop-Accordion__disclosure___zgtBd", "hop-Accordion__disclosure-header": "Accordion-module__hop-Accordion__disclosure-header___HDe3G", "hop-Accordion__disclosure-panel": "Accordion-module__hop-Accordion__disclosure-panel___V48-f" };
+var Accordion_module_default = { "hop-Accordion": "Accordion-module__hop-Accordion___dHAPw", "hop-Accordion--inline": "Accordion-module__hop-Accordion--inline___NX3Fq", "hop-Accordion__disclosure": "Accordion-module__hop-Accordion__disclosure___eFbhR", "hop-Accordion__disclosure-header": "Accordion-module__hop-Accordion__disclosure-header___wI4JF", "hop-Accordion__disclosure-panel": "Accordion-module__hop-Accordion__disclosure-panel___WIXjA" };
 var GlobalAccordionCssSelector = "hop-Accordion";
 function Accordion(props, ref) {
   [props, ref] = useContextProps(props, ref, AccordionContext);

package/dist/{chunk-G7OPZKAL.js → chunk-E3TZOBUT.js}

@@ -1,7 +1,7 @@
 import { CheckboxContext } from './chunk-2EAZPH3M.js';
-import { useFormProps } from './chunk-G4QTA6E4.js';
+import { useFormProps } from './chunk-KEFC5ZGJ.js';
 import { IconListContext } from './chunk-GBWXEK6N.js';
-import { ensureTextWrapper } from './chunk-Q2HCQLLY.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';
@@ -14,7 +14,7 @@ import { useContextProps, composeRenderProps, Checkbox as Checkbox$1 } from 'rea
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./Checkbox.module.css#css-module
-var Checkbox_module_default = { "hop-Checkbox": "Checkbox-module__hop-Checkbox___S1tYZ", "hop-Checkbox--sm": "Checkbox-module__hop-Checkbox--sm___WrMKq", "hop-Checkbox--md": "Checkbox-module__hop-Checkbox--md___5r8cU", "hop-Checkbox__icon": "Checkbox-module__hop-Checkbox__icon___wEiYo", "hop-Checkbox__icon-list": "Checkbox-module__hop-Checkbox__icon-list___JoaH4", "hop-Checkbox__box": "Checkbox-module__hop-Checkbox__box___QQQkM", "hop-Checkbox__check": "Checkbox-module__hop-Checkbox__check___hDYK8", "hop-Checkbox__text": "Checkbox-module__hop-Checkbox__text___xyHYy" };
+var Checkbox_module_default = { "hop-Checkbox": "Checkbox-module__hop-Checkbox___g1Qa4", "hop-Checkbox--sm": "Checkbox-module__hop-Checkbox--sm___k1uxB", "hop-Checkbox--md": "Checkbox-module__hop-Checkbox--md___31gRC", "hop-Checkbox__icon": "Checkbox-module__hop-Checkbox__icon___r8umS", "hop-Checkbox__icon-list": "Checkbox-module__hop-Checkbox__icon-list___QYn8G", "hop-Checkbox__box": "Checkbox-module__hop-Checkbox__box___lVSXp", "hop-Checkbox__check": "Checkbox-module__hop-Checkbox__check___4Ihvs", "hop-Checkbox__text": "Checkbox-module__hop-Checkbox__text___qu30Z" };
 var GlobalCheckboxCssSelector = "hop-Checkbox";
 function Checkbox(props, ref) {
   var _a;

package/dist/{chunk-Y2MFIAVA.js → chunk-EEDL6XIO.js}

@@ -9,7 +9,7 @@ import { useContextProps, Text as Text$1 } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Text.module.css#css-module
-var Text_module_default = { "hop-Text": "Text-module__hop-Text___9qxyZ", "hop-Text--xs": "Text-module__hop-Text--xs___RFRBU", "hop-Text--sm": "Text-module__hop-Text--sm___ZUU0U", "hop-Text--md": "Text-module__hop-Text--md___YFUCH", "hop-Text--lg": "Text-module__hop-Text--lg___B8yyh", "hop-Text--xl": "Text-module__hop-Text--xl___sBdlZ", "hop-Text--2xl": "Text-module__hop-Text--2xl___qIisF", "hop-Text--inherit": "Text-module__hop-Text--inherit___4hA2l" };
+var Text_module_default = { "hop-Text": "Text-module__hop-Text___ptVfk", "hop-Text--xs": "Text-module__hop-Text--xs___3YrZc", "hop-Text--sm": "Text-module__hop-Text--sm___hX1kX", "hop-Text--md": "Text-module__hop-Text--md___iN2nw", "hop-Text--lg": "Text-module__hop-Text--lg___L6dK-", "hop-Text--xl": "Text-module__hop-Text--xl___osimR", "hop-Text--2xl": "Text-module__hop-Text--2xl___fDTYd", "hop-Text--inherit": "Text-module__hop-Text--inherit___ept9i" };
 var GlobalTextCssSelector = "hop-Text";
 function Text(props, ref) {
   [props, ref] = useContextProps(props, ref, TextContext);

package/dist/{chunk-OWMX24RI.js → chunk-EPSY2O2H.js}

@@ -1,9 +1,9 @@
 import { ToggleButtonContext } from './chunk-BYERWFG4.js';
-import { _Spinner } from './chunk-EJ44SO7A.js';
+import { _Spinner } from './chunk-LIRW3K6L.js';
 import { IconListContext } from './chunk-GBWXEK6N.js';
 import { useLocalizedString } from './chunk-H7LGBRRK.js';
 import { useSlot } from './chunk-H5YTU3U7.js';
-import { ensureTextWrapper } from './chunk-Q2HCQLLY.js';
+import { ensureTextWrapper } from './chunk-HME2EOGU.js';
 import { ClearProviders } from './chunk-PQSMCDAM.js';
 import { TextContext } from './chunk-ZNOU2CGM.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
@@ -16,7 +16,7 @@ import { useContextProps, composeRenderProps, ToggleButton as ToggleButton$1, DE
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./ToggleButton.module.css#css-module
-var ToggleButton_module_default = { "hop-ToggleButton": "ToggleButton-module__hop-ToggleButton___Uwjlv Button-module__hop-Button___PpwCM", "hop-ToggleButton--fluid": "ToggleButton-module__hop-ToggleButton--fluid___q-u1d Button-module__hop-Button--fluid___WX9iJ", "hop-ToggleButton--xs": "ToggleButton-module__hop-ToggleButton--xs___RWYEo Button-module__hop-Button--xs___8sUUj", "hop-ToggleButton--sm": "ToggleButton-module__hop-ToggleButton--sm___OygmV Button-module__hop-Button--sm___A00BO", "hop-ToggleButton--md": "ToggleButton-module__hop-ToggleButton--md___b-j9l Button-module__hop-Button--md___ZXmRB", "hop-ToggleButton--icon-only": "ToggleButton-module__hop-ToggleButton--icon-only___-Vtyn Button-module__hop-Button--icon-only___fRlQ1", "hop-ToggleButton--primary": "ToggleButton-module__hop-ToggleButton--primary___Q8yPV Button-module__hop-Button--primary___0dWXb", "hop-ToggleButton--secondary": "ToggleButton-module__hop-ToggleButton--secondary___ZSviY Button-module__hop-Button--secondary___DwWfA", "hop-ToggleButton--upsell": "ToggleButton-module__hop-ToggleButton--upsell___mN1OB Button-module__hop-Button--upsell___Q5DfC", "hop-ToggleButton--danger": "ToggleButton-module__hop-ToggleButton--danger___RQpuI Button-module__hop-Button--danger___Wh-y5", "hop-ToggleButton--ghost-primary": "ToggleButton-module__hop-ToggleButton--ghost-primary___IMvJG Button-module__hop-Button--ghost-primary___FlT-J", "hop-ToggleButton--ghost-secondary": "ToggleButton-module__hop-ToggleButton--ghost-secondary___UmXaJ Button-module__hop-Button--ghost-secondary___OoEgV", "hop-ToggleButton--ghost-danger": "ToggleButton-module__hop-ToggleButton--ghost-danger___uQsRF Button-module__hop-Button--ghost-danger___i6n8t", "hop-ToggleButton--loading": "ToggleButton-module__hop-ToggleButton--loading___j1Mpn", "hop-ToggleButton__Spinner": "ToggleButton-module__hop-ToggleButton__Spinner___E6W7- Button-module__hop-Button__Spinner___tanUe", "hop-ToggleButton__icon": "ToggleButton-module__hop-ToggleButton__icon___fbSF2 Button-module__hop-Button__icon___ZXUoD", "hop-ToggleButton__icon-list": "ToggleButton-module__hop-ToggleButton__icon-list___yiAJq Button-module__hop-Button__icon___ZXUoD Button-module__hop-Button__icon-list___UYzWt", "hop-ToggleButton__text": "ToggleButton-module__hop-ToggleButton__text___QF6Al Button-module__hop-Button__text___Vn3qC", "hop-ToggleButton__end-icon": "ToggleButton-module__hop-ToggleButton__end-icon___-e4mU Button-module__hop-Button__end-icon___X4Z8K", "hop-ToggleButton__end-icon-list": "ToggleButton-module__hop-ToggleButton__end-icon-list___khn6Z Button-module__hop-Button__end-icon___X4Z8K Button-module__hop-Button__icon-list___UYzWt" };
+var ToggleButton_module_default = { "hop-ToggleButton": "ToggleButton-module__hop-ToggleButton___WFeuL Button-module__hop-Button___LYhVQ", "hop-ToggleButton--fluid": "ToggleButton-module__hop-ToggleButton--fluid___t7dxP Button-module__hop-Button--fluid___YLEeD", "hop-ToggleButton--xs": "ToggleButton-module__hop-ToggleButton--xs___hpDLS Button-module__hop-Button--xs___x-E-E", "hop-ToggleButton--sm": "ToggleButton-module__hop-ToggleButton--sm___91GvW Button-module__hop-Button--sm___QQwVw", "hop-ToggleButton--md": "ToggleButton-module__hop-ToggleButton--md___sozFE Button-module__hop-Button--md___PrPZa", "hop-ToggleButton--icon-only": "ToggleButton-module__hop-ToggleButton--icon-only___1Z-SC Button-module__hop-Button--icon-only___rLwra", "hop-ToggleButton--primary": "ToggleButton-module__hop-ToggleButton--primary___vbN5u Button-module__hop-Button--primary___NF-rG", "hop-ToggleButton--secondary": "ToggleButton-module__hop-ToggleButton--secondary___GeJ0f Button-module__hop-Button--secondary___s0wJc", "hop-ToggleButton--upsell": "ToggleButton-module__hop-ToggleButton--upsell___0W6lf Button-module__hop-Button--upsell___-cY1l", "hop-ToggleButton--danger": "ToggleButton-module__hop-ToggleButton--danger___eQxXF Button-module__hop-Button--danger___T40Cy", "hop-ToggleButton--ghost-primary": "ToggleButton-module__hop-ToggleButton--ghost-primary___cPqBD Button-module__hop-Button--ghost-primary___jfW-0", "hop-ToggleButton--ghost-secondary": "ToggleButton-module__hop-ToggleButton--ghost-secondary___nqpa8 Button-module__hop-Button--ghost-secondary___fb1sg", "hop-ToggleButton--ghost-danger": "ToggleButton-module__hop-ToggleButton--ghost-danger___WIbUy Button-module__hop-Button--ghost-danger___ArFMe", "hop-ToggleButton--loading": "ToggleButton-module__hop-ToggleButton--loading___pUfo8", "hop-ToggleButton__Spinner": "ToggleButton-module__hop-ToggleButton__Spinner___xPjif Button-module__hop-Button__Spinner___LD8Zi", "hop-ToggleButton__icon": "ToggleButton-module__hop-ToggleButton__icon___U0LC3 Button-module__hop-Button__icon___483Mx", "hop-ToggleButton__icon-list": "ToggleButton-module__hop-ToggleButton__icon-list___2ZkgK Button-module__hop-Button__icon___483Mx Button-module__hop-Button__icon-list___zbp-n", "hop-ToggleButton__text": "ToggleButton-module__hop-ToggleButton__text___78Y1u Button-module__hop-Button__text___-y1up", "hop-ToggleButton__end-icon": "ToggleButton-module__hop-ToggleButton__end-icon___xNkvt Button-module__hop-Button__end-icon___bB-ki", "hop-ToggleButton__end-icon-list": "ToggleButton-module__hop-ToggleButton__end-icon-list___qjlJR Button-module__hop-Button__end-icon___bB-ki Button-module__hop-Button__icon-list___zbp-n" };
 var GlobalToggleButtonCssSelector = "hop-ToggleButton";
 var ToggleButtonToIconSizeAdapter = {
   xs: "sm",

package/dist/{chunk-AHA4CHTY.js → chunk-EV6MVBWC.js}

@@ -12,7 +12,7 @@ import { useContextProps, useSlottedContext, composeRenderProps, Disclosure as D
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Disclosure.module.css#css-module
-var Disclosure_module_default = { "hop-Disclosure": "Disclosure-module__hop-Disclosure___5M7cB", "hop-Disclosure__header": "Disclosure-module__hop-Disclosure__header___vwJxQ", "hop-Disclosure--inline": "Disclosure-module__hop-Disclosure--inline___HNhex", "hop-Disclosure__panel": "Disclosure-module__hop-Disclosure__panel___HqFkl" };
+var Disclosure_module_default = { "hop-Disclosure": "Disclosure-module__hop-Disclosure___ylXgL", "hop-Disclosure__header": "Disclosure-module__hop-Disclosure__header___p0zSE", "hop-Disclosure--inline": "Disclosure-module__hop-Disclosure--inline___aS31O", "hop-Disclosure__panel": "Disclosure-module__hop-Disclosure__panel___JhLXp" };
 var GlobalDisclosureCssSelector = "hop-Disclosure";
 function Disclosure(props, ref) {
   [props, ref] = useContextProps(props, ref, DisclosureContext);

package/dist/{chunk-WMLTANGP.js → chunk-GEU5XK52.js}

@@ -1,11 +1,11 @@
 import { ImageContext } from './chunk-JAR7CXVS.js';
 import { FooterContext } from './chunk-I67NHYK4.js';
 import { HeaderContext } from './chunk-FOQ7KN4V.js';
-import { _BaseModal } from './chunk-LC4WAAP2.js';
+import { _BaseModal } from './chunk-IL5CSGQO.js';
 import { ModalContext } from './chunk-OO3XBOMF.js';
 import { ContentContext } from './chunk-IXB2WK56.js';
 import { HeadingContext } from './chunk-WJRMD4JP.js';
-import { _CloseButton } from './chunk-E2WGB5JA.js';
+import { _CloseButton } from './chunk-GXNEG3Y4.js';
 import { ButtonContext } from './chunk-WMTWFKKP.js';
 import { ButtonGroupContext } from './chunk-VJQ7M2BK.js';
 import { useSlot } from './chunk-H5YTU3U7.js';
@@ -17,7 +17,7 @@ import { useContextProps, composeRenderProps, Dialog, OverlayTriggerStateContext
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // css-module:./Modal.module.css#css-module
-var Modal_module_default = { "hop-Modal": "Modal-module__hop-Modal___fnGkX", "hop-Modal__top-container": "Modal-module__hop-Modal__top-container___rDoI3", "hop-Modal__bottom-container": "Modal-module__hop-Modal__bottom-container___SFwOB", "hop-Modal--has-image": "Modal-module__hop-Modal--has-image___joY6c", "hop-Modal--fullscreen": "Modal-module__hop-Modal--fullscreen___tDzDw", "hop-Modal--fullscreenTakeover": "Modal-module__hop-Modal--fullscreenTakeover___slyV-", "hop-Modal__close": "Modal-module__hop-Modal__close___1ZmLI", "hop-Modal__image": "Modal-module__hop-Modal__image___qRofh", "hop-Modal__heading": "Modal-module__hop-Modal__heading___JJ9tr", "hop-Modal__header": "Modal-module__hop-Modal__header___4xjFA", "hop-Modal__content": "Modal-module__hop-Modal__content___jZzL6", "hop-Modal__footer": "Modal-module__hop-Modal__footer___WZO8b", "hop-Modal__button": "Modal-module__hop-Modal__button___KdGiX", "hop-Modal__button-group": "Modal-module__hop-Modal__button-group___-nQPo" };
+var Modal_module_default = { "hop-Modal": "Modal-module__hop-Modal___-bryQ", "hop-Modal__top-container": "Modal-module__hop-Modal__top-container___4Z-7-", "hop-Modal__bottom-container": "Modal-module__hop-Modal__bottom-container___80fE1", "hop-Modal--has-image": "Modal-module__hop-Modal--has-image___ykwtz", "hop-Modal--fullscreen": "Modal-module__hop-Modal--fullscreen___dvGiD", "hop-Modal--fullscreenTakeover": "Modal-module__hop-Modal--fullscreenTakeover___8PfpS", "hop-Modal__close": "Modal-module__hop-Modal__close___6JPS2", "hop-Modal__image": "Modal-module__hop-Modal__image___mtZsx", "hop-Modal__heading": "Modal-module__hop-Modal__heading___qibjz", "hop-Modal__header": "Modal-module__hop-Modal__header___x2Nhx", "hop-Modal__content": "Modal-module__hop-Modal__content___gihfJ", "hop-Modal__footer": "Modal-module__hop-Modal__footer___oBkkg", "hop-Modal__button": "Modal-module__hop-Modal__button___thLVZ", "hop-Modal__button-group": "Modal-module__hop-Modal__button-group___OYG8R" };
 var GlobalModalCssSelector = "hop-Modal";
 var ClearContexts = [ImageContext, HeadingContext, HeaderContext, ContentContext, FooterContext, ButtonContext, ButtonGroupContext];
 var Modal = (props, ref) => {

package/dist/{chunk-IKWYFVJP.js → chunk-GKGNDQBJ.js}

@@ -1,4 +1,4 @@
-import { _OverlineText } from './chunk-KMKF6PGU.js';
+import { _OverlineText } from './chunk-WIYHHXBX.js';
 import { isNil } from './chunk-TIPN4VYD.js';
 import { BadgeContext } from './chunk-ZSFJVMJN.js';
 import { useRenderProps } from './chunk-2NSUMKNH.js';
@@ -24,7 +24,7 @@ function mapOrbiterToHopperVariants(variant) {
 }
 
 // css-module:./Badge.module.css#css-module
-var Badge_module_default = { "hop-Badge": "Badge-module__hop-Badge___WoEaW", "hop-Badge--primary": "Badge-module__hop-Badge--primary___p4Vrk", "hop-Badge--secondary": "Badge-module__hop-Badge--secondary___E-wPQ", "hop-Badge--subdued": "Badge-module__hop-Badge--subdued___567a6" };
+var Badge_module_default = { "hop-Badge": "Badge-module__hop-Badge___o63Yv", "hop-Badge--primary": "Badge-module__hop-Badge--primary___BSA-P", "hop-Badge--secondary": "Badge-module__hop-Badge--secondary___nVSII", "hop-Badge--subdued": "Badge-module__hop-Badge--subdued___EP51I" };
 var GlobalBadgeCssSelector = "hop-Badge";
 function Badge(props, ref) {
   [props, ref] = useContextProps(props, ref, BadgeContext);

package/dist/{chunk-WARMLGTB.js → chunk-GVFI4F7M.js}

@@ -8,7 +8,7 @@ import { useContextProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Image.module.css#css-module
-var Image_module_default = { "hop-Image": "Image-module__hop-Image___EHR8S", "hop-Image--rounded": "Image-module__hop-Image--rounded___-pSmX", "hop-Image--circular": "Image-module__hop-Image--circular___Wr-yn" };
+var Image_module_default = { "hop-Image": "Image-module__hop-Image___i11Qe", "hop-Image--rounded": "Image-module__hop-Image--rounded___0Nb5-", "hop-Image--circular": "Image-module__hop-Image--circular___BnIl5" };
 var GlobalImageCssSelector = "hop-Image";
 function Image(props, ref) {
   [props, ref] = useContextProps(props, ref, ImageContext);

package/dist/{chunk-E2WGB5JA.js → chunk-GXNEG3Y4.js}

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

package/dist/{chunk-Q2HCQLLY.js → chunk-HME2EOGU.js}

@@ -1,5 +1,5 @@
 import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
-import { _Text } from './chunk-Y2MFIAVA.js';
+import { _Text } from './chunk-EEDL6XIO.js';
 import { jsx } from 'react/jsx-runtime';
 
 function ensureTextWrapper(children, elementType) {

package/dist/{chunk-PQCZD4HN.js → chunk-HP5T5XXN.js}

@@ -1,6 +1,6 @@
 import { LinkContext } from './chunk-MTULE7GI.js';
 import { IconListContext } from './chunk-GBWXEK6N.js';
-import { ensureTextWrapper } from './chunk-Q2HCQLLY.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, composeRenderProps, Link as Link$1, DEFAULT_SLOT } fro
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Link.module.css#css-module
-var Link_module_default = { "hop-Link": "Link-module__hop-Link___R0Lam", "hop-Link--xs": "Link-module__hop-Link--xs___Jztbv", "hop-Link--sm": "Link-module__hop-Link--sm___3RP4P", "hop-Link--md": "Link-module__hop-Link--md___EOEGT", "hop-Link--lg": "Link-module__hop-Link--lg___iyEvL", "hop-Link--xl": "Link-module__hop-Link--xl___PxMlc", "hop-Link--2xl": "Link-module__hop-Link--2xl___snCbC", "hop-Link--inherit": "Link-module__hop-Link--inherit___Heea3", "hop-Link--standalone": "Link-module__hop-Link--standalone___uzT75", "hop-Link__text": "Link-module__hop-Link__text___bZGmB", "hop-Link--quiet": "Link-module__hop-Link--quiet___o6x9w", "hop-Link--primary": "Link-module__hop-Link--primary___u-mlU", "hop-Link--secondary": "Link-module__hop-Link--secondary___6G-la", "hop-Link__icon": "Link-module__hop-Link__icon___WU9VR", "hop-Link__icon-list": "Link-module__hop-Link__icon-list___C-F-J", "hop-Link__start-icon": "Link-module__hop-Link__start-icon___qSGWe", "hop-Link__start-icon-list": "Link-module__hop-Link__start-icon-list___KwDed" };
+var Link_module_default = { "hop-Link": "Link-module__hop-Link___-n8er", "hop-Link--xs": "Link-module__hop-Link--xs___t2pjR", "hop-Link--sm": "Link-module__hop-Link--sm___-aFAe", "hop-Link--md": "Link-module__hop-Link--md___eZ-pi", "hop-Link--lg": "Link-module__hop-Link--lg___Uh1Uf", "hop-Link--xl": "Link-module__hop-Link--xl___m30r2", "hop-Link--2xl": "Link-module__hop-Link--2xl___6lzjj", "hop-Link--inherit": "Link-module__hop-Link--inherit___c6ziH", "hop-Link--standalone": "Link-module__hop-Link--standalone___2Y-W1", "hop-Link__text": "Link-module__hop-Link__text___-zVzK", "hop-Link--quiet": "Link-module__hop-Link--quiet___kqC3I", "hop-Link--primary": "Link-module__hop-Link--primary___5R5Hk", "hop-Link--secondary": "Link-module__hop-Link--secondary___Todyb", "hop-Link__icon": "Link-module__hop-Link__icon___spPnN", "hop-Link__icon-list": "Link-module__hop-Link__icon-list___MyzjY", "hop-Link__start-icon": "Link-module__hop-Link__start-icon___J8n7P", "hop-Link__start-icon-list": "Link-module__hop-Link__start-icon-list___AYdI8" };
 var GlobalLinkCssSelector = "hop-Link";
 var LinkToIconSizeAdapter = {
   inherit: void 0,

package/dist/{chunk-LC4WAAP2.js → chunk-IL5CSGQO.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___mkf4w", "hop-BaseModal__modal": "BaseModal-module__hop-BaseModal__modal___SjB8f", "hop-BaseModal--image": "BaseModal-module__hop-BaseModal--image___x0fr1", "hop-BaseModal--sm": "BaseModal-module__hop-BaseModal--sm___WCsS1", "hop-BaseModal--md": "BaseModal-module__hop-BaseModal--md___YInj-", "hop-BaseModal--lg": "BaseModal-module__hop-BaseModal--lg___FV5oU", "hop-BaseModal--xl": "BaseModal-module__hop-BaseModal--xl___urASa", "hop-BaseModal--fullscreen": "BaseModal-module__hop-BaseModal--fullscreen___M5cTT", "hop-BaseModal--fullscreentakeover": "BaseModal-module__hop-BaseModal--fullscreentakeover___LugJA" };
+var BaseModal_module_default = { "hop-BaseModal": "BaseModal-module__hop-BaseModal___jh3zd", "hop-BaseModal__modal": "BaseModal-module__hop-BaseModal__modal___W7fY8", "hop-BaseModal--image": "BaseModal-module__hop-BaseModal--image___0qfBX", "hop-BaseModal--sm": "BaseModal-module__hop-BaseModal--sm___fbuvk", "hop-BaseModal--md": "BaseModal-module__hop-BaseModal--md___h7LyW", "hop-BaseModal--lg": "BaseModal-module__hop-BaseModal--lg___9gxpA", "hop-BaseModal--xl": "BaseModal-module__hop-BaseModal--xl___q8d-L", "hop-BaseModal--fullscreen": "BaseModal-module__hop-BaseModal--fullscreen___g6ghu", "hop-BaseModal--fullscreentakeover": "BaseModal-module__hop-BaseModal--fullscreentakeover___N6UnK" };
 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-PJQTL2PA.js → chunk-JLIIFK4W.js}

@@ -1,4 +1,4 @@
-import { useFormProps } from './chunk-G4QTA6E4.js';
+import { useFormProps } from './chunk-KEFC5ZGJ.js';
 import { useResponsiveValue } from '@hopper-ui/styled-system';
 
 var ButtonToFieldSizeAdapter = {

package/dist/{chunk-MYI3EXGY.js → chunk-JNDRUJJX.js}

@@ -1,4 +1,4 @@
-import { _RichIconAvatarImage } from './chunk-GT2QIZ32.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';

package/dist/{chunk-MABQNWPO.js → chunk-JQPRZYVS.js}

@@ -1,6 +1,6 @@
 import { SwitchContext } from './chunk-YHBJAXUY.js';
 import { IconListContext } from './chunk-GBWXEK6N.js';
-import { ensureTextWrapper } from './chunk-Q2HCQLLY.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, Switch as Switch$1 } from 'react-a
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./Switch.module.css#css-module
-var Switch_module_default = { "hop-Switch": "Switch-module__hop-Switch___XInk-", "hop-Switch--sm": "Switch-module__hop-Switch--sm___XREXZ", "hop-Switch--md": "Switch-module__hop-Switch--md___UuubN", "hop-Switch__indicator": "Switch-module__hop-Switch__indicator___lj-s6", "hop-Switch__text": "Switch-module__hop-Switch__text___h7ftB", "hop-Switch__icon-list": "Switch-module__hop-Switch__icon-list___rv8qL", "hop-Switch__icon": "Switch-module__hop-Switch__icon___Vy8tO" };
+var Switch_module_default = { "hop-Switch": "Switch-module__hop-Switch___bxopZ", "hop-Switch--sm": "Switch-module__hop-Switch--sm___08ukX", "hop-Switch--md": "Switch-module__hop-Switch--md___eI50v", "hop-Switch__indicator": "Switch-module__hop-Switch__indicator___Sm0pV", "hop-Switch__text": "Switch-module__hop-Switch__text___qN-N-", "hop-Switch__icon-list": "Switch-module__hop-Switch__icon-list___2KmXn", "hop-Switch__icon": "Switch-module__hop-Switch__icon___ujbtU" };
 var GlobalSwitchCssSelector = "hop-Switch";
 function Switch(props, ref) {
   var _a;

package/dist/{chunk-RIARSLNJ.js → chunk-JS4SAT2L.js}

@@ -1,4 +1,4 @@
-import { _Text } from './chunk-Y2MFIAVA.js';
+import { _Text } from './chunk-EEDL6XIO.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { useResponsiveValue } from '@hopper-ui/styled-system';
 import clsx from 'clsx';
@@ -6,7 +6,7 @@ import { forwardRef } from 'react';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Paragraph.module.css#css-module
-var Paragraph_module_default = { "hop-Paragraph": "Paragraph-module__hop-Paragraph___dJwzf", "hop-Paragraph--xs": "Paragraph-module__hop-Paragraph--xs___cOU0s", "hop-Paragraph--sm": "Paragraph-module__hop-Paragraph--sm___uR71i", "hop-Paragraph--md": "Paragraph-module__hop-Paragraph--md___EuGXV", "hop-Paragraph--lg": "Paragraph-module__hop-Paragraph--lg___poh-Y", "hop-Paragraph--xl": "Paragraph-module__hop-Paragraph--xl___bOViI", "hop-Paragraph--2xl": "Paragraph-module__hop-Paragraph--2xl___0WHD2", "hop-Paragraph--inherit": "Paragraph-module__hop-Paragraph--inherit___2SonO" };
+var Paragraph_module_default = { "hop-Paragraph": "Paragraph-module__hop-Paragraph___urpJg", "hop-Paragraph--xs": "Paragraph-module__hop-Paragraph--xs___pKuZZ", "hop-Paragraph--sm": "Paragraph-module__hop-Paragraph--sm___dig3v", "hop-Paragraph--md": "Paragraph-module__hop-Paragraph--md___n6bEo", "hop-Paragraph--lg": "Paragraph-module__hop-Paragraph--lg___DenEk", "hop-Paragraph--xl": "Paragraph-module__hop-Paragraph--xl___YaATN", "hop-Paragraph--2xl": "Paragraph-module__hop-Paragraph--2xl___D5F2g", "hop-Paragraph--inherit": "Paragraph-module__hop-Paragraph--inherit___LfpZm" };
 var GlobalParagraphCssSelector = "hop-Paragraph";
 function Paragraph(props, ref) {
   const { size: sizeProp, className, children, ...otherProps } = props;

package/dist/{chunk-UZKO5TBP.js → chunk-JY4MKZV5.js}

@@ -1,11 +1,11 @@
 import { SearchFieldContext } from './chunk-3NKF5TPD.js';
-import { Input } from './chunk-EAK6XGDD.js';
-import { _InputGroup } from './chunk-3PO62UMJ.js';
-import { FieldLabel } from './chunk-SK27ORGX.js';
-import { _HelperMessage } from './chunk-JV5V4I5U.js';
-import { _ErrorMessage } from './chunk-WASYEWY3.js';
-import { _ClearButton } from './chunk-PMV3OAMN.js';
-import { useFormProps } from './chunk-G4QTA6E4.js';
+import { Input } from './chunk-CR3DM77L.js';
+import { _InputGroup } from './chunk-AN5G2X5M.js';
+import { FieldLabel } from './chunk-WGUU7VEU.js';
+import { _HelperMessage } from './chunk-MB7XG7IE.js';
+import { _ErrorMessage } from './chunk-M7KK2IOV.js';
+import { _ClearButton } from './chunk-RMK7ROVR.js';
+import { useFormProps } from './chunk-KEFC5ZGJ.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___CuaWf", "hop-SearchField--fluid": "SearchField-module__hop-SearchField--fluid___N-FBX", "hop-SearchField__Label": "SearchField-module__hop-SearchField__Label___5magr", "hop-SearchField__prefix": "SearchField-module__hop-SearchField__prefix___NwVj8", "hop-SearchField__InputGroup": "SearchField-module__hop-SearchField__InputGroup___GvCN6", "hop-SearchField--clearable": "SearchField-module__hop-SearchField--clearable___zHgbG", "hop-SearchField__ErrorMessage": "SearchField-module__hop-SearchField__ErrorMessage___DKWDn", "hop-SearchField__HelperMessage": "SearchField-module__hop-SearchField__HelperMessage___tkmjZ", "hop-SearchField__ClearButton": "SearchField-module__hop-SearchField__ClearButton___0QzRY" };
+var SearchField_module_default = { "hop-SearchField": "SearchField-module__hop-SearchField___SrzC-", "hop-SearchField--fluid": "SearchField-module__hop-SearchField--fluid___Z4Xhu", "hop-SearchField__Label": "SearchField-module__hop-SearchField__Label___19iwT", "hop-SearchField__prefix": "SearchField-module__hop-SearchField__prefix___-Ghxb", "hop-SearchField__InputGroup": "SearchField-module__hop-SearchField__InputGroup___B9fqz", "hop-SearchField--clearable": "SearchField-module__hop-SearchField--clearable___LmKVF", "hop-SearchField__ErrorMessage": "SearchField-module__hop-SearchField__ErrorMessage___Pew3a", "hop-SearchField__HelperMessage": "SearchField-module__hop-SearchField__HelperMessage___5lOQG", "hop-SearchField__ClearButton": "SearchField-module__hop-SearchField__ClearButton___9L5Sn" };
 var GlobalSearchFieldCssSelector = "hop-SearchField";
 function SearchField(props, ref) {
   var _a;

package/dist/{chunk-G4QTA6E4.js → chunk-KEFC5ZGJ.js}

@@ -7,7 +7,7 @@ import { Form as Form$1 } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Form.module.css#css-module
-var Form_module_default = { "hop-Form": "Form-module__hop-Form___79jaM" };
+var Form_module_default = { "hop-Form": "Form-module__hop-Form___-9t2K" };
 var GlobalFormCssSelector = "hop-Form";
 function useFormProps(props) {
   const ctx = useContext(FormContext);

package/dist/{chunk-6GXX47FC.js → chunk-KJW5ANDU.js}

@@ -8,7 +8,7 @@ import { useContextProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./ToggleArrow.module.css#css-module
-var ToggleArrow_module_default = { "hop-ToggleArrow": "ToggleArrow-module__hop-ToggleArrow___MPZ6X" };
+var ToggleArrow_module_default = { "hop-ToggleArrow": "ToggleArrow-module__hop-ToggleArrow___dbwR4" };
 var GlobalToggleArrowCssSelector = "hop-ToggleArrow";
 function ToggleArrow(props, ref) {
   [props, ref] = useContextProps(props, ref, ToggleArrowContext);

package/dist/{chunk-EJ44SO7A.js → chunk-LIRW3K6L.js}

@@ -1,5 +1,5 @@
 import { SpinnerContext } from './chunk-5K3V5PGZ.js';
-import { _Text } from './chunk-Y2MFIAVA.js';
+import { _Text } from './chunk-EEDL6XIO.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
@@ -9,7 +9,7 @@ import { useContextProps, ProgressBar } from 'react-aria-components';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // css-module:./Spinner.module.css#css-module
-var Spinner_module_default = { "hop-Spinner": "Spinner-module__hop-Spinner___gNo3R", "spin": "Spinner-module__spin___7mdN3", "hop-Spinner--sm": "Spinner-module__hop-Spinner--sm___4cYxS", "hop-Spinner--md": "Spinner-module__hop-Spinner--md___Q-tvX", "hop-Spinner--lg": "Spinner-module__hop-Spinner--lg___ZnxVl", "hop-Spinner__track": "Spinner-module__hop-Spinner__track___aG84y", "hop-Spinner__fill": "Spinner-module__hop-Spinner__fill___o4mrj", "hop-Spinner__label": "Spinner-module__hop-Spinner__label___EXOPN" };
+var Spinner_module_default = { "hop-Spinner": "Spinner-module__hop-Spinner___Vb3rf", "spin": "Spinner-module__spin___FoHqf", "hop-Spinner--sm": "Spinner-module__hop-Spinner--sm___66I5m", "hop-Spinner--md": "Spinner-module__hop-Spinner--md___qaV08", "hop-Spinner--lg": "Spinner-module__hop-Spinner--lg___RJ-Hq", "hop-Spinner__track": "Spinner-module__hop-Spinner__track___0B-vr", "hop-Spinner__fill": "Spinner-module__hop-Spinner__fill___XARfE", "hop-Spinner__label": "Spinner-module__hop-Spinner__label___9KEw3" };
 var GlobalSpinnerCssSelector = "hop-Spinner";
 var SpinnerToTextSizeAdapter = {
   sm: "xs",

package/dist/{chunk-6RDWTMMR.js → chunk-LUVQ6ZAO.js}

@@ -1,12 +1,12 @@
 import { DatePickerContext } from './chunk-K63PXNYW.js';
-import { _DateInput } from './chunk-CDTLWIPN.js';
-import { _InputGroup } from './chunk-3PO62UMJ.js';
-import { _PopoverBase } from './chunk-LVJ65DOD.js';
-import { FieldLabel } from './chunk-SK27ORGX.js';
-import { _HelperMessage } from './chunk-JV5V4I5U.js';
-import { _Calendar } from './chunk-YYEALU44.js';
-import { _ErrorMessage } from './chunk-WASYEWY3.js';
-import { _Button } from './chunk-SG7CLJWZ.js';
+import { _DateInput } from './chunk-XNIB2BMM.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 { _Calendar } from './chunk-URJRYURT.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';
@@ -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___Y5oV0", "hop-DatePicker--fluid": "DatePicker-module__hop-DatePicker--fluid___hnxvG", "hop-DatePicker__InputGroup": "DatePicker-module__hop-DatePicker__InputGroup___Otdze", "hop-DatePicker__Button": "DatePicker-module__hop-DatePicker__Button___d9oyQ", "hop-DatePicker--sm": "DatePicker-module__hop-DatePicker--sm___xNvkV", "hop-DatePicker--md": "DatePicker-module__hop-DatePicker--md___XGfud", "hop-DatePicker__Popover": "DatePicker-module__hop-DatePicker__Popover___y4VC9" };
+var DatePicker_module_default = { "hop-DatePicker": "DatePicker-module__hop-DatePicker___52lyN", "hop-DatePicker--fluid": "DatePicker-module__hop-DatePicker--fluid___AxCw1", "hop-DatePicker__InputGroup": "DatePicker-module__hop-DatePicker__InputGroup___bktzU", "hop-DatePicker__Button": "DatePicker-module__hop-DatePicker__Button___-9bnp", "hop-DatePicker--sm": "DatePicker-module__hop-DatePicker--sm___v0dYG", "hop-DatePicker--md": "DatePicker-module__hop-DatePicker--md___UPSuE", "hop-DatePicker__Popover": "DatePicker-module__hop-DatePicker__Popover___q0zet" };
 var GlobalDatePickerCssSelector = "hop-DatePicker";
 var DatePicker = (props, ref) => {
   var _a, _b;

package/dist/{chunk-2HNBLYY2.js → chunk-LXKHAC2L.js}

@@ -2,7 +2,7 @@ import { useIsOverflow } from './chunk-M34NCPPE.js';
 import { useRenderProps } from './chunk-2NSUMKNH.js';
 import { AvatarContext } from './chunk-FA26RZSE.js';
 import { useLocalizedString } from './chunk-H7LGBRRK.js';
-import { _Text } from './chunk-Y2MFIAVA.js';
+import { _Text } from './chunk-EEDL6XIO.js';
 import { ClearContainerSlots } from './chunk-PQSMCDAM.js';
 import { TextContext } from './chunk-ZNOU2CGM.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
@@ -17,7 +17,7 @@ import { useContextProps, SelectValueContext, SelectStateContext, useSlottedCont
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./SelectValue.module.css#css-module
-var SelectValue_module_default = { "hop-SelectValue": "SelectValue-module__hop-SelectValue___is7s0", "hop-SelectValue__text": "SelectValue-module__hop-SelectValue__text___KEuOp", "hop-SelectValue__avatar": "SelectValue-module__hop-SelectValue__avatar___-z0Ay", "hop-SelectValue__icon": "SelectValue-module__hop-SelectValue__icon___PFqcj", "hop-SelectValue__end-icon": "SelectValue-module__hop-SelectValue__end-icon___FQjQ0" };
+var SelectValue_module_default = { "hop-SelectValue": "SelectValue-module__hop-SelectValue___lSe3s", "hop-SelectValue__text": "SelectValue-module__hop-SelectValue__text___6p1ID", "hop-SelectValue__avatar": "SelectValue-module__hop-SelectValue__avatar___Zduou", "hop-SelectValue__icon": "SelectValue-module__hop-SelectValue__icon___vM1Lm", "hop-SelectValue__end-icon": "SelectValue-module__hop-SelectValue__end-icon___YME3Q" };
 var GlobalSelectValueCssSelector = "hop-SelectValue";
 var SelectValueToAvatarSizeAdapter = {
   sm: "xs",

package/dist/{chunk-AZ3V6N7E.js → chunk-M4757YWM.js}

@@ -7,7 +7,7 @@ import { useContextProps, Label as Label$1 } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Label.module.css#css-module
-var Label_module_default = { "hop-Label": "Label-module__hop-Label___lw-gi" };
+var Label_module_default = { "hop-Label": "Label-module__hop-Label___GTXOn" };
 var GlobalLabelCssSelector = "hop-Label";
 function Label(props, ref) {
   [props, ref] = useContextProps(props, ref, LabelContext);

package/dist/{chunk-WASYEWY3.js → chunk-M7KK2IOV.js}

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

package/dist/{chunk-JV5V4I5U.js → chunk-MB7XG7IE.js}

@@ -1,5 +1,5 @@
 import { HelperMessageContext } from './chunk-PNEJ6JDM.js';
-import { _Text } from './chunk-Y2MFIAVA.js';
+import { _Text } from './chunk-EEDL6XIO.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___UzUm-", "hop-HelperMessage__icon": "HelperMessage-module__hop-HelperMessage__icon___ga4uj" };
+var HelperMessage_module_default = { "hop-HelperMessage": "HelperMessage-module__hop-HelperMessage___wKa5X", "hop-HelperMessage__icon": "HelperMessage-module__hop-HelperMessage__icon___4xUk0" };
 var GlobalHelperMessageCssSelector = "hop-HelperMessage";
 function HelperMessage(props, ref) {
   const validation = useContext(FieldErrorContext);

package/dist/{chunk-4HLIXOUX.js → chunk-MBCS57T2.js}

@@ -1,8 +1,8 @@
 import { _Header } from './chunk-XLJODMSX.js';
-import { _Heading } from './chunk-R3HTJVTO.js';
+import { _Heading } from './chunk-VE3YAB64.js';
 import { HeaderContext } from './chunk-FOQ7KN4V.js';
 import { HeadingContext } from './chunk-WJRMD4JP.js';
-import { _Button } from './chunk-SG7CLJWZ.js';
+import { _Button } from './chunk-3CIQIKTH.js';
 import { useLocalizedString } from './chunk-H7LGBRRK.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
@@ -11,7 +11,7 @@ import clsx from 'clsx';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // css-module:./CalendarHeader.module.css#css-module
-var CalendarHeader_module_default = { "hop-CalendarHeader": "CalendarHeader-module__hop-CalendarHeader___vh4Ee", "hop-CalendarHeader-button": "CalendarHeader-module__hop-CalendarHeader-button___RkrwQ", "hop-CalendarHeader-heading": "CalendarHeader-module__hop-CalendarHeader-heading___1SBtV" };
+var CalendarHeader_module_default = { "hop-CalendarHeader": "CalendarHeader-module__hop-CalendarHeader___QK2B0", "hop-CalendarHeader-button": "CalendarHeader-module__hop-CalendarHeader-button___s4hpx", "hop-CalendarHeader-heading": "CalendarHeader-module__hop-CalendarHeader-heading___62waf" };
 var GlobalCalendarHeaderCssSelector = "hop-CalendarHeader";
 var CalendarHeader = (props) => {
   const stringFormatter = useLocalizedString();

package/dist/{chunk-2YPAYPHP.js → chunk-MSS5CPA5.js}

@@ -1,7 +1,7 @@
 import { CheckboxContext } from './chunk-2EAZPH3M.js';
 import { useRenderProps } from './chunk-2NSUMKNH.js';
 import { IconListContext } from './chunk-GBWXEK6N.js';
-import { ensureTextWrapper } from './chunk-Q2HCQLLY.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';
@@ -15,7 +15,7 @@ import { useContextProps, composeRenderProps } from 'react-aria-components';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 // css-module:./DecorativeCheckbox.module.css#css-module
-var DecorativeCheckbox_module_default = { "hop-DecorativeCheckbox": "DecorativeCheckbox-module__hop-DecorativeCheckbox___Mw3X0 Checkbox-module__hop-Checkbox___S1tYZ", "hop-DecorativeCheckbox--sm": "DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___7YNtd Checkbox-module__hop-Checkbox--sm___WrMKq", "hop-DecorativeCheckbox--md": "DecorativeCheckbox-module__hop-DecorativeCheckbox--md___QMIVt Checkbox-module__hop-Checkbox--md___5r8cU", "hop-DecorativeCheckbox__icon": "DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___jTvlW Checkbox-module__hop-Checkbox__icon___wEiYo", "hop-DecorativeCheckbox__icon-list": "DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___y3D-k Checkbox-module__hop-Checkbox__icon___wEiYo", "hop-DecorativeCheckbox__box": "DecorativeCheckbox-module__hop-DecorativeCheckbox__box___AqCnK Checkbox-module__hop-Checkbox__box___QQQkM", "hop-DecorativeCheckbox__check": "DecorativeCheckbox-module__hop-DecorativeCheckbox__check___bMdGS Checkbox-module__hop-Checkbox__check___hDYK8", "hop-DecorativeCheckbox__text": "DecorativeCheckbox-module__hop-DecorativeCheckbox__text___ikEOH Checkbox-module__hop-Checkbox__text___xyHYy" };
+var DecorativeCheckbox_module_default = { "hop-DecorativeCheckbox": "DecorativeCheckbox-module__hop-DecorativeCheckbox___MUUjS Checkbox-module__hop-Checkbox___g1Qa4", "hop-DecorativeCheckbox--sm": "DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___u1j5Z Checkbox-module__hop-Checkbox--sm___k1uxB", "hop-DecorativeCheckbox--md": "DecorativeCheckbox-module__hop-DecorativeCheckbox--md___73p9Z Checkbox-module__hop-Checkbox--md___31gRC", "hop-DecorativeCheckbox__icon": "DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___HbvCZ Checkbox-module__hop-Checkbox__icon___r8umS", "hop-DecorativeCheckbox__icon-list": "DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___-7K8S Checkbox-module__hop-Checkbox__icon___r8umS", "hop-DecorativeCheckbox__box": "DecorativeCheckbox-module__hop-DecorativeCheckbox__box___oVl6E Checkbox-module__hop-Checkbox__box___lVSXp", "hop-DecorativeCheckbox__check": "DecorativeCheckbox-module__hop-DecorativeCheckbox__check___tuJiV Checkbox-module__hop-Checkbox__check___4Ihvs", "hop-DecorativeCheckbox__text": "DecorativeCheckbox-module__hop-DecorativeCheckbox__text___nfdBl Checkbox-module__hop-Checkbox__text___qu30Z" };
 var GlobalDecorativeCheckboxCssSelector = "hop-DecorativeCheckbox";
 function DecorativeCheckbox(props, ref) {
   var _a;

package/dist/{chunk-BFB22JES.js → chunk-MYI7VKZD.js}

@@ -1,7 +1,7 @@
 import { CalloutContext } from './chunk-5CURYPE7.js';
 import { ContentContext } from './chunk-IXB2WK56.js';
 import { HeadingContext } from './chunk-WJRMD4JP.js';
-import { _CloseButton } from './chunk-E2WGB5JA.js';
+import { _CloseButton } from './chunk-GXNEG3Y4.js';
 import { LinkButtonContext } from './chunk-3UQFC2NQ.js';
 import { ButtonContext } from './chunk-WMTWFKKP.js';
 import { useSlot } from './chunk-H5YTU3U7.js';
@@ -15,7 +15,7 @@ import { useContextProps } from 'react-aria-components';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // css-module:./Callout.module.css#css-module
-var Callout_module_default = { "hop-Callout": "Callout-module__hop-Callout___cK3-q", "hop-Callout__icon": "Callout-module__hop-Callout__icon___bd9UB", "hop-Callout__heading": "Callout-module__hop-Callout__heading___r8fXT", "hop-Callout__content": "Callout-module__hop-Callout__content___AWfV0", "hop-Callout__button": "Callout-module__hop-Callout__button___Tak2X", "hop-Callout__dismiss": "Callout-module__hop-Callout__dismiss___d7Auf", "hop-Callout--information": "Callout-module__hop-Callout--information___Q-87-", "hop-Callout--success": "Callout-module__hop-Callout--success___PVXfI", "hop-Callout--warning": "Callout-module__hop-Callout--warning___i1TxM", "hop-Callout--upsell": "Callout-module__hop-Callout--upsell___XAOfl", "hop-Callout--subtle-fill": "Callout-module__hop-Callout--subtle-fill___yj4qe" };
+var Callout_module_default = { "hop-Callout": "Callout-module__hop-Callout___U-DDG", "hop-Callout__icon": "Callout-module__hop-Callout__icon___mAC39", "hop-Callout__heading": "Callout-module__hop-Callout__heading___kVqj8", "hop-Callout__content": "Callout-module__hop-Callout__content___5-K7r", "hop-Callout__button": "Callout-module__hop-Callout__button___jYtaC", "hop-Callout__dismiss": "Callout-module__hop-Callout__dismiss___AnCWv", "hop-Callout--information": "Callout-module__hop-Callout--information___XhBGt", "hop-Callout--success": "Callout-module__hop-Callout--success___VwEnB", "hop-Callout--warning": "Callout-module__hop-Callout--warning___83ubK", "hop-Callout--upsell": "Callout-module__hop-Callout--upsell___7kucj", "hop-Callout--subtle-fill": "Callout-module__hop-Callout--subtle-fill___pkgfH" };
 var GlobalCalloutCssSelector = "hop-Callout";
 var Callout = (props, ref) => {
   [props, ref] = useContextProps(props, ref, CalloutContext);

package/dist/{chunk-DPHX74EH.js → chunk-NDWXSEOG.js}

@@ -4,7 +4,7 @@ import { CalendarCell as CalendarCell$1 } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./CalendarCell.module.css#css-module
-var CalendarCell_module_default = { "hop-CalendarCell": "CalendarCell-module__hop-CalendarCell___kLaTJ" };
+var CalendarCell_module_default = { "hop-CalendarCell": "CalendarCell-module__hop-CalendarCell___pM-og" };
 var GlobalCalendarCellCssSelector = "hop-CalendarCell";
 var CalendarCell = (props) => {
   const classNames = clsx(

package/dist/{chunk-PA2TFB3A.js → chunk-NHDFYUMA.js}

@@ -1,9 +1,9 @@
-import { _BaseModal } from './chunk-LC4WAAP2.js';
+import { _BaseModal } from './chunk-IL5CSGQO.js';
 import { ContentContext } from './chunk-IXB2WK56.js';
 import { HeadingContext } from './chunk-WJRMD4JP.js';
-import { _CloseButton } from './chunk-E2WGB5JA.js';
-import { _Button } from './chunk-SG7CLJWZ.js';
-import { _ButtonGroup } from './chunk-CAPVG3Z2.js';
+import { _CloseButton } from './chunk-GXNEG3Y4.js';
+import { _Button } from './chunk-3CIQIKTH.js';
+import { _ButtonGroup } from './chunk-OXY3KEYC.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { AlertContext } from './chunk-5DT3S5YY.js';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
@@ -14,7 +14,7 @@ import { useContextProps, composeRenderProps, Dialog, Provider } from 'react-ari
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./Alert.module.css#css-module
-var Alert_module_default = { "hop-Alert": "Alert-module__hop-Alert___slbTt", "hop-Alert__button-group": "Alert-module__hop-Alert__button-group___3Orx7", "hop-Alert__heading": "Alert-module__hop-Alert__heading___GpEB8", "hop-Alert__close": "Alert-module__hop-Alert__close___1BuXy", "hop-Alert__content": "Alert-module__hop-Alert__content___UneWs" };
+var Alert_module_default = { "hop-Alert": "Alert-module__hop-Alert___KoLIF", "hop-Alert__button-group": "Alert-module__hop-Alert__button-group___O1uWF", "hop-Alert__heading": "Alert-module__hop-Alert__heading___NW06J", "hop-Alert__close": "Alert-module__hop-Alert__close___cN-gi", "hop-Alert__content": "Alert-module__hop-Alert__content___g6aqS" };
 var GlobalAlertCssSelector = "hop-Alert";
 function Alert(props, ref) {
   var _a;