@hopper-ui/components 1.4.12 → 1.5.0

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

package/dist/{chunk-B6WL2FNU.js → chunk-GAVVWKPV.js}

@@ -1,10 +1,10 @@
 import { RadioFieldContext } from './chunk-DGLAGYBD.js';
 import { RadioGroupContext } from './chunk-5MBJWRZD.js';
 import { RadioContext } from './chunk-FU5CCPLP.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 { _HelperMessage } from './chunk-P7Y5EFUU.js';
+import { _ErrorMessage } from './chunk-LLZVUS6L.js';
+import { _Label } from './chunk-WERKME6J.js';
+import { useFormProps } from './chunk-F2CIGATZ.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
@@ -15,7 +15,7 @@ import { useContextProps, composeRenderProps, RadioGroup as RadioGroup$1 } from
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./RadioGroup.module.css#css-module
-var RadioGroup_module_default = { "hop-RadioGroup": "RadioGroup-module__hop-RadioGroup___-H57l", "hop-RadioGroup--bordered": "RadioGroup-module__hop-RadioGroup--bordered___NUyQG", "hop-RadioGroup--sm": "RadioGroup-module__hop-RadioGroup--sm___C7sJr", "hop-RadioGroup--md": "RadioGroup-module__hop-RadioGroup--md___8Y1l2", "hop-RadioGroup__label": "RadioGroup-module__hop-RadioGroup__label___17-CY", "hop-RadioGroup__list": "RadioGroup-module__hop-RadioGroup__list___jqkUj", "hop-RadioGroup__radio": "RadioGroup-module__hop-RadioGroup__radio___H603A", "hop-RadioGroup__error-message": "RadioGroup-module__hop-RadioGroup__error-message___iVY8t", "hop-RadioGroup__helper-message": "RadioGroup-module__hop-RadioGroup__helper-message___JMGRU" };
+var RadioGroup_module_default = { "hop-RadioGroup": "RadioGroup-module__hop-RadioGroup___fwZtO", "hop-RadioGroup--bordered": "RadioGroup-module__hop-RadioGroup--bordered___mFj2e", "hop-RadioGroup--sm": "RadioGroup-module__hop-RadioGroup--sm___l2Qe3", "hop-RadioGroup--md": "RadioGroup-module__hop-RadioGroup--md___bbwLv", "hop-RadioGroup__label": "RadioGroup-module__hop-RadioGroup__label___AvOKx", "hop-RadioGroup__list": "RadioGroup-module__hop-RadioGroup__list___qacoy", "hop-RadioGroup__radio": "RadioGroup-module__hop-RadioGroup__radio___SITj4", "hop-RadioGroup__error-message": "RadioGroup-module__hop-RadioGroup__error-message___Sg1XQ", "hop-RadioGroup__helper-message": "RadioGroup-module__hop-RadioGroup__helper-message___y464C" };
 var GlobalRadioGroupCssSelector = "hop-RadioGroup";
 function RadioGroup(props, ref) {
   var _a, _b, _c;

package/dist/{chunk-FHAXAT2H.js → chunk-GD5Q3AZ5.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-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 { _RemainingCharacterCount } from './chunk-WEFTO2YB.js';
+import { _InputGroup } from './chunk-2W32X7FU.js';
+import { _HelperMessage } from './chunk-P7Y5EFUU.js';
+import { _ErrorMessage } from './chunk-LLZVUS6L.js';
+import { _Label } from './chunk-WERKME6J.js';
+import { useFormProps } from './chunk-F2CIGATZ.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
+import { composeClassnameRenderProps } from './chunk-65JPI4FL.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___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 TextArea_module_default = { "hop-TextArea": "TextArea-module__hop-TextArea___gOF96", "hop-TextArea--fluid": "TextArea-module__hop-TextArea--fluid___xcWXB", "hop-TextArea__Label": "TextArea-module__hop-TextArea__Label___GLBud", "hop-TextArea__prefix": "TextArea-module__hop-TextArea__prefix___s73kk", "hop-TextArea__RemainingCharacterCount": "TextArea-module__hop-TextArea__RemainingCharacterCount___hwatu", "hop-TextArea__InputGroup": "TextArea-module__hop-TextArea__InputGroup___JmU2M", "hop-TextArea__ErrorMessage": "TextArea-module__hop-TextArea__ErrorMessage___GyQ1d", "hop-TextArea__HelperMessage": "TextArea-module__hop-TextArea__HelperMessage___oW6cU", "hop-TextArea__textarea": "TextArea-module__hop-TextArea__textarea___SDeHt", "hop-TextArea__textarea--with-character-count": "TextArea-module__hop-TextArea__textarea--with-character-count___qIljC", "hop-TextArea__textarea--sm": "TextArea-module__hop-TextArea__textarea--sm___psxE-" };
 var GlobalTextAreaCssSelector = "hop-TextArea";
 var DefaultMinimumTextAreaRows = 3;
 var pxToInt = (value) => {

package/dist/chunk-GHYAFDMB.js

@@ -0,0 +1,7 @@
+import { createContext } from 'react';
+
+// src/overlays/Popover/src/PopoverBaseContext.ts
+var PopoverBaseContext = createContext({});
+PopoverBaseContext.displayName = "PopoverBaseContext";
+
+export { PopoverBaseContext };

package/dist/{chunk-O7MK7LUV.js → chunk-GNANRAZ3.js}

@@ -1,8 +1,8 @@
-import { ensureTextWrapper } from './chunk-EMCQWDWQ.js';
+import { ensureTextWrapper } from './chunk-6VK6XY4Y.js';
 import { FormContext } from './chunk-Q7NXUUB3.js';
-import { TextContext } from './chunk-X6SER3TZ.js';
-import { DisclosureContext } from './chunk-MUAXK42C.js';
 import { DisclosurePanelContext } from './chunk-7CJXILRD.js';
+import { DisclosureContext } from './chunk-MUAXK42C.js';
+import { TextContext } from './chunk-X6SER3TZ.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
@@ -12,7 +12,7 @@ import { useContextProps, useSlottedContext, composeRenderProps, DisclosurePanel
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./DisclosurePanel.module.css#css-module
-var DisclosurePanel_module_default = { "hop-DisclosurePanel": "DisclosurePanel-module__hop-DisclosurePanel___DaFJK", "hop-DisclosurePanel--inline": "DisclosurePanel-module__hop-DisclosurePanel--inline___8JTFk", "hop-DisclosurePanel--disabled": "DisclosurePanel-module__hop-DisclosurePanel--disabled___QvB27", "hop-DisclosurePanel__text": "DisclosurePanel-module__hop-DisclosurePanel__text___SMoVY" };
+var DisclosurePanel_module_default = { "hop-DisclosurePanel": "DisclosurePanel-module__hop-DisclosurePanel___toko0", "hop-DisclosurePanel--inline": "DisclosurePanel-module__hop-DisclosurePanel--inline___PolFI", "hop-DisclosurePanel--disabled": "DisclosurePanel-module__hop-DisclosurePanel--disabled___3khxu", "hop-DisclosurePanel__text": "DisclosurePanel-module__hop-DisclosurePanel__text___K83wA" };
 var GlobalDisclosurePanelCssSelector = "hop-DisclosurePanel";
 function DisclosurePanel(props, ref) {
   [props, ref] = useContextProps(props, ref, DisclosurePanelContext);

package/dist/{chunk-OHMQIK55.js → chunk-GYIVG2QW.js}

@@ -1,5 +1,5 @@
-import { RichIconAvatarImageContext } from './chunk-JWW56J7M.js';
 import { useRenderProps } from './chunk-2NSUMKNH.js';
+import { RichIconAvatarImageContext } from './chunk-JWW56J7M.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
@@ -11,7 +11,7 @@ import { useContextProps, composeRenderProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./RichIconAvatarImage.module.css#css-module
-var RichIconAvatarImage_module_default = { "hop-RichIconAvatarImage": "RichIconAvatarImage-module__hop-RichIconAvatarImage___QEmg4", "hop-RichIconAvatarImage--xs": "RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___Lz4mp", "hop-RichIconAvatarImage--sm": "RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___sBWsa", "hop-RichIconAvatarImage--md": "RichIconAvatarImage-module__hop-RichIconAvatarImage--md___kNSvI", "hop-RichIconAvatarImage--lg": "RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___2R4x3", "hop-RichIconAvatarImage--xl": "RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___cLnYn", "hop-RichIconAvatarImage--2xl": "RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___nvjJG", "hop-RichIconAvatarImage__icon": "RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___PB6gg" };
+var RichIconAvatarImage_module_default = { "hop-RichIconAvatarImage": "RichIconAvatarImage-module__hop-RichIconAvatarImage___udUzF", "hop-RichIconAvatarImage--xs": "RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___YhoNF", "hop-RichIconAvatarImage--sm": "RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___014q8", "hop-RichIconAvatarImage--md": "RichIconAvatarImage-module__hop-RichIconAvatarImage--md___WzrUi", "hop-RichIconAvatarImage--lg": "RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___Y4Wsk", "hop-RichIconAvatarImage--xl": "RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___ehC7V", "hop-RichIconAvatarImage--2xl": "RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___jfwil", "hop-RichIconAvatarImage__icon": "RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___OiViG" };
 var GlobalRichIconAvatarImageCssSelector = "hop-RichIconAvatarImage";
 var AvatarToIconSizeAdapter = {
   xs: "md",

package/dist/{chunk-5P2MPWIV.js → chunk-I6K2IF6S.js}

@@ -1,5 +1,5 @@
 import { CalloutContext } from './chunk-NZ4VFVXA.js';
-import { _CloseButton } from './chunk-DZFW22OT.js';
+import { _CloseButton } from './chunk-PSGJ3SGD.js';
 import { useSlot } from './chunk-H5YTU3U7.js';
 import { ContentContext } from './chunk-IXB2WK56.js';
 import { ButtonContext } from './chunk-WMTWFKKP.js';
@@ -14,7 +14,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___9ILOG", "hop-Callout__icon": "Callout-module__hop-Callout__icon___aNuPc", "hop-Callout__heading": "Callout-module__hop-Callout__heading___rHs1L", "hop-Callout__content": "Callout-module__hop-Callout__content___ia-zv", "hop-Callout__button": "Callout-module__hop-Callout__button___Ey71g", "hop-Callout__dismiss": "Callout-module__hop-Callout__dismiss___S76DF", "hop-Callout--information": "Callout-module__hop-Callout--information___iPGbk", "hop-Callout--success": "Callout-module__hop-Callout--success___jZk5K", "hop-Callout--warning": "Callout-module__hop-Callout--warning___Ivr3r", "hop-Callout--upsell": "Callout-module__hop-Callout--upsell___nJ1ku", "hop-Callout--subtle-fill": "Callout-module__hop-Callout--subtle-fill___OhBa7" };
+var Callout_module_default = { "hop-Callout": "Callout-module__hop-Callout___iE9P-", "hop-Callout__icon": "Callout-module__hop-Callout__icon___EZFP4", "hop-Callout__heading": "Callout-module__hop-Callout__heading___mG67A", "hop-Callout__content": "Callout-module__hop-Callout__content___t2q8o", "hop-Callout__button": "Callout-module__hop-Callout__button___KaxzJ", "hop-Callout__dismiss": "Callout-module__hop-Callout__dismiss___dvyPP", "hop-Callout--information": "Callout-module__hop-Callout--information___ydtCy", "hop-Callout--success": "Callout-module__hop-Callout--success___0sREM", "hop-Callout--warning": "Callout-module__hop-Callout--warning___wzVHE", "hop-Callout--upsell": "Callout-module__hop-Callout--upsell___NtR-7", "hop-Callout--subtle-fill": "Callout-module__hop-Callout--subtle-fill___WLoSA" };
 var GlobalCalloutCssSelector = "hop-Callout";
 var Callout = (props, ref) => {
   [props, ref] = useContextProps(props, ref, CalloutContext);

package/dist/{chunk-KW6STO3X.js → chunk-IFR3FMQI.js}

@@ -1,8 +1,8 @@
-import { _CloseButton } from './chunk-DZFW22OT.js';
-import { CompactCalloutContext } from './chunk-GRCAVJC6.js';
 import { LinkContext } from './chunk-4VVNSXIB.js';
+import { _CloseButton } from './chunk-PSGJ3SGD.js';
 import { ContentContext } from './chunk-IXB2WK56.js';
 import { ButtonContext } from './chunk-WMTWFKKP.js';
+import { CompactCalloutContext } from './chunk-GRCAVJC6.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { useStyledSystem } from '@hopper-ui/styled-system';
@@ -12,7 +12,7 @@ import { useContextProps } from 'react-aria-components';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // css-module:./CompactCallout.module.css#css-module
-var CompactCallout_module_default = { "hop-CompactCallout": "CompactCallout-module__hop-CompactCallout___wiesQ", "hop-CompactCallout__content": "CompactCallout-module__hop-CompactCallout__content___9H2M6", "hop-CompactCallout__button": "CompactCallout-module__hop-CompactCallout__button___B19iS", "hop-CompactCallout__link": "CompactCallout-module__hop-CompactCallout__link___VALyw", "hop-CompactCallout__dismiss": "CompactCallout-module__hop-CompactCallout__dismiss___OxUMH", "hop-CompactCallout--information": "CompactCallout-module__hop-CompactCallout--information___Xdh3t", "hop-CompactCallout--success": "CompactCallout-module__hop-CompactCallout--success___Tp-fd", "hop-CompactCallout--warning": "CompactCallout-module__hop-CompactCallout--warning___eEyDa", "hop-CompactCallout--upsell": "CompactCallout-module__hop-CompactCallout--upsell___-q8ws", "hop-CompactCallout--subtle-fill": "CompactCallout-module__hop-CompactCallout--subtle-fill___Zff--" };
+var CompactCallout_module_default = { "hop-CompactCallout": "CompactCallout-module__hop-CompactCallout___eo-yL", "hop-CompactCallout__content": "CompactCallout-module__hop-CompactCallout__content___s8s-T", "hop-CompactCallout__button": "CompactCallout-module__hop-CompactCallout__button___2643c", "hop-CompactCallout__link": "CompactCallout-module__hop-CompactCallout__link___-wawo", "hop-CompactCallout__dismiss": "CompactCallout-module__hop-CompactCallout__dismiss___hQjw0", "hop-CompactCallout--information": "CompactCallout-module__hop-CompactCallout--information___fTdut", "hop-CompactCallout--success": "CompactCallout-module__hop-CompactCallout--success___swKLd", "hop-CompactCallout--warning": "CompactCallout-module__hop-CompactCallout--warning___K2q51", "hop-CompactCallout--upsell": "CompactCallout-module__hop-CompactCallout--upsell___-Lnlx", "hop-CompactCallout--subtle-fill": "CompactCallout-module__hop-CompactCallout--subtle-fill___PGDRx" };
 var GlobalCompactCalloutCssSelector = "hop-CompactCallout";
 var CompactCallout = (props, ref) => {
   [props, ref] = useContextProps(props, ref, CompactCalloutContext);

package/dist/chunk-ISHCPAHA.js

@@ -0,0 +1,68 @@
+import { PopoverBaseContext } from './chunk-GHYAFDMB.js';
+import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
+import { cssModule } from './chunk-KVDXQMWI.js';
+import { useStyledSystem, useColorSchemeContext, useResponsiveValue, getRootCSSClasses } from '@hopper-ui/styled-system';
+import { forwardRef } from 'react';
+import { useContextProps, composeRenderProps, Popover } from 'react-aria-components';
+import { jsx } from 'react/jsx-runtime';
+
+// css-module:./PopoverBase.module.css#css-module
+var PopoverBase_module_default = { "hop-PopoverBase": "PopoverBase-module__hop-PopoverBase___MNsqM" };
+var GlobalPopoverBaseCssSelector = "hop-PopoverBase";
+function PopoverBase(props, ref) {
+  var _a;
+  [props, ref] = useContextProps(props, ref, PopoverBaseContext);
+  const { stylingProps, ...ownProps } = useStyledSystem(props);
+  const { colorScheme } = useColorSchemeContext();
+  const {
+    children,
+    className,
+    placement: placementProp,
+    style: styleProp,
+    containerPadding,
+    ...otherProps
+  } = ownProps;
+  const placement = (_a = useResponsiveValue(placementProp)) != null ? _a : "bottom";
+  const popoverClassNames = composeClassnameRenderProps(
+    className,
+    GlobalPopoverBaseCssSelector,
+    cssModule(
+      PopoverBase_module_default,
+      "hop-PopoverBase"
+    ),
+    getRootCSSClasses(colorScheme),
+    stylingProps.className
+  );
+  const style = composeRenderProps(styleProp, (prev) => {
+    let extraStyles = {};
+    if (containerPadding) {
+      extraStyles = {
+        ...extraStyles,
+        "--container-padding": `${containerPadding}px`
+      };
+    }
+    return {
+      ...stylingProps.style,
+      ...extraStyles,
+      ...prev,
+      // Override default z-index from useOverlayPosition. We use isolation: isolate instead.
+      zIndex: void 0
+    };
+  });
+  return /* @__PURE__ */ jsx(
+    Popover,
+    {
+      ref,
+      style,
+      className: popoverClassNames,
+      containerPadding,
+      placement,
+      ...otherProps,
+      children
+    }
+  );
+}
+var _PopoverBase = forwardRef(PopoverBase);
+_PopoverBase.displayName = "PopoverBase";
+
+export { GlobalPopoverBaseCssSelector, _PopoverBase };

package/dist/{chunk-E776DPQT.js → chunk-JSU3GTVC.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___MyaTu", "hop-OverlineText__text": "OverlineText-module__hop-OverlineText__text___nFJUJ" };
+var OverlineText_module_default = { "hop-OverlineText": "OverlineText-module__hop-OverlineText___2jE3j", "hop-OverlineText__text": "OverlineText-module__hop-OverlineText__text___bmeNd" };
 var GlobalOverlineTextCssSelector = "hop-OverlineText";
 function OverlineText(props, ref) {
   [props, ref] = useContextProps(props, ref, OverlineTextContext);

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

@@ -1,14 +1,13 @@
 import { BaseModalContext } from './chunk-FLU4UPP6.js';
-import { useForwardedHopperContext, _HopperProvider } from './chunk-DVVK2IWW.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
-import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
+import { useStyledSystem, useResponsiveValue, useColorSchemeContext, getRootCSSClasses } 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___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 BaseModal_module_default = { "hop-BaseModal": "BaseModal-module__hop-BaseModal___V-jdM", "hop-BaseModal__modal": "BaseModal-module__hop-BaseModal__modal___AQIgf", "hop-BaseModal--image": "BaseModal-module__hop-BaseModal--image___i1noJ", "hop-BaseModal--entering": "BaseModal-module__hop-BaseModal--entering___SGyO7", "hop-BaseModal--exiting": "BaseModal-module__hop-BaseModal--exiting___ovuHu", "hop-BaseModal--sm": "BaseModal-module__hop-BaseModal--sm___1w-YL", "hop-BaseModal--md": "BaseModal-module__hop-BaseModal--md___b2mTz", "hop-BaseModal--lg": "BaseModal-module__hop-BaseModal--lg___9GK23", "hop-BaseModal--xl": "BaseModal-module__hop-BaseModal--xl___RnmKh", "hop-BaseModal--fullscreen": "BaseModal-module__hop-BaseModal--fullscreen___v4KOZ", "hop-BaseModal--fullscreentakeover": "BaseModal-module__hop-BaseModal--fullscreentakeover___un7No" };
 var GlobalBaseModalCssSelector = "hop-BaseModal";
 var BaseModal = (props, ref) => {
   var _a;
@@ -24,7 +23,7 @@ var BaseModal = (props, ref) => {
     ...otherProps
   } = ownProps;
   const size = (_a = useResponsiveValue(sizeProp)) != null ? _a : "md";
-  const prevContextProps = useForwardedHopperContext();
+  const { colorScheme } = useColorSchemeContext();
   const classNames = (renderProps) => clsx(
     GlobalBaseModalCssSelector,
     cssModule(
@@ -35,6 +34,7 @@ var BaseModal = (props, ref) => {
       renderProps.isExiting && "exiting",
       hasImage && "image"
     ),
+    getRootCSSClasses(colorScheme),
     stylingProps.className,
     className
   );
@@ -49,7 +49,7 @@ var BaseModal = (props, ref) => {
       style: mergedStyles,
       slot,
       ...otherProps,
-      children: /* @__PURE__ */ jsx(_HopperProvider, { ...prevContextProps, children: /* @__PURE__ */ jsx(Modal, { ...otherProps, ref, className: BaseModal_module_default["hop-BaseModal__modal"], children }) })
+      children: /* @__PURE__ */ jsx(Modal, { ...otherProps, ref, className: BaseModal_module_default["hop-BaseModal__modal"], children })
     }
   );
 };

package/dist/{chunk-32D3FJMM.js → chunk-L3CCWJXX.js}

@@ -1,15 +1,15 @@
-import { _DecorativeRadio } from './chunk-VLW6W2HN.js';
-import { _DecorativeCheckbox } from './chunk-WAU7DOS4.js';
+import { _DecorativeRadio } from './chunk-NKQRCWXB.js';
+import { _DecorativeCheckbox } from './chunk-MLH5QPM6.js';
 import { ListBoxItemContext } from './chunk-Y2POLIXK.js';
-import { _ListBoxItemSkeleton } from './chunk-GZJX23ZE.js';
+import { _ListBoxItemSkeleton } from './chunk-BUNJDMVL.js';
+import { BadgeContext } from './chunk-CQDLZ42T.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
-import { ensureTextWrapper } from './chunk-EMCQWDWQ.js';
+import { ensureTextWrapper } from './chunk-6VK6XY4Y.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
-import { AvatarContext } from './chunk-AES7QBQE.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
-import { BadgeContext } from './chunk-CQDLZ42T.js';
+import { AvatarContext } from './chunk-AES7QBQE.js';
 import { CheckmarkIcon, IconContext } from '@hopper-ui/icons';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
 import clsx from 'clsx';
@@ -18,7 +18,7 @@ import { useContextProps, composeRenderProps, ListBoxItem as ListBoxItem$1, List
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // css-module:./ListBoxItem.module.css#css-module
-var ListBoxItem_module_default = { "hop-ListBoxItem": "ListBoxItem-module__hop-ListBoxItem___zW78-", "hop-ListBoxItem--xs": "ListBoxItem-module__hop-ListBoxItem--xs___6p5X7", "hop-ListBoxItem--sm": "ListBoxItem-module__hop-ListBoxItem--sm___gyndD", "hop-ListBoxItem--md": "ListBoxItem-module__hop-ListBoxItem--md___VW-Ui", "hop-ListBoxItem--lg": "ListBoxItem-module__hop-ListBoxItem--lg___0Khz1", "hop-ListBoxItem__inner": "ListBoxItem-module__hop-ListBoxItem__inner___7gb9P", "hop-ListBoxItem__checkmark": "ListBoxItem-module__hop-ListBoxItem__checkmark___q4x8t", "hop-ListBoxItem__description": "ListBoxItem-module__hop-ListBoxItem__description___sz16o", "hop-ListBoxItem__radio": "ListBoxItem-module__hop-ListBoxItem__radio___N60v5", "hop-ListBoxItem__checkbox": "ListBoxItem-module__hop-ListBoxItem__checkbox___LX3YV", "hop-ListBoxItem__avatar": "ListBoxItem-module__hop-ListBoxItem__avatar___NlZnk", "hop-ListBoxItem__icon-list": "ListBoxItem-module__hop-ListBoxItem__icon-list___uToIi", "hop-ListBoxItem__icon": "ListBoxItem-module__hop-ListBoxItem__icon___2VPpV", "hop-ListBoxItem__label": "ListBoxItem-module__hop-ListBoxItem__label___L8oO7", "hop-ListBoxItem__end-icon-list": "ListBoxItem-module__hop-ListBoxItem__end-icon-list___0It9o", "hop-ListBoxItem__end-icon": "ListBoxItem-module__hop-ListBoxItem__end-icon___UPd3h", "hop-ListBoxItem__badge": "ListBoxItem-module__hop-ListBoxItem__badge___-c9YD" };
+var ListBoxItem_module_default = { "hop-ListBoxItem": "ListBoxItem-module__hop-ListBoxItem___2QR19", "hop-ListBoxItem--xs": "ListBoxItem-module__hop-ListBoxItem--xs___JoLU5", "hop-ListBoxItem--sm": "ListBoxItem-module__hop-ListBoxItem--sm___oiXlJ", "hop-ListBoxItem--md": "ListBoxItem-module__hop-ListBoxItem--md___OyStz", "hop-ListBoxItem--lg": "ListBoxItem-module__hop-ListBoxItem--lg___whYAr", "hop-ListBoxItem__inner": "ListBoxItem-module__hop-ListBoxItem__inner___fHzex", "hop-ListBoxItem__checkmark": "ListBoxItem-module__hop-ListBoxItem__checkmark___hfcen", "hop-ListBoxItem__description": "ListBoxItem-module__hop-ListBoxItem__description___eFkQk", "hop-ListBoxItem__radio": "ListBoxItem-module__hop-ListBoxItem__radio___EwNEl", "hop-ListBoxItem__checkbox": "ListBoxItem-module__hop-ListBoxItem__checkbox___7vUaJ", "hop-ListBoxItem__avatar": "ListBoxItem-module__hop-ListBoxItem__avatar___CXIH-", "hop-ListBoxItem__icon-list": "ListBoxItem-module__hop-ListBoxItem__icon-list___Nr7mT", "hop-ListBoxItem__icon": "ListBoxItem-module__hop-ListBoxItem__icon___SBply", "hop-ListBoxItem__label": "ListBoxItem-module__hop-ListBoxItem__label___F2VZf", "hop-ListBoxItem__end-icon-list": "ListBoxItem-module__hop-ListBoxItem__end-icon-list___BrdRk", "hop-ListBoxItem__end-icon": "ListBoxItem-module__hop-ListBoxItem__end-icon___6U8rJ", "hop-ListBoxItem__badge": "ListBoxItem-module__hop-ListBoxItem__badge___JPUu7" };
 var GlobalListBoxItemCssSelector = "hop-ListBoxItem";
 var ListBoxItemToIconSizeAdapter = {
   xs: "sm",

package/dist/{chunk-SWWLTUOO.js → chunk-LLZVUS6L.js}

@@ -1,5 +1,5 @@
 import { ErrorMessageContext } from './chunk-FAE27DLF.js';
-import { _Text } from './chunk-YF2Y7BWX.js';
+import { _Text } from './chunk-44OL5LKJ.js';
 import { useRenderProps } from './chunk-2NSUMKNH.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
@@ -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___bhUrj", "hop-ErrorMessage__icon": "ErrorMessage-module__hop-ErrorMessage__icon___eyUbt" };
+var ErrorMessage_module_default = { "hop-ErrorMessage": "ErrorMessage-module__hop-ErrorMessage___plNeo", "hop-ErrorMessage__icon": "ErrorMessage-module__hop-ErrorMessage__icon___fx3cm" };
 var GlobalErrorMessageCssSelector = "hop-ErrorMessage";
 function ErrorMessage(props, ref) {
   const validation = useContext(FieldErrorContext);

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

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

package/dist/{chunk-7OENJXSV.js → chunk-M7OZRSCE.js}

@@ -8,7 +8,7 @@ import { useContextProps, ToggleGroupStateContext, ToggleButtonGroup, Provider }
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./SegmentedControl.module.css#css-module
-var SegmentedControl_module_default = { "hop-SegmentedControl": "SegmentedControl-module__hop-SegmentedControl___7oNS0" };
+var SegmentedControl_module_default = { "hop-SegmentedControl": "SegmentedControl-module__hop-SegmentedControl___WrqQt" };
 var GlobalSegmentedControlCssSelector = "hop-SegmentedControl";
 var SegmentedControl = (props, ref) => {
   [props, ref] = useContextProps(props, ref, SegmentedControlContext);

package/dist/{chunk-WAU7DOS4.js → chunk-MLH5QPM6.js}

@@ -1,11 +1,11 @@
 import { CheckboxContext } from './chunk-2EAZPH3M.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
-import { ensureTextWrapper } from './chunk-EMCQWDWQ.js';
+import { ensureTextWrapper } from './chunk-6VK6XY4Y.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
+import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { useRenderProps } from './chunk-2NSUMKNH.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, MinusIcon, CheckmarkIcon } from '@hopper-ui/icons';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
@@ -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___Ur6gS Checkbox-module__hop-Checkbox___HIhOc", "hop-DecorativeCheckbox--sm": "DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___QB-vG Checkbox-module__hop-Checkbox--sm___35CAE", "hop-DecorativeCheckbox--md": "DecorativeCheckbox-module__hop-DecorativeCheckbox--md___zAod5 Checkbox-module__hop-Checkbox--md___X1T4u", "hop-DecorativeCheckbox__icon": "DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___5UO51 Checkbox-module__hop-Checkbox__icon___Y0iVF", "hop-DecorativeCheckbox__icon-list": "DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___3o41L Checkbox-module__hop-Checkbox__icon___Y0iVF", "hop-DecorativeCheckbox__box": "DecorativeCheckbox-module__hop-DecorativeCheckbox__box___d-QWo Checkbox-module__hop-Checkbox__box___5XUfy", "hop-DecorativeCheckbox__check": "DecorativeCheckbox-module__hop-DecorativeCheckbox__check___8Z6o9 Checkbox-module__hop-Checkbox__check___gW9LJ", "hop-DecorativeCheckbox__text": "DecorativeCheckbox-module__hop-DecorativeCheckbox__text___IMjos Checkbox-module__hop-Checkbox__text___69y0R" };
+var DecorativeCheckbox_module_default = { "hop-DecorativeCheckbox": "DecorativeCheckbox-module__hop-DecorativeCheckbox___WmHcP Checkbox-module__hop-Checkbox___KLq70", "hop-DecorativeCheckbox--sm": "DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___DA3lU Checkbox-module__hop-Checkbox--sm___awAEl", "hop-DecorativeCheckbox--md": "DecorativeCheckbox-module__hop-DecorativeCheckbox--md___DsDcH Checkbox-module__hop-Checkbox--md___YgjUI", "hop-DecorativeCheckbox__icon": "DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___GBAqk Checkbox-module__hop-Checkbox__icon___Dhku9", "hop-DecorativeCheckbox__icon-list": "DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___h2gZY Checkbox-module__hop-Checkbox__icon___Dhku9", "hop-DecorativeCheckbox__box": "DecorativeCheckbox-module__hop-DecorativeCheckbox__box___uFEfA Checkbox-module__hop-Checkbox__box___HhBnD", "hop-DecorativeCheckbox__check": "DecorativeCheckbox-module__hop-DecorativeCheckbox__check___ff-Wk Checkbox-module__hop-Checkbox__check___UEteu", "hop-DecorativeCheckbox__text": "DecorativeCheckbox-module__hop-DecorativeCheckbox__text___ekhgd Checkbox-module__hop-Checkbox__text___-RQd9" };
 var GlobalDecorativeCheckboxCssSelector = "hop-DecorativeCheckbox";
 function DecorativeCheckbox(props, ref) {
   var _a;

package/dist/{chunk-77E4FM6W.js → chunk-MQHDJMWK.js}

@@ -8,7 +8,7 @@ import { useContextProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./IconList.module.css#css-module
-var IconList_module_default = { "hop-IconList": "IconList-module__hop-IconList___60esU" };
+var IconList_module_default = { "hop-IconList": "IconList-module__hop-IconList___w4UOZ" };
 var GlobalIconListCssSelector = "hop-IconList";
 function IconList(props, ref) {
   [props, ref] = useContextProps(props, ref, IconListContext);

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

@@ -1,11 +1,11 @@
 import { CheckboxContext } from './chunk-2EAZPH3M.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
-import { ensureTextWrapper } from './chunk-EMCQWDWQ.js';
-import { useFormProps } from './chunk-I3TCA6QA.js';
+import { ensureTextWrapper } from './chunk-6VK6XY4Y.js';
+import { useFormProps } from './chunk-F2CIGATZ.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___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 Checkbox_module_default = { "hop-Checkbox": "Checkbox-module__hop-Checkbox___KLq70", "hop-Checkbox--sm": "Checkbox-module__hop-Checkbox--sm___awAEl", "hop-Checkbox--md": "Checkbox-module__hop-Checkbox--md___YgjUI", "hop-Checkbox__icon": "Checkbox-module__hop-Checkbox__icon___Dhku9", "hop-Checkbox__icon-list": "Checkbox-module__hop-Checkbox__icon-list___zD3D6", "hop-Checkbox__box": "Checkbox-module__hop-Checkbox__box___HhBnD", "hop-Checkbox__check": "Checkbox-module__hop-Checkbox__check___UEteu", "hop-Checkbox__text": "Checkbox-module__hop-Checkbox__text___-RQd9" };
 var GlobalCheckboxCssSelector = "hop-Checkbox";
 function Checkbox(props, ref) {
   var _a;

package/dist/{chunk-66FTID3Q.js → chunk-NKPL7MOY.js}

@@ -1,8 +1,8 @@
-import { _ToggleArrow } from './chunk-EFDSC6S4.js';
-import { _Heading } from './chunk-HGJ2NRZU.js';
-import { TextContext } from './chunk-X6SER3TZ.js';
-import { DisclosureHeaderContext } from './chunk-GFRTCF4B.js';
+import { _ToggleArrow } from './chunk-BSFMZPQZ.js';
+import { _Heading } from './chunk-ECIUI7CP.js';
 import { DisclosureContext } from './chunk-MUAXK42C.js';
+import { DisclosureHeaderContext } from './chunk-GFRTCF4B.js';
+import { TextContext } from './chunk-X6SER3TZ.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, DisclosureStateContext, useSlottedContext, composeRend
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // css-module:./DisclosureHeader.module.css#css-module
-var DisclosureHeader_module_default = { "hop-DisclosureHeader": "DisclosureHeader-module__hop-DisclosureHeader___XdyU9", "hop-DisclosureHeader__button": "DisclosureHeader-module__hop-DisclosureHeader__button___wkCuX", "hop-DisclosureHeader__button--inline": "DisclosureHeader-module__hop-DisclosureHeader__button--inline___5h10i", "hop-DisclosureHeader__icon": "DisclosureHeader-module__hop-DisclosureHeader__icon___3xXDy", "hop-DisclosureHeader__title": "DisclosureHeader-module__hop-DisclosureHeader__title___H2p2J", "hop-DisclosureHeader__toggle-arrow": "DisclosureHeader-module__hop-DisclosureHeader__toggle-arrow___F5jcN" };
+var DisclosureHeader_module_default = { "hop-DisclosureHeader": "DisclosureHeader-module__hop-DisclosureHeader___RB71Y", "hop-DisclosureHeader__button": "DisclosureHeader-module__hop-DisclosureHeader__button___Ev74M", "hop-DisclosureHeader__button--inline": "DisclosureHeader-module__hop-DisclosureHeader__button--inline___FpZsc", "hop-DisclosureHeader__icon": "DisclosureHeader-module__hop-DisclosureHeader__icon___kAn7x", "hop-DisclosureHeader__title": "DisclosureHeader-module__hop-DisclosureHeader__title___8s5kW", "hop-DisclosureHeader__toggle-arrow": "DisclosureHeader-module__hop-DisclosureHeader__toggle-arrow___MhOkD" };
 var GlobalDisclosureHeaderCssSelector = "hop-DisclosureHeader";
 function DisclosureHeader(props, ref) {
   [props, ref] = useContextProps(props, ref, DisclosureHeaderContext);

package/dist/{chunk-VLW6W2HN.js → chunk-NKQRCWXB.js}

@@ -1,11 +1,11 @@
 import { RadioContext } from './chunk-FU5CCPLP.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
-import { ensureTextWrapper } from './chunk-EMCQWDWQ.js';
+import { ensureTextWrapper } from './chunk-6VK6XY4Y.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
+import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { useRenderProps } from './chunk-2NSUMKNH.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 { BulletIcon, IconContext } from '@hopper-ui/icons';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
@@ -15,7 +15,7 @@ import { useContextProps, composeRenderProps } from 'react-aria-components';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 // css-module:./DecorativeRadio.module.css#css-module
-var DecorativeRadio_module_default = { "hop-DecorativeRadio": "DecorativeRadio-module__hop-DecorativeRadio___-boEL Radio-module__hop-Radio___JNLT6", "hop-DecorativeRadio--sm": "DecorativeRadio-module__hop-DecorativeRadio--sm___7MRV6 Radio-module__hop-Radio--sm___wyY-X", "hop-DecorativeRadio--md": "DecorativeRadio-module__hop-DecorativeRadio--md___fS8FJ Radio-module__hop-Radio--md___GTkF7", "hop-DecorativeRadio__icon": "DecorativeRadio-module__hop-DecorativeRadio__icon___XbZPf Radio-module__hop-Radio__icon___UT6ZM", "hop-DecorativeRadio__icon-list": "DecorativeRadio-module__hop-DecorativeRadio__icon-list___hR1ot Radio-module__hop-Radio__icon___UT6ZM", "hop-DecorativeRadio__box": "DecorativeRadio-module__hop-DecorativeRadio__box___Fywia Radio-module__hop-Radio__box___aAeDY", "hop-DecorativeRadio__bullet": "DecorativeRadio-module__hop-DecorativeRadio__bullet___vPwxd Radio-module__hop-Radio__bullet___HI2I7", "hop-DecorativeRadio__text": "DecorativeRadio-module__hop-DecorativeRadio__text___Ta9yM Radio-module__hop-Radio__text___ItXPE" };
+var DecorativeRadio_module_default = { "hop-DecorativeRadio": "DecorativeRadio-module__hop-DecorativeRadio___X3gEw Radio-module__hop-Radio___75d2P", "hop-DecorativeRadio--sm": "DecorativeRadio-module__hop-DecorativeRadio--sm___6t9L8 Radio-module__hop-Radio--sm___ENTOs", "hop-DecorativeRadio--md": "DecorativeRadio-module__hop-DecorativeRadio--md___JIuK- Radio-module__hop-Radio--md___WOf3w", "hop-DecorativeRadio__icon": "DecorativeRadio-module__hop-DecorativeRadio__icon___e3WMA Radio-module__hop-Radio__icon___B6TVi", "hop-DecorativeRadio__icon-list": "DecorativeRadio-module__hop-DecorativeRadio__icon-list___ZESIk Radio-module__hop-Radio__icon___B6TVi", "hop-DecorativeRadio__box": "DecorativeRadio-module__hop-DecorativeRadio__box___5ipTd Radio-module__hop-Radio__box___XYk2f", "hop-DecorativeRadio__bullet": "DecorativeRadio-module__hop-DecorativeRadio__bullet___LhmD1 Radio-module__hop-Radio__bullet___WnjZ5", "hop-DecorativeRadio__text": "DecorativeRadio-module__hop-DecorativeRadio__text___Fbm-Y Radio-module__hop-Radio__text___It24N" };
 var GlobalDecorativeRadioCssSelector = "hop-DecorativeRadio";
 function DecorativeRadio(props, ref) {
   var _a;

package/dist/{chunk-74YWITDM.js → chunk-P7Y5EFUU.js}

@@ -1,5 +1,5 @@
 import { HelperMessageContext } from './chunk-HZKFQ33E.js';
-import { _Text } from './chunk-YF2Y7BWX.js';
+import { _Text } from './chunk-44OL5LKJ.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___8ED2Q", "hop-HelperMessage__icon": "HelperMessage-module__hop-HelperMessage__icon___h1ESF" };
+var HelperMessage_module_default = { "hop-HelperMessage": "HelperMessage-module__hop-HelperMessage___2DKif", "hop-HelperMessage__icon": "HelperMessage-module__hop-HelperMessage__icon___xKDQh" };
 var GlobalHelperMessageCssSelector = "hop-HelperMessage";
 function HelperMessage(props, ref) {
   const validation = useContext(FieldErrorContext);

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

@@ -1,14 +1,14 @@
 import { SearchFieldContext } from './chunk-3NKF5TPD.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 { _ClearButton } from './chunk-M75JHDEW.js';
+import { _InputGroup } from './chunk-2W32X7FU.js';
+import { Input } from './chunk-QOOKVLD6.js';
+import { _HelperMessage } from './chunk-P7Y5EFUU.js';
+import { _ErrorMessage } from './chunk-LLZVUS6L.js';
+import { _Label } from './chunk-WERKME6J.js';
+import { useFormProps } from './chunk-F2CIGATZ.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, 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___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 SearchField_module_default = { "hop-SearchField": "SearchField-module__hop-SearchField___eXiqh", "hop-SearchField--fluid": "SearchField-module__hop-SearchField--fluid___GkWlF", "hop-SearchField__Label": "SearchField-module__hop-SearchField__Label___vDNem", "hop-SearchField__prefix": "SearchField-module__hop-SearchField__prefix___PeTWj", "hop-SearchField__InputGroup": "SearchField-module__hop-SearchField__InputGroup___3JhbL", "hop-SearchField--clearable": "SearchField-module__hop-SearchField--clearable___YE97X", "hop-SearchField__ErrorMessage": "SearchField-module__hop-SearchField__ErrorMessage___WtBGc", "hop-SearchField__HelperMessage": "SearchField-module__hop-SearchField__HelperMessage___NTtlM", "hop-SearchField__ClearButton": "SearchField-module__hop-SearchField__ClearButton___hzXXl" };
 var GlobalSearchFieldCssSelector = "hop-SearchField";
 function SearchField(props, ref) {
   var _a;

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

@@ -1,4 +1,4 @@
-import { _Button } from './chunk-FMMXILW4.js';
+import { _Button } from './chunk-CQQP6QVP.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___vXkdj" };
+var CloseButton_module_default = { "hop-CloseButton": "CloseButton-module__hop-CloseButton___TSVpM" };
 var GlobalCloseButtonCssSelector = "hop-CloseButton";
 function CloseButton(props, ref) {
   [props, ref] = useContextProps(props, ref, CloseButtonContext);

package/dist/{chunk-HBKQPCYU.js → chunk-QOOKVLD6.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___cvyOt", "hop-Input--sm": "Input-module__hop-Input--sm___scIfS" };
+var Input_module_default = { "hop-Input": "Input-module__hop-Input___-ltEm", "hop-Input--sm": "Input-module__hop-Input--sm___3y-Q2" };
 var InputContext = createContext({});
 var Input = forwardRef(function Input2(props, ref) {
   var _a;

package/dist/{chunk-VIMP4YZP.js → chunk-QVYHV7EA.js}

@@ -1,9 +1,9 @@
-import { _OverlineText } from './chunk-E776DPQT.js';
+import { BadgeContext } from './chunk-CQDLZ42T.js';
+import { _OverlineText } from './chunk-JSU3GTVC.js';
+import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { useRenderProps } from './chunk-2NSUMKNH.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
-import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
-import { BadgeContext } from './chunk-CQDLZ42T.js';
 import { slot, useStyledSystem } from '@hopper-ui/styled-system';
 import { filterDOMProps } from '@react-aria/utils';
 import { forwardRef } from 'react';
@@ -23,7 +23,7 @@ function mapOrbiterToHopperVariants(variant) {
 }
 
 // css-module:./Badge.module.css#css-module
-var Badge_module_default = { "hop-Badge": "Badge-module__hop-Badge___K469i", "hop-Badge--primary": "Badge-module__hop-Badge--primary___kn-te", "hop-Badge--secondary": "Badge-module__hop-Badge--secondary___FOE6R", "hop-Badge--subdued": "Badge-module__hop-Badge--subdued___u82nf" };
+var Badge_module_default = { "hop-Badge": "Badge-module__hop-Badge___i-m3E", "hop-Badge--primary": "Badge-module__hop-Badge--primary___jnGD8", "hop-Badge--secondary": "Badge-module__hop-Badge--secondary___utT0y", "hop-Badge--subdued": "Badge-module__hop-Badge--subdued___xxSel" };
 var GlobalBadgeCssSelector = "hop-Badge";
 function Badge(props, ref) {
   [props, ref] = useContextProps(props, ref, BadgeContext);