@hopper-ui/components 1.3.35 → 1.4.0

package/dist/chunk-G2Y6QONL.js

@@ -0,0 +1,85 @@
+import { IllustratedMessageContext } from './chunk-XL7LO6IZ.js';
+import { ImageContext } from './chunk-XNHE2OVW.js';
+import { SvgImageContext } from './chunk-M2XJDWZ7.js';
+import { ButtonGroupContext } from './chunk-VJQ7M2BK.js';
+import { ButtonContext } from './chunk-WMTWFKKP.js';
+import { ContentContext } from './chunk-IXB2WK56.js';
+import { HeadingContext } from './chunk-TXZ6BMFR.js';
+import { SlotProvider } from './chunk-M36KANKC.js';
+import { cssModule } from './chunk-KVDXQMWI.js';
+import { useStyledSystem, Div } from '@hopper-ui/styled-system';
+import clsx from 'clsx';
+import { forwardRef } from 'react';
+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___E1MYw", "hop-IllustratedMessage--sm": "IllustratedMessage-module__hop-IllustratedMessage--sm___bpQ-j", "hop-IllustratedMessage--md": "IllustratedMessage-module__hop-IllustratedMessage--md___An-aA", "hop-IllustratedMessage--lg": "IllustratedMessage-module__hop-IllustratedMessage--lg___-R4cv", "hop-IllustratedMessage__image": "IllustratedMessage-module__hop-IllustratedMessage__image___5dmah", "hop-IllustratedMessage__heading": "IllustratedMessage-module__hop-IllustratedMessage__heading___aYnDt", "hop-IllustratedMessage-md": "IllustratedMessage-module__hop-IllustratedMessage-md___Xiq4R", "hop-IllustratedMessage__content": "IllustratedMessage-module__hop-IllustratedMessage__content___Fp5ZL", "hop-IllustratedMessage__buttonGroup": "IllustratedMessage-module__hop-IllustratedMessage__buttonGroup___v7NJ2", "hop-IllustratedMessage__button": "IllustratedMessage-module__hop-IllustratedMessage__button___YB7wp" };
+var GlobalIllustratedMessageCssSelector = "hop-IllustratedMessage";
+function IllustratedMessage(props, ref) {
+  [props, ref] = useContextProps(props, ref, IllustratedMessageContext);
+  const { stylingProps, ...ownProps } = useStyledSystem(props);
+  const {
+    className,
+    style,
+    slot,
+    children,
+    size = "md",
+    ...otherProps
+  } = ownProps;
+  const classNames = clsx(
+    className,
+    GlobalIllustratedMessageCssSelector,
+    cssModule(
+      IllustratedMessage_module_default,
+      "hop-IllustratedMessage",
+      size
+    ),
+    stylingProps.className
+  );
+  const mergedStyles = {
+    ...stylingProps.style,
+    ...style
+  };
+  return /* @__PURE__ */ jsx(
+    Div,
+    {
+      ...otherProps,
+      className: classNames,
+      style: mergedStyles,
+      ref,
+      slot: slot != null ? slot : void 0,
+      children: /* @__PURE__ */ jsx(
+        SlotProvider,
+        {
+          values: [
+            [SvgImageContext, {
+              className: IllustratedMessage_module_default["hop-IllustratedMessage__image"]
+            }],
+            [ImageContext, {
+              className: IllustratedMessage_module_default["hop-IllustratedMessage__image"]
+            }],
+            [HeadingContext, {
+              className: IllustratedMessage_module_default["hop-IllustratedMessage__heading"]
+            }],
+            [ContentContext, {
+              className: IllustratedMessage_module_default["hop-IllustratedMessage__content"],
+              color: "neutral-weak"
+            }],
+            [ButtonGroupContext, {
+              className: IllustratedMessage_module_default["hop-IllustratedMessage__buttonGroup"]
+            }],
+            [ButtonContext, {
+              className: IllustratedMessage_module_default["hop-IllustratedMessage__button"]
+            }]
+          ],
+          children
+        }
+      )
+    }
+  );
+}
+var _IllustratedMessage = forwardRef(IllustratedMessage);
+_IllustratedMessage.displayName = "IllustratedMessage";
+
+export { GlobalIllustratedMessageCssSelector, _IllustratedMessage };

package/dist/{chunk-VK743S4L.js → chunk-GQDBSVMU.js}

@@ -1,11 +1,11 @@
 import { TagContext } from './chunk-EWMWQ2MC.js';
-import { _ClearButton } from './chunk-SDNIPJPM.js';
-import { mapOrbiterToHopperVariants } from './chunk-QZTLUJBL.js';
-import { _Spinner } from './chunk-LL362RG6.js';
+import { _ClearButton } from './chunk-7ORJSBUE.js';
+import { mapOrbiterToHopperVariants } from './chunk-5QJPP7HS.js';
+import { _Spinner } from './chunk-3HX5NWMM.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
-import { ensureTextWrapper } from './chunk-X3G7OJKA.js';
+import { ensureTextWrapper } from './chunk-VRC76V4I.js';
 import { useLocalizedString } from './chunk-TFVDF4YH.js';
-import { useFormProps } from './chunk-RTABBR2E.js';
+import { useFormProps } from './chunk-IZRMVXCF.js';
 import { BadgeContext } from './chunk-CQDLZ42T.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
@@ -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___sbn6o", "hop-Tag--sm": "Tag-module__hop-Tag--sm___6kwWX", "hop-Tag__remove-btn": "Tag-module__hop-Tag__remove-btn___3IObp", "hop-Tag__Spinner": "Tag-module__hop-Tag__Spinner___pFwVj", "hop-Tag__avatar": "Tag-module__hop-Tag__avatar___ForEc", "hop-Tag--md": "Tag-module__hop-Tag--md___IrR1-", "hop-Tag--lg": "Tag-module__hop-Tag--lg___EJhU5", "hop-Tag--neutral": "Tag-module__hop-Tag--neutral___V-Woc", "hop-Tag--subdued": "Tag-module__hop-Tag--subdued___E2yQY", "hop-Tag--progress": "Tag-module__hop-Tag--progress___xsT0l", "hop-Tag--positive": "Tag-module__hop-Tag--positive___8-j-b", "hop-Tag--caution": "Tag-module__hop-Tag--caution___aiMnF", "hop-Tag--negative": "Tag-module__hop-Tag--negative___D9YhU", "hop-Tag--option1": "Tag-module__hop-Tag--option1___zs5pn", "hop-Tag--option2": "Tag-module__hop-Tag--option2___3Wn-b", "hop-Tag--option3": "Tag-module__hop-Tag--option3___w-4ol", "hop-Tag--option4": "Tag-module__hop-Tag--option4___eLEcC", "hop-Tag--option5": "Tag-module__hop-Tag--option5___QuYOq", "hop-Tag--option6": "Tag-module__hop-Tag--option6___cESws", "hop-Tag__icon": "Tag-module__hop-Tag__icon___cJUVv", "hop-Tag__icon-list": "Tag-module__hop-Tag__icon-list___9XEvF", "hop-Tag__text": "Tag-module__hop-Tag__text___50-xL", "hop-Tag__badge": "Tag-module__hop-Tag__badge___-bC0L", "hop-Tag__badge--subdued": "Tag-module__hop-Tag__badge--subdued___D89bI" };
+var Tag_module_default = { "hop-Tag": "Tag-module__hop-Tag___Ypg1c", "hop-Tag--sm": "Tag-module__hop-Tag--sm___aR4H2", "hop-Tag__remove-btn": "Tag-module__hop-Tag__remove-btn___gTgy2", "hop-Tag__Spinner": "Tag-module__hop-Tag__Spinner___5bzyg", "hop-Tag__avatar": "Tag-module__hop-Tag__avatar___kc3Gx", "hop-Tag--md": "Tag-module__hop-Tag--md___DS9ib", "hop-Tag--lg": "Tag-module__hop-Tag--lg___L-MSf", "hop-Tag--neutral": "Tag-module__hop-Tag--neutral___exKIH", "hop-Tag--subdued": "Tag-module__hop-Tag--subdued___4Rnzl", "hop-Tag--progress": "Tag-module__hop-Tag--progress___oR-xL", "hop-Tag--positive": "Tag-module__hop-Tag--positive___1pa-S", "hop-Tag--caution": "Tag-module__hop-Tag--caution___XM4E-", "hop-Tag--negative": "Tag-module__hop-Tag--negative___RgWAU", "hop-Tag--option1": "Tag-module__hop-Tag--option1___fCt57", "hop-Tag--option2": "Tag-module__hop-Tag--option2___F6ejp", "hop-Tag--option3": "Tag-module__hop-Tag--option3___8kqKx", "hop-Tag--option4": "Tag-module__hop-Tag--option4___BgLtu", "hop-Tag--option5": "Tag-module__hop-Tag--option5___T4-xO", "hop-Tag--option6": "Tag-module__hop-Tag--option6___M4pXe", "hop-Tag__icon": "Tag-module__hop-Tag__icon___SW2aq", "hop-Tag__icon-list": "Tag-module__hop-Tag__icon-list___vwTRA", "hop-Tag__text": "Tag-module__hop-Tag__text___Efnzf", "hop-Tag__badge": "Tag-module__hop-Tag__badge___fHaGd", "hop-Tag__badge--subdued": "Tag-module__hop-Tag__badge--subdued___NRETm" };
 var GlobalTagCssSelector = "hop-Tag";
 var TagToTextSizeAdapter = {
   sm: "xs",

package/dist/{chunk-MAO7KM3A.js → chunk-GZZMDYJU.js}

@@ -1,5 +1,5 @@
 import { useLocalizedString } from './chunk-TFVDF4YH.js';
-import { _Text } from './chunk-MM727X5U.js';
+import { _Text } from './chunk-RIHN3B2C.js';
 import { useRenderProps } from './chunk-NH3IVMXB.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
@@ -10,7 +10,7 @@ import { composeRenderProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./RemainingCharacterCount.module.css#css-module
-var RemainingCharacterCount_module_default = { "hop-RemainingCharacterCount": "RemainingCharacterCount-module__hop-RemainingCharacterCount___hpm6g" };
+var RemainingCharacterCount_module_default = { "hop-RemainingCharacterCount": "RemainingCharacterCount-module__hop-RemainingCharacterCount___JOpuQ" };
 var GlobalRemainingCharacterCountCssSelector = "hop-RemainingCharacterCount";
 function RemainingCharacterCount(props, ref) {
   const { stylingProps, ...ownProps } = useStyledSystem(props);

package/dist/chunk-HQP6EHLV.js

@@ -0,0 +1,60 @@
+import { ImageContext } from './chunk-XNHE2OVW.js';
+import { cssModule } from './chunk-KVDXQMWI.js';
+import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
+import clsx from 'clsx';
+import { forwardRef } from 'react';
+import { useContextProps } from 'react-aria-components';
+import { jsx } from 'react/jsx-runtime';
+
+// css-module:./Image.module.css#css-module
+var Image_module_default = { "hop-Image": "Image-module__hop-Image___u01EU", "hop-Image--rounded": "Image-module__hop-Image--rounded___zNxaz", "hop-Image--circular": "Image-module__hop-Image--circular___QkPxA" };
+var GlobalImageCssSelector = "hop-Image";
+function Image(props, ref) {
+  [props, ref] = useContextProps(props, ref, ImageContext);
+  const { stylingProps, ...ownProps } = useStyledSystem(props);
+  const {
+    className,
+    style,
+    shape,
+    src,
+    slot,
+    alt,
+    ...otherProps
+  } = ownProps;
+  if (!alt) {
+    console.warn(
+      'The `alt` prop was not provided to an image. Add `alt` text for screen readers, or set `alt=""` prop to indicate that the image is decorative or redundant with displayed text and should not be announced by screen readers.'
+    );
+  }
+  const classNames = clsx(
+    className,
+    GlobalImageCssSelector,
+    cssModule(
+      Image_module_default,
+      "hop-Image",
+      shape
+    ),
+    stylingProps.className
+  );
+  const mergedStyles = {
+    ...stylingProps.style,
+    ...style
+  };
+  const srcValue = useResponsiveValue(src);
+  return /* @__PURE__ */ jsx(
+    "img",
+    {
+      ...otherProps,
+      alt: alt != null ? alt : "",
+      slot: slot != null ? slot : void 0,
+      className: classNames,
+      style: mergedStyles,
+      ref,
+      src: srcValue
+    }
+  );
+}
+var _Image = forwardRef(Image);
+_Image.displayName = "Image";
+
+export { GlobalImageCssSelector, _Image };

package/dist/{chunk-NGJP7SMI.js → chunk-ICR4D5TY.js}

@@ -1,8 +1,8 @@
 import { useSlot } from './chunk-H5YTU3U7.js';
 import { LinkButtonContext } from './chunk-3UQFC2NQ.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
-import { ensureTextWrapper } from './chunk-X3G7OJKA.js';
-import { useFormProps } from './chunk-RTABBR2E.js';
+import { ensureTextWrapper } from './chunk-VRC76V4I.js';
+import { useFormProps } from './chunk-IZRMVXCF.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
@@ -14,7 +14,7 @@ import { useContextProps, composeRenderProps, DEFAULT_SLOT, Link } from 'react-a
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./LinkButton.module.css#css-module
-var LinkButton_module_default = { "hop-LinkButton": "LinkButton-module__hop-LinkButton___8hiIp Button-module__hop-Button___KDYtZ", "hop-LinkButton--fluid": "LinkButton-module__hop-LinkButton--fluid___tPzcL Button-module__hop-Button--fluid___ZOQ70", "hop-LinkButton--sm": "LinkButton-module__hop-LinkButton--sm___VgEwO Button-module__hop-Button--sm___PlAe6", "hop-LinkButton--icon-only": "LinkButton-module__hop-LinkButton--icon-only___UBCRA Button-module__hop-Button--icon-only___8c-Sx", "hop-LinkButton--primary": "LinkButton-module__hop-LinkButton--primary___-0CLO Button-module__hop-Button--primary___Kb-uQ", "hop-LinkButton--secondary": "LinkButton-module__hop-LinkButton--secondary___0oZi4 Button-module__hop-Button--secondary___O4v2Q", "hop-LinkButton--upsell": "LinkButton-module__hop-LinkButton--upsell___EYyzR Button-module__hop-Button--upsell___Ztsgb", "hop-LinkButton--danger": "LinkButton-module__hop-LinkButton--danger___zPOHx Button-module__hop-Button--danger___rLBG1", "hop-LinkButton--ghost-primary": "LinkButton-module__hop-LinkButton--ghost-primary___X-0mA Button-module__hop-Button--ghost-primary___E3iRx", "hop-LinkButton--ghost-secondary": "LinkButton-module__hop-LinkButton--ghost-secondary___BVsqg Button-module__hop-Button--ghost-secondary___6czKV", "hop-LinkButton--ghost-danger": "LinkButton-module__hop-LinkButton--ghost-danger___VIqZ7 Button-module__hop-Button--ghost-danger___rvJYN", "hop-LinkButton__Spinner": "LinkButton-module__hop-LinkButton__Spinner___opDlf Button-module__hop-Button__Spinner___Q-ree", "hop-LinkButton__icon": "LinkButton-module__hop-LinkButton__icon___9PwgC Button-module__hop-Button__icon___d5unn", "hop-LinkButton__icon-list": "LinkButton-module__hop-LinkButton__icon-list___ceseg Button-module__hop-Button__icon___d5unn", "hop-LinkButton__text": "LinkButton-module__hop-LinkButton__text___0B6BF Button-module__hop-Button__text___Bfvnr", "hop-LinkButton__end-icon": "LinkButton-module__hop-LinkButton__end-icon___q5WIw Button-module__hop-Button__end-icon___Ufo59", "hop-LinkButton__end-icon-list": "LinkButton-module__hop-LinkButton__end-icon-list___mZHFb Button-module__hop-Button__end-icon___Ufo59" };
+var LinkButton_module_default = { "hop-LinkButton": "LinkButton-module__hop-LinkButton___ENhGv Button-module__hop-Button___YrQua", "hop-LinkButton--fluid": "LinkButton-module__hop-LinkButton--fluid___FQnX2 Button-module__hop-Button--fluid___nZTLJ", "hop-LinkButton--sm": "LinkButton-module__hop-LinkButton--sm___EzKks Button-module__hop-Button--sm___aGXGG", "hop-LinkButton--icon-only": "LinkButton-module__hop-LinkButton--icon-only___mYvPx Button-module__hop-Button--icon-only___gERNf", "hop-LinkButton--primary": "LinkButton-module__hop-LinkButton--primary___5E0qR Button-module__hop-Button--primary___PbGbk", "hop-LinkButton--secondary": "LinkButton-module__hop-LinkButton--secondary___tR3gA Button-module__hop-Button--secondary___aeqDb", "hop-LinkButton--upsell": "LinkButton-module__hop-LinkButton--upsell___mAIWq Button-module__hop-Button--upsell___FRkB7", "hop-LinkButton--danger": "LinkButton-module__hop-LinkButton--danger___ARfZc Button-module__hop-Button--danger___o5D8h", "hop-LinkButton--ghost-primary": "LinkButton-module__hop-LinkButton--ghost-primary___0EQPP Button-module__hop-Button--ghost-primary___gWGtB", "hop-LinkButton--ghost-secondary": "LinkButton-module__hop-LinkButton--ghost-secondary___afILP Button-module__hop-Button--ghost-secondary___bJjy-", "hop-LinkButton--ghost-danger": "LinkButton-module__hop-LinkButton--ghost-danger___d7SzE Button-module__hop-Button--ghost-danger___xPqEN", "hop-LinkButton__Spinner": "LinkButton-module__hop-LinkButton__Spinner___9h39q Button-module__hop-Button__Spinner___CFr3Z", "hop-LinkButton__icon": "LinkButton-module__hop-LinkButton__icon___Oz86c Button-module__hop-Button__icon___gQe8J", "hop-LinkButton__icon-list": "LinkButton-module__hop-LinkButton__icon-list___8GR-y Button-module__hop-Button__icon___gQe8J", "hop-LinkButton__text": "LinkButton-module__hop-LinkButton__text___Yn9Uy Button-module__hop-Button__text___yYGW6", "hop-LinkButton__end-icon": "LinkButton-module__hop-LinkButton__end-icon___KryP7 Button-module__hop-Button__end-icon___Zejer", "hop-LinkButton__end-icon-list": "LinkButton-module__hop-LinkButton__end-icon-list___wA6KL Button-module__hop-Button__end-icon___Zejer" };
 var GlobalLinkButtonCssSelector = "hop-LinkButton";
 function LinkButton(props, ref) {
   var _a, _b;

package/dist/{chunk-YGFDJWW6.js → chunk-IEGPHGTV.js}

@@ -1,6 +1,6 @@
 import { CheckboxContext } from './chunk-2EAZPH3M.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
-import { ensureTextWrapper } from './chunk-X3G7OJKA.js';
+import { ensureTextWrapper } from './chunk-VRC76V4I.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { useRenderProps } from './chunk-NH3IVMXB.js';
@@ -15,7 +15,7 @@ import { useContextProps, composeRenderProps } from 'react-aria-components';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 // css-module:./DecorativeCheckbox.module.css#css-module
-var DecorativeCheckbox_module_default = { "hop-DecorativeCheckbox": "DecorativeCheckbox-module__hop-DecorativeCheckbox___BDXhJ Checkbox-module__hop-Checkbox___fJ0hw", "hop-DecorativeCheckbox--sm": "DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___bo4E8 Checkbox-module__hop-Checkbox--sm___C3RYR", "hop-DecorativeCheckbox--md": "DecorativeCheckbox-module__hop-DecorativeCheckbox--md___eikLw Checkbox-module__hop-Checkbox--md___7jr7u", "hop-DecorativeCheckbox__icon": "DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___mgnQg Checkbox-module__hop-Checkbox__icon___CorNP", "hop-DecorativeCheckbox__icon-list": "DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___WUmBl Checkbox-module__hop-Checkbox__icon___CorNP", "hop-DecorativeCheckbox__box": "DecorativeCheckbox-module__hop-DecorativeCheckbox__box___Kgwzc Checkbox-module__hop-Checkbox__box___Tpq92", "hop-DecorativeCheckbox__check": "DecorativeCheckbox-module__hop-DecorativeCheckbox__check___eTb3E Checkbox-module__hop-Checkbox__check___bDkze", "hop-DecorativeCheckbox__text": "DecorativeCheckbox-module__hop-DecorativeCheckbox__text___83f4T Checkbox-module__hop-Checkbox__text___NlwJN" };
+var DecorativeCheckbox_module_default = { "hop-DecorativeCheckbox": "DecorativeCheckbox-module__hop-DecorativeCheckbox___oYNRL Checkbox-module__hop-Checkbox___BzHkF", "hop-DecorativeCheckbox--sm": "DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___TVBEu Checkbox-module__hop-Checkbox--sm___4gsYp", "hop-DecorativeCheckbox--md": "DecorativeCheckbox-module__hop-DecorativeCheckbox--md___UTiBX Checkbox-module__hop-Checkbox--md___i-T5B", "hop-DecorativeCheckbox__icon": "DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___ENZbW Checkbox-module__hop-Checkbox__icon___8Dtze", "hop-DecorativeCheckbox__icon-list": "DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___3MJVy Checkbox-module__hop-Checkbox__icon___8Dtze", "hop-DecorativeCheckbox__box": "DecorativeCheckbox-module__hop-DecorativeCheckbox__box___X4oJK Checkbox-module__hop-Checkbox__box___MVLDO", "hop-DecorativeCheckbox__check": "DecorativeCheckbox-module__hop-DecorativeCheckbox__check___4E0Cg Checkbox-module__hop-Checkbox__check___zdIgW", "hop-DecorativeCheckbox__text": "DecorativeCheckbox-module__hop-DecorativeCheckbox__text___3WFMR Checkbox-module__hop-Checkbox__text___BV5Yn" };
 var GlobalDecorativeCheckboxCssSelector = "hop-DecorativeCheckbox";
 function DecorativeCheckbox(props, ref) {
   var _a;

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

package/dist/{chunk-6XXPLEOU.js → chunk-JQ22QH4V.js}

@@ -1,10 +1,10 @@
 import { RadioGroupContext } from './chunk-5MBJWRZD.js';
 import { RadioFieldContext } from './chunk-DGLAGYBD.js';
 import { RadioContext } from './chunk-FU5CCPLP.js';
-import { _HelperMessage } from './chunk-5MVIPFJG.js';
-import { _ErrorMessage } from './chunk-EJGX57JX.js';
-import { _Label } from './chunk-NEVRDLRS.js';
-import { useFormProps } from './chunk-RTABBR2E.js';
+import { _HelperMessage } from './chunk-U3JUYR5Q.js';
+import { _ErrorMessage } from './chunk-QZ3F4TVB.js';
+import { _Label } from './chunk-VZTTMSV3.js';
+import { useFormProps } from './chunk-IZRMVXCF.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___1NPQZ", "hop-RadioGroup--bordered": "RadioGroup-module__hop-RadioGroup--bordered___O04rj", "hop-RadioGroup--sm": "RadioGroup-module__hop-RadioGroup--sm___AccI8", "hop-RadioGroup--md": "RadioGroup-module__hop-RadioGroup--md___t46BC", "hop-RadioGroup__label": "RadioGroup-module__hop-RadioGroup__label___cWiik", "hop-RadioGroup__list": "RadioGroup-module__hop-RadioGroup__list___AyUy9", "hop-RadioGroup__radio": "RadioGroup-module__hop-RadioGroup__radio___GPDnQ", "hop-RadioGroup__error-message": "RadioGroup-module__hop-RadioGroup__error-message___FSkSN", "hop-RadioGroup__helper-message": "RadioGroup-module__hop-RadioGroup__helper-message___ueeau" };
+var RadioGroup_module_default = { "hop-RadioGroup": "RadioGroup-module__hop-RadioGroup___1Tchj", "hop-RadioGroup--bordered": "RadioGroup-module__hop-RadioGroup--bordered___Bw-ko", "hop-RadioGroup--sm": "RadioGroup-module__hop-RadioGroup--sm___-bLZQ", "hop-RadioGroup--md": "RadioGroup-module__hop-RadioGroup--md___1FKFq", "hop-RadioGroup__label": "RadioGroup-module__hop-RadioGroup__label___600Zm", "hop-RadioGroup__list": "RadioGroup-module__hop-RadioGroup__list___jtuDR", "hop-RadioGroup__radio": "RadioGroup-module__hop-RadioGroup__radio___ZHNWd", "hop-RadioGroup__error-message": "RadioGroup-module__hop-RadioGroup__error-message___bHnR1", "hop-RadioGroup__helper-message": "RadioGroup-module__hop-RadioGroup__helper-message___C95o0" };
 var GlobalRadioGroupCssSelector = "hop-RadioGroup";
 function RadioGroup(props, ref) {
   var _a, _b, _c;

package/dist/{chunk-TBZB627Y.js → chunk-L645PYAJ.js}

@@ -1,9 +1,9 @@
-import { _DecorativeRadio } from './chunk-YSL6C4TP.js';
-import { _DecorativeCheckbox } from './chunk-YGFDJWW6.js';
+import { _DecorativeRadio } from './chunk-Y7SHCVBN.js';
+import { _DecorativeCheckbox } from './chunk-IEGPHGTV.js';
 import { ListBoxItemContext } from './chunk-Y2POLIXK.js';
-import { _ListBoxItemSkeleton } from './chunk-QKJUME2B.js';
+import { _ListBoxItemSkeleton } from './chunk-QB56D4AN.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
-import { ensureTextWrapper } from './chunk-X3G7OJKA.js';
+import { ensureTextWrapper } from './chunk-VRC76V4I.js';
 import { BadgeContext } from './chunk-CQDLZ42T.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { AvatarContext } from './chunk-AES7QBQE.js';
@@ -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___IE8-z", "hop-ListBoxItem--xs": "ListBoxItem-module__hop-ListBoxItem--xs___HQP4E", "hop-ListBoxItem--sm": "ListBoxItem-module__hop-ListBoxItem--sm___ThhWh", "hop-ListBoxItem--md": "ListBoxItem-module__hop-ListBoxItem--md___oNHXF", "hop-ListBoxItem--lg": "ListBoxItem-module__hop-ListBoxItem--lg___C7R5e", "hop-ListBoxItem__inner": "ListBoxItem-module__hop-ListBoxItem__inner___aaYxB", "hop-ListBoxItem__checkmark": "ListBoxItem-module__hop-ListBoxItem__checkmark___anZ2b", "hop-ListBoxItem__description": "ListBoxItem-module__hop-ListBoxItem__description___NpjiB", "hop-ListBoxItem__radio": "ListBoxItem-module__hop-ListBoxItem__radio___Dn9Cy", "hop-ListBoxItem__checkbox": "ListBoxItem-module__hop-ListBoxItem__checkbox___Hwu82", "hop-ListBoxItem__avatar": "ListBoxItem-module__hop-ListBoxItem__avatar___-IG1L", "hop-ListBoxItem__icon-list": "ListBoxItem-module__hop-ListBoxItem__icon-list___aGhSg", "hop-ListBoxItem__icon": "ListBoxItem-module__hop-ListBoxItem__icon___9cvZP", "hop-ListBoxItem__label": "ListBoxItem-module__hop-ListBoxItem__label___TDIs9", "hop-ListBoxItem__end-icon-list": "ListBoxItem-module__hop-ListBoxItem__end-icon-list___N6zJv", "hop-ListBoxItem__end-icon": "ListBoxItem-module__hop-ListBoxItem__end-icon___qGrpv", "hop-ListBoxItem__badge": "ListBoxItem-module__hop-ListBoxItem__badge___R5c41" };
+var ListBoxItem_module_default = { "hop-ListBoxItem": "ListBoxItem-module__hop-ListBoxItem___zC6xC", "hop-ListBoxItem--xs": "ListBoxItem-module__hop-ListBoxItem--xs___ND3Pn", "hop-ListBoxItem--sm": "ListBoxItem-module__hop-ListBoxItem--sm___BPCOf", "hop-ListBoxItem--md": "ListBoxItem-module__hop-ListBoxItem--md___a-t1y", "hop-ListBoxItem--lg": "ListBoxItem-module__hop-ListBoxItem--lg___VbL27", "hop-ListBoxItem__inner": "ListBoxItem-module__hop-ListBoxItem__inner___zb9xl", "hop-ListBoxItem__checkmark": "ListBoxItem-module__hop-ListBoxItem__checkmark___7ck1d", "hop-ListBoxItem__description": "ListBoxItem-module__hop-ListBoxItem__description___pDWoG", "hop-ListBoxItem__radio": "ListBoxItem-module__hop-ListBoxItem__radio___qugYw", "hop-ListBoxItem__checkbox": "ListBoxItem-module__hop-ListBoxItem__checkbox___m3TNa", "hop-ListBoxItem__avatar": "ListBoxItem-module__hop-ListBoxItem__avatar___VJ1oP", "hop-ListBoxItem__icon-list": "ListBoxItem-module__hop-ListBoxItem__icon-list___hMARH", "hop-ListBoxItem__icon": "ListBoxItem-module__hop-ListBoxItem__icon___R7Xgm", "hop-ListBoxItem__label": "ListBoxItem-module__hop-ListBoxItem__label___abCp8", "hop-ListBoxItem__end-icon-list": "ListBoxItem-module__hop-ListBoxItem__end-icon-list___9sWzL", "hop-ListBoxItem__end-icon": "ListBoxItem-module__hop-ListBoxItem__end-icon___u-Qod", "hop-ListBoxItem__badge": "ListBoxItem-module__hop-ListBoxItem__badge___1jcmS" };
 var GlobalListBoxItemCssSelector = "hop-ListBoxItem";
 var ListBoxItemToIconSizeAdapter = {
   xs: "sm",

package/dist/{chunk-6LK7QKDE.js → chunk-LM6AEQMG.js}

@@ -1,7 +1,7 @@
 import { CheckboxContext } from './chunk-2EAZPH3M.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
-import { ensureTextWrapper } from './chunk-X3G7OJKA.js';
-import { useFormProps } from './chunk-RTABBR2E.js';
+import { ensureTextWrapper } from './chunk-VRC76V4I.js';
+import { useFormProps } from './chunk-IZRMVXCF.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
@@ -14,7 +14,7 @@ import { useContextProps, composeRenderProps, Checkbox as Checkbox$1 } from 'rea
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./Checkbox.module.css#css-module
-var Checkbox_module_default = { "hop-Checkbox": "Checkbox-module__hop-Checkbox___fJ0hw", "hop-Checkbox--sm": "Checkbox-module__hop-Checkbox--sm___C3RYR", "hop-Checkbox--md": "Checkbox-module__hop-Checkbox--md___7jr7u", "hop-Checkbox__icon": "Checkbox-module__hop-Checkbox__icon___CorNP", "hop-Checkbox__icon-list": "Checkbox-module__hop-Checkbox__icon-list___WFFaF", "hop-Checkbox__box": "Checkbox-module__hop-Checkbox__box___Tpq92", "hop-Checkbox__check": "Checkbox-module__hop-Checkbox__check___bDkze", "hop-Checkbox__text": "Checkbox-module__hop-Checkbox__text___NlwJN" };
+var Checkbox_module_default = { "hop-Checkbox": "Checkbox-module__hop-Checkbox___BzHkF", "hop-Checkbox--sm": "Checkbox-module__hop-Checkbox--sm___4gsYp", "hop-Checkbox--md": "Checkbox-module__hop-Checkbox--md___i-T5B", "hop-Checkbox__icon": "Checkbox-module__hop-Checkbox__icon___8Dtze", "hop-Checkbox__icon-list": "Checkbox-module__hop-Checkbox__icon-list___hgW-w", "hop-Checkbox__box": "Checkbox-module__hop-Checkbox__box___MVLDO", "hop-Checkbox__check": "Checkbox-module__hop-Checkbox__check___zdIgW", "hop-Checkbox__text": "Checkbox-module__hop-Checkbox__text___BV5Yn" };
 var GlobalCheckboxCssSelector = "hop-Checkbox";
 function Checkbox(props, ref) {
   var _a;

package/dist/chunk-M2XJDWZ7.js

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

package/dist/{chunk-XJUDFLDF.js → chunk-MCOD2ZQV.js}

@@ -1,7 +1,7 @@
 import { CheckboxFieldContext } from './chunk-ZGNK4GWA.js';
 import { CheckboxContext } from './chunk-2EAZPH3M.js';
-import { useFormProps } from './chunk-RTABBR2E.js';
-import { _Text } from './chunk-MM727X5U.js';
+import { useFormProps } from './chunk-IZRMVXCF.js';
+import { _Text } from './chunk-RIHN3B2C.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { useRenderProps } from './chunk-NH3IVMXB.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
@@ -15,7 +15,7 @@ import { useContextProps, composeRenderProps } from 'react-aria-components';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // css-module:./CheckboxField.module.css#css-module
-var CheckboxField_module_default = { "hop-CheckboxField": "CheckboxField-module__hop-CheckboxField___CopQp", "hop-CheckboxField--sm": "CheckboxField-module__hop-CheckboxField--sm___-fmG7", "hop-CheckboxField--md": "CheckboxField-module__hop-CheckboxField--md___5NXiz", "hop-CheckboxField__description": "CheckboxField-module__hop-CheckboxField__description___Cp5xf", "hop-CheckboxField__checkbox": "CheckboxField-module__hop-CheckboxField__checkbox___cbibX" };
+var CheckboxField_module_default = { "hop-CheckboxField": "CheckboxField-module__hop-CheckboxField___vJQsx", "hop-CheckboxField--sm": "CheckboxField-module__hop-CheckboxField--sm___GwVsV", "hop-CheckboxField--md": "CheckboxField-module__hop-CheckboxField--md___7JaoC", "hop-CheckboxField__description": "CheckboxField-module__hop-CheckboxField__description___7DTY2", "hop-CheckboxField__checkbox": "CheckboxField-module__hop-CheckboxField__checkbox___JoW4-" };
 var GlobalCheckboxFieldCssSelector = "hop-CheckboxField";
 var CheckboxToDescriptionSizeAdapter = {
   sm: "xs",

package/dist/{chunk-MI3FZZRE.js → chunk-MJF34XG5.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___D-RLi", "hop-OverlineText__text": "OverlineText-module__hop-OverlineText__text___Y6Wnp" };
+var OverlineText_module_default = { "hop-OverlineText": "OverlineText-module__hop-OverlineText___JT95V", "hop-OverlineText__text": "OverlineText-module__hop-OverlineText__text___vc7pH" };
 var GlobalOverlineTextCssSelector = "hop-OverlineText";
 function OverlineText(props, ref) {
   [props, ref] = useContextProps(props, ref, OverlineTextContext);

package/dist/{chunk-G3XUMSZ4.js → chunk-ML3ZBKXE.js}

@@ -1,7 +1,7 @@
-import { useImageFallback } from './chunk-LI5HSYF7.js';
-import { _Text } from './chunk-MM727X5U.js';
+import { useImageFallback } from './chunk-3ZCLNFNH.js';
+import { _Text } from './chunk-RIHN3B2C.js';
 import { AvatarContext } from './chunk-AES7QBQE.js';
-import { _RichIconAvatarImage } from './chunk-ZFGFRLWN.js';
+import { _RichIconAvatarImage } from './chunk-BGI67EI7.js';
 import { useRenderProps } from './chunk-NH3IVMXB.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
@@ -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___-S-fg", "hop-Avatar--xs": "Avatar-module__hop-Avatar--xs___DgFlq", "hop-Avatar--sm": "Avatar-module__hop-Avatar--sm___jXpex", "hop-Avatar--md": "Avatar-module__hop-Avatar--md___qblF4", "hop-Avatar--lg": "Avatar-module__hop-Avatar--lg___ML8Gz", "hop-Avatar--xl": "Avatar-module__hop-Avatar--xl___ofAgp", "hop-Avatar--2xl": "Avatar-module__hop-Avatar--2xl___fbmlO", "hop-Avatar--decorative-option1": "Avatar-module__hop-Avatar--decorative-option1___bJaOB", "hop-Avatar--decorative-option2": "Avatar-module__hop-Avatar--decorative-option2___hYJVz", "hop-Avatar--decorative-option3": "Avatar-module__hop-Avatar--decorative-option3___Wna9W", "hop-Avatar--decorative-option4": "Avatar-module__hop-Avatar--decorative-option4___jGIra", "hop-Avatar--decorative-option5": "Avatar-module__hop-Avatar--decorative-option5___lBDEE", "hop-Avatar--decorative-option6": "Avatar-module__hop-Avatar--decorative-option6___3Gi7-", "hop-Avatar--decorative-option7": "Avatar-module__hop-Avatar--decorative-option7___8ZRQS", "hop-Avatar--decorative-option8": "Avatar-module__hop-Avatar--decorative-option8___-nL1Z", "hop-Avatar--decorative-option9": "Avatar-module__hop-Avatar--decorative-option9___NbTFD", "hop-Avatar__image": "Avatar-module__hop-Avatar__image___mWFGU" };
+var Avatar_module_default = { "hop-Avatar": "Avatar-module__hop-Avatar___aSlYR", "hop-Avatar--xs": "Avatar-module__hop-Avatar--xs___-DHHO", "hop-Avatar--sm": "Avatar-module__hop-Avatar--sm___vgMa4", "hop-Avatar--md": "Avatar-module__hop-Avatar--md___1fb6z", "hop-Avatar--lg": "Avatar-module__hop-Avatar--lg___sisc3", "hop-Avatar--xl": "Avatar-module__hop-Avatar--xl___MV27m", "hop-Avatar--2xl": "Avatar-module__hop-Avatar--2xl___Z2DKy", "hop-Avatar--decorative-option1": "Avatar-module__hop-Avatar--decorative-option1___55QRW", "hop-Avatar--decorative-option2": "Avatar-module__hop-Avatar--decorative-option2___0Lroq", "hop-Avatar--decorative-option3": "Avatar-module__hop-Avatar--decorative-option3___zUJLD", "hop-Avatar--decorative-option4": "Avatar-module__hop-Avatar--decorative-option4___lFKBL", "hop-Avatar--decorative-option5": "Avatar-module__hop-Avatar--decorative-option5___KN4l-", "hop-Avatar--decorative-option6": "Avatar-module__hop-Avatar--decorative-option6___-CeR4", "hop-Avatar--decorative-option7": "Avatar-module__hop-Avatar--decorative-option7___G89dW", "hop-Avatar--decorative-option8": "Avatar-module__hop-Avatar--decorative-option8___hs5Ys", "hop-Avatar--decorative-option9": "Avatar-module__hop-Avatar--decorative-option9___JfN3q", "hop-Avatar__image": "Avatar-module__hop-Avatar__image___RgWy0" };
 var GlobalAvatarCssSelector = "hop-Avatar";
 var AvatarToTextSizeAdapter = {
   xs: "xs",

package/dist/{chunk-RBU6S27I.js → chunk-N6XQNRGL.js}

@@ -1,13 +1,13 @@
 import { useTruncatedText } from './chunk-Z57VHYOF.js';
-import { _RemainingCharacterCount } from './chunk-MAO7KM3A.js';
+import { _RemainingCharacterCount } from './chunk-GZZMDYJU.js';
 import { TextFieldContext } from './chunk-O4XPUINW.js';
-import { _InputGroup } from './chunk-M4HNTQU7.js';
-import { _ClearButton } from './chunk-SDNIPJPM.js';
-import { _HelperMessage } from './chunk-5MVIPFJG.js';
-import { ensureTextWrapper } from './chunk-X3G7OJKA.js';
-import { _ErrorMessage } from './chunk-EJGX57JX.js';
-import { _Label } from './chunk-NEVRDLRS.js';
-import { useFormProps } from './chunk-RTABBR2E.js';
+import { _InputGroup } from './chunk-TVVMMGB3.js';
+import { _ClearButton } from './chunk-7ORJSBUE.js';
+import { _HelperMessage } from './chunk-U3JUYR5Q.js';
+import { ensureTextWrapper } from './chunk-VRC76V4I.js';
+import { _ErrorMessage } from './chunk-QZ3F4TVB.js';
+import { _Label } from './chunk-VZTTMSV3.js';
+import { useFormProps } from './chunk-IZRMVXCF.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
@@ -24,7 +24,7 @@ import { useContextProps, composeRenderProps, Input, TextField as TextField$1 }
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./TextField.module.css#css-module
-var TextField_module_default = { "hop-TextField": "TextField-module__hop-TextField___wLPQZ", "hop-TextField--fluid": "TextField-module__hop-TextField--fluid___vVdUl", "hop-TextField__Label": "TextField-module__hop-TextField__Label___-Wjbo", "hop-TextField__prefix": "TextField-module__hop-TextField__prefix___p4mna", "hop-TextField__InputGroup": "TextField-module__hop-TextField__InputGroup___O-kLn", "hop-TextField__ErrorMessage": "TextField-module__hop-TextField__ErrorMessage___FN9c2", "hop-TextField__HelperMessage": "TextField-module__hop-TextField__HelperMessage___ufOUq" };
+var TextField_module_default = { "hop-TextField": "TextField-module__hop-TextField___ycoNU", "hop-TextField--fluid": "TextField-module__hop-TextField--fluid___w94BY", "hop-TextField__Label": "TextField-module__hop-TextField__Label___VnlR0", "hop-TextField__prefix": "TextField-module__hop-TextField__prefix___Dnls0", "hop-TextField__InputGroup": "TextField-module__hop-TextField__InputGroup___BdG0H", "hop-TextField__ErrorMessage": "TextField-module__hop-TextField__ErrorMessage___QzHxD", "hop-TextField__HelperMessage": "TextField-module__hop-TextField__HelperMessage___1shXr" };
 var GlobalTextFieldCssSelector = "hop-TextField";
 function TextField(props, ref) {
   var _a;

package/dist/{chunk-MGZMC7Q2.js → chunk-NKAOLRR4.js}

@@ -1,5 +1,5 @@
 import { AvatarContext } from './chunk-AES7QBQE.js';
-import { _RichIconAvatarImage } from './chunk-ZFGFRLWN.js';
+import { _RichIconAvatarImage } from './chunk-BGI67EI7.js';
 import { useRenderProps } from './chunk-NH3IVMXB.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { AnonymousRichIcon } from '@hopper-ui/icons';

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

package/dist/{chunk-KM6OVMUI.js → chunk-ORBPCJH4.js}

@@ -1,5 +1,5 @@
-import { ButtonGroupContext } from './chunk-VJQ7M2BK.js';
 import { LinkButtonContext } from './chunk-3UQFC2NQ.js';
+import { ButtonGroupContext } from './chunk-VJQ7M2BK.js';
 import { ButtonContext } from './chunk-WMTWFKKP.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
 import { cssModule } from './chunk-KVDXQMWI.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___cORKn", "hop-ButtonGroup--horizontal": "ButtonGroup-module__hop-ButtonGroup--horizontal___NHdiK", "hop-ButtonGroup--vertical": "ButtonGroup-module__hop-ButtonGroup--vertical___XzcPR", "hop-ButtonGroup--start": "ButtonGroup-module__hop-ButtonGroup--start___8TObt", "hop-ButtonGroup--center": "ButtonGroup-module__hop-ButtonGroup--center___k7SDM", "hop-ButtonGroup--end": "ButtonGroup-module__hop-ButtonGroup--end___kpTJH", "hop-ButtonGroup--wrap": "ButtonGroup-module__hop-ButtonGroup--wrap___G9jWL", "hop-ButtonGroup--fluid": "ButtonGroup-module__hop-ButtonGroup--fluid___LRhkV" };
+var ButtonGroup_module_default = { "hop-ButtonGroup": "ButtonGroup-module__hop-ButtonGroup___Q-7DC", "hop-ButtonGroup--horizontal": "ButtonGroup-module__hop-ButtonGroup--horizontal___pfqst", "hop-ButtonGroup--vertical": "ButtonGroup-module__hop-ButtonGroup--vertical___DhjdO", "hop-ButtonGroup--start": "ButtonGroup-module__hop-ButtonGroup--start___pXPXu", "hop-ButtonGroup--center": "ButtonGroup-module__hop-ButtonGroup--center___USbZC", "hop-ButtonGroup--end": "ButtonGroup-module__hop-ButtonGroup--end___wUgO4", "hop-ButtonGroup--wrap": "ButtonGroup-module__hop-ButtonGroup--wrap___rY7Ni", "hop-ButtonGroup--fluid": "ButtonGroup-module__hop-ButtonGroup--fluid___7lbVJ" };
 var GlobalButtonGroupCssSelector = "hop-ButtonGroup";
 function ButtonGroup(props, ref) {
   var _a, _b, _c, _d;

package/dist/{chunk-QBOXEWTP.js → chunk-OZPHJVGH.js}

@@ -1,6 +1,6 @@
 import { CardContext } from './chunk-V2EQFVTJ.js';
-import { ContentContext } from './chunk-IXB2WK56.js';
 import { FooterContext } from './chunk-I67NHYK4.js';
+import { ContentContext } from './chunk-IXB2WK56.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { useStyledSystem } from '@hopper-ui/styled-system';
@@ -10,7 +10,7 @@ import { useContextProps, HeaderContext } 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___1xTPS", "hop-Card--main": "Card-module__hop-Card--main___CaABR", "hop-Card--second-level": "Card-module__hop-Card--second-level___ofQ-w" };
+var Card_module_default = { "hop-Card": "Card-module__hop-Card___XRZYs", "hop-Card--main": "Card-module__hop-Card--main___jR4MJ", "hop-Card--second-level": "Card-module__hop-Card--second-level___Yes6y" };
 var GlobalCardCssSelector = "hop-Card";
 var Card = (props, ref) => {
   [props, ref] = useContextProps(props, ref, CardContext);

package/dist/{chunk-QKJUME2B.js → chunk-QB56D4AN.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___OVSSP", "placeholder-shimmer": "ListBoxItemSkeleton-module__placeholder-shimmer___GlrbS", "hop-ListBoxItemSkeleton--xs": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___Sd8v6", "hop-ListBoxItemSkeleton--sm": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___ELHKT", "hop-ListBoxItemSkeleton--md": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___ldPWP", "hop-ListBoxItemSkeleton--lg": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___PNlyx" };
+var ListBoxItemSkeleton_module_default = { "hop-ListBoxItemSkeleton": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___oLyfh", "placeholder-shimmer": "ListBoxItemSkeleton-module__placeholder-shimmer___x9NCj", "hop-ListBoxItemSkeleton--xs": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___HpPiO", "hop-ListBoxItemSkeleton--sm": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___oXopP", "hop-ListBoxItemSkeleton--md": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___sMaMh", "hop-ListBoxItemSkeleton--lg": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___cayAo" };
 var GlobalListBoxItemSkeletonCssSelector = "hop-ListBoxItemSkeleton";
 function ListBoxItemSkeleton(props, ref) {
   var _a;

package/dist/{chunk-EJGX57JX.js → chunk-QZ3F4TVB.js}

@@ -1,5 +1,5 @@
 import { ErrorMessageContext } from './chunk-FAE27DLF.js';
-import { _Text } from './chunk-MM727X5U.js';
+import { _Text } from './chunk-RIHN3B2C.js';
 import { useRenderProps } from './chunk-NH3IVMXB.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___eMQZh", "hop-ErrorMessage__icon": "ErrorMessage-module__hop-ErrorMessage__icon___-iyKo" };
+var ErrorMessage_module_default = { "hop-ErrorMessage": "ErrorMessage-module__hop-ErrorMessage___Exo-T", "hop-ErrorMessage__icon": "ErrorMessage-module__hop-ErrorMessage__icon___pmVlT" };
 var GlobalErrorMessageCssSelector = "hop-ErrorMessage";
 function ErrorMessage(props, ref) {
   const validation = useContext(FieldErrorContext);

package/dist/{chunk-MM727X5U.js → chunk-RIHN3B2C.js}

@@ -9,7 +9,7 @@ import { useContextProps, Text as Text$1 } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Text.module.css#css-module
-var Text_module_default = { "hop-Text": "Text-module__hop-Text___9GSuR", "hop-Text--xs": "Text-module__hop-Text--xs___oFNpU", "hop-Text--sm": "Text-module__hop-Text--sm___FaLG3", "hop-Text--md": "Text-module__hop-Text--md___pW7zQ", "hop-Text--lg": "Text-module__hop-Text--lg___8efIV", "hop-Text--xl": "Text-module__hop-Text--xl___R-9rB", "hop-Text--2xl": "Text-module__hop-Text--2xl___OTgcy", "hop-Text--inherit": "Text-module__hop-Text--inherit___5e8-3" };
+var Text_module_default = { "hop-Text": "Text-module__hop-Text___qvxp1", "hop-Text--xs": "Text-module__hop-Text--xs___uIki8", "hop-Text--sm": "Text-module__hop-Text--sm___GWxX7", "hop-Text--md": "Text-module__hop-Text--md___owkyu", "hop-Text--lg": "Text-module__hop-Text--lg___NPyPd", "hop-Text--xl": "Text-module__hop-Text--xl___P4vf-", "hop-Text--2xl": "Text-module__hop-Text--2xl___XRDHf", "hop-Text--inherit": "Text-module__hop-Text--inherit___jUKtn" };
 var GlobalTextCssSelector = "hop-Text";
 function Text(props, ref) {
   [props, ref] = useContextProps(props, ref, TextContext);

package/dist/{chunk-2VRVLS4A.js → chunk-SNMB5VZW.js}

@@ -1,6 +1,6 @@
 import { LinkContext } from './chunk-4VVNSXIB.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
-import { ensureTextWrapper } from './chunk-X3G7OJKA.js';
+import { ensureTextWrapper } from './chunk-VRC76V4I.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___T-h6-", "hop-Link--quiet": "Link-module__hop-Link--quiet___ZXgx1", "hop-Link--primary": "Link-module__hop-Link--primary___wEvDO", "hop-Link--secondary": "Link-module__hop-Link--secondary___GWtNa", "hop-Link__icon": "Link-module__hop-Link__icon___Ezdkp", "hop-Link__icon-list": "Link-module__hop-Link__icon-list___wjqa-", "hop-Link__text": "Link-module__hop-Link__text___1OL2p", "hop-Link__start-icon": "Link-module__hop-Link__start-icon___cTvd-", "hop-Link__start-icon-list": "Link-module__hop-Link__start-icon-list___Y4VyG" };
+var Link_module_default = { "hop-Link": "Link-module__hop-Link___DyXJj", "hop-Link--quiet": "Link-module__hop-Link--quiet___Ilyt3", "hop-Link--primary": "Link-module__hop-Link--primary___W1w-M", "hop-Link--secondary": "Link-module__hop-Link--secondary___8Ajmd", "hop-Link__icon": "Link-module__hop-Link__icon___9JEPw", "hop-Link__icon-list": "Link-module__hop-Link__icon-list___q33-4", "hop-Link__text": "Link-module__hop-Link__text___YR2Su", "hop-Link__start-icon": "Link-module__hop-Link__start-icon___YEWB4", "hop-Link__start-icon-list": "Link-module__hop-Link__start-icon-list___qUSZf" };
 var GlobalLinkCssSelector = "hop-Link";
 var LinkToIconSizeAdapter = {
   inherit: void 0,

package/dist/{chunk-FUSWS7EZ.js → chunk-TUARKYYK.js}

@@ -1,6 +1,6 @@
 import { RadioFieldContext } from './chunk-DGLAGYBD.js';
 import { RadioContext } from './chunk-FU5CCPLP.js';
-import { _Text } from './chunk-MM727X5U.js';
+import { _Text } from './chunk-RIHN3B2C.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { useRenderProps } from './chunk-NH3IVMXB.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
@@ -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___eRUbg", "hop-RadioField--sm": "RadioField-module__hop-RadioField--sm___lt51-", "hop-RadioField--md": "RadioField-module__hop-RadioField--md___hthTf", "hop-RadioField__description": "RadioField-module__hop-RadioField__description___nP5r9", "hop-RadioField__radio": "RadioField-module__hop-RadioField__radio___7mDGH" };
+var RadioField_module_default = { "hop-RadioField": "RadioField-module__hop-RadioField___YMucK", "hop-RadioField--sm": "RadioField-module__hop-RadioField--sm___mInCb", "hop-RadioField--md": "RadioField-module__hop-RadioField--md___-vJy0", "hop-RadioField__description": "RadioField-module__hop-RadioField__description___qGOrj", "hop-RadioField__radio": "RadioField-module__hop-RadioField__radio___rwsvM" };
 var GlobalRadioFieldCssSelector = "hop-RadioField";
 var RadioToDescriptionSizeAdapter = {
   sm: "xs",

package/dist/{chunk-M4HNTQU7.js → chunk-TVVMMGB3.js}

@@ -10,7 +10,7 @@ import { useContextProps, useSlottedContext, InputContext, TextAreaContext, Fiel
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./InputGroup.module.css#css-module
-var InputGroup_module_default = { "hop-InputGroup": "InputGroup-module__hop-InputGroup___lqcze", "hop-InputGroup--fluid": "InputGroup-module__hop-InputGroup--fluid___9vsnJ", "hop-InputGroup--sm": "InputGroup-module__hop-InputGroup--sm___fmNTG", "hop-InputGroup__input": "InputGroup-module__hop-InputGroup__input___N96kZ", "hop-InputGroup__textarea": "InputGroup-module__hop-InputGroup__textarea___l-fXQ", "hop-InputGroup__embedded-button": "InputGroup-module__hop-InputGroup__embedded-button___A5ODy" };
+var InputGroup_module_default = { "hop-InputGroup": "InputGroup-module__hop-InputGroup___YiDWt", "hop-InputGroup--fluid": "InputGroup-module__hop-InputGroup--fluid___-D-gW", "hop-InputGroup--sm": "InputGroup-module__hop-InputGroup--sm___ebpyh", "hop-InputGroup__input": "InputGroup-module__hop-InputGroup__input___yHbQd", "hop-InputGroup__textarea": "InputGroup-module__hop-InputGroup__textarea___9TFz-", "hop-InputGroup__embedded-button": "InputGroup-module__hop-InputGroup__embedded-button___0pLB4" };
 var GlobalInputGroupCssSelector = "hop-InputGroup";
 function InputGroup(props, ref) {
   var _a, _b;

package/dist/{chunk-5MVIPFJG.js → chunk-U3JUYR5Q.js}

@@ -1,5 +1,5 @@
 import { HelperMessageContext } from './chunk-HZKFQ33E.js';
-import { _Text } from './chunk-MM727X5U.js';
+import { _Text } from './chunk-RIHN3B2C.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___Gx5gv", "hop-HelperMessage__icon": "HelperMessage-module__hop-HelperMessage__icon___A2U5C" };
+var HelperMessage_module_default = { "hop-HelperMessage": "HelperMessage-module__hop-HelperMessage___9fkas", "hop-HelperMessage__icon": "HelperMessage-module__hop-HelperMessage__icon___n2K8B" };
 var GlobalHelperMessageCssSelector = "hop-HelperMessage";
 function HelperMessage(props, ref) {
   const validation = useContext(FieldErrorContext);