@hopper-ui/components 1.9.0 → 1.10.0

package/dist/{chunk-SH7QX4ON.js → chunk-EQ5SGRMN.js}

@@ -1,4 +1,4 @@
-import { _Button } from './chunk-FPPUBMBE.js';
+import { _Button } from './chunk-JO4WOBHY.js';
 import { useLocalizedString } from './chunk-NNLLQWDS.js';
 import { CloseButtonContext } from './chunk-RBWFFWIG.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___WLCEo" };
+var CloseButton_module_default = { "hop-CloseButton": "CloseButton-module__hop-CloseButton___Xguu3" };
 var GlobalCloseButtonCssSelector = "hop-CloseButton";
 function CloseButton(props, ref) {
   [props, ref] = useContextProps(props, ref, CloseButtonContext);

package/dist/{chunk-IYPDPLMO.js → chunk-F4TFD5M2.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___l-Z6q", "placeholder-shimmer": "ListBoxItemSkeleton-module__placeholder-shimmer___STgss", "hop-ListBoxItemSkeleton--xs": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___RDOdp", "hop-ListBoxItemSkeleton--sm": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___lOOWB", "hop-ListBoxItemSkeleton--md": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___-yp6C", "hop-ListBoxItemSkeleton--lg": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___QOJn3" };
+var ListBoxItemSkeleton_module_default = { "hop-ListBoxItemSkeleton": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___D12-B", "placeholder-shimmer": "ListBoxItemSkeleton-module__placeholder-shimmer___BgZZU", "hop-ListBoxItemSkeleton--xs": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___Dr57f", "hop-ListBoxItemSkeleton--sm": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___LzTaC", "hop-ListBoxItemSkeleton--md": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___YGpnU", "hop-ListBoxItemSkeleton--lg": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___Q5PH-" };
 var GlobalListBoxItemSkeletonCssSelector = "hop-ListBoxItemSkeleton";
 function ListBoxItemSkeleton(props, ref) {
   var _a;

package/dist/{chunk-PN2K4YPV.js → chunk-FVAR3SN7.js}

@@ -1,6 +1,7 @@
+import { SvgImageContext } from './chunk-M4CKZFAM.js';
 import { IllustratedMessageContext } from './chunk-W4TCUPPA.js';
 import { ImageContext } from './chunk-JAR7CXVS.js';
-import { SvgImageContext } from './chunk-M4CKZFAM.js';
+import { IllustrationContext } from './chunk-OL24RVDF.js';
 import { HeadingContext } from './chunk-WJRMD4JP.js';
 import { ContentContext } from './chunk-IXB2WK56.js';
 import { ButtonGroupContext } from './chunk-VJQ7M2BK.js';
@@ -14,7 +15,7 @@ import { useContextProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./IllustratedMessage.module.css#css-module
-var IllustratedMessage_module_default = { "hop-IllustratedMessage": "IllustratedMessage-module__hop-IllustratedMessage___P3v4m", "hop-IllustratedMessage--sm": "IllustratedMessage-module__hop-IllustratedMessage--sm___BcAjJ", "hop-IllustratedMessage--md": "IllustratedMessage-module__hop-IllustratedMessage--md___mpUM8", "hop-IllustratedMessage--lg": "IllustratedMessage-module__hop-IllustratedMessage--lg___UQEIb", "hop-IllustratedMessage__image": "IllustratedMessage-module__hop-IllustratedMessage__image___MFSoB", "hop-IllustratedMessage__heading": "IllustratedMessage-module__hop-IllustratedMessage__heading___rKpAd", "hop-IllustratedMessage-md": "IllustratedMessage-module__hop-IllustratedMessage-md___HUtEU", "hop-IllustratedMessage__content": "IllustratedMessage-module__hop-IllustratedMessage__content___zMVEC", "hop-IllustratedMessage__buttonGroup": "IllustratedMessage-module__hop-IllustratedMessage__buttonGroup___KyNxc", "hop-IllustratedMessage__button": "IllustratedMessage-module__hop-IllustratedMessage__button___k-bss" };
+var IllustratedMessage_module_default = { "hop-IllustratedMessage": "IllustratedMessage-module__hop-IllustratedMessage___dFE9r", "hop-IllustratedMessage--sm": "IllustratedMessage-module__hop-IllustratedMessage--sm___bkVBa", "hop-IllustratedMessage--md": "IllustratedMessage-module__hop-IllustratedMessage--md___clnoH", "hop-IllustratedMessage--lg": "IllustratedMessage-module__hop-IllustratedMessage--lg___Vtg6W", "hop-IllustratedMessage__image": "IllustratedMessage-module__hop-IllustratedMessage__image___y4t--", "hop-IllustratedMessage__illustration": "IllustratedMessage-module__hop-IllustratedMessage__illustration___GbY0u", "hop-IllustratedMessage__heading": "IllustratedMessage-module__hop-IllustratedMessage__heading___0X6Tn", "hop-IllustratedMessage-md": "IllustratedMessage-module__hop-IllustratedMessage-md___cFY13", "hop-IllustratedMessage__content": "IllustratedMessage-module__hop-IllustratedMessage__content___JxcA8", "hop-IllustratedMessage__buttonGroup": "IllustratedMessage-module__hop-IllustratedMessage__buttonGroup___U-8yQ", "hop-IllustratedMessage__button": "IllustratedMessage-module__hop-IllustratedMessage__button___XBjTG" };
 var GlobalIllustratedMessageCssSelector = "hop-IllustratedMessage";
 function IllustratedMessage(props, ref) {
   [props, ref] = useContextProps(props, ref, IllustratedMessageContext);
@@ -56,6 +57,10 @@ function IllustratedMessage(props, ref) {
             [SvgImageContext, {
               className: IllustratedMessage_module_default["hop-IllustratedMessage__image"]
             }],
+            [IllustrationContext, {
+              className: IllustratedMessage_module_default["hop-IllustratedMessage__illustration"],
+              clearContexts: [ImageContext]
+            }],
             [ImageContext, {
               className: IllustratedMessage_module_default["hop-IllustratedMessage__image"]
             }],

package/dist/{chunk-OZ3W7ATD.js → chunk-G5BMV25Q.js}

@@ -6,7 +6,7 @@ import { I18nProvider, RouterProvider } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./HopperProvider.module.css#css-module
-var HopperProvider_module_default = { "hop-HopperProvider": "HopperProvider-module__hop-HopperProvider___Fqasb" };
+var HopperProvider_module_default = { "hop-HopperProvider": "HopperProvider-module__hop-HopperProvider___8OfJS" };
 var GlobalHopperProviderCssSelector = "hop-HopperProvider";
 var HopperContext = createContext(null);
 function useHopperContext() {

package/dist/{chunk-EVXAOPUQ.js → chunk-GM4BCUPE.js}

@@ -1,4 +1,4 @@
-import { _OverlineText } from './chunk-AQBGEAPW.js';
+import { _OverlineText } from './chunk-UKQ53AAO.js';
 import { isNil } from './chunk-TIPN4VYD.js';
 import { BadgeContext } from './chunk-ZSFJVMJN.js';
 import { useRenderProps } from './chunk-2NSUMKNH.js';
@@ -24,7 +24,7 @@ function mapOrbiterToHopperVariants(variant) {
 }
 
 // css-module:./Badge.module.css#css-module
-var Badge_module_default = { "hop-Badge": "Badge-module__hop-Badge___gHyXD", "hop-Badge--primary": "Badge-module__hop-Badge--primary___HeEmW", "hop-Badge--secondary": "Badge-module__hop-Badge--secondary___mh4L4", "hop-Badge--subdued": "Badge-module__hop-Badge--subdued___oZHiV" };
+var Badge_module_default = { "hop-Badge": "Badge-module__hop-Badge___np1N9", "hop-Badge--primary": "Badge-module__hop-Badge--primary___eZMnW", "hop-Badge--secondary": "Badge-module__hop-Badge--secondary___UX-oy", "hop-Badge--subdued": "Badge-module__hop-Badge--subdued___vvYGS" };
 var GlobalBadgeCssSelector = "hop-Badge";
 function Badge(props, ref) {
   [props, ref] = useContextProps(props, ref, BadgeContext);

package/dist/{chunk-SQFL7HVZ.js → chunk-GND3FZEU.js}

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

package/dist/{chunk-HXL5DWXT.js → chunk-GNJJAWSH.js}

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

package/dist/{chunk-4UVLGO3D.js → chunk-GNKBD34B.js}

@@ -1,8 +1,8 @@
+import { MenuContext, InternalMenuContext } from './chunk-U4LYXB7W.js';
 import { MenuItemContext } from './chunk-OGC6BUEX.js';
 import { InternalMenuTriggerContext } from './chunk-ERUOMTWL.js';
-import { MenuContext, InternalMenuContext } from './chunk-U4LYXB7W.js';
 import { DividerContext } from './chunk-AB4BRU6Z.js';
-import { _PopoverBase } from './chunk-3GNODKFW.js';
+import { _PopoverBase } from './chunk-74IF2TUK.js';
 import { HeaderContext } from './chunk-FOQ7KN4V.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
@@ -13,7 +13,7 @@ import { useContextProps, Menu as Menu$1 } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Menu.module.css#css-module
-var Menu_module_default = { "hop-Menu": "Menu-module__hop-Menu___xW1e8", "hop-Menu__header": "Menu-module__hop-Menu__header___pEm2H", "hop-Menu__divider": "Menu-module__hop-Menu__divider___RpbZQ" };
+var Menu_module_default = { "hop-Menu": "Menu-module__hop-Menu___PkCBn", "hop-Menu__header": "Menu-module__hop-Menu__header___opItd", "hop-Menu__divider": "Menu-module__hop-Menu__divider___QI3i3" };
 var GlobalMenuCssSelector = "hop-Menu";
 function Menu(props, ref) {
   [props, ref] = useContextProps(props, ref, MenuContext);

package/dist/{chunk-SR2OVG77.js → chunk-GPOAO6CL.js}

@@ -6,12 +6,12 @@ import { cssModule } from './chunk-KVDXQMWI.js';
 import { RichIconContext } from '@hopper-ui/icons';
 import { slot, useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
 import { forwardRef } from 'react';
-import { mergeProps } from 'react-aria';
+import { useFocusRing, Pressable, mergeProps } from 'react-aria';
 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___WviZB", "hop-RichIconAvatarImage--xs": "RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___5r-iD", "hop-RichIconAvatarImage--sm": "RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___sPduh", "hop-RichIconAvatarImage--md": "RichIconAvatarImage-module__hop-RichIconAvatarImage--md___iwFlB", "hop-RichIconAvatarImage--lg": "RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___hvG9C", "hop-RichIconAvatarImage--xl": "RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___aC2kq", "hop-RichIconAvatarImage--2xl": "RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___awrRI", "hop-RichIconAvatarImage__icon": "RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___efSw7" };
+var RichIconAvatarImage_module_default = { "hop-RichIconAvatarImage": "RichIconAvatarImage-module__hop-RichIconAvatarImage___-8Je-", "hop-RichIconAvatarImage--xs": "RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___1J7AA", "hop-RichIconAvatarImage--sm": "RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___lI5aQ", "hop-RichIconAvatarImage--md": "RichIconAvatarImage-module__hop-RichIconAvatarImage--md___Faepw", "hop-RichIconAvatarImage--lg": "RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___VL2gV", "hop-RichIconAvatarImage--xl": "RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___5TzPX", "hop-RichIconAvatarImage--2xl": "RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___q2LLm", "hop-RichIconAvatarImage--clickable": "RichIconAvatarImage-module__hop-RichIconAvatarImage--clickable___EXxsA", "hop-RichIconAvatarImage--focus-visible": "RichIconAvatarImage-module__hop-RichIconAvatarImage--focus-visible___vWoz6", "hop-RichIconAvatarImage__icon": "RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___60ag-" };
 var GlobalRichIconAvatarImageCssSelector = "hop-RichIconAvatarImage";
 var AvatarToIconSizeAdapter = {
   xs: "md",
@@ -28,11 +28,14 @@ function RichIconAvatarImage(props, ref) {
   const {
     className,
     isDisabled,
+    onPress,
     style,
     slot,
     size: sizeValue,
     ...otherProps
   } = ownProps;
+  const { focusProps, isFocusVisible } = useFocusRing({ within: true });
+  const isClickable = !!onPress;
   const size = (_a = useResponsiveValue(sizeValue)) != null ? _a : "md";
   const classNames = composeClassnameRenderProps(
     className,
@@ -40,7 +43,9 @@ function RichIconAvatarImage(props, ref) {
     cssModule(
       RichIconAvatarImage_module_default,
       "hop-RichIconAvatarImage",
-      size
+      size,
+      isClickable && "clickable",
+      isFocusVisible && "focus-visible"
     ),
     stylingProps.className
   );
@@ -55,19 +60,19 @@ function RichIconAvatarImage(props, ref) {
     className: classNames,
     style: mergedStyles,
     values: {
-      isDisabled: isDisabled || false
+      isDisabled: isDisabled || false,
+      isFocusVisible: isFocusVisible || false
     }
   });
   if (!props["aria-label"] && !props["aria-labelledby"]) {
     console.warn("An aria-label or aria-labelledby prop is required for accessibility.");
   }
-  return /* @__PURE__ */ jsx(
+  const avatarImage = (extraProps) => /* @__PURE__ */ jsx(
     "div",
     {
-      ...mergeProps(otherProps, renderProps),
+      ...mergeProps(otherProps, renderProps, extraProps),
       ref,
       slot: slot != null ? slot : void 0,
-      role: "img",
       "data-disabled": isDisabled || void 0,
       children: /* @__PURE__ */ jsx(
         SlotProvider,
@@ -83,6 +88,10 @@ function RichIconAvatarImage(props, ref) {
       )
     }
   );
+  if (onPress) {
+    return /* @__PURE__ */ jsx(Pressable, { onPress, children: avatarImage({ role: "button", ...focusProps }) });
+  }
+  return avatarImage({ role: "img" });
 }
 var _RichIconAvatarImage = slot("avatar", forwardRef(RichIconAvatarImage));
 _RichIconAvatarImage.displayName = "RichIconAvatarImage";

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

package/dist/{chunk-63B43NAY.js → chunk-HHFJPQV2.js}

@@ -1,11 +1,11 @@
-import { ListBoxSectionContext } from './chunk-MOZ6M5ZZ.js';
 import { ListBoxContext } from './chunk-4HEOTMP7.js';
-import { _ListBoxItem } from './chunk-5OSLSGCY.js';
+import { _ListBoxItem } from './chunk-MU47265D.js';
 import { ListBoxItemContext } from './chunk-FDJDFE4U.js';
+import { ListBoxSectionContext } from './chunk-MOZ6M5ZZ.js';
 import { HeaderContext } from './chunk-FOQ7KN4V.js';
 import { isFunction } from './chunk-TIPN4VYD.js';
 import { useLocalizedString } from './chunk-NNLLQWDS.js';
-import { _Text } from './chunk-CJ6K4SGD.js';
+import { _Text } from './chunk-VUU3GSYB.js';
 import { ClearContainerSlots } from './chunk-PQSMCDAM.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
@@ -18,7 +18,7 @@ import { useContextProps, composeRenderProps, ListBox as ListBox$1, Collection }
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // css-module:./ListBox.module.css#css-module
-var ListBox_module_default = { "hop-ListBox": "ListBox-module__hop-ListBox___FlogO", "hop-ListBox--fluid": "ListBox-module__hop-ListBox--fluid___beKRY", "hop-ListBox__section": "ListBox-module__hop-ListBox__section___ZCAH3", "hop-ListBox__item": "ListBox-module__hop-ListBox__item___wKOYu", "hop-ListBox__section-header": "ListBox-module__hop-ListBox__section-header___x1qvV" };
+var ListBox_module_default = { "hop-ListBox": "ListBox-module__hop-ListBox___hl2bx", "hop-ListBox--fluid": "ListBox-module__hop-ListBox--fluid___sPIQN", "hop-ListBox__section": "ListBox-module__hop-ListBox__section___wPGOP", "hop-ListBox__item": "ListBox-module__hop-ListBox__item___TcSNK", "hop-ListBox__section-header": "ListBox-module__hop-ListBox__section-header___jXG6m" };
 var GlobalListBoxCssSelector = "hop-ListBox";
 var GlobalListBoxEmptyItemCssSelector = "hop-ListBox__empty-item";
 var ListBoxToTextSizeAdapter = {

package/dist/{chunk-EQU2MUZ2.js → chunk-HPLZWNAZ.js}

@@ -7,7 +7,7 @@ import { useContextProps, TabPanel as TabPanel$1 } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./TabPanel.module.css#css-module
-var TabPanel_module_default = { "hop-TabPanel": "TabPanel-module__hop-TabPanel___lvoP4" };
+var TabPanel_module_default = { "hop-TabPanel": "TabPanel-module__hop-TabPanel___d-hh1" };
 var GlobalTabPanelCssSelector = "hop-TabPanel";
 function TabPanel(props, ref) {
   [props, ref] = useContextProps(props, ref, TabPanelContext);

package/dist/{chunk-KL6G435R.js → chunk-I6HGCEZB.js}

@@ -2,7 +2,7 @@ import { LinkContext } from './chunk-MTULE7GI.js';
 import { CompactCalloutContext } from './chunk-NX7YNFUX.js';
 import { ContentContext } from './chunk-IXB2WK56.js';
 import { LinkButtonContext } from './chunk-3UQFC2NQ.js';
-import { _CloseButton } from './chunk-SH7QX4ON.js';
+import { _CloseButton } from './chunk-EQ5SGRMN.js';
 import { ButtonContext } from './chunk-WMTWFKKP.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
@@ -13,7 +13,7 @@ import { useContextProps, DEFAULT_SLOT } 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___vJWV0", "hop-CompactCallout--dismissable": "CompactCallout-module__hop-CompactCallout--dismissable___Jfq-9", "hop-CompactCallout__content": "CompactCallout-module__hop-CompactCallout__content___lj7Od", "hop-CompactCallout__button": "CompactCallout-module__hop-CompactCallout__button___hMkbW", "hop-CompactCallout__link": "CompactCallout-module__hop-CompactCallout__link___LpfAo", "hop-CompactCallout__dismiss": "CompactCallout-module__hop-CompactCallout__dismiss___oHzbc", "hop-CompactCallout--information": "CompactCallout-module__hop-CompactCallout--information___JXqNv", "hop-CompactCallout--success": "CompactCallout-module__hop-CompactCallout--success___6eakD", "hop-CompactCallout--warning": "CompactCallout-module__hop-CompactCallout--warning___orphZ", "hop-CompactCallout--upsell": "CompactCallout-module__hop-CompactCallout--upsell___6X2nR", "hop-CompactCallout--subtle-fill": "CompactCallout-module__hop-CompactCallout--subtle-fill___cilWT" };
+var CompactCallout_module_default = { "hop-CompactCallout": "CompactCallout-module__hop-CompactCallout___tyyM0", "hop-CompactCallout--dismissable": "CompactCallout-module__hop-CompactCallout--dismissable___NJ8MP", "hop-CompactCallout__content": "CompactCallout-module__hop-CompactCallout__content___D0wiX", "hop-CompactCallout__button": "CompactCallout-module__hop-CompactCallout__button___AZTwU", "hop-CompactCallout__link": "CompactCallout-module__hop-CompactCallout__link___75dh0", "hop-CompactCallout__dismiss": "CompactCallout-module__hop-CompactCallout__dismiss___39uO-", "hop-CompactCallout--information": "CompactCallout-module__hop-CompactCallout--information___Sqv3R", "hop-CompactCallout--success": "CompactCallout-module__hop-CompactCallout--success___0AklK", "hop-CompactCallout--warning": "CompactCallout-module__hop-CompactCallout--warning___l8XDD", "hop-CompactCallout--upsell": "CompactCallout-module__hop-CompactCallout--upsell___HTbdw", "hop-CompactCallout--subtle-fill": "CompactCallout-module__hop-CompactCallout--subtle-fill___yNTca" };
 var GlobalCompactCalloutCssSelector = "hop-CompactCallout";
 var CompactCallout = (props, ref) => {
   [props, ref] = useContextProps(props, ref, CompactCalloutContext);

package/dist/{chunk-23OKJK5E.js → chunk-I7R7CC7N.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___BWtj0", "hop-Input--sm": "Input-module__hop-Input--sm___hOPjQ" };
+var Input_module_default = { "hop-Input": "Input-module__hop-Input___MNTrD", "hop-Input--sm": "Input-module__hop-Input--sm___cSEZB" };
 var InputContext = createContext({});
 var Input = forwardRef(function Input2(props, ref) {
   var _a;

package/dist/{chunk-TLWX2TD4.js → chunk-IJFSDB6O.js}

@@ -1,7 +1,7 @@
-import { TabContext, InternalTabsContext } from './chunk-ZXON3BAA.js';
 import { TagContext } from './chunk-EWMWQ2MC.js';
+import { TabContext, InternalTabsContext } from './chunk-ZXON3BAA.js';
 import { BadgeContext } from './chunk-ZSFJVMJN.js';
-import { _Text } from './chunk-CJ6K4SGD.js';
+import { _Text } from './chunk-VUU3GSYB.js';
 import { TextContext } from './chunk-ZNOU2CGM.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { IconContext } from '@hopper-ui/icons';
@@ -12,7 +12,7 @@ import { useContextProps, Tab as Tab$1, Provider } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Tab.module.css#css-module
-var Tab_module_default = { "hop-Tab": "Tab-module__hop-Tab___cCYI0", "hop-Tab--fluid": "Tab-module__hop-Tab--fluid___XKkVh", "hop-Tab--md": "Tab-module__hop-Tab--md___QZn8j", "hop-Tab__icon": "Tab-module__hop-Tab__icon___EYIQT", "hop-Tab__text": "Tab-module__hop-Tab__text___1y8Sm", "hop-Tab__badge": "Tab-module__hop-Tab__badge___3Xg68", "hop-Tab__tag": "Tab-module__hop-Tab__tag___8Bo6P" };
+var Tab_module_default = { "hop-Tab": "Tab-module__hop-Tab___8zITp", "hop-Tab--fluid": "Tab-module__hop-Tab--fluid___yQKb3", "hop-Tab--md": "Tab-module__hop-Tab--md___B5gDa", "hop-Tab__icon": "Tab-module__hop-Tab__icon___GieTo", "hop-Tab__text": "Tab-module__hop-Tab__text___MeaG4", "hop-Tab__badge": "Tab-module__hop-Tab__badge___Yn9G8", "hop-Tab__tag": "Tab-module__hop-Tab__tag___XGDq4" };
 var GlobalTabCssSelector = "hop-Tab";
 function Tab(props, ref) {
   var _a;

package/dist/{chunk-IXC3UTLF.js → chunk-J3L7R73F.js}

@@ -5,7 +5,7 @@ import { MenuSection as MenuSection$1 } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./MenuSection.module.css#css-module
-var MenuSection_module_default = { "hop-MenuSection": "MenuSection-module__hop-MenuSection___fNSdX" };
+var MenuSection_module_default = { "hop-MenuSection": "MenuSection-module__hop-MenuSection___nV4wW" };
 var GlobalMenuSectionCssSelector = "hop-MenuSection";
 function MenuSection(props) {
   const { stylingProps, ...ownProps } = useStyledSystem(props);

package/dist/{chunk-FPPUBMBE.js → chunk-JO4WOBHY.js}

@@ -1,11 +1,11 @@
-import { useButtonProps } from './chunk-HXL5DWXT.js';
+import { useButtonProps } from './chunk-GNJJAWSH.js';
 import { useProgressVisibility } from './chunk-HZTYQ5FQ.js';
-import { _Spinner } from './chunk-FL33X6NS.js';
+import { _Spinner } from './chunk-6BFSWS7N.js';
 import { IconListContext } from './chunk-GBWXEK6N.js';
 import { ButtonContext } from './chunk-WMTWFKKP.js';
 import { useLocalizedString } from './chunk-NNLLQWDS.js';
 import { useSlot } from './chunk-H5YTU3U7.js';
-import { ensureTextWrapper } from './chunk-WGY5JT6V.js';
+import { ensureTextWrapper } from './chunk-2Q5D6OIZ.js';
 import { ClearProviders } from './chunk-PQSMCDAM.js';
 import { TextContext } from './chunk-ZNOU2CGM.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
@@ -19,7 +19,7 @@ import { useContextProps, composeRenderProps, Button as Button$1, DEFAULT_SLOT }
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./Button.module.css#css-module
-var Button_module_default = { "hop-Button": "Button-module__hop-Button___pFvZM", "hop-Button--fluid": "Button-module__hop-Button--fluid___-QhTX", "hop-Button--xs": "Button-module__hop-Button--xs___8Z6Fg", "hop-Button--sm": "Button-module__hop-Button--sm___jcXzi", "hop-Button--md": "Button-module__hop-Button--md___-Hyel", "hop-Button--icon-only": "Button-module__hop-Button--icon-only___ZHooM", "hop-Button--primary": "Button-module__hop-Button--primary___52x1K", "hop-Button--secondary": "Button-module__hop-Button--secondary___uDkfy", "hop-Button--upsell": "Button-module__hop-Button--upsell___3jmtI", "hop-Button--danger": "Button-module__hop-Button--danger___tMXyo", "hop-Button--ghost-primary": "Button-module__hop-Button--ghost-primary___K1XFC", "hop-Button--ghost-secondary": "Button-module__hop-Button--ghost-secondary___w7DWH", "hop-Button--ghost-danger": "Button-module__hop-Button--ghost-danger___6yaCm", "hop-Button--loading": "Button-module__hop-Button--loading___5FI2m", "hop-Button__Spinner": "Button-module__hop-Button__Spinner___IeL-j", "hop-Button__icon": "Button-module__hop-Button__icon___S-Zrr", "hop-Button__icon-list": "Button-module__hop-Button__icon-list___3RaqV", "hop-Button__text": "Button-module__hop-Button__text___IuHAg", "hop-Button__end-icon": "Button-module__hop-Button__end-icon___4bLjb", "hop-Button__end-icon-list": "Button-module__hop-Button__end-icon-list___jhqpr" };
+var Button_module_default = { "hop-Button": "Button-module__hop-Button___wWb6i", "hop-Button--fluid": "Button-module__hop-Button--fluid___LxexA", "hop-Button--xs": "Button-module__hop-Button--xs___2Fb-4", "hop-Button--sm": "Button-module__hop-Button--sm___-jio-", "hop-Button--md": "Button-module__hop-Button--md___puKXV", "hop-Button--icon-only": "Button-module__hop-Button--icon-only___NZYcU", "hop-Button--primary": "Button-module__hop-Button--primary___vPRyi", "hop-Button--secondary": "Button-module__hop-Button--secondary___X5mbI", "hop-Button--upsell": "Button-module__hop-Button--upsell___rJHms", "hop-Button--danger": "Button-module__hop-Button--danger___hma22", "hop-Button--ghost-primary": "Button-module__hop-Button--ghost-primary___Sa0ib", "hop-Button--ghost-secondary": "Button-module__hop-Button--ghost-secondary___HZf5M", "hop-Button--ghost-danger": "Button-module__hop-Button--ghost-danger___AsUiD", "hop-Button--loading": "Button-module__hop-Button--loading___gr1F5", "hop-Button__Spinner": "Button-module__hop-Button__Spinner___0PlTy", "hop-Button__icon": "Button-module__hop-Button__icon___oFnrQ", "hop-Button__icon-list": "Button-module__hop-Button__icon-list___OZwmo", "hop-Button__text": "Button-module__hop-Button__text___tupYr", "hop-Button__end-icon": "Button-module__hop-Button__end-icon___Z-MNW", "hop-Button__end-icon-list": "Button-module__hop-Button__end-icon-list___bBZXk" };
 var GlobalButtonCssSelector = "hop-Button";
 var ButtonToIconSizeAdapter = {
   xs: "sm",

package/dist/{chunk-V3GYJE64.js → chunk-KFZSS3UU.js}

@@ -1,10 +1,10 @@
-import { RadioFieldContext } from './chunk-DGLAGYBD.js';
 import { RadioGroupContext } from './chunk-5MBJWRZD.js';
+import { RadioFieldContext } from './chunk-DGLAGYBD.js';
 import { RadioContext } from './chunk-FU5CCPLP.js';
-import { FieldLabel } from './chunk-IVZ3EL66.js';
-import { _HelperMessage } from './chunk-QWK3WHKB.js';
-import { _ErrorMessage } from './chunk-6AKHGSHL.js';
-import { useFormProps } from './chunk-EABN7BCJ.js';
+import { FieldLabel } from './chunk-UWRASD73.js';
+import { _HelperMessage } from './chunk-RPNSU4NH.js';
+import { _ErrorMessage } from './chunk-4AQZKH45.js';
+import { useFormProps } from './chunk-TAZERRND.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___dQgSR", "hop-RadioGroup--bordered": "RadioGroup-module__hop-RadioGroup--bordered___RFamf", "hop-RadioGroup--sm": "RadioGroup-module__hop-RadioGroup--sm___gfcc3", "hop-RadioGroup--md": "RadioGroup-module__hop-RadioGroup--md___6uVur", "hop-RadioGroup__label": "RadioGroup-module__hop-RadioGroup__label___6J-cw", "hop-RadioGroup__list": "RadioGroup-module__hop-RadioGroup__list___Bn61m", "hop-RadioGroup__radio": "RadioGroup-module__hop-RadioGroup__radio___VRsj4", "hop-RadioGroup__error-message": "RadioGroup-module__hop-RadioGroup__error-message___jwEEu", "hop-RadioGroup__helper-message": "RadioGroup-module__hop-RadioGroup__helper-message___-xYS2" };
+var RadioGroup_module_default = { "hop-RadioGroup": "RadioGroup-module__hop-RadioGroup___Y1q7H", "hop-RadioGroup--bordered": "RadioGroup-module__hop-RadioGroup--bordered___Tyddf", "hop-RadioGroup--sm": "RadioGroup-module__hop-RadioGroup--sm___6j5z3", "hop-RadioGroup--md": "RadioGroup-module__hop-RadioGroup--md___gXrly", "hop-RadioGroup__label": "RadioGroup-module__hop-RadioGroup__label___qsQnE", "hop-RadioGroup__list": "RadioGroup-module__hop-RadioGroup__list___j1Vxz", "hop-RadioGroup__radio": "RadioGroup-module__hop-RadioGroup__radio___BK5C8", "hop-RadioGroup__error-message": "RadioGroup-module__hop-RadioGroup__error-message___OvlhV", "hop-RadioGroup__helper-message": "RadioGroup-module__hop-RadioGroup__helper-message___bER9Z" };
 var GlobalRadioGroupCssSelector = "hop-RadioGroup";
 function RadioGroup(props, ref) {
   var _a, _b, _c;

package/dist/{chunk-UENGYKQS.js → chunk-KTN2EO6F.js}

@@ -1,11 +1,11 @@
 import { SearchFieldContext } from './chunk-3NKF5TPD.js';
-import { Input } from './chunk-23OKJK5E.js';
-import { _InputGroup } from './chunk-AIWBAHIZ.js';
-import { FieldLabel } from './chunk-IVZ3EL66.js';
-import { _HelperMessage } from './chunk-QWK3WHKB.js';
-import { _ErrorMessage } from './chunk-6AKHGSHL.js';
-import { _ClearButton } from './chunk-FGZNIAIF.js';
-import { useFormProps } from './chunk-EABN7BCJ.js';
+import { Input } from './chunk-I7R7CC7N.js';
+import { _InputGroup } from './chunk-6GRWNDMQ.js';
+import { FieldLabel } from './chunk-UWRASD73.js';
+import { _HelperMessage } from './chunk-RPNSU4NH.js';
+import { _ErrorMessage } from './chunk-4AQZKH45.js';
+import { _ClearButton } from './chunk-SBGR6HMX.js';
+import { useFormProps } from './chunk-TAZERRND.js';
 import { ClearContainerSlots } from './chunk-PQSMCDAM.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
@@ -20,7 +20,7 @@ import { useContextProps, composeRenderProps, SearchField as SearchField$1 } fro
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./SearchField.module.css#css-module
-var SearchField_module_default = { "hop-SearchField": "SearchField-module__hop-SearchField___Qj755", "hop-SearchField--fluid": "SearchField-module__hop-SearchField--fluid___tmiC6", "hop-SearchField__Label": "SearchField-module__hop-SearchField__Label___pwT75", "hop-SearchField__prefix": "SearchField-module__hop-SearchField__prefix___Qu9jr", "hop-SearchField__InputGroup": "SearchField-module__hop-SearchField__InputGroup___ZJRuv", "hop-SearchField--clearable": "SearchField-module__hop-SearchField--clearable___DvHp2", "hop-SearchField__ErrorMessage": "SearchField-module__hop-SearchField__ErrorMessage___LCaBW", "hop-SearchField__HelperMessage": "SearchField-module__hop-SearchField__HelperMessage___fzs5o", "hop-SearchField__ClearButton": "SearchField-module__hop-SearchField__ClearButton___2Y7oW" };
+var SearchField_module_default = { "hop-SearchField": "SearchField-module__hop-SearchField___uaxfr", "hop-SearchField--fluid": "SearchField-module__hop-SearchField--fluid___Ax6Ew", "hop-SearchField__Label": "SearchField-module__hop-SearchField__Label___MoPGP", "hop-SearchField__prefix": "SearchField-module__hop-SearchField__prefix___FLfsb", "hop-SearchField__InputGroup": "SearchField-module__hop-SearchField__InputGroup___Tq-bM", "hop-SearchField--clearable": "SearchField-module__hop-SearchField--clearable___5qTgO", "hop-SearchField__ErrorMessage": "SearchField-module__hop-SearchField__ErrorMessage___Liedg", "hop-SearchField__HelperMessage": "SearchField-module__hop-SearchField__HelperMessage___X4eJw", "hop-SearchField__ClearButton": "SearchField-module__hop-SearchField__ClearButton___zYu9K" };
 var GlobalSearchFieldCssSelector = "hop-SearchField";
 function SearchField(props, ref) {
   var _a;

package/dist/{chunk-LSFVWR6F.js → chunk-LCQKIWTU.js}

@@ -1,17 +1,17 @@
 import { SelectContext } from './chunk-ZOTXNUAV.js';
-import { _SelectValue } from './chunk-JOBH3GNG.js';
-import { _Popover } from './chunk-4B7TDPQB.js';
+import { _SelectValue } from './chunk-WCH2S4HA.js';
+import { _Popover } from './chunk-OLRPKAPM.js';
+import { _ListBox } from './chunk-HHFJPQV2.js';
+import { _ListBoxItem } from './chunk-MU47265D.js';
 import { _ListBoxSection } from './chunk-PN5BRTOO.js';
-import { _ListBox } from './chunk-63B43NAY.js';
-import { _ListBoxItem } from './chunk-5OSLSGCY.js';
 import { _Footer } from './chunk-RN3FLBX4.js';
-import { _ToggleArrow } from './chunk-UH3BTZIK.js';
-import { FieldLabel } from './chunk-IVZ3EL66.js';
-import { _HelperMessage } from './chunk-QWK3WHKB.js';
-import { _ErrorMessage } from './chunk-6AKHGSHL.js';
+import { _ToggleArrow } from './chunk-WZW744ZT.js';
+import { FieldLabel } from './chunk-UWRASD73.js';
+import { _HelperMessage } from './chunk-RPNSU4NH.js';
+import { _ErrorMessage } from './chunk-4AQZKH45.js';
 import { BadgeContext } from './chunk-ZSFJVMJN.js';
-import { useFormProps } from './chunk-EABN7BCJ.js';
-import { ensureTextWrapper } from './chunk-WGY5JT6V.js';
+import { useFormProps } from './chunk-TAZERRND.js';
+import { ensureTextWrapper } from './chunk-2Q5D6OIZ.js';
 import { ClearContainerSlots, ClearProviders } from './chunk-PQSMCDAM.js';
 import { TextContext } from './chunk-ZNOU2CGM.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
@@ -24,7 +24,7 @@ import { useContextProps, composeRenderProps, TextContext as TextContext$1, Butt
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./Select.module.css#css-module
-var Select_module_default = { "hop-Select": "Select-module__hop-Select___9huNT", "hop-Select--fluid": "Select-module__hop-Select--fluid___fgJqT", "hop-Select__label": "Select-module__hop-Select__label___S4UvG", "hop-Select__button": "Select-module__hop-Select__button___mEId0", "hop-Select__button--sm": "Select-module__hop-Select__button--sm___VJSLG", "hop-Select__button--md": "Select-module__hop-Select__button--md___SoqmH", "hop-Select__prefix": "Select-module__hop-Select__prefix___DAgrt", "hop-Select__button-icon": "Select-module__hop-Select__button-icon___ND180", "hop-Select__helper-message": "Select-module__hop-Select__helper-message___upIGS", "hop-Select__error-message": "Select-module__hop-Select__error-message___GGBSv" };
+var Select_module_default = { "hop-Select": "Select-module__hop-Select___p956j", "hop-Select--fluid": "Select-module__hop-Select--fluid___O4PJo", "hop-Select__label": "Select-module__hop-Select__label___42Juz", "hop-Select__button": "Select-module__hop-Select__button___UTUEt", "hop-Select__button--sm": "Select-module__hop-Select__button--sm___CrTfW", "hop-Select__button--md": "Select-module__hop-Select__button--md___goQNU", "hop-Select__prefix": "Select-module__hop-Select__prefix___0I9vg", "hop-Select__button-icon": "Select-module__hop-Select__button-icon___Ecpkr", "hop-Select__helper-message": "Select-module__hop-Select__helper-message___en7R3", "hop-Select__error-message": "Select-module__hop-Select__error-message___8J7Bz" };
 var GlobalSelectCssSelector = "hop-Select";
 function Select(props, ref) {
   var _a, _b, _c, _d;

package/dist/{chunk-335ZARPI.js → chunk-LUSOODIC.js}

@@ -2,7 +2,7 @@ import { CalloutContext } from './chunk-5CURYPE7.js';
 import { HeadingContext } from './chunk-WJRMD4JP.js';
 import { ContentContext } from './chunk-IXB2WK56.js';
 import { LinkButtonContext } from './chunk-3UQFC2NQ.js';
-import { _CloseButton } from './chunk-SH7QX4ON.js';
+import { _CloseButton } from './chunk-EQ5SGRMN.js';
 import { ButtonContext } from './chunk-WMTWFKKP.js';
 import { useSlot } from './chunk-H5YTU3U7.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
@@ -15,7 +15,7 @@ import { useContextProps } from 'react-aria-components';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // css-module:./Callout.module.css#css-module
-var Callout_module_default = { "hop-Callout": "Callout-module__hop-Callout___xsOWl", "hop-Callout__icon": "Callout-module__hop-Callout__icon___RMdxZ", "hop-Callout__heading": "Callout-module__hop-Callout__heading___rfxfm", "hop-Callout__content": "Callout-module__hop-Callout__content___HISr2", "hop-Callout__button": "Callout-module__hop-Callout__button___ZWtY1", "hop-Callout__dismiss": "Callout-module__hop-Callout__dismiss___Dwnkd", "hop-Callout--information": "Callout-module__hop-Callout--information___J7N2m", "hop-Callout--success": "Callout-module__hop-Callout--success___-jKJq", "hop-Callout--warning": "Callout-module__hop-Callout--warning___iqdws", "hop-Callout--upsell": "Callout-module__hop-Callout--upsell___-1YEy", "hop-Callout--subtle-fill": "Callout-module__hop-Callout--subtle-fill___PVNyz" };
+var Callout_module_default = { "hop-Callout": "Callout-module__hop-Callout___-hp5M", "hop-Callout__icon": "Callout-module__hop-Callout__icon___fz0In", "hop-Callout__heading": "Callout-module__hop-Callout__heading___zKnI2", "hop-Callout__content": "Callout-module__hop-Callout__content___UUn4i", "hop-Callout__button": "Callout-module__hop-Callout__button___qAV2R", "hop-Callout__dismiss": "Callout-module__hop-Callout__dismiss___7aSSc", "hop-Callout--information": "Callout-module__hop-Callout--information___KgdX2", "hop-Callout--success": "Callout-module__hop-Callout--success___hPiL-", "hop-Callout--warning": "Callout-module__hop-Callout--warning___NQeW1", "hop-Callout--upsell": "Callout-module__hop-Callout--upsell___1Yoqr", "hop-Callout--subtle-fill": "Callout-module__hop-Callout--subtle-fill___GIf0J" };
 var GlobalCalloutCssSelector = "hop-Callout";
 var Callout = (props, ref) => {
   [props, ref] = useContextProps(props, ref, CalloutContext);

package/dist/{chunk-5OSLSGCY.js → chunk-MU47265D.js}

@@ -1,11 +1,11 @@
-import { _DecorativeRadio } from './chunk-S2FS5CRY.js';
+import { _DecorativeRadio } from './chunk-PEAHK7IC.js';
 import { ListBoxItemContext } from './chunk-FDJDFE4U.js';
-import { _ListBoxItemSkeleton } from './chunk-IYPDPLMO.js';
-import { _DecorativeCheckbox } from './chunk-NUN7AV55.js';
+import { _ListBoxItemSkeleton } from './chunk-F4TFD5M2.js';
+import { _DecorativeCheckbox } from './chunk-X3L7QHJF.js';
 import { BadgeContext } from './chunk-ZSFJVMJN.js';
 import { AvatarContext } from './chunk-FA26RZSE.js';
 import { IconListContext } from './chunk-GBWXEK6N.js';
-import { ensureTextWrapper } from './chunk-WGY5JT6V.js';
+import { ensureTextWrapper } from './chunk-2Q5D6OIZ.js';
 import { TextContext } from './chunk-ZNOU2CGM.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.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___gBkLN", "hop-ListBoxItem--xs": "ListBoxItem-module__hop-ListBoxItem--xs___GL6aY", "hop-ListBoxItem--sm": "ListBoxItem-module__hop-ListBoxItem--sm___Z4Wh5", "hop-ListBoxItem--md": "ListBoxItem-module__hop-ListBoxItem--md___RYiSn", "hop-ListBoxItem--lg": "ListBoxItem-module__hop-ListBoxItem--lg___tPw76", "hop-ListBoxItem__inner": "ListBoxItem-module__hop-ListBoxItem__inner___qf5QO", "hop-ListBoxItem__checkmark": "ListBoxItem-module__hop-ListBoxItem__checkmark___DTdr8", "hop-ListBoxItem__description": "ListBoxItem-module__hop-ListBoxItem__description___ieX3j", "hop-ListBoxItem__radio": "ListBoxItem-module__hop-ListBoxItem__radio___I2XG8", "hop-ListBoxItem__checkbox": "ListBoxItem-module__hop-ListBoxItem__checkbox___OB4ZV", "hop-ListBoxItem__avatar": "ListBoxItem-module__hop-ListBoxItem__avatar___1YGpQ", "hop-ListBoxItem__icon-list": "ListBoxItem-module__hop-ListBoxItem__icon-list___yPPYk", "hop-ListBoxItem__icon": "ListBoxItem-module__hop-ListBoxItem__icon___C3fjF", "hop-ListBoxItem__label": "ListBoxItem-module__hop-ListBoxItem__label___wAaVN", "hop-ListBoxItem__end-icon-list": "ListBoxItem-module__hop-ListBoxItem__end-icon-list___YBFum", "hop-ListBoxItem__end-icon": "ListBoxItem-module__hop-ListBoxItem__end-icon___w6hi9", "hop-ListBoxItem__badge": "ListBoxItem-module__hop-ListBoxItem__badge___IuWVs" };
+var ListBoxItem_module_default = { "hop-ListBoxItem": "ListBoxItem-module__hop-ListBoxItem___kCKFd", "hop-ListBoxItem--xs": "ListBoxItem-module__hop-ListBoxItem--xs___yG7ne", "hop-ListBoxItem--sm": "ListBoxItem-module__hop-ListBoxItem--sm___fwgxm", "hop-ListBoxItem--md": "ListBoxItem-module__hop-ListBoxItem--md___xZ-s7", "hop-ListBoxItem--lg": "ListBoxItem-module__hop-ListBoxItem--lg___ARtA0", "hop-ListBoxItem__inner": "ListBoxItem-module__hop-ListBoxItem__inner___-xaK-", "hop-ListBoxItem__checkmark": "ListBoxItem-module__hop-ListBoxItem__checkmark___5fEKb", "hop-ListBoxItem__description": "ListBoxItem-module__hop-ListBoxItem__description___PtgYI", "hop-ListBoxItem__radio": "ListBoxItem-module__hop-ListBoxItem__radio___gcCQi", "hop-ListBoxItem__checkbox": "ListBoxItem-module__hop-ListBoxItem__checkbox___QVUf6", "hop-ListBoxItem__avatar": "ListBoxItem-module__hop-ListBoxItem__avatar___z5E9d", "hop-ListBoxItem__icon-list": "ListBoxItem-module__hop-ListBoxItem__icon-list___-Qxl-", "hop-ListBoxItem__icon": "ListBoxItem-module__hop-ListBoxItem__icon___LKXoG", "hop-ListBoxItem__label": "ListBoxItem-module__hop-ListBoxItem__label___WNnHq", "hop-ListBoxItem__end-icon-list": "ListBoxItem-module__hop-ListBoxItem__end-icon-list___b-Btr", "hop-ListBoxItem__end-icon": "ListBoxItem-module__hop-ListBoxItem__end-icon___YrEJL", "hop-ListBoxItem__badge": "ListBoxItem-module__hop-ListBoxItem__badge___mGmUB" };
 var GlobalListBoxItemCssSelector = "hop-ListBoxItem";
 var ListBoxItemToIconSizeAdapter = {
   xs: "sm",

package/dist/{chunk-CCANXYSA.js → chunk-NIP6DJ7N.js}

@@ -1,8 +1,8 @@
 import { CheckboxFieldContext } from './chunk-ZGNK4GWA.js';
 import { CheckboxContext } from './chunk-2EAZPH3M.js';
 import { useRenderProps } from './chunk-2NSUMKNH.js';
-import { useFormProps } from './chunk-EABN7BCJ.js';
-import { _Text } from './chunk-CJ6K4SGD.js';
+import { useFormProps } from './chunk-TAZERRND.js';
+import { _Text } from './chunk-VUU3GSYB.js';
 import { ClearContainerSlots } from './chunk-PQSMCDAM.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.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___GIm-h", "hop-CheckboxField--sm": "CheckboxField-module__hop-CheckboxField--sm___rqJ1A", "hop-CheckboxField--md": "CheckboxField-module__hop-CheckboxField--md___jY1ZV", "hop-CheckboxField__description": "CheckboxField-module__hop-CheckboxField__description___47Azy", "hop-CheckboxField__checkbox": "CheckboxField-module__hop-CheckboxField__checkbox___G4-LG" };
+var CheckboxField_module_default = { "hop-CheckboxField": "CheckboxField-module__hop-CheckboxField___79IJC", "hop-CheckboxField--sm": "CheckboxField-module__hop-CheckboxField--sm___Umitd", "hop-CheckboxField--md": "CheckboxField-module__hop-CheckboxField--md___tohUe", "hop-CheckboxField__description": "CheckboxField-module__hop-CheckboxField__description___WisIl", "hop-CheckboxField__checkbox": "CheckboxField-module__hop-CheckboxField__checkbox___3Uoaa" };
 var GlobalCheckboxFieldCssSelector = "hop-CheckboxField";
 var CheckboxToDescriptionSizeAdapter = {
   sm: "xs",

package/dist/chunk-OL24RVDF.js

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

package/dist/{chunk-4B7TDPQB.js → chunk-OLRPKAPM.js}

@@ -1,7 +1,7 @@
 import { PopoverContext } from './chunk-RNGNPV6Q.js';
 import { ListBoxContext } from './chunk-4HEOTMP7.js';
 import { FooterContext } from './chunk-I67NHYK4.js';
-import { useForwardedHopperContext, _HopperProvider } from './chunk-OZ3W7ATD.js';
+import { useForwardedHopperContext, _HopperProvider } from './chunk-G5BMV25Q.js';
 import { LinkContext } from './chunk-MTULE7GI.js';
 import { isFunction, isNil } from './chunk-TIPN4VYD.js';
 import { HeadingContext } from './chunk-WJRMD4JP.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___K0twJ", "fade": "Popover-module__fade___ZaAxd", "hop-Popover__wrapper": "Popover-module__hop-Popover__wrapper___8YvnY", "hop-Popover__dialog": "Popover-module__hop-Popover__dialog___wi0bx", "hop-Popover__dropdown": "Popover-module__hop-Popover__dropdown___huht6", "hop-Popover__title": "Popover-module__hop-Popover__title___SAljO", "hop-Popover__content": "Popover-module__hop-Popover__content___LcuL4", "hop-Popover__list-box": "Popover-module__hop-Popover__list-box___S0Ezl", "hop-Popover__footer": "Popover-module__hop-Popover__footer___QN3WZ", "hop-Popover__actions": "Popover-module__hop-Popover__actions___2bZ3m", "hop-Popover__action": "Popover-module__hop-Popover__action___zYWzN" };
+var Popover_module_default = { "hop-Popover": "Popover-module__hop-Popover___DrcJJ", "fade": "Popover-module__fade___QlkMM", "hop-Popover__wrapper": "Popover-module__hop-Popover__wrapper___c5bXb", "hop-Popover__dialog": "Popover-module__hop-Popover__dialog___tPvRg", "hop-Popover__dropdown": "Popover-module__hop-Popover__dropdown___qdff3", "hop-Popover__title": "Popover-module__hop-Popover__title___EbQ9Y", "hop-Popover__content": "Popover-module__hop-Popover__content___5iS9L", "hop-Popover__list-box": "Popover-module__hop-Popover__list-box___Hyu7-", "hop-Popover__footer": "Popover-module__hop-Popover__footer___L8W4Y", "hop-Popover__actions": "Popover-module__hop-Popover__actions___PEY0p", "hop-Popover__action": "Popover-module__hop-Popover__action___vU7VA" };
 var GlobalPopoverCssSelector = "hop-Popover";
 function Popover(props, ref) {
   var _a;

package/dist/{chunk-S2FS5CRY.js → chunk-PEAHK7IC.js}

@@ -1,7 +1,7 @@
 import { RadioContext } from './chunk-FU5CCPLP.js';
 import { useRenderProps } from './chunk-2NSUMKNH.js';
 import { IconListContext } from './chunk-GBWXEK6N.js';
-import { ensureTextWrapper } from './chunk-WGY5JT6V.js';
+import { ensureTextWrapper } from './chunk-2Q5D6OIZ.js';
 import { ClearContainerSlots } from './chunk-PQSMCDAM.js';
 import { TextContext } from './chunk-ZNOU2CGM.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
@@ -15,7 +15,7 @@ import { useContextProps, composeRenderProps } from 'react-aria-components';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 // css-module:./DecorativeRadio.module.css#css-module
-var DecorativeRadio_module_default = { "hop-DecorativeRadio": "DecorativeRadio-module__hop-DecorativeRadio___gp55X Radio-module__hop-Radio___APOxu", "hop-DecorativeRadio--sm": "DecorativeRadio-module__hop-DecorativeRadio--sm___Z1d0G Radio-module__hop-Radio--sm___rpDCA", "hop-DecorativeRadio--md": "DecorativeRadio-module__hop-DecorativeRadio--md___RaIR5 Radio-module__hop-Radio--md___WyGE-", "hop-DecorativeRadio__icon": "DecorativeRadio-module__hop-DecorativeRadio__icon___QMpe6 Radio-module__hop-Radio__icon___2-VHU", "hop-DecorativeRadio__icon-list": "DecorativeRadio-module__hop-DecorativeRadio__icon-list___ftPxA Radio-module__hop-Radio__icon___2-VHU", "hop-DecorativeRadio__box": "DecorativeRadio-module__hop-DecorativeRadio__box___Dc1KQ Radio-module__hop-Radio__box___JJTdn", "hop-DecorativeRadio__bullet": "DecorativeRadio-module__hop-DecorativeRadio__bullet___aazPt Radio-module__hop-Radio__bullet___8kBaO", "hop-DecorativeRadio__text": "DecorativeRadio-module__hop-DecorativeRadio__text___2PMEp Radio-module__hop-Radio__text___pt-BW" };
+var DecorativeRadio_module_default = { "hop-DecorativeRadio": "DecorativeRadio-module__hop-DecorativeRadio___WYHRV Radio-module__hop-Radio___UlUBB", "hop-DecorativeRadio--sm": "DecorativeRadio-module__hop-DecorativeRadio--sm___waH8H Radio-module__hop-Radio--sm___-vsEP", "hop-DecorativeRadio--md": "DecorativeRadio-module__hop-DecorativeRadio--md___eoGRJ Radio-module__hop-Radio--md___qE8MW", "hop-DecorativeRadio__icon": "DecorativeRadio-module__hop-DecorativeRadio__icon___pIfR7 Radio-module__hop-Radio__icon___0Y71-", "hop-DecorativeRadio__icon-list": "DecorativeRadio-module__hop-DecorativeRadio__icon-list___qOv-p Radio-module__hop-Radio__icon___0Y71-", "hop-DecorativeRadio__box": "DecorativeRadio-module__hop-DecorativeRadio__box___nUf3z Radio-module__hop-Radio__box___dozpR", "hop-DecorativeRadio__bullet": "DecorativeRadio-module__hop-DecorativeRadio__bullet___K22Qt Radio-module__hop-Radio__bullet___KtHbd", "hop-DecorativeRadio__text": "DecorativeRadio-module__hop-DecorativeRadio__text___Nr9de Radio-module__hop-Radio__text___Fddqr" };
 var GlobalDecorativeRadioCssSelector = "hop-DecorativeRadio";
 function DecorativeRadio(props, ref) {
   var _a;

package/dist/{chunk-HQEYCFR2.js → chunk-PJLEPNY4.js}

@@ -1,7 +1,7 @@
 import { PopoverTrigger } from './chunk-KHDRGFVV.js';
-import { _PopoverBase } from './chunk-3GNODKFW.js';
+import { _PopoverBase } from './chunk-74IF2TUK.js';
 import { ContextualHelpContext } from './chunk-MR5BPD6R.js';
-import { ensureTextWrapper } from './chunk-WGY5JT6V.js';
+import { ensureTextWrapper } from './chunk-2Q5D6OIZ.js';
 import { ClearProviders, ClearContainerSlots } from './chunk-PQSMCDAM.js';
 import { TextContext } from './chunk-ZNOU2CGM.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
@@ -14,7 +14,7 @@ import { useContextProps, ButtonContext, Button, Provider } from 'react-aria-com
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // css-module:./ContextualHelp.module.css#css-module
-var ContextualHelp_module_default = { "hop-ContextualHelp": "ContextualHelp-module__hop-ContextualHelp___iP5UO", "hop-ContextualHelp__popover": "ContextualHelp-module__hop-ContextualHelp__popover___3SCsM" };
+var ContextualHelp_module_default = { "hop-ContextualHelp": "ContextualHelp-module__hop-ContextualHelp___Bzi-D", "hop-ContextualHelp__popover": "ContextualHelp-module__hop-ContextualHelp__popover___h7hFY" };
 var GlobalContextualHelpCssSelector = "hop-ContextualHelp";
 function ContextualHelp(props, ref) {
   var _a;