@hopper-ui/components 1.4.10 → 1.4.12

package/dist/{chunk-NMKBUGSO.js → chunk-DVVK2IWW.js}

@@ -1,11 +1,30 @@
 import { StyledSystemProvider } from '@hopper-ui/styled-system';
 import clsx from 'clsx';
-import { forwardRef } from 'react';
+import { createContext, forwardRef, useContext } from 'react';
 import { I18nProvider, RouterProvider } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // src/HopperProvider/src/HopperProvider.tsx
 var GlobalHopperProviderCssSelector = "hop-HopperProvider";
+var HopperContext = createContext(null);
+function useHopperContext() {
+  const context = useContext(HopperContext);
+  if (context === null) {
+    throw new Error("useHopperContext must be used within a HopperProvider");
+  }
+  return context;
+}
+function useForwardedHopperContext() {
+  const context = useContext(HopperContext);
+  return {
+    locale: context == null ? void 0 : context.locale,
+    colorScheme: context == null ? void 0 : context.colorScheme,
+    navigate: context == null ? void 0 : context.navigate,
+    useHref: context == null ? void 0 : context.useHref,
+    withCssVariables: false
+    // we never need to re-add css variables in a nested provider
+  };
+}
 var HopperProvider = (props, ref) => {
   const {
     children,
@@ -26,7 +45,7 @@ var HopperProvider = (props, ref) => {
   if (navigate) {
     content = /* @__PURE__ */ jsx(RouterProvider, { navigate, useHref, children });
   }
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(HopperContext.Provider, { value: props, children: /* @__PURE__ */ jsx(
     StyledSystemProvider,
     {
       ref,
@@ -37,9 +56,9 @@ var HopperProvider = (props, ref) => {
       ...rest,
       children: /* @__PURE__ */ jsx(I18nProvider, { locale, children: content })
     }
-  );
+  ) });
 };
 var _HopperProvider = forwardRef(HopperProvider);
 _HopperProvider.displayName = "HopperProvider";
 
-export { GlobalHopperProviderCssSelector, _HopperProvider };
+export { GlobalHopperProviderCssSelector, HopperContext, _HopperProvider, useForwardedHopperContext, useHopperContext };

package/dist/{chunk-L5OLND54.js → chunk-DZFW22OT.js}

@@ -1,4 +1,4 @@
-import { _Button } from './chunk-GNEWMHV7.js';
+import { _Button } from './chunk-FMMXILW4.js';
 import { CloseButtonContext } from './chunk-RBWFFWIG.js';
 import { useLocalizedString } from './chunk-75DHKNW2.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
@@ -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___-MoJH" };
+var CloseButton_module_default = { "hop-CloseButton": "CloseButton-module__hop-CloseButton___vXkdj" };
 var GlobalCloseButtonCssSelector = "hop-CloseButton";
 function CloseButton(props, ref) {
   [props, ref] = useContextProps(props, ref, CloseButtonContext);

package/dist/{chunk-EUVOO6AN.js → chunk-E74DRWIJ.js}

@@ -1,14 +1,14 @@
 import { BaseModalContext } from './chunk-FLU4UPP6.js';
-import { _HopperProvider } from './chunk-NMKBUGSO.js';
+import { useForwardedHopperContext, _HopperProvider } from './chunk-DVVK2IWW.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
-import { useStyledSystem, useColorSchemeContext, useResponsiveValue } from '@hopper-ui/styled-system';
+import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
 import clsx from 'clsx';
 import { forwardRef } 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___vUaxP", "hop-BaseModal__modal": "BaseModal-module__hop-BaseModal__modal___cN-OB", "hop-BaseModal--image": "BaseModal-module__hop-BaseModal--image___X-fRT", "hop-BaseModal--entering": "BaseModal-module__hop-BaseModal--entering___0DaSV", "hop-BaseModal--exiting": "BaseModal-module__hop-BaseModal--exiting___wupS9", "hop-BaseModal--sm": "BaseModal-module__hop-BaseModal--sm___UOe40", "hop-BaseModal--md": "BaseModal-module__hop-BaseModal--md___Iq4Tt", "hop-BaseModal--lg": "BaseModal-module__hop-BaseModal--lg___-ES3I", "hop-BaseModal--xl": "BaseModal-module__hop-BaseModal--xl___LI2AH", "hop-BaseModal--fullscreen": "BaseModal-module__hop-BaseModal--fullscreen___Q73N-", "hop-BaseModal--fullscreentakeover": "BaseModal-module__hop-BaseModal--fullscreentakeover___cgSte" };
+var BaseModal_module_default = { "hop-BaseModal": "BaseModal-module__hop-BaseModal___nGdhM", "hop-BaseModal__modal": "BaseModal-module__hop-BaseModal__modal___mGwtA", "hop-BaseModal--image": "BaseModal-module__hop-BaseModal--image___AJ6WB", "hop-BaseModal--entering": "BaseModal-module__hop-BaseModal--entering___PHXQ5", "hop-BaseModal--exiting": "BaseModal-module__hop-BaseModal--exiting___hASTi", "hop-BaseModal--sm": "BaseModal-module__hop-BaseModal--sm___vkP4q", "hop-BaseModal--md": "BaseModal-module__hop-BaseModal--md___-3UP7", "hop-BaseModal--lg": "BaseModal-module__hop-BaseModal--lg___O9MSu", "hop-BaseModal--xl": "BaseModal-module__hop-BaseModal--xl___Sd9XX", "hop-BaseModal--fullscreen": "BaseModal-module__hop-BaseModal--fullscreen___ToNbW", "hop-BaseModal--fullscreentakeover": "BaseModal-module__hop-BaseModal--fullscreentakeover___5KhSQ" };
 var GlobalBaseModalCssSelector = "hop-BaseModal";
 var BaseModal = (props, ref) => {
   var _a;
@@ -23,8 +23,8 @@ var BaseModal = (props, ref) => {
     hasImage,
     ...otherProps
   } = ownProps;
-  const { colorScheme } = useColorSchemeContext();
   const size = (_a = useResponsiveValue(sizeProp)) != null ? _a : "md";
+  const prevContextProps = useForwardedHopperContext();
   const classNames = (renderProps) => clsx(
     GlobalBaseModalCssSelector,
     cssModule(
@@ -49,7 +49,7 @@ var BaseModal = (props, ref) => {
       style: mergedStyles,
       slot,
       ...otherProps,
-      children: /* @__PURE__ */ jsx(_HopperProvider, { colorScheme, withCssVariables: false, children: /* @__PURE__ */ jsx(Modal, { ...otherProps, ref, className: BaseModal_module_default["hop-BaseModal__modal"], children }) })
+      children: /* @__PURE__ */ jsx(_HopperProvider, { ...prevContextProps, children: /* @__PURE__ */ jsx(Modal, { ...otherProps, ref, className: BaseModal_module_default["hop-BaseModal__modal"], children }) })
     }
   );
 };

package/dist/{chunk-MA6J3BKQ.js → chunk-E776DPQT.js}

@@ -7,7 +7,7 @@ import { useContextProps, Text } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./OverlineText.module.css#css-module
-var OverlineText_module_default = { "hop-OverlineText": "OverlineText-module__hop-OverlineText___muoD5", "hop-OverlineText__text": "OverlineText-module__hop-OverlineText__text___9D0v-" };
+var OverlineText_module_default = { "hop-OverlineText": "OverlineText-module__hop-OverlineText___MyaTu", "hop-OverlineText__text": "OverlineText-module__hop-OverlineText__text___nFJUJ" };
 var GlobalOverlineTextCssSelector = "hop-OverlineText";
 function OverlineText(props, ref) {
   [props, ref] = useContextProps(props, ref, OverlineTextContext);

package/dist/{chunk-S7RI5RQO.js → chunk-EFDSC6S4.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___U3bA-" };
+var ToggleArrow_module_default = { "hop-ToggleArrow": "ToggleArrow-module__hop-ToggleArrow___AXIoI" };
 var GlobalToggleArrowCssSelector = "hop-ToggleArrow";
 function ToggleArrow(props, ref) {
   [props, ref] = useContextProps(props, ref, ToggleArrowContext);

package/dist/{chunk-SMSHSMED.js → chunk-EMCQWDWQ.js}

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

package/dist/{chunk-4474CZXU.js → chunk-FHAXAT2H.js}

@@ -1,14 +1,14 @@
 import { useFontFaceReady } from './chunk-IU6XMS2X.js';
 import { TextAreaContext } from './chunk-MHQZXLKW.js';
 import { useTruncatedText } from './chunk-Z57VHYOF.js';
-import { _RemainingCharacterCount } from './chunk-QLI42RZN.js';
-import { _InputGroup } from './chunk-P4ZMZ54Q.js';
-import { _HelperMessage } from './chunk-RAWGWYOF.js';
-import { _ErrorMessage } from './chunk-3G33VYB7.js';
-import { _Label } from './chunk-HNWPRKJS.js';
-import { useFormProps } from './chunk-TJDT2TJG.js';
-import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
+import { _RemainingCharacterCount } from './chunk-DBIOAF7Z.js';
+import { _InputGroup } from './chunk-4CUD5Z4N.js';
+import { _HelperMessage } from './chunk-74YWITDM.js';
+import { _ErrorMessage } from './chunk-SWWLTUOO.js';
+import { _Label } from './chunk-GACETSMF.js';
+import { useFormProps } from './chunk-I3TCA6QA.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
+import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { useStyledSystem, useResponsiveValue, useIsomorphicLayoutEffect } from '@hopper-ui/styled-system';
 import $670gB$react, { forwardRef, useContext, useState, useCallback, useRef, useMemo } from 'react';
@@ -79,7 +79,7 @@ function $b5e257d569688ac6$export$535bd6ca7f90a273() {
 }
 
 // css-module:./TextArea.module.css#css-module
-var TextArea_module_default = { "hop-TextArea": "TextArea-module__hop-TextArea___7kXeP", "hop-TextArea--fluid": "TextArea-module__hop-TextArea--fluid___ZIC-K", "hop-TextArea__Label": "TextArea-module__hop-TextArea__Label___JBASw", "hop-TextArea__prefix": "TextArea-module__hop-TextArea__prefix___USALx", "hop-TextArea__RemainingCharacterCount": "TextArea-module__hop-TextArea__RemainingCharacterCount___tkG5V", "hop-TextArea__InputGroup": "TextArea-module__hop-TextArea__InputGroup___xYT-N", "hop-TextArea__ErrorMessage": "TextArea-module__hop-TextArea__ErrorMessage___KBuVw", "hop-TextArea__HelperMessage": "TextArea-module__hop-TextArea__HelperMessage___4W7GZ", "hop-TextArea__textarea": "TextArea-module__hop-TextArea__textarea___NPgCE", "hop-TextArea__textarea--with-character-count": "TextArea-module__hop-TextArea__textarea--with-character-count___ZGRUh", "hop-TextArea__textarea--sm": "TextArea-module__hop-TextArea__textarea--sm___munTd" };
+var TextArea_module_default = { "hop-TextArea": "TextArea-module__hop-TextArea___sgC5M", "hop-TextArea--fluid": "TextArea-module__hop-TextArea--fluid___b1gzQ", "hop-TextArea__Label": "TextArea-module__hop-TextArea__Label___5fQ0B", "hop-TextArea__prefix": "TextArea-module__hop-TextArea__prefix___gN2gZ", "hop-TextArea__RemainingCharacterCount": "TextArea-module__hop-TextArea__RemainingCharacterCount___29CO6", "hop-TextArea__InputGroup": "TextArea-module__hop-TextArea__InputGroup___-K1Yz", "hop-TextArea__ErrorMessage": "TextArea-module__hop-TextArea__ErrorMessage___8Qb5d", "hop-TextArea__HelperMessage": "TextArea-module__hop-TextArea__HelperMessage___-RSqR", "hop-TextArea__textarea": "TextArea-module__hop-TextArea__textarea___7meDw", "hop-TextArea__textarea--with-character-count": "TextArea-module__hop-TextArea__textarea--with-character-count___nuHvt", "hop-TextArea__textarea--sm": "TextArea-module__hop-TextArea__textarea--sm___xtc8u" };
 var GlobalTextAreaCssSelector = "hop-TextArea";
 var DefaultMinimumTextAreaRows = 3;
 var pxToInt = (value) => {

package/dist/{chunk-GNEWMHV7.js → chunk-FMMXILW4.js}

@@ -1,10 +1,10 @@
 import { useSlot } from './chunk-H5YTU3U7.js';
-import { _Spinner } from './chunk-7KRTACMF.js';
+import { _Spinner } from './chunk-QI5TLIXP.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
 import { ButtonContext } from './chunk-WMTWFKKP.js';
-import { ensureTextWrapper } from './chunk-SMSHSMED.js';
+import { ensureTextWrapper } from './chunk-EMCQWDWQ.js';
 import { useLocalizedString } from './chunk-75DHKNW2.js';
-import { useFormProps } from './chunk-TJDT2TJG.js';
+import { useFormProps } from './chunk-I3TCA6QA.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
@@ -17,7 +17,7 @@ import { useContextProps, composeRenderProps, DEFAULT_SLOT, Button as Button$1 }
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./Button.module.css#css-module
-var Button_module_default = { "hop-Button": "Button-module__hop-Button___6KTmh", "hop-Button--fluid": "Button-module__hop-Button--fluid___-sSTR", "hop-Button--sm": "Button-module__hop-Button--sm___Ajqhy", "hop-Button--md": "Button-module__hop-Button--md___ZZE-v", "hop-Button--icon-only": "Button-module__hop-Button--icon-only___xEBqd", "hop-Button--primary": "Button-module__hop-Button--primary___A-3Et", "hop-Button--secondary": "Button-module__hop-Button--secondary___ajkdD", "hop-Button--upsell": "Button-module__hop-Button--upsell___-7Ts9", "hop-Button--danger": "Button-module__hop-Button--danger___Gt66B", "hop-Button--ghost-primary": "Button-module__hop-Button--ghost-primary___4Bo2l", "hop-Button--ghost-secondary": "Button-module__hop-Button--ghost-secondary___0cyJ7", "hop-Button--ghost-danger": "Button-module__hop-Button--ghost-danger___6Bhsv", "hop-Button__Spinner": "Button-module__hop-Button__Spinner___Ov6iM", "hop-Button__icon": "Button-module__hop-Button__icon___p8y2e", "hop-Button__icon-list": "Button-module__hop-Button__icon-list___odXja", "hop-Button__text": "Button-module__hop-Button__text___q1VFO", "hop-Button__end-icon": "Button-module__hop-Button__end-icon___yCciH", "hop-Button__end-icon-list": "Button-module__hop-Button__end-icon-list___rAF8V" };
+var Button_module_default = { "hop-Button": "Button-module__hop-Button___8hj4n", "hop-Button--fluid": "Button-module__hop-Button--fluid___EyMfR", "hop-Button--sm": "Button-module__hop-Button--sm___wPpoi", "hop-Button--md": "Button-module__hop-Button--md___U2duX", "hop-Button--icon-only": "Button-module__hop-Button--icon-only___YCE2R", "hop-Button--primary": "Button-module__hop-Button--primary___iWJ-5", "hop-Button--secondary": "Button-module__hop-Button--secondary___DfPfI", "hop-Button--upsell": "Button-module__hop-Button--upsell___dyCxC", "hop-Button--danger": "Button-module__hop-Button--danger___5b82D", "hop-Button--ghost-primary": "Button-module__hop-Button--ghost-primary___jEXVT", "hop-Button--ghost-secondary": "Button-module__hop-Button--ghost-secondary___sNSEV", "hop-Button--ghost-danger": "Button-module__hop-Button--ghost-danger___pddWx", "hop-Button__Spinner": "Button-module__hop-Button__Spinner___jF4Q6", "hop-Button__icon": "Button-module__hop-Button__icon___8EXxw", "hop-Button__icon-list": "Button-module__hop-Button__icon-list___P-2Ml", "hop-Button__text": "Button-module__hop-Button__text___0GyaQ", "hop-Button__end-icon": "Button-module__hop-Button__end-icon___kB6WR", "hop-Button__end-icon-list": "Button-module__hop-Button__end-icon-list___S7Tia" };
 var GlobalButtonCssSelector = "hop-Button";
 function Button(props, ref) {
   var _a, _b;

package/dist/{chunk-VFJTSO5R.js → chunk-FNVLRU3K.js}

@@ -1,10 +1,10 @@
 import { useImageFallback } from './chunk-3ZCLNFNH.js';
-import { _Text } from './chunk-FIZFXOX5.js';
-import { _RichIconAvatarImage } from './chunk-JQHTQISK.js';
+import { _Text } from './chunk-YF2Y7BWX.js';
+import { AvatarContext } from './chunk-AES7QBQE.js';
+import { _RichIconAvatarImage } from './chunk-OHMQIK55.js';
 import { useRenderProps } from './chunk-2NSUMKNH.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
-import { AvatarContext } from './chunk-AES7QBQE.js';
 import { BrokenImageRichIcon } from '@hopper-ui/icons';
 import { slot, useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
 import { filterDOMProps, mergeProps } from '@react-aria/utils';
@@ -13,7 +13,7 @@ import { useContextProps, composeRenderProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Avatar.module.css#css-module
-var Avatar_module_default = { "hop-Avatar": "Avatar-module__hop-Avatar___XaRFN", "hop-Avatar--xs": "Avatar-module__hop-Avatar--xs___pF7bg", "hop-Avatar--sm": "Avatar-module__hop-Avatar--sm___8bO9Z", "hop-Avatar--md": "Avatar-module__hop-Avatar--md___vWpU-", "hop-Avatar--lg": "Avatar-module__hop-Avatar--lg___nbW96", "hop-Avatar--xl": "Avatar-module__hop-Avatar--xl___n4-Wx", "hop-Avatar--2xl": "Avatar-module__hop-Avatar--2xl___Pyn1w", "hop-Avatar--decorative-option1": "Avatar-module__hop-Avatar--decorative-option1___iGLZJ", "hop-Avatar--decorative-option2": "Avatar-module__hop-Avatar--decorative-option2___4zFff", "hop-Avatar--decorative-option3": "Avatar-module__hop-Avatar--decorative-option3___n-5fN", "hop-Avatar--decorative-option4": "Avatar-module__hop-Avatar--decorative-option4___Bfy8Q", "hop-Avatar--decorative-option5": "Avatar-module__hop-Avatar--decorative-option5___t0LH3", "hop-Avatar--decorative-option6": "Avatar-module__hop-Avatar--decorative-option6___9OpPQ", "hop-Avatar--decorative-option7": "Avatar-module__hop-Avatar--decorative-option7___IefxR", "hop-Avatar--decorative-option8": "Avatar-module__hop-Avatar--decorative-option8___Oy-pX", "hop-Avatar--decorative-option9": "Avatar-module__hop-Avatar--decorative-option9___usJKl", "hop-Avatar__image": "Avatar-module__hop-Avatar__image___D5Kay" };
+var Avatar_module_default = { "hop-Avatar": "Avatar-module__hop-Avatar___QYPFd", "hop-Avatar--xs": "Avatar-module__hop-Avatar--xs___yWYPq", "hop-Avatar--sm": "Avatar-module__hop-Avatar--sm___y5f69", "hop-Avatar--md": "Avatar-module__hop-Avatar--md___mxeEO", "hop-Avatar--lg": "Avatar-module__hop-Avatar--lg___kJPDx", "hop-Avatar--xl": "Avatar-module__hop-Avatar--xl___OKFzW", "hop-Avatar--2xl": "Avatar-module__hop-Avatar--2xl___YKmCU", "hop-Avatar--decorative-option1": "Avatar-module__hop-Avatar--decorative-option1___S2910", "hop-Avatar--decorative-option2": "Avatar-module__hop-Avatar--decorative-option2___r3lrw", "hop-Avatar--decorative-option3": "Avatar-module__hop-Avatar--decorative-option3___cNr-y", "hop-Avatar--decorative-option4": "Avatar-module__hop-Avatar--decorative-option4___ZcTQo", "hop-Avatar--decorative-option5": "Avatar-module__hop-Avatar--decorative-option5___bb--h", "hop-Avatar--decorative-option6": "Avatar-module__hop-Avatar--decorative-option6___9BgxM", "hop-Avatar--decorative-option7": "Avatar-module__hop-Avatar--decorative-option7___m4b1Z", "hop-Avatar--decorative-option8": "Avatar-module__hop-Avatar--decorative-option8___HkFjm", "hop-Avatar--decorative-option9": "Avatar-module__hop-Avatar--decorative-option9___mqTTG", "hop-Avatar__image": "Avatar-module__hop-Avatar__image___OsiIS" };
 var GlobalAvatarCssSelector = "hop-Avatar";
 var AvatarToTextSizeAdapter = {
   xs: "xs",

package/dist/{chunk-YP5OBIRV.js → chunk-FO6ZOBAQ.js}

@@ -11,7 +11,7 @@ import { useContextProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./ButtonGroup.module.css#css-module
-var ButtonGroup_module_default = { "hop-ButtonGroup": "ButtonGroup-module__hop-ButtonGroup___hy-c6", "hop-ButtonGroup--horizontal": "ButtonGroup-module__hop-ButtonGroup--horizontal___rLX-v", "hop-ButtonGroup--vertical": "ButtonGroup-module__hop-ButtonGroup--vertical___dYZYf", "hop-ButtonGroup--start": "ButtonGroup-module__hop-ButtonGroup--start___kN3pQ", "hop-ButtonGroup--center": "ButtonGroup-module__hop-ButtonGroup--center___ESEpm", "hop-ButtonGroup--end": "ButtonGroup-module__hop-ButtonGroup--end___Alnz8", "hop-ButtonGroup--wrap": "ButtonGroup-module__hop-ButtonGroup--wrap___4tsbl", "hop-ButtonGroup--fluid": "ButtonGroup-module__hop-ButtonGroup--fluid___ekvTo" };
+var ButtonGroup_module_default = { "hop-ButtonGroup": "ButtonGroup-module__hop-ButtonGroup___M6bib", "hop-ButtonGroup--horizontal": "ButtonGroup-module__hop-ButtonGroup--horizontal___bLpG-", "hop-ButtonGroup--vertical": "ButtonGroup-module__hop-ButtonGroup--vertical___0AljA", "hop-ButtonGroup--start": "ButtonGroup-module__hop-ButtonGroup--start___tFbPs", "hop-ButtonGroup--center": "ButtonGroup-module__hop-ButtonGroup--center___u42Rb", "hop-ButtonGroup--end": "ButtonGroup-module__hop-ButtonGroup--end___qNBc8", "hop-ButtonGroup--wrap": "ButtonGroup-module__hop-ButtonGroup--wrap___0C-ZI", "hop-ButtonGroup--fluid": "ButtonGroup-module__hop-ButtonGroup--fluid___DxRjI" };
 var GlobalButtonGroupCssSelector = "hop-ButtonGroup";
 function ButtonGroup(props, ref) {
   var _a, _b, _c, _d;

package/dist/{chunk-HNWPRKJS.js → chunk-GACETSMF.js}

@@ -1,6 +1,6 @@
 import { LabelContext } from './chunk-QCA3ZR56.js';
 import { useLocalizedString } from './chunk-75DHKNW2.js';
-import { useFormProps } from './chunk-TJDT2TJG.js';
+import { useFormProps } from './chunk-I3TCA6QA.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { useStyledSystem } from '@hopper-ui/styled-system';
 import { filterDOMProps } from '@react-aria/utils';
@@ -10,7 +10,7 @@ import { useContextProps, Label as Label$1 } from 'react-aria-components';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // css-module:./Label.module.css#css-module
-var Label_module_default = { "hop-Label": "Label-module__hop-Label___S1bm-", "hop-Label__indicator": "Label-module__hop-Label__indicator___UXZ13" };
+var Label_module_default = { "hop-Label": "Label-module__hop-Label___QDaau", "hop-Label__indicator": "Label-module__hop-Label__indicator___JMHih" };
 var GlobalLabelCssSelector = "hop-Label";
 function Label(props, ref) {
   [props, ref] = useContextProps(props, ref, LabelContext);

package/dist/{chunk-DE66YUPA.js → chunk-GKAWWPNQ.js}

@@ -1,11 +1,11 @@
 import { CheckboxContext } from './chunk-2EAZPH3M.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
-import { ensureTextWrapper } from './chunk-SMSHSMED.js';
-import { useFormProps } from './chunk-TJDT2TJG.js';
+import { ensureTextWrapper } from './chunk-EMCQWDWQ.js';
+import { useFormProps } from './chunk-I3TCA6QA.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
-import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
+import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { MinusIcon, CheckmarkIcon, IconContext } from '@hopper-ui/icons';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
@@ -14,7 +14,7 @@ import { useContextProps, composeRenderProps, Checkbox as Checkbox$1 } from 'rea
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./Checkbox.module.css#css-module
-var Checkbox_module_default = { "hop-Checkbox": "Checkbox-module__hop-Checkbox___NZb1-", "hop-Checkbox--sm": "Checkbox-module__hop-Checkbox--sm___iXJ2Q", "hop-Checkbox--md": "Checkbox-module__hop-Checkbox--md___CBJhw", "hop-Checkbox__icon": "Checkbox-module__hop-Checkbox__icon___bOVwj", "hop-Checkbox__icon-list": "Checkbox-module__hop-Checkbox__icon-list___uWWhV", "hop-Checkbox__box": "Checkbox-module__hop-Checkbox__box___QMQ-D", "hop-Checkbox__check": "Checkbox-module__hop-Checkbox__check___S9ghy", "hop-Checkbox__text": "Checkbox-module__hop-Checkbox__text___PSb1V" };
+var Checkbox_module_default = { "hop-Checkbox": "Checkbox-module__hop-Checkbox___HIhOc", "hop-Checkbox--sm": "Checkbox-module__hop-Checkbox--sm___35CAE", "hop-Checkbox--md": "Checkbox-module__hop-Checkbox--md___X1T4u", "hop-Checkbox__icon": "Checkbox-module__hop-Checkbox__icon___Y0iVF", "hop-Checkbox__icon-list": "Checkbox-module__hop-Checkbox__icon-list___WjjCl", "hop-Checkbox__box": "Checkbox-module__hop-Checkbox__box___5XUfy", "hop-Checkbox__check": "Checkbox-module__hop-Checkbox__check___gW9LJ", "hop-Checkbox__text": "Checkbox-module__hop-Checkbox__text___69y0R" };
 var GlobalCheckboxCssSelector = "hop-Checkbox";
 function Checkbox(props, ref) {
   var _a;

package/dist/{chunk-V5AZC3EI.js → chunk-GZJX23ZE.js}

@@ -7,7 +7,7 @@ import { useContextProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./ListBoxItemSkeleton.module.css#css-module
-var ListBoxItemSkeleton_module_default = { "hop-ListBoxItemSkeleton": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___jq0Kt", "placeholder-shimmer": "ListBoxItemSkeleton-module__placeholder-shimmer___1hQUw", "hop-ListBoxItemSkeleton--xs": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___Sz6ZD", "hop-ListBoxItemSkeleton--sm": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___ZfNqY", "hop-ListBoxItemSkeleton--md": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___ptsdC", "hop-ListBoxItemSkeleton--lg": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___t4qxP" };
+var ListBoxItemSkeleton_module_default = { "hop-ListBoxItemSkeleton": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___H3OlW", "placeholder-shimmer": "ListBoxItemSkeleton-module__placeholder-shimmer___Fihvm", "hop-ListBoxItemSkeleton--xs": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___9dFaI", "hop-ListBoxItemSkeleton--sm": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___5fYlV", "hop-ListBoxItemSkeleton--md": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___hWspS", "hop-ListBoxItemSkeleton--lg": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___vBFRO" };
 var GlobalListBoxItemSkeletonCssSelector = "hop-ListBoxItemSkeleton";
 function ListBoxItemSkeleton(props, ref) {
   var _a;

package/dist/{chunk-R5L7SK34.js → chunk-HBKQPCYU.js}

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

package/dist/{chunk-FJWEWI6U.js → chunk-HGJ2NRZU.js}

@@ -7,7 +7,7 @@ import { useContextProps, Heading as Heading$1 } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Heading.module.css#css-module
-var Heading_module_default = { "hop-Heading": "Heading-module__hop-Heading___fTtrt", "hop-Heading--xs": "Heading-module__hop-Heading--xs___MZpK2", "hop-Heading--sm": "Heading-module__hop-Heading--sm___SwLn2", "hop-Heading--md": "Heading-module__hop-Heading--md___Llu3w", "hop-Heading--lg": "Heading-module__hop-Heading--lg___ifE9U", "hop-Heading--xl": "Heading-module__hop-Heading--xl___oawUK", "hop-Heading--2xl": "Heading-module__hop-Heading--2xl___E6--Y", "hop-Heading--3xl": "Heading-module__hop-Heading--3xl___4neCh" };
+var Heading_module_default = { "hop-Heading": "Heading-module__hop-Heading___cDj46", "hop-Heading--xs": "Heading-module__hop-Heading--xs___653bM", "hop-Heading--sm": "Heading-module__hop-Heading--sm___Zo3-T", "hop-Heading--md": "Heading-module__hop-Heading--md___Mp9H8", "hop-Heading--lg": "Heading-module__hop-Heading--lg___nmdh7", "hop-Heading--xl": "Heading-module__hop-Heading--xl___BfTAL", "hop-Heading--2xl": "Heading-module__hop-Heading--2xl___GVdzd", "hop-Heading--3xl": "Heading-module__hop-Heading--3xl___c4yjS" };
 var GlobalHeadingCssSelector = "hop-Heading";
 function Heading(props, ref) {
   [props, ref] = useContextProps(props, ref, HeadingContext);

package/dist/{chunk-WPEOD36Y.js → chunk-HQV3FPNZ.js}

@@ -3,7 +3,7 @@ import { LinkButtonContext } from './chunk-3UQFC2NQ.js';
 import { FooterContext } from './chunk-I67NHYK4.js';
 import { isFunction, isNil } from './chunk-TIPN4VYD.js';
 import { ListBoxContext } from './chunk-UIEP5BA5.js';
-import { _HopperProvider } from './chunk-NMKBUGSO.js';
+import { useForwardedHopperContext, _HopperProvider } from './chunk-DVVK2IWW.js';
 import { ButtonGroupContext } from './chunk-VJQ7M2BK.js';
 import { LinkContext } from './chunk-4VVNSXIB.js';
 import { ContentContext } from './chunk-IXB2WK56.js';
@@ -12,19 +12,20 @@ import { HeadingContext } from './chunk-TXZ6BMFR.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
-import { useStyledSystem, useResponsiveValue, useColorSchemeContext } from '@hopper-ui/styled-system';
+import { useStyledSystem, useResponsiveValue } 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___gL-Hg", "fade": "Popover-module__fade___5lD3x", "hop-Popover__wrapper": "Popover-module__hop-Popover__wrapper___XeX6n", "hop-Popover__dialog": "Popover-module__hop-Popover__dialog___F3CRZ", "hop-Popover__dropdown": "Popover-module__hop-Popover__dropdown___rsx5v", "hop-Popover__title": "Popover-module__hop-Popover__title___oiYuA", "hop-Popover__content": "Popover-module__hop-Popover__content___50SHm", "hop-Popover__list-box": "Popover-module__hop-Popover__list-box___EvIhw", "hop-Popover__footer": "Popover-module__hop-Popover__footer___pnAGn", "hop-Popover__actions": "Popover-module__hop-Popover__actions___KAvOZ", "hop-Popover__action": "Popover-module__hop-Popover__action___0esT5" };
+var Popover_module_default = { "hop-Popover": "Popover-module__hop-Popover___1REfy", "fade": "Popover-module__fade___l0K-u", "hop-Popover__wrapper": "Popover-module__hop-Popover__wrapper___3WVku", "hop-Popover__dialog": "Popover-module__hop-Popover__dialog___GbQZH", "hop-Popover__dropdown": "Popover-module__hop-Popover__dropdown___NtQTA", "hop-Popover__title": "Popover-module__hop-Popover__title___mEbdt", "hop-Popover__content": "Popover-module__hop-Popover__content___I21FJ", "hop-Popover__list-box": "Popover-module__hop-Popover__list-box___XrjJ0", "hop-Popover__footer": "Popover-module__hop-Popover__footer___kefPf", "hop-Popover__actions": "Popover-module__hop-Popover__actions___-iKQO", "hop-Popover__action": "Popover-module__hop-Popover__action___Lu-41" };
 var GlobalPopoverCssSelector = "hop-Popover";
 function Popover(props, ref) {
   var _a;
   [props, ref] = useContextProps(props, ref, PopoverContext);
   const { stylingProps, ...ownProps } = useStyledSystem(props);
+  const prevContextProps = useForwardedHopperContext();
   const {
     isAutoWidth,
     children,
@@ -46,7 +47,6 @@ function Popover(props, ref) {
     slot,
     ...containerOtherProps
   } = containerOwnProps;
-  const { colorScheme } = useColorSchemeContext();
   const popoverClassNames = composeClassnameRenderProps(
     className,
     GlobalPopoverCssSelector,
@@ -84,7 +84,7 @@ function Popover(props, ref) {
       children: (state) => {
         const content = isFunction(children) && !isNil(children) ? children(state) : children;
         if (isNonDialog) {
-          return /* @__PURE__ */ jsx(_HopperProvider, { colorScheme, className: Popover_module_default["hop-Popover__wrapper"], children: /* @__PURE__ */ jsx(
+          return /* @__PURE__ */ jsx(_HopperProvider, { ...prevContextProps, className: Popover_module_default["hop-Popover__wrapper"], children: /* @__PURE__ */ jsx(
             "div",
             {
               ...containerOtherProps,
@@ -113,7 +113,7 @@ function Popover(props, ref) {
             }
           ) });
         }
-        return /* @__PURE__ */ jsx(_HopperProvider, { colorScheme, children: /* @__PURE__ */ jsx(Dialog, { ...containerOtherProps, className: containerClassNames, style: containerStyle, children: /* @__PURE__ */ jsx(
+        return /* @__PURE__ */ jsx(_HopperProvider, { ...prevContextProps, children: /* @__PURE__ */ jsx(Dialog, { ...containerOtherProps, className: containerClassNames, style: containerStyle, children: /* @__PURE__ */ jsx(
           SlotProvider,
           {
             values: [

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

package/dist/{chunk-GPQWIEKH.js → chunk-IAZ4WGX4.js}

@@ -1,15 +1,15 @@
 import { NumberFieldContext } from './chunk-ZQ3AWYRR.js';
-import { _InputGroup } from './chunk-P4ZMZ54Q.js';
-import { Input } from './chunk-R5L7SK34.js';
-import { _HelperMessage } from './chunk-RAWGWYOF.js';
-import { _ErrorMessage } from './chunk-3G33VYB7.js';
-import { ensureTextWrapper } from './chunk-SMSHSMED.js';
-import { _Label } from './chunk-HNWPRKJS.js';
-import { useFormProps } from './chunk-TJDT2TJG.js';
+import { _InputGroup } from './chunk-4CUD5Z4N.js';
+import { Input } from './chunk-HBKQPCYU.js';
+import { _HelperMessage } from './chunk-74YWITDM.js';
+import { _ErrorMessage } from './chunk-SWWLTUOO.js';
+import { ensureTextWrapper } from './chunk-EMCQWDWQ.js';
+import { _Label } from './chunk-GACETSMF.js';
+import { useFormProps } from './chunk-I3TCA6QA.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
-import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
+import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { IconContext, AngleUpIcon, AngleDownIcon } from '@hopper-ui/icons';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
@@ -22,7 +22,7 @@ import { useContextProps, composeRenderProps, NumberField as NumberField$1, Butt
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./NumberField.module.css#css-module
-var NumberField_module_default = { "hop-NumberField": "NumberField-module__hop-NumberField___Ovjcp", "hop-NumberField--fluid": "NumberField-module__hop-NumberField--fluid___SvzKR", "hop-NumberField__Label": "NumberField-module__hop-NumberField__Label___hTvLv", "hop-NumberField__prefix": "NumberField-module__hop-NumberField__prefix___VUBwZ", "hop-NumberField__InputGroup": "NumberField-module__hop-NumberField__InputGroup___kB46p", "hop-NumberField__ErrorMessage": "NumberField-module__hop-NumberField__ErrorMessage___QsrAC", "hop-NumberField__HelperMessage": "NumberField-module__hop-NumberField__HelperMessage___sOOtR", "hop-NumberField__steppers": "NumberField-module__hop-NumberField__steppers___-fZ5u", "hop-NumberField__stepper-button": "NumberField-module__hop-NumberField__stepper-button___aXkJL", "hop-NumberField__stepper-button--increment": "NumberField-module__hop-NumberField__stepper-button--increment___NS7jQ", "hop-NumberField__stepper-button--decrement": "NumberField-module__hop-NumberField__stepper-button--decrement___Bq2E8", "hop-NumberField__stepper-button__icon": "NumberField-module__hop-NumberField__stepper-button__icon___pMHL3", "hop-NumberField__input": "NumberField-module__hop-NumberField__input___rE9a8" };
+var NumberField_module_default = { "hop-NumberField": "NumberField-module__hop-NumberField___PUXSO", "hop-NumberField--fluid": "NumberField-module__hop-NumberField--fluid___Q5ycl", "hop-NumberField__Label": "NumberField-module__hop-NumberField__Label___zwgq6", "hop-NumberField__prefix": "NumberField-module__hop-NumberField__prefix___O5zZR", "hop-NumberField__InputGroup": "NumberField-module__hop-NumberField__InputGroup___0-7wP", "hop-NumberField__ErrorMessage": "NumberField-module__hop-NumberField__ErrorMessage___Ce63U", "hop-NumberField__HelperMessage": "NumberField-module__hop-NumberField__HelperMessage___-MFFd", "hop-NumberField__steppers": "NumberField-module__hop-NumberField__steppers___QDyNO", "hop-NumberField__stepper-button": "NumberField-module__hop-NumberField__stepper-button___ZzWak", "hop-NumberField__stepper-button--increment": "NumberField-module__hop-NumberField__stepper-button--increment___em1rs", "hop-NumberField__stepper-button--decrement": "NumberField-module__hop-NumberField__stepper-button--decrement___RxrAM", "hop-NumberField__stepper-button__icon": "NumberField-module__hop-NumberField__stepper-button__icon___XhwQI", "hop-NumberField__input": "NumberField-module__hop-NumberField__input___UQUUn" };
 var GlobalNumberFieldCssSelector = "hop-NumberField";
 var StepperButton = ({ direction }) => {
   const StepperIcon = direction === "increment" ? AngleUpIcon : AngleDownIcon;

package/dist/{chunk-EEBGOP3G.js → chunk-ITRR4F5G.js}

@@ -1,4 +1,4 @@
-import { _EmbeddedButton } from './chunk-REKY4BJM.js';
+import { _EmbeddedButton } from './chunk-CRSNDOH5.js';
 import { ClearButtonContext } from './chunk-DXVKHP4V.js';
 import { useLocalizedString } from './chunk-75DHKNW2.js';
 import { DismissIcon } from '@hopper-ui/icons';

package/dist/{chunk-THWHGUB6.js → chunk-IZZGYOYD.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___-ckNU" };
+var SvgImage_module_default = { "hop-SvgImage": "SvgImage-module__hop-SvgImage___YnGuu" };
 var GlobalSvgImageCssSelector = "hop-SvgImage";
 function SvgImage(props, ref) {
   [props, ref] = useContextProps(props, ref, SvgImageContext);

package/dist/{chunk-I7FKLVMO.js → chunk-JOKUQCNO.js}

@@ -1,14 +1,14 @@
 import { SearchFieldContext } from './chunk-3NKF5TPD.js';
-import { _ClearButton } from './chunk-EEBGOP3G.js';
-import { _InputGroup } from './chunk-P4ZMZ54Q.js';
-import { Input } from './chunk-R5L7SK34.js';
-import { _HelperMessage } from './chunk-RAWGWYOF.js';
-import { _ErrorMessage } from './chunk-3G33VYB7.js';
-import { _Label } from './chunk-HNWPRKJS.js';
-import { useFormProps } from './chunk-TJDT2TJG.js';
-import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
+import { _ClearButton } from './chunk-ITRR4F5G.js';
+import { _InputGroup } from './chunk-4CUD5Z4N.js';
+import { Input } from './chunk-HBKQPCYU.js';
+import { _HelperMessage } from './chunk-74YWITDM.js';
+import { _ErrorMessage } from './chunk-SWWLTUOO.js';
+import { _Label } from './chunk-GACETSMF.js';
+import { useFormProps } from './chunk-I3TCA6QA.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
+import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { IconContext, SearchIcon } from '@hopper-ui/icons';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
@@ -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___l-SmT", "hop-SearchField--fluid": "SearchField-module__hop-SearchField--fluid___dEdlz", "hop-SearchField__Label": "SearchField-module__hop-SearchField__Label___y5JW-", "hop-SearchField__prefix": "SearchField-module__hop-SearchField__prefix___LYZqx", "hop-SearchField__InputGroup": "SearchField-module__hop-SearchField__InputGroup___VTG9k", "hop-SearchField--clearable": "SearchField-module__hop-SearchField--clearable___NADD7", "hop-SearchField__ErrorMessage": "SearchField-module__hop-SearchField__ErrorMessage___PBLap", "hop-SearchField__HelperMessage": "SearchField-module__hop-SearchField__HelperMessage___6X6CN", "hop-SearchField__ClearButton": "SearchField-module__hop-SearchField__ClearButton___d-taq" };
+var SearchField_module_default = { "hop-SearchField": "SearchField-module__hop-SearchField___XGUwo", "hop-SearchField--fluid": "SearchField-module__hop-SearchField--fluid___6LfSr", "hop-SearchField__Label": "SearchField-module__hop-SearchField__Label___MmZS6", "hop-SearchField__prefix": "SearchField-module__hop-SearchField__prefix___nCX9O", "hop-SearchField__InputGroup": "SearchField-module__hop-SearchField__InputGroup___NUyvC", "hop-SearchField--clearable": "SearchField-module__hop-SearchField--clearable___P-9LX", "hop-SearchField__ErrorMessage": "SearchField-module__hop-SearchField__ErrorMessage___TWKId", "hop-SearchField__HelperMessage": "SearchField-module__hop-SearchField__HelperMessage___M30oD", "hop-SearchField__ClearButton": "SearchField-module__hop-SearchField__ClearButton___lAvi4" };
 var GlobalSearchFieldCssSelector = "hop-SearchField";
 function SearchField(props, ref) {
   var _a;

package/dist/{chunk-3ZSXVHWK.js → chunk-K6ZPJSNZ.js}

@@ -14,7 +14,7 @@ import { useContextProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./IllustratedMessage.module.css#css-module
-var IllustratedMessage_module_default = { "hop-IllustratedMessage": "IllustratedMessage-module__hop-IllustratedMessage___0Vt0H", "hop-IllustratedMessage--sm": "IllustratedMessage-module__hop-IllustratedMessage--sm___WgT26", "hop-IllustratedMessage--md": "IllustratedMessage-module__hop-IllustratedMessage--md___9DnFT", "hop-IllustratedMessage--lg": "IllustratedMessage-module__hop-IllustratedMessage--lg___ULoor", "hop-IllustratedMessage__image": "IllustratedMessage-module__hop-IllustratedMessage__image___9h7uj", "hop-IllustratedMessage__heading": "IllustratedMessage-module__hop-IllustratedMessage__heading___Gidt7", "hop-IllustratedMessage-md": "IllustratedMessage-module__hop-IllustratedMessage-md___Yw1uG", "hop-IllustratedMessage__content": "IllustratedMessage-module__hop-IllustratedMessage__content___vrSrr", "hop-IllustratedMessage__buttonGroup": "IllustratedMessage-module__hop-IllustratedMessage__buttonGroup___9Q-sY", "hop-IllustratedMessage__button": "IllustratedMessage-module__hop-IllustratedMessage__button___YCSSV" };
+var IllustratedMessage_module_default = { "hop-IllustratedMessage": "IllustratedMessage-module__hop-IllustratedMessage___YfpaP", "hop-IllustratedMessage--sm": "IllustratedMessage-module__hop-IllustratedMessage--sm___DgCZU", "hop-IllustratedMessage--md": "IllustratedMessage-module__hop-IllustratedMessage--md___TQpCf", "hop-IllustratedMessage--lg": "IllustratedMessage-module__hop-IllustratedMessage--lg___flxuS", "hop-IllustratedMessage__image": "IllustratedMessage-module__hop-IllustratedMessage__image___miWk5", "hop-IllustratedMessage__heading": "IllustratedMessage-module__hop-IllustratedMessage__heading___BA3-H", "hop-IllustratedMessage-md": "IllustratedMessage-module__hop-IllustratedMessage-md___gzoKX", "hop-IllustratedMessage__content": "IllustratedMessage-module__hop-IllustratedMessage__content___pzR-6", "hop-IllustratedMessage__buttonGroup": "IllustratedMessage-module__hop-IllustratedMessage__buttonGroup___gZIJD", "hop-IllustratedMessage__button": "IllustratedMessage-module__hop-IllustratedMessage__button___o5-EY" };
 var GlobalIllustratedMessageCssSelector = "hop-IllustratedMessage";
 function IllustratedMessage(props, ref) {
   [props, ref] = useContextProps(props, ref, IllustratedMessageContext);

package/dist/{chunk-EU5SU3GO.js → chunk-KB2LVNFQ.js}

@@ -1,6 +1,6 @@
 import { LinkContext } from './chunk-4VVNSXIB.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
-import { ensureTextWrapper } from './chunk-SMSHSMED.js';
+import { ensureTextWrapper } from './chunk-EMCQWDWQ.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
@@ -12,7 +12,7 @@ import { useContextProps, composeRenderProps, DEFAULT_SLOT, Link as Link$1 } fro
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Link.module.css#css-module
-var Link_module_default = { "hop-Link": "Link-module__hop-Link___eQw0w", "hop-Link--standalone": "Link-module__hop-Link--standalone___Hs27n", "hop-Link__text": "Link-module__hop-Link__text___Ua0gX", "hop-Link--xs": "Link-module__hop-Link--xs___9tUmU", "hop-Link--sm": "Link-module__hop-Link--sm___LDt5G", "hop-Link--md": "Link-module__hop-Link--md___xZrXS", "hop-Link--lg": "Link-module__hop-Link--lg___EAMOr", "hop-Link--xl": "Link-module__hop-Link--xl___3XPaT", "hop-Link--2xl": "Link-module__hop-Link--2xl___U2sdi", "hop-Link--quiet": "Link-module__hop-Link--quiet___MOjQs", "hop-Link--primary": "Link-module__hop-Link--primary___9vhza", "hop-Link--secondary": "Link-module__hop-Link--secondary___1IBzL", "hop-Link__icon": "Link-module__hop-Link__icon___1XRlK", "hop-Link__icon-list": "Link-module__hop-Link__icon-list___U-HAt", "hop-Link__start-icon": "Link-module__hop-Link__start-icon___JikAd", "hop-Link__start-icon-list": "Link-module__hop-Link__start-icon-list___gHvqF" };
+var Link_module_default = { "hop-Link": "Link-module__hop-Link___0wa1p", "hop-Link--standalone": "Link-module__hop-Link--standalone___uT7pp", "hop-Link__text": "Link-module__hop-Link__text___H7Y97", "hop-Link--xs": "Link-module__hop-Link--xs___f3-C-", "hop-Link--sm": "Link-module__hop-Link--sm___5qFPe", "hop-Link--md": "Link-module__hop-Link--md___Lm8EU", "hop-Link--lg": "Link-module__hop-Link--lg___4kEU5", "hop-Link--xl": "Link-module__hop-Link--xl___KmCgI", "hop-Link--2xl": "Link-module__hop-Link--2xl___DDo14", "hop-Link--quiet": "Link-module__hop-Link--quiet___MXwkd", "hop-Link--primary": "Link-module__hop-Link--primary___QuFU3", "hop-Link--secondary": "Link-module__hop-Link--secondary___iPT5U", "hop-Link__icon": "Link-module__hop-Link__icon___ODaBt", "hop-Link__icon-list": "Link-module__hop-Link__icon-list___Fv58U", "hop-Link__start-icon": "Link-module__hop-Link__start-icon___aFsYF", "hop-Link__start-icon-list": "Link-module__hop-Link__start-icon-list___HQEcz" };
 var GlobalLinkCssSelector = "hop-Link";
 var LinkToIconSizeAdapter = {
   inherit: void 0,

package/dist/{chunk-Z5FJSEQP.js → chunk-KFTGGBF2.js}

@@ -1,14 +1,14 @@
 import { PasswordFieldContext } from './chunk-QW45G6K4.js';
-import { _EmbeddedButton } from './chunk-REKY4BJM.js';
-import { _InputGroup } from './chunk-P4ZMZ54Q.js';
-import { Input } from './chunk-R5L7SK34.js';
-import { _HelperMessage } from './chunk-RAWGWYOF.js';
-import { _ErrorMessage } from './chunk-3G33VYB7.js';
-import { _Label } from './chunk-HNWPRKJS.js';
+import { _EmbeddedButton } from './chunk-CRSNDOH5.js';
+import { _InputGroup } from './chunk-4CUD5Z4N.js';
+import { Input } from './chunk-HBKQPCYU.js';
+import { _HelperMessage } from './chunk-74YWITDM.js';
+import { _ErrorMessage } from './chunk-SWWLTUOO.js';
+import { _Label } from './chunk-GACETSMF.js';
 import { useLocalizedString } from './chunk-75DHKNW2.js';
-import { useFormProps } from './chunk-TJDT2TJG.js';
-import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
+import { useFormProps } from './chunk-I3TCA6QA.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
+import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { EyeVisibleIcon, EyeHiddenIcon } from '@hopper-ui/icons';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
@@ -20,7 +20,7 @@ import { useContextProps, composeRenderProps, TextField } from 'react-aria-compo
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./PasswordField.module.css#css-module
-var PasswordField_module_default = { "hop-PasswordField": "PasswordField-module__hop-PasswordField___4A6Kb", "hop-PasswordField--fluid": "PasswordField-module__hop-PasswordField--fluid___0jN-I", "hop-PasswordField__Label": "PasswordField-module__hop-PasswordField__Label___FGlNE", "hop-PasswordField__InputGroup": "PasswordField-module__hop-PasswordField__InputGroup___A8H07", "hop-PasswordField__ErrorMessage": "PasswordField-module__hop-PasswordField__ErrorMessage___UcSox", "hop-PasswordField__HelperMessage": "PasswordField-module__hop-PasswordField__HelperMessage___CRRCq" };
+var PasswordField_module_default = { "hop-PasswordField": "PasswordField-module__hop-PasswordField___qE7D0", "hop-PasswordField--fluid": "PasswordField-module__hop-PasswordField--fluid___EiTEZ", "hop-PasswordField__Label": "PasswordField-module__hop-PasswordField__Label___mJ0WC", "hop-PasswordField__InputGroup": "PasswordField-module__hop-PasswordField__InputGroup___gHZ9J", "hop-PasswordField__ErrorMessage": "PasswordField-module__hop-PasswordField__ErrorMessage___6ldeM", "hop-PasswordField__HelperMessage": "PasswordField-module__hop-PasswordField__HelperMessage___p8aCw" };
 var GlobalPasswordFieldCssSelector = "hop-PasswordField";
 function PasswordField(props, ref) {
   var _a;

package/dist/{chunk-ERCGNLSF.js → chunk-KTWOFCUO.js}

@@ -1,9 +1,9 @@
-import { TagGroupContext } from './chunk-LCAS3YQV.js';
 import { TagContext } from './chunk-EWMWQ2MC.js';
-import { _HelperMessage } from './chunk-RAWGWYOF.js';
-import { _ErrorMessage } from './chunk-3G33VYB7.js';
-import { _Label } from './chunk-HNWPRKJS.js';
-import { useFormProps } from './chunk-TJDT2TJG.js';
+import { TagGroupContext } from './chunk-LCAS3YQV.js';
+import { _HelperMessage } from './chunk-74YWITDM.js';
+import { _ErrorMessage } from './chunk-SWWLTUOO.js';
+import { _Label } from './chunk-GACETSMF.js';
+import { useFormProps } from './chunk-I3TCA6QA.js';
 import { 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___fOP2E", "hop-TagGroup__label": "TagGroup-module__hop-TagGroup__label___IFA5Q", "hop-TagGroup__list": "TagGroup-module__hop-TagGroup__list___DIwCd", "hop-TagGroup__error-message": "TagGroup-module__hop-TagGroup__error-message___oshZT", "hop-TagGroup__helper-message": "TagGroup-module__hop-TagGroup__helper-message___J9f2K" };
+var TagGroup_module_default = { "hop-TagGroup": "TagGroup-module__hop-TagGroup___Jd5EA", "hop-TagGroup__label": "TagGroup-module__hop-TagGroup__label___xw62Y", "hop-TagGroup__list": "TagGroup-module__hop-TagGroup__list___0IA41", "hop-TagGroup__error-message": "TagGroup-module__hop-TagGroup__error-message___ruGO2", "hop-TagGroup__helper-message": "TagGroup-module__hop-TagGroup__helper-message___zXe7Z" };
 var GlobalTagGroupCssSelector = "hop-TagGroup";
 function TagGroup(props, ref) {
   var _a;