@hopper-ui/components 1.4.9 → 1.4.10

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

@@ -1,17 +1,18 @@
 import { cssModule } from './chunk-KVDXQMWI.js';
-import { useResponsiveValue } from '@hopper-ui/styled-system';
+import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
 import clsx from 'clsx';
 import { createContext, forwardRef } from 'react';
 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___7Xsm9", "hop-Input--sm": "Input-module__hop-Input--sm___z7YCp" };
+var Input_module_default = { "hop-Input": "Input-module__hop-Input___Ld-Tj", "hop-Input--sm": "Input-module__hop-Input--sm___rUveF" };
 var InputContext = createContext({});
 var Input = forwardRef(function Input2(props, ref) {
   var _a;
   [props, ref] = useContextProps(props, ref, InputContext);
-  const { className, size: sizeProp, ...otherProps } = props;
+  const { stylingProps, ...ownProps } = useStyledSystem(props);
+  const { className, size: sizeProp, style, ...otherProps } = ownProps;
   const size = (_a = useResponsiveValue(sizeProp)) != null ? _a : "md";
   const classNames = clsx(
     className,
@@ -19,14 +20,20 @@ var Input = forwardRef(function Input2(props, ref) {
       Input_module_default,
       "hop-Input",
       size
-    )
+    ),
+    stylingProps.className
   );
+  const mergedStyles = {
+    ...stylingProps.style,
+    ...style
+  };
   return /* @__PURE__ */ jsx(
     Input$1,
     {
       ...otherProps,
       ref,
-      className: classNames
+      className: classNames,
+      style: mergedStyles
     }
   );
 });

package/dist/{chunk-JHZLARBW.js → chunk-RAWGWYOF.js}

@@ -1,5 +1,5 @@
 import { HelperMessageContext } from './chunk-HZKFQ33E.js';
-import { _Text } from './chunk-TEOQZH4R.js';
+import { _Text } from './chunk-FIZFXOX5.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___V7HTt", "hop-HelperMessage__icon": "HelperMessage-module__hop-HelperMessage__icon___yyO6X" };
+var HelperMessage_module_default = { "hop-HelperMessage": "HelperMessage-module__hop-HelperMessage___DHd-Q", "hop-HelperMessage__icon": "HelperMessage-module__hop-HelperMessage__icon___rJ-G1" };
 var GlobalHelperMessageCssSelector = "hop-HelperMessage";
 function HelperMessage(props, ref) {
   const validation = useContext(FieldErrorContext);

package/dist/{chunk-BTV2OYVC.js → chunk-REKY4BJM.js}

@@ -20,7 +20,7 @@ function mapOrbiterToHopperVariants(variant) {
 }
 
 // css-module:./EmbeddedButton.module.css#css-module
-var EmbeddedButton_module_default = { "hop-EmbeddedButton": "EmbeddedButton-module__hop-EmbeddedButton___95y-B", "hop-EmbeddedButton--md": "EmbeddedButton-module__hop-EmbeddedButton--md___4s3z-", "hop-EmbeddedButton--lg": "EmbeddedButton-module__hop-EmbeddedButton--lg___AzEZe", "hop-EmbeddedButton--neutral": "EmbeddedButton-module__hop-EmbeddedButton--neutral___qg2W9", "hop-EmbeddedButton--subdued": "EmbeddedButton-module__hop-EmbeddedButton--subdued___aNtAi", "hop-EmbeddedButton--progress": "EmbeddedButton-module__hop-EmbeddedButton--progress___GXzA-", "hop-EmbeddedButton--positive": "EmbeddedButton-module__hop-EmbeddedButton--positive___ObQFY", "hop-EmbeddedButton--caution": "EmbeddedButton-module__hop-EmbeddedButton--caution___8LakY", "hop-EmbeddedButton--negative": "EmbeddedButton-module__hop-EmbeddedButton--negative___ywIX1", "hop-EmbeddedButton--option1": "EmbeddedButton-module__hop-EmbeddedButton--option1___3pm6W", "hop-EmbeddedButton--option2": "EmbeddedButton-module__hop-EmbeddedButton--option2___BapZm", "hop-EmbeddedButton--option3": "EmbeddedButton-module__hop-EmbeddedButton--option3___BObaO", "hop-EmbeddedButton--option4": "EmbeddedButton-module__hop-EmbeddedButton--option4___9tEJX", "hop-EmbeddedButton--option5": "EmbeddedButton-module__hop-EmbeddedButton--option5___nTLvT", "hop-EmbeddedButton--option6": "EmbeddedButton-module__hop-EmbeddedButton--option6___K7uv4", "hop-EmbeddedButton__icon": "EmbeddedButton-module__hop-EmbeddedButton__icon___ePUBx" };
+var EmbeddedButton_module_default = { "hop-EmbeddedButton": "EmbeddedButton-module__hop-EmbeddedButton___18uR9", "hop-EmbeddedButton--md": "EmbeddedButton-module__hop-EmbeddedButton--md___B8TT3", "hop-EmbeddedButton--lg": "EmbeddedButton-module__hop-EmbeddedButton--lg___3Z4d7", "hop-EmbeddedButton--neutral": "EmbeddedButton-module__hop-EmbeddedButton--neutral___X9IM0", "hop-EmbeddedButton--subdued": "EmbeddedButton-module__hop-EmbeddedButton--subdued___CrVj5", "hop-EmbeddedButton--progress": "EmbeddedButton-module__hop-EmbeddedButton--progress___4In6X", "hop-EmbeddedButton--positive": "EmbeddedButton-module__hop-EmbeddedButton--positive___UH2G2", "hop-EmbeddedButton--caution": "EmbeddedButton-module__hop-EmbeddedButton--caution___GtaM8", "hop-EmbeddedButton--negative": "EmbeddedButton-module__hop-EmbeddedButton--negative___tS74m", "hop-EmbeddedButton--option1": "EmbeddedButton-module__hop-EmbeddedButton--option1___OOfP5", "hop-EmbeddedButton--option2": "EmbeddedButton-module__hop-EmbeddedButton--option2___ce0Zd", "hop-EmbeddedButton--option3": "EmbeddedButton-module__hop-EmbeddedButton--option3___w0vg9", "hop-EmbeddedButton--option4": "EmbeddedButton-module__hop-EmbeddedButton--option4___lPYAZ", "hop-EmbeddedButton--option5": "EmbeddedButton-module__hop-EmbeddedButton--option5___RfMp4", "hop-EmbeddedButton--option6": "EmbeddedButton-module__hop-EmbeddedButton--option6___ahhEm", "hop-EmbeddedButton__icon": "EmbeddedButton-module__hop-EmbeddedButton__icon___30kBZ" };
 var GlobalEmbeddedButtonCssSelector = "hop-EmbeddedButton";
 function EmbeddedButton(props, ref) {
   var _a;

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

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

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

package/dist/{chunk-4VGF4WNW.js → chunk-T3WRJK3V.js}

@@ -1,18 +1,18 @@
 import { TagContext } from './chunk-EWMWQ2MC.js';
-import { _ClearButton } from './chunk-BXG66HY3.js';
-import { mapOrbiterToHopperVariants } from './chunk-BTV2OYVC.js';
-import { _Spinner } from './chunk-OKFJ545T.js';
+import { _ClearButton } from './chunk-EEBGOP3G.js';
+import { mapOrbiterToHopperVariants } from './chunk-REKY4BJM.js';
+import { BadgeContext } from './chunk-CQDLZ42T.js';
+import { _Spinner } from './chunk-7KRTACMF.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
-import { ensureTextWrapper } from './chunk-W7UY3AN2.js';
+import { ensureTextWrapper } from './chunk-SMSHSMED.js';
 import { useLocalizedString } from './chunk-75DHKNW2.js';
-import { useFormProps } from './chunk-I7VLBEP3.js';
+import { useFormProps } from './chunk-TJDT2TJG.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
-import { AvatarContext } from './chunk-AES7QBQE.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 { BadgeContext } from './chunk-CQDLZ42T.js';
+import { AvatarContext } from './chunk-AES7QBQE.js';
 import { IconContext } from '@hopper-ui/icons';
 import { slot, useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
 import clsx from 'clsx';
@@ -21,7 +21,7 @@ import { useContextProps, composeRenderProps, Tag as Tag$1 } from 'react-aria-co
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./Tag.module.css#css-module
-var Tag_module_default = { "hop-Tag": "Tag-module__hop-Tag___WS-Vp", "hop-Tag--sm": "Tag-module__hop-Tag--sm___Qxrrp", "hop-Tag__remove-btn": "Tag-module__hop-Tag__remove-btn___YFei8", "hop-Tag__Spinner": "Tag-module__hop-Tag__Spinner___VRec7", "hop-Tag__avatar": "Tag-module__hop-Tag__avatar___-Om-e", "hop-Tag--md": "Tag-module__hop-Tag--md___vftGf", "hop-Tag--lg": "Tag-module__hop-Tag--lg___yvT-J", "hop-Tag--neutral": "Tag-module__hop-Tag--neutral___240WZ", "hop-Tag--subdued": "Tag-module__hop-Tag--subdued___83fLt", "hop-Tag--progress": "Tag-module__hop-Tag--progress___cYp0S", "hop-Tag--positive": "Tag-module__hop-Tag--positive___eNrVi", "hop-Tag--caution": "Tag-module__hop-Tag--caution___ZgJCD", "hop-Tag--negative": "Tag-module__hop-Tag--negative___1flt4", "hop-Tag--option1": "Tag-module__hop-Tag--option1___ZD0Pn", "hop-Tag--option2": "Tag-module__hop-Tag--option2___U0ctv", "hop-Tag--option3": "Tag-module__hop-Tag--option3___9wUMf", "hop-Tag--option4": "Tag-module__hop-Tag--option4___RA5zL", "hop-Tag--option5": "Tag-module__hop-Tag--option5___8jaAA", "hop-Tag--option6": "Tag-module__hop-Tag--option6___z9nQT", "hop-Tag__icon": "Tag-module__hop-Tag__icon___rVtDu", "hop-Tag__icon-list": "Tag-module__hop-Tag__icon-list___0O14V", "hop-Tag__text": "Tag-module__hop-Tag__text___VJBTw", "hop-Tag__badge": "Tag-module__hop-Tag__badge___DafVI", "hop-Tag__badge--subdued": "Tag-module__hop-Tag__badge--subdued___fTtaK" };
+var Tag_module_default = { "hop-Tag": "Tag-module__hop-Tag___gETeS", "hop-Tag--sm": "Tag-module__hop-Tag--sm___FOca0", "hop-Tag__remove-btn": "Tag-module__hop-Tag__remove-btn___6jB6A", "hop-Tag__Spinner": "Tag-module__hop-Tag__Spinner___8ypQR", "hop-Tag__avatar": "Tag-module__hop-Tag__avatar___8y5TR", "hop-Tag--md": "Tag-module__hop-Tag--md___szsiD", "hop-Tag--lg": "Tag-module__hop-Tag--lg___U7qeP", "hop-Tag--neutral": "Tag-module__hop-Tag--neutral___l7Fdr", "hop-Tag--subdued": "Tag-module__hop-Tag--subdued___eygKI", "hop-Tag--progress": "Tag-module__hop-Tag--progress___rz6cm", "hop-Tag--positive": "Tag-module__hop-Tag--positive___KboWK", "hop-Tag--caution": "Tag-module__hop-Tag--caution___YsbJY", "hop-Tag--negative": "Tag-module__hop-Tag--negative___tG76z", "hop-Tag--option1": "Tag-module__hop-Tag--option1___a16PY", "hop-Tag--option2": "Tag-module__hop-Tag--option2___-T45T", "hop-Tag--option3": "Tag-module__hop-Tag--option3___O6c2D", "hop-Tag--option4": "Tag-module__hop-Tag--option4___vZkyy", "hop-Tag--option5": "Tag-module__hop-Tag--option5___eKqEB", "hop-Tag--option6": "Tag-module__hop-Tag--option6___QuHEn", "hop-Tag__icon": "Tag-module__hop-Tag__icon___6-cDS", "hop-Tag__icon-list": "Tag-module__hop-Tag__icon-list___jxifK", "hop-Tag__text": "Tag-module__hop-Tag__text___cbc1i", "hop-Tag__badge": "Tag-module__hop-Tag__badge___4-0Ts", "hop-Tag__badge--subdued": "Tag-module__hop-Tag__badge--subdued___-82eb" };
 var GlobalTagCssSelector = "hop-Tag";
 var TagToTextSizeAdapter = {
   sm: "xs",

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

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

package/dist/{chunk-HSK7PS5Z.js → chunk-TLDLLMGL.js}

@@ -11,7 +11,7 @@ import { useContextProps, composeRenderProps, DisclosureGroup } from 'react-aria
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Accordion.module.css#css-module
-var Accordion_module_default = { "hop-Accordion": "Accordion-module__hop-Accordion___mNCrs", "hop-Accordion--inline": "Accordion-module__hop-Accordion--inline___0aMp-", "hop-Accordion__disclosure": "Accordion-module__hop-Accordion__disclosure___3xeig", "hop-Accordion__disclosure-header": "Accordion-module__hop-Accordion__disclosure-header___Zy9Uo", "hop-Accordion__disclosure-panel": "Accordion-module__hop-Accordion__disclosure-panel___dvUCW" };
+var Accordion_module_default = { "hop-Accordion": "Accordion-module__hop-Accordion___O3-GC", "hop-Accordion--inline": "Accordion-module__hop-Accordion--inline___xFoR0", "hop-Accordion__disclosure": "Accordion-module__hop-Accordion__disclosure___XcUh7", "hop-Accordion__disclosure-header": "Accordion-module__hop-Accordion__disclosure-header___oXgpv", "hop-Accordion__disclosure-panel": "Accordion-module__hop-Accordion__disclosure-panel___xllPO" };
 var GlobalAccordionCssSelector = "hop-Accordion";
 function Accordion(props, ref) {
   [props, ref] = useContextProps(props, ref, AccordionContext);

package/dist/{chunk-JALNC6MF.js → chunk-TN2S45IN.js}

@@ -7,7 +7,7 @@ import { useContextProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Card.module.css#css-module
-var Card_module_default = { "hop-Card": "Card-module__hop-Card___DFXbP", "hop-Card--main": "Card-module__hop-Card--main___xIrmj", "hop-Card--second-level": "Card-module__hop-Card--second-level___sw3LY" };
+var Card_module_default = { "hop-Card": "Card-module__hop-Card___vmK14", "hop-Card--main": "Card-module__hop-Card--main___k4Ti9", "hop-Card--second-level": "Card-module__hop-Card--second-level___zXNMO" };
 var GlobalCardCssSelector = "hop-Card";
 var Card = (props, ref) => {
   [props, ref] = useContextProps(props, ref, CardContext);

package/dist/{chunk-YE2X3QC5.js → chunk-UAZKXXEX.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___b0QWA" };
+var SegmentedControl_module_default = { "hop-SegmentedControl": "SegmentedControl-module__hop-SegmentedControl___lIqQu" };
 var GlobalSegmentedControlCssSelector = "hop-SegmentedControl";
 var SegmentedControl = (props, ref) => {
   [props, ref] = useContextProps(props, ref, SegmentedControlContext);

package/dist/{chunk-WOHPT4IQ.js → chunk-UQZ4HW3G.js}

@@ -1,7 +1,7 @@
-import { AvatarContext } from './chunk-AES7QBQE.js';
-import { _RichIconAvatarImage } from './chunk-3TXCNKNC.js';
+import { _RichIconAvatarImage } from './chunk-JQHTQISK.js';
 import { useRenderProps } from './chunk-2NSUMKNH.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
+import { AvatarContext } from './chunk-AES7QBQE.js';
 import { DeletedUserRichIcon } from '@hopper-ui/icons';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
 import { forwardRef } from 'react';

package/dist/{chunk-35HDR5EW.js → chunk-V5AZC3EI.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___07qdG", "placeholder-shimmer": "ListBoxItemSkeleton-module__placeholder-shimmer___hwWmM", "hop-ListBoxItemSkeleton--xs": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___uZ6x-", "hop-ListBoxItemSkeleton--sm": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___l9-wN", "hop-ListBoxItemSkeleton--md": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___5WzBE", "hop-ListBoxItemSkeleton--lg": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___yF7N6" };
+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 GlobalListBoxItemSkeletonCssSelector = "hop-ListBoxItemSkeleton";
 function ListBoxItemSkeleton(props, ref) {
   var _a;

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

@@ -1,10 +1,10 @@
 import { useImageFallback } from './chunk-3ZCLNFNH.js';
-import { _Text } from './chunk-TEOQZH4R.js';
-import { AvatarContext } from './chunk-AES7QBQE.js';
-import { _RichIconAvatarImage } from './chunk-3TXCNKNC.js';
+import { _Text } from './chunk-FIZFXOX5.js';
+import { _RichIconAvatarImage } from './chunk-JQHTQISK.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___qgXUH", "hop-Avatar--xs": "Avatar-module__hop-Avatar--xs___adzcr", "hop-Avatar--sm": "Avatar-module__hop-Avatar--sm___zJQxF", "hop-Avatar--md": "Avatar-module__hop-Avatar--md___rxg-q", "hop-Avatar--lg": "Avatar-module__hop-Avatar--lg___nJ2ly", "hop-Avatar--xl": "Avatar-module__hop-Avatar--xl___wtGFE", "hop-Avatar--2xl": "Avatar-module__hop-Avatar--2xl___L1q1c", "hop-Avatar--decorative-option1": "Avatar-module__hop-Avatar--decorative-option1___1u-id", "hop-Avatar--decorative-option2": "Avatar-module__hop-Avatar--decorative-option2___iFxyD", "hop-Avatar--decorative-option3": "Avatar-module__hop-Avatar--decorative-option3___MNm9m", "hop-Avatar--decorative-option4": "Avatar-module__hop-Avatar--decorative-option4___VFZzB", "hop-Avatar--decorative-option5": "Avatar-module__hop-Avatar--decorative-option5___LM49p", "hop-Avatar--decorative-option6": "Avatar-module__hop-Avatar--decorative-option6___J94l7", "hop-Avatar--decorative-option7": "Avatar-module__hop-Avatar--decorative-option7___8d7HE", "hop-Avatar--decorative-option8": "Avatar-module__hop-Avatar--decorative-option8___8pMZ7", "hop-Avatar--decorative-option9": "Avatar-module__hop-Avatar--decorative-option9___Re3ZY", "hop-Avatar__image": "Avatar-module__hop-Avatar__image___N0w9t" };
+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 GlobalAvatarCssSelector = "hop-Avatar";
 var AvatarToTextSizeAdapter = {
   xs: "xs",

package/dist/{chunk-SQ4WQLG3.js → chunk-WDSDGZYH.js}

@@ -1,8 +1,8 @@
-import { _ToggleArrow } from './chunk-HCYKOE75.js';
-import { _Heading } from './chunk-6HV32IPY.js';
-import { TextContext } from './chunk-X6SER3TZ.js';
+import { _ToggleArrow } from './chunk-S7RI5RQO.js';
+import { _Heading } from './chunk-FJWEWI6U.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___xTHVB", "hop-DisclosureHeader__button": "DisclosureHeader-module__hop-DisclosureHeader__button___0WIqi", "hop-DisclosureHeader__button--inline": "DisclosureHeader-module__hop-DisclosureHeader__button--inline___qKSqJ", "hop-DisclosureHeader__icon": "DisclosureHeader-module__hop-DisclosureHeader__icon___ST0t3", "hop-DisclosureHeader__title": "DisclosureHeader-module__hop-DisclosureHeader__title___mackE", "hop-DisclosureHeader__toggle-arrow": "DisclosureHeader-module__hop-DisclosureHeader__toggle-arrow___uEScf" };
+var DisclosureHeader_module_default = { "hop-DisclosureHeader": "DisclosureHeader-module__hop-DisclosureHeader___lz-zb", "hop-DisclosureHeader__button": "DisclosureHeader-module__hop-DisclosureHeader__button___xxD70", "hop-DisclosureHeader__button--inline": "DisclosureHeader-module__hop-DisclosureHeader__button--inline___vwTl-", "hop-DisclosureHeader__icon": "DisclosureHeader-module__hop-DisclosureHeader__icon___bYtXY", "hop-DisclosureHeader__title": "DisclosureHeader-module__hop-DisclosureHeader__title___NzQJc", "hop-DisclosureHeader__toggle-arrow": "DisclosureHeader-module__hop-DisclosureHeader__toggle-arrow___vTzXf" };
 var GlobalDisclosureHeaderCssSelector = "hop-DisclosureHeader";
 function DisclosureHeader(props, ref) {
   [props, ref] = useContextProps(props, ref, DisclosureHeaderContext);

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

@@ -19,7 +19,7 @@ import { useContextProps, composeRenderProps, Popover as Popover$1, Dialog } fro
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Popover.module.css#css-module
-var Popover_module_default = { "hop-Popover": "Popover-module__hop-Popover___YDUVg", "fade": "Popover-module__fade___uM2Fu", "hop-Popover__wrapper": "Popover-module__hop-Popover__wrapper___16j0K", "hop-Popover__dialog": "Popover-module__hop-Popover__dialog___ZmyNl", "hop-Popover__dropdown": "Popover-module__hop-Popover__dropdown___-cYXq", "hop-Popover__title": "Popover-module__hop-Popover__title___3zWos", "hop-Popover__content": "Popover-module__hop-Popover__content___U-QFp", "hop-Popover__list-box": "Popover-module__hop-Popover__list-box___d-wHw", "hop-Popover__footer": "Popover-module__hop-Popover__footer___FAiJ-", "hop-Popover__actions": "Popover-module__hop-Popover__actions___odbiH", "hop-Popover__action": "Popover-module__hop-Popover__action___zK7iw" };
+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 GlobalPopoverCssSelector = "hop-Popover";
 function Popover(props, ref) {
   var _a;

package/dist/{chunk-OLY7SREJ.js → chunk-XJ3VC7WV.js}

@@ -1,10 +1,10 @@
 import { SwitchContext } from './chunk-YHBJAXUY.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
-import { ensureTextWrapper } from './chunk-W7UY3AN2.js';
+import { ensureTextWrapper } from './chunk-SMSHSMED.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 } from '@hopper-ui/icons';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
@@ -13,7 +13,7 @@ import { useContextProps, composeRenderProps, Switch as Switch$1 } from 'react-a
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./Switch.module.css#css-module
-var Switch_module_default = { "hop-Switch": "Switch-module__hop-Switch___DzGtJ", "hop-Switch--sm": "Switch-module__hop-Switch--sm___qucmN", "hop-Switch--md": "Switch-module__hop-Switch--md___-Vfnu", "hop-Switch__indicator": "Switch-module__hop-Switch__indicator___ZtdHg", "hop-Switch__text": "Switch-module__hop-Switch__text___TseVq", "hop-Switch__icon-list": "Switch-module__hop-Switch__icon-list___XPmfm", "hop-Switch__icon": "Switch-module__hop-Switch__icon___VhmVU" };
+var Switch_module_default = { "hop-Switch": "Switch-module__hop-Switch___TTUQi", "hop-Switch--sm": "Switch-module__hop-Switch--sm___iXnBt", "hop-Switch--md": "Switch-module__hop-Switch--md___o051t", "hop-Switch__indicator": "Switch-module__hop-Switch__indicator___KCIWp", "hop-Switch__text": "Switch-module__hop-Switch__text___a78BC", "hop-Switch__icon-list": "Switch-module__hop-Switch__icon-list___-V6D5", "hop-Switch__icon": "Switch-module__hop-Switch__icon___RmF0d" };
 var GlobalSwitchCssSelector = "hop-Switch";
 function Switch(props, ref) {
   var _a;

package/dist/{chunk-C34TTCEP.js → chunk-YHFZVPBU.js}

@@ -1,10 +1,10 @@
 import { RadioFieldContext } from './chunk-DGLAGYBD.js';
 import { RadioContext } from './chunk-FU5CCPLP.js';
-import { _Text } from './chunk-TEOQZH4R.js';
+import { _Text } from './chunk-FIZFXOX5.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 { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
 import { useSlotId } from '@react-aria/utils';
@@ -14,7 +14,7 @@ import { useContextProps, composeRenderProps } from 'react-aria-components';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // css-module:./RadioField.module.css#css-module
-var RadioField_module_default = { "hop-RadioField": "RadioField-module__hop-RadioField___W-MP-", "hop-RadioField--sm": "RadioField-module__hop-RadioField--sm___HlDco", "hop-RadioField--md": "RadioField-module__hop-RadioField--md___VIdpk", "hop-RadioField__description": "RadioField-module__hop-RadioField__description___tS93m", "hop-RadioField__radio": "RadioField-module__hop-RadioField__radio___02GAd" };
+var RadioField_module_default = { "hop-RadioField": "RadioField-module__hop-RadioField___bM8ZZ", "hop-RadioField--sm": "RadioField-module__hop-RadioField--sm___P5YjX", "hop-RadioField--md": "RadioField-module__hop-RadioField--md___taOpD", "hop-RadioField__description": "RadioField-module__hop-RadioField__description___3lDgf", "hop-RadioField__radio": "RadioField-module__hop-RadioField__radio___vMGIS" };
 var GlobalRadioFieldCssSelector = "hop-RadioField";
 var RadioToDescriptionSizeAdapter = {
   sm: "xs",

package/dist/{chunk-EZ5RRUX5.js → chunk-YP5OBIRV.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___kP6hv", "hop-ButtonGroup--horizontal": "ButtonGroup-module__hop-ButtonGroup--horizontal___2X3W3", "hop-ButtonGroup--vertical": "ButtonGroup-module__hop-ButtonGroup--vertical___X3Fok", "hop-ButtonGroup--start": "ButtonGroup-module__hop-ButtonGroup--start___1BHsM", "hop-ButtonGroup--center": "ButtonGroup-module__hop-ButtonGroup--center___oN7sg", "hop-ButtonGroup--end": "ButtonGroup-module__hop-ButtonGroup--end___Iw5es", "hop-ButtonGroup--wrap": "ButtonGroup-module__hop-ButtonGroup--wrap___Rwf-J", "hop-ButtonGroup--fluid": "ButtonGroup-module__hop-ButtonGroup--fluid___ku1ux" };
+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 GlobalButtonGroupCssSelector = "hop-ButtonGroup";
 function ButtonGroup(props, ref) {
   var _a, _b, _c, _d;

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

@@ -1,14 +1,14 @@
 import { PasswordFieldContext } from './chunk-QW45G6K4.js';
-import { _EmbeddedButton } from './chunk-BTV2OYVC.js';
-import { Input } from './chunk-EG6J2LGD.js';
-import { _InputGroup } from './chunk-RU2R4HRN.js';
-import { _HelperMessage } from './chunk-JHZLARBW.js';
-import { _ErrorMessage } from './chunk-M43P32S2.js';
-import { _Label } from './chunk-WTW6WMRY.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 { useLocalizedString } from './chunk-75DHKNW2.js';
-import { useFormProps } from './chunk-I7VLBEP3.js';
-import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
+import { useFormProps } from './chunk-TJDT2TJG.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
+import { composeClassnameRenderProps } from './chunk-65JPI4FL.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___q6L8n", "hop-PasswordField--fluid": "PasswordField-module__hop-PasswordField--fluid___l-TcN", "hop-PasswordField__Label": "PasswordField-module__hop-PasswordField__Label___p5VmJ", "hop-PasswordField__InputGroup": "PasswordField-module__hop-PasswordField__InputGroup___psVl2", "hop-PasswordField__ErrorMessage": "PasswordField-module__hop-PasswordField__ErrorMessage___H8-vu", "hop-PasswordField__HelperMessage": "PasswordField-module__hop-PasswordField__HelperMessage___qDFUU" };
+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 GlobalPasswordFieldCssSelector = "hop-PasswordField";
 function PasswordField(props, ref) {
   var _a;