@hopper-ui/components 1.5.5 → 1.5.7

package/dist/{chunk-Z5IP6PLW.js → chunk-S57OO3BK.js}

@@ -1,13 +1,13 @@
 import { InternalTagGroupContext } from './chunk-4BWTFR22.js';
-import { _ClearButton } from './chunk-4QHU2BVX.js';
-import { mapOrbiterToHopperVariants } from './chunk-DVQKCTRK.js';
+import { _ClearButton } from './chunk-U4IOD6HI.js';
+import { mapOrbiterToHopperVariants } from './chunk-MHQL4ITH.js';
 import { TagContext } from './chunk-EWMWQ2MC.js';
-import { _Spinner } from './chunk-L3LH3UJS.js';
+import { BadgeContext } from './chunk-CQDLZ42T.js';
+import { _Spinner } from './chunk-4LBIE5SC.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
-import { ensureTextWrapper } from './chunk-LBFMU47K.js';
+import { ensureTextWrapper } from './chunk-UVX4CZWO.js';
 import { useLocalizedString } from './chunk-75DHKNW2.js';
-import { useFormProps } from './chunk-PTYUNGHX.js';
-import { BadgeContext } from './chunk-CQDLZ42T.js';
+import { useFormProps } from './chunk-QAUFBA7C.js';
 import { ClearContainerSlots } from './chunk-ZMIX3DJQ.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { useRenderProps } from './chunk-2NSUMKNH.js';
@@ -25,7 +25,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___cxUt0", "hop-Tag--sm": "Tag-module__hop-Tag--sm___J9jaA", "hop-Tag__remove-btn": "Tag-module__hop-Tag__remove-btn___3UqG7", "hop-Tag__Spinner": "Tag-module__hop-Tag__Spinner___kHp3V", "hop-Tag__avatar": "Tag-module__hop-Tag__avatar___rZdXR", "hop-Tag--md": "Tag-module__hop-Tag--md___tnOxo", "hop-Tag--lg": "Tag-module__hop-Tag--lg___loQS4", "hop-Tag--neutral": "Tag-module__hop-Tag--neutral___SsYZ6", "hop-Tag--subdued": "Tag-module__hop-Tag--subdued___fjhE2", "hop-Tag--progress": "Tag-module__hop-Tag--progress___aP-gp", "hop-Tag--positive": "Tag-module__hop-Tag--positive___1lT45", "hop-Tag--caution": "Tag-module__hop-Tag--caution___8n3T6", "hop-Tag--negative": "Tag-module__hop-Tag--negative___Elznq", "hop-Tag--option1": "Tag-module__hop-Tag--option1___s5tmA", "hop-Tag--option2": "Tag-module__hop-Tag--option2___J2Viv", "hop-Tag--option3": "Tag-module__hop-Tag--option3___DOAKV", "hop-Tag--option4": "Tag-module__hop-Tag--option4___E0Fqr", "hop-Tag--option5": "Tag-module__hop-Tag--option5___NokOP", "hop-Tag--option6": "Tag-module__hop-Tag--option6___59Pr0", "hop-Tag__icon": "Tag-module__hop-Tag__icon___DpWbp", "hop-Tag__icon-list": "Tag-module__hop-Tag__icon-list___A2KQh", "hop-Tag__text": "Tag-module__hop-Tag__text___QZJeO", "hop-Tag__badge": "Tag-module__hop-Tag__badge___FZDuo", "hop-Tag__badge--subdued": "Tag-module__hop-Tag__badge--subdued___yFZYf" };
+var Tag_module_default = { "hop-Tag": "Tag-module__hop-Tag___nk2z3", "hop-Tag--sm": "Tag-module__hop-Tag--sm___vCvDZ", "hop-Tag__remove-btn": "Tag-module__hop-Tag__remove-btn___LzjJe", "hop-Tag__Spinner": "Tag-module__hop-Tag__Spinner___ZGroF", "hop-Tag__avatar": "Tag-module__hop-Tag__avatar___eyUOo", "hop-Tag--md": "Tag-module__hop-Tag--md___qtBrd", "hop-Tag--lg": "Tag-module__hop-Tag--lg___iyXSI", "hop-Tag--neutral": "Tag-module__hop-Tag--neutral___OhzLy", "hop-Tag--subdued": "Tag-module__hop-Tag--subdued___0O-nV", "hop-Tag--progress": "Tag-module__hop-Tag--progress___PZCOC", "hop-Tag--positive": "Tag-module__hop-Tag--positive___B3Z1z", "hop-Tag--caution": "Tag-module__hop-Tag--caution___eU51i", "hop-Tag--negative": "Tag-module__hop-Tag--negative___J7U5q", "hop-Tag--option1": "Tag-module__hop-Tag--option1___RS9t2", "hop-Tag--option2": "Tag-module__hop-Tag--option2___aYv08", "hop-Tag--option3": "Tag-module__hop-Tag--option3___ezAXD", "hop-Tag--option4": "Tag-module__hop-Tag--option4___05bn8", "hop-Tag--option5": "Tag-module__hop-Tag--option5___nZFlQ", "hop-Tag--option6": "Tag-module__hop-Tag--option6___foUF7", "hop-Tag__icon": "Tag-module__hop-Tag__icon___Uqpmv", "hop-Tag__icon-list": "Tag-module__hop-Tag__icon-list___rVNYc", "hop-Tag__text": "Tag-module__hop-Tag__text___1c6vW", "hop-Tag__badge": "Tag-module__hop-Tag__badge___9Z8sh", "hop-Tag__badge--subdued": "Tag-module__hop-Tag__badge--subdued___sgC5-" };
 var GlobalTagCssSelector = "hop-Tag";
 var TagToTextSizeAdapter = {
   sm: "xs",

package/dist/{chunk-LGZTEXB4.js → chunk-SG6QJ7O2.js}

@@ -1,5 +1,5 @@
-import { BadgeContext } from './chunk-CQDLZ42T.js';
 import { FloatingBadgeContext } from './chunk-CIGS4QGT.js';
+import { BadgeContext } from './chunk-CQDLZ42T.js';
 import { ClearContainerSlots } from './chunk-ZMIX3DJQ.js';
 import { SlotProvider } from './chunk-M36KANKC.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:./FloatingBadge.module.css#css-module
-var FloatingBadge_module_default = { "hop-FloatingBadge": "FloatingBadge-module__hop-FloatingBadge___cFc-e", "hop-FloatingBadge__badge": "FloatingBadge-module__hop-FloatingBadge__badge___JonD7" };
+var FloatingBadge_module_default = { "hop-FloatingBadge": "FloatingBadge-module__hop-FloatingBadge___VsyM9", "hop-FloatingBadge__badge": "FloatingBadge-module__hop-FloatingBadge__badge___lZcFG" };
 var GlobalFloatingBadgeCssSelector = "hop-FloatingBadge";
 function FloatingBadge(props, ref) {
   [props, ref] = useContextProps(props, ref, FloatingBadgeContext);

package/dist/{chunk-N7ZNWLE3.js → chunk-STWEUNIY.js}

@@ -7,7 +7,7 @@ import { useContextProps, ModalOverlay, Modal } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./BaseModal.module.css#css-module
-var BaseModal_module_default = { "hop-BaseModal": "BaseModal-module__hop-BaseModal___JTdnz", "hop-BaseModal__modal": "BaseModal-module__hop-BaseModal__modal___2Ntsj", "hop-BaseModal--image": "BaseModal-module__hop-BaseModal--image___AJwAE", "hop-BaseModal--entering": "BaseModal-module__hop-BaseModal--entering___oxIvY", "hop-BaseModal--exiting": "BaseModal-module__hop-BaseModal--exiting___Vrn3C", "hop-BaseModal--sm": "BaseModal-module__hop-BaseModal--sm___2UdwJ", "hop-BaseModal--md": "BaseModal-module__hop-BaseModal--md___h--Yh", "hop-BaseModal--lg": "BaseModal-module__hop-BaseModal--lg___3QvMW", "hop-BaseModal--xl": "BaseModal-module__hop-BaseModal--xl___I-tJG", "hop-BaseModal--fullscreen": "BaseModal-module__hop-BaseModal--fullscreen___1GGQh", "hop-BaseModal--fullscreentakeover": "BaseModal-module__hop-BaseModal--fullscreentakeover___lmcf8" };
+var BaseModal_module_default = { "hop-BaseModal": "BaseModal-module__hop-BaseModal___W1FNy", "hop-BaseModal__modal": "BaseModal-module__hop-BaseModal__modal___0PQ4t", "hop-BaseModal--image": "BaseModal-module__hop-BaseModal--image___OTSsD", "hop-BaseModal--entering": "BaseModal-module__hop-BaseModal--entering___NtRgN", "hop-BaseModal--exiting": "BaseModal-module__hop-BaseModal--exiting___6yRjB", "hop-BaseModal--sm": "BaseModal-module__hop-BaseModal--sm___0tFFT", "hop-BaseModal--md": "BaseModal-module__hop-BaseModal--md___sylxZ", "hop-BaseModal--lg": "BaseModal-module__hop-BaseModal--lg___itWYE", "hop-BaseModal--xl": "BaseModal-module__hop-BaseModal--xl___4zdmN", "hop-BaseModal--fullscreen": "BaseModal-module__hop-BaseModal--fullscreen___rM0Gw", "hop-BaseModal--fullscreentakeover": "BaseModal-module__hop-BaseModal--fullscreentakeover___LlCVt" };
 var GlobalBaseModalCssSelector = "hop-BaseModal";
 var BaseModal = (props, ref) => {
   var _a;

package/dist/{chunk-4QHU2BVX.js → chunk-U4IOD6HI.js}

@@ -1,5 +1,5 @@
+import { _EmbeddedButton } from './chunk-MHQL4ITH.js';
 import { ClearButtonContext } from './chunk-DXVKHP4V.js';
-import { _EmbeddedButton } from './chunk-DVQKCTRK.js';
 import { useLocalizedString } from './chunk-75DHKNW2.js';
 import { DismissIcon } from '@hopper-ui/icons';
 import { forwardRef } from 'react';

package/dist/{chunk-LBFMU47K.js → chunk-UVX4CZWO.js}

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

package/dist/{chunk-XJSPBIOV.js → chunk-VHTPBGAH.js}

@@ -1,11 +1,11 @@
 import { isFunction } from './chunk-TIPN4VYD.js';
 import { ListBoxSectionContext } from './chunk-RLDIAT4F.js';
 import { ListBoxContext } from './chunk-UIEP5BA5.js';
-import { _ListBoxItem } from './chunk-HSI6HYCI.js';
+import { _ListBoxItem } from './chunk-GD62QQQM.js';
 import { ListBoxItemContext } from './chunk-Y2POLIXK.js';
 import { HeaderContext } from './chunk-7JOGKC3W.js';
 import { useLocalizedString } from './chunk-75DHKNW2.js';
-import { _Text } from './chunk-WTKKLIRT.js';
+import { _Text } from './chunk-IZAWEDX6.js';
 import { ClearContainerSlots } from './chunk-ZMIX3DJQ.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___Lf4OU", "hop-ListBox--fluid": "ListBox-module__hop-ListBox--fluid___HTnKa", "hop-ListBox__section": "ListBox-module__hop-ListBox__section___hDZik", "hop-ListBox__item": "ListBox-module__hop-ListBox__item___15NKA", "hop-ListBox__section-header": "ListBox-module__hop-ListBox__section-header___HziNt" };
+var ListBox_module_default = { "hop-ListBox": "ListBox-module__hop-ListBox___LJ9-C", "hop-ListBox--fluid": "ListBox-module__hop-ListBox--fluid___I0VWA", "hop-ListBox__section": "ListBox-module__hop-ListBox__section___yzk36", "hop-ListBox__item": "ListBox-module__hop-ListBox__item___4c6S-", "hop-ListBox__section-header": "ListBox-module__hop-ListBox__section-header___lNYl9" };
 var GlobalListBoxCssSelector = "hop-ListBox";
 var GlobalListBoxEmptyItemCssSelector = "hop-ListBox__empty-item";
 var ListBoxToTextSizeAdapter = {

package/dist/{chunk-7CDWQYKJ.js → chunk-VM3JRVU6.js}

@@ -1,18 +1,18 @@
-import { InputContext, Input } from './chunk-S2FTOWKX.js';
-import { _InputGroup } from './chunk-HUR7PJDR.js';
-import { _Popover } from './chunk-Y5BWGSVP.js';
+import { _InputGroup } from './chunk-N6VCQ632.js';
+import { InputContext, Input } from './chunk-JWHS7D3I.js';
+import { _Popover } from './chunk-3M3M4BQG.js';
 import { _Footer } from './chunk-VOZN65OL.js';
 import { _ListBoxSection } from './chunk-DZJSSJVJ.js';
-import { _ListBox } from './chunk-XJSPBIOV.js';
-import { _ListBoxItem } from './chunk-HSI6HYCI.js';
-import { _HelperMessage } from './chunk-XLUTZRUZ.js';
+import { _ListBox } from './chunk-VHTPBGAH.js';
+import { _ListBoxItem } from './chunk-GD62QQQM.js';
+import { _HelperMessage } from './chunk-KTKND4NT.js';
+import { _ErrorMessage } from './chunk-VR3T4WB2.js';
 import { ComboBoxContext } from './chunk-4XHTP4GX.js';
-import { _ErrorMessage } from './chunk-HD4A764G.js';
-import { _ToggleArrow } from './chunk-ZDGUBNNJ.js';
-import { ensureTextWrapper } from './chunk-LBFMU47K.js';
-import { _Label } from './chunk-LZB5GWHU.js';
-import { useFormProps } from './chunk-PTYUNGHX.js';
+import { _ToggleArrow } from './chunk-P7RWZX2M.js';
 import { BadgeContext } from './chunk-CQDLZ42T.js';
+import { ensureTextWrapper } from './chunk-UVX4CZWO.js';
+import { _Label } from './chunk-BYAY3UHK.js';
+import { useFormProps } from './chunk-QAUFBA7C.js';
 import { ClearProviders, ClearContainerSlots } from './chunk-ZMIX3DJQ.js';
 import { TextContext as TextContext$1 } from './chunk-X6SER3TZ.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
@@ -26,7 +26,7 @@ import { useContextProps, useSlottedContext, composeRenderProps, TextContext, Bu
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./ComboBox.module.css#css-module
-var ComboBox_module_default = { "hop-ComboBox": "ComboBox-module__hop-ComboBox___cYlLc", "hop-ComboBox--fluid": "ComboBox-module__hop-ComboBox--fluid___t43nf", "hop-ComboBox__label": "ComboBox-module__hop-ComboBox__label___0pbdq", "hop-ComboBox__trigger": "ComboBox-module__hop-ComboBox__trigger___CzIOB", "hop-ComboBox__button": "ComboBox-module__hop-ComboBox__button___hpnJj", "hop-ComboBox__prefix": "ComboBox-module__hop-ComboBox__prefix___5S32s", "hop-ComboBox__helper-message": "ComboBox-module__hop-ComboBox__helper-message___VGsqx", "hop-ComboBox__error-message": "ComboBox-module__hop-ComboBox__error-message___v6oMO" };
+var ComboBox_module_default = { "hop-ComboBox": "ComboBox-module__hop-ComboBox___Lb1xu", "hop-ComboBox--fluid": "ComboBox-module__hop-ComboBox--fluid___Icr40", "hop-ComboBox__label": "ComboBox-module__hop-ComboBox__label___iH7WT", "hop-ComboBox__trigger": "ComboBox-module__hop-ComboBox__trigger___4cSZ3", "hop-ComboBox__button": "ComboBox-module__hop-ComboBox__button___zr5x-", "hop-ComboBox__prefix": "ComboBox-module__hop-ComboBox__prefix___a2rfK", "hop-ComboBox__helper-message": "ComboBox-module__hop-ComboBox__helper-message___d31fu", "hop-ComboBox__error-message": "ComboBox-module__hop-ComboBox__error-message___cbnmB" };
 var GlobalComboBoxCssSelector = "hop-ComboBox";
 function ComboBox(props, ref) {
   var _a, _b, _c, _d, _e;

package/dist/{chunk-HD4A764G.js → chunk-VR3T4WB2.js}

@@ -1,5 +1,5 @@
 import { ErrorMessageContext } from './chunk-FAE27DLF.js';
-import { _Text } from './chunk-WTKKLIRT.js';
+import { _Text } from './chunk-IZAWEDX6.js';
 import { useRenderProps } from './chunk-2NSUMKNH.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
@@ -10,7 +10,7 @@ import { FieldErrorContext, useContextProps, composeRenderProps } from 'react-ar
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./ErrorMessage.module.css#css-module
-var ErrorMessage_module_default = { "hop-ErrorMessage": "ErrorMessage-module__hop-ErrorMessage___m7RNR", "hop-ErrorMessage__icon": "ErrorMessage-module__hop-ErrorMessage__icon___LlDTE" };
+var ErrorMessage_module_default = { "hop-ErrorMessage": "ErrorMessage-module__hop-ErrorMessage___WOnNM", "hop-ErrorMessage__icon": "ErrorMessage-module__hop-ErrorMessage__icon___dSlSm" };
 var GlobalErrorMessageCssSelector = "hop-ErrorMessage";
 function ErrorMessage(props, ref) {
   const validation = useContext(FieldErrorContext);

package/dist/{chunk-SF4XKTOZ.js → chunk-WTZ5SJEK.js}

@@ -1,6 +1,6 @@
+import { DisclosurePanelContext } from './chunk-7CJXILRD.js';
 import { DisclosureHeaderContext } from './chunk-GFRTCF4B.js';
 import { DisclosureContext } from './chunk-MUAXK42C.js';
-import { DisclosurePanelContext } from './chunk-7CJXILRD.js';
 import { AccordionContext } from './chunk-7IM3UQB4.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
@@ -11,7 +11,7 @@ import { useContextProps, composeRenderProps, DisclosureGroup } from 'react-aria
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Accordion.module.css#css-module
-var Accordion_module_default = { "hop-Accordion": "Accordion-module__hop-Accordion___6nFAR", "hop-Accordion--inline": "Accordion-module__hop-Accordion--inline___80J2M", "hop-Accordion__disclosure": "Accordion-module__hop-Accordion__disclosure___-sRTl", "hop-Accordion__disclosure-header": "Accordion-module__hop-Accordion__disclosure-header___GZsxL", "hop-Accordion__disclosure-panel": "Accordion-module__hop-Accordion__disclosure-panel___9T8tf" };
+var Accordion_module_default = { "hop-Accordion": "Accordion-module__hop-Accordion___EC4iI", "hop-Accordion--inline": "Accordion-module__hop-Accordion--inline___3IqiC", "hop-Accordion__disclosure": "Accordion-module__hop-Accordion__disclosure___LN2Is", "hop-Accordion__disclosure-header": "Accordion-module__hop-Accordion__disclosure-header___4taaG", "hop-Accordion__disclosure-panel": "Accordion-module__hop-Accordion__disclosure-panel___ykrcA" };
 var GlobalAccordionCssSelector = "hop-Accordion";
 function Accordion(props, ref) {
   [props, ref] = useContextProps(props, ref, AccordionContext);

package/dist/{chunk-RJL4VX7I.js → chunk-XBWNCVRK.js}

@@ -1,5 +1,5 @@
-import { SegmentedControlContext, InternalSegmentedControlContext } from './chunk-JHX5QEIH.js';
 import { SegmentedControlItemContext } from './chunk-TDKQPTN6.js';
+import { SegmentedControlContext, InternalSegmentedControlContext } from './chunk-JHX5QEIH.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { useStyledSystem } from '@hopper-ui/styled-system';
 import clsx from 'clsx';
@@ -8,7 +8,7 @@ import { useContextProps, ToggleGroupStateContext, ToggleButtonGroup, Provider }
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./SegmentedControl.module.css#css-module
-var SegmentedControl_module_default = { "hop-SegmentedControl": "SegmentedControl-module__hop-SegmentedControl___QqlC5" };
+var SegmentedControl_module_default = { "hop-SegmentedControl": "SegmentedControl-module__hop-SegmentedControl___lIA-M" };
 var GlobalSegmentedControlCssSelector = "hop-SegmentedControl";
 var SegmentedControl = (props, ref) => {
   [props, ref] = useContextProps(props, ref, SegmentedControlContext);

package/dist/chunk-XEGXFQT5.js

@@ -0,0 +1,58 @@
+import { _RichIconAvatarImage } from './chunk-BPRTWO34.js';
+import { useRenderProps } from './chunk-2NSUMKNH.js';
+import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
+import { AvatarContext } from './chunk-AES7QBQE.js';
+import { BrokenImageRichIcon } from '@hopper-ui/icons';
+import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
+import { forwardRef } from 'react';
+import { mergeProps } from 'react-aria';
+import { useContextProps, composeRenderProps } from 'react-aria-components';
+import { jsx } from 'react/jsx-runtime';
+
+var GlobalBrokenAvatarCssSelector = "hop-BrokenAvatar";
+function BrokenAvatar(props, ref) {
+  var _a;
+  [props, ref] = useContextProps(props, ref, AvatarContext);
+  const { stylingProps, ...ownProps } = useStyledSystem(props);
+  const {
+    className,
+    size: sizeValue,
+    style,
+    isDisabled,
+    ...otherProps
+  } = ownProps;
+  const size = (_a = useResponsiveValue(sizeValue)) != null ? _a : "md";
+  const classNames = composeClassnameRenderProps(
+    className,
+    GlobalBrokenAvatarCssSelector,
+    stylingProps.className
+  );
+  const mergedStyles = composeRenderProps(style, (prev) => {
+    return {
+      ...stylingProps.style,
+      ...prev
+    };
+  });
+  const renderProps = useRenderProps({
+    ...props,
+    className: classNames,
+    style: mergedStyles,
+    values: {
+      isDisabled: isDisabled || false
+    }
+  });
+  return /* @__PURE__ */ jsx(
+    _RichIconAvatarImage,
+    {
+      isDisabled,
+      ref,
+      size,
+      ...mergeProps(renderProps, otherProps),
+      children: /* @__PURE__ */ jsx(BrokenImageRichIcon, {})
+    }
+  );
+}
+var _BrokenAvatar = forwardRef(BrokenAvatar);
+_BrokenAvatar.displayName = "BrokenAvatar";
+
+export { GlobalBrokenAvatarCssSelector, _BrokenAvatar };

package/dist/{chunk-UQORA7EP.js → chunk-XXFM3YKI.js}

@@ -1,6 +1,6 @@
 import { RadioContext } from './chunk-FU5CCPLP.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
-import { ensureTextWrapper } from './chunk-LBFMU47K.js';
+import { ensureTextWrapper } from './chunk-UVX4CZWO.js';
 import { ClearContainerSlots } from './chunk-ZMIX3DJQ.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
@@ -13,7 +13,7 @@ import { useContextProps, composeRenderProps, Radio as Radio$1 } from 'react-ari
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./Radio.module.css#css-module
-var Radio_module_default = { "hop-Radio": "Radio-module__hop-Radio___FyYpE", "hop-Radio--sm": "Radio-module__hop-Radio--sm___UOs-T", "hop-Radio--md": "Radio-module__hop-Radio--md___tXeIH", "hop-Radio__icon": "Radio-module__hop-Radio__icon___rwzVj", "hop-Radio__icon-list": "Radio-module__hop-Radio__icon-list___9y3dZ", "hop-Radio__box": "Radio-module__hop-Radio__box___MVU7W", "hop-Radio__bullet": "Radio-module__hop-Radio__bullet___lQAku", "hop-Radio__text": "Radio-module__hop-Radio__text___I6XEs" };
+var Radio_module_default = { "hop-Radio": "Radio-module__hop-Radio___ltpNK", "hop-Radio--sm": "Radio-module__hop-Radio--sm___0O-IO", "hop-Radio--md": "Radio-module__hop-Radio--md___WLGB-", "hop-Radio__icon": "Radio-module__hop-Radio__icon___YtIob", "hop-Radio__icon-list": "Radio-module__hop-Radio__icon-list___msCKn", "hop-Radio__box": "Radio-module__hop-Radio__box___xMd34", "hop-Radio__bullet": "Radio-module__hop-Radio__bullet___uMxd7", "hop-Radio__text": "Radio-module__hop-Radio__text___L1-2R" };
 var GlobalRadioCssSelector = "hop-Radio";
 function Radio(props, ref) {
   var _a;

package/dist/{chunk-S4MJGDXY.js → chunk-Y5HNYHXP.js}

@@ -1,12 +1,11 @@
-import { _Text } from './chunk-WTKKLIRT.js';
 import { useImageFallback } from './chunk-3ZCLNFNH.js';
+import { _Text } from './chunk-IZAWEDX6.js';
 import { ClearContainerSlots } from './chunk-ZMIX3DJQ.js';
-import { _RichIconAvatarImage } from './chunk-DKOHXAFN.js';
+import { _BrokenAvatar } from './chunk-XEGXFQT5.js';
 import { useRenderProps } from './chunk-2NSUMKNH.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { AvatarContext } from './chunk-AES7QBQE.js';
-import { BrokenImageRichIcon } from '@hopper-ui/icons';
 import { slot, useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
 import { filterDOMProps, mergeProps } from '@react-aria/utils';
 import { forwardRef, useMemo } from 'react';
@@ -14,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___Tvd1W", "hop-Avatar--xs": "Avatar-module__hop-Avatar--xs___lF9IE", "hop-Avatar--sm": "Avatar-module__hop-Avatar--sm___rt-5J", "hop-Avatar--md": "Avatar-module__hop-Avatar--md___5plSN", "hop-Avatar--lg": "Avatar-module__hop-Avatar--lg___ukHcH", "hop-Avatar--xl": "Avatar-module__hop-Avatar--xl___zX8zZ", "hop-Avatar--2xl": "Avatar-module__hop-Avatar--2xl___q7cAg", "hop-Avatar--decorative-option1": "Avatar-module__hop-Avatar--decorative-option1___AXxiX", "hop-Avatar--decorative-option2": "Avatar-module__hop-Avatar--decorative-option2___WH6vQ", "hop-Avatar--decorative-option3": "Avatar-module__hop-Avatar--decorative-option3___zIz8G", "hop-Avatar--decorative-option4": "Avatar-module__hop-Avatar--decorative-option4___UQO3c", "hop-Avatar--decorative-option5": "Avatar-module__hop-Avatar--decorative-option5___6Bz9Y", "hop-Avatar--decorative-option6": "Avatar-module__hop-Avatar--decorative-option6___eTgYh", "hop-Avatar--decorative-option7": "Avatar-module__hop-Avatar--decorative-option7___A5e9h", "hop-Avatar--decorative-option8": "Avatar-module__hop-Avatar--decorative-option8___Dr4v-", "hop-Avatar--decorative-option9": "Avatar-module__hop-Avatar--decorative-option9___zo9uc", "hop-Avatar__image": "Avatar-module__hop-Avatar__image___-SKak" };
+var Avatar_module_default = { "hop-Avatar": "Avatar-module__hop-Avatar___HSY-W", "hop-Avatar--xs": "Avatar-module__hop-Avatar--xs___0tqCQ", "hop-Avatar--sm": "Avatar-module__hop-Avatar--sm___UDGN5", "hop-Avatar--md": "Avatar-module__hop-Avatar--md___vJOlA", "hop-Avatar--lg": "Avatar-module__hop-Avatar--lg___y3fuG", "hop-Avatar--xl": "Avatar-module__hop-Avatar--xl___QIq-T", "hop-Avatar--2xl": "Avatar-module__hop-Avatar--2xl___vBfOj", "hop-Avatar--decorative-option1": "Avatar-module__hop-Avatar--decorative-option1___4J6xq", "hop-Avatar--decorative-option2": "Avatar-module__hop-Avatar--decorative-option2___BwzNE", "hop-Avatar--decorative-option3": "Avatar-module__hop-Avatar--decorative-option3___0KAFu", "hop-Avatar--decorative-option4": "Avatar-module__hop-Avatar--decorative-option4___TEhqt", "hop-Avatar--decorative-option5": "Avatar-module__hop-Avatar--decorative-option5___f0jZq", "hop-Avatar--decorative-option6": "Avatar-module__hop-Avatar--decorative-option6___wjv9n", "hop-Avatar--decorative-option7": "Avatar-module__hop-Avatar--decorative-option7___-SAP6", "hop-Avatar--decorative-option8": "Avatar-module__hop-Avatar--decorative-option8___uNUAi", "hop-Avatar--decorative-option9": "Avatar-module__hop-Avatar--decorative-option9___Ykl6b", "hop-Avatar__image": "Avatar-module__hop-Avatar__image___riFCd" };
 var GlobalAvatarCssSelector = "hop-Avatar";
 var AvatarToTextSizeAdapter = {
   xs: "xs",
@@ -114,15 +113,14 @@ function Avatar(props, ref) {
   });
   if (isBrokenImage) {
     return /* @__PURE__ */ jsx(
-      _RichIconAvatarImage,
+      _BrokenAvatar,
       {
         ...mergeProps(domProps, renderProps),
         "aria-label": ariaLabel != null ? ariaLabel : name,
         isDisabled,
         ref,
         size,
-        slot,
-        children: /* @__PURE__ */ jsx(BrokenImageRichIcon, {})
+        slot
       }
     );
   }

package/dist/{chunk-MMN2XZLQ.js → chunk-YLDI6PLK.js}

@@ -7,7 +7,7 @@ import { useContextProps, Heading as Heading$1 } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Heading.module.css#css-module
-var Heading_module_default = { "hop-Heading": "Heading-module__hop-Heading___YrV1D", "hop-Heading--xs": "Heading-module__hop-Heading--xs___9LVZL", "hop-Heading--sm": "Heading-module__hop-Heading--sm___dfU5A", "hop-Heading--md": "Heading-module__hop-Heading--md___LzZsh", "hop-Heading--lg": "Heading-module__hop-Heading--lg___kz76y", "hop-Heading--xl": "Heading-module__hop-Heading--xl___OJO7E", "hop-Heading--2xl": "Heading-module__hop-Heading--2xl___b-0gs", "hop-Heading--3xl": "Heading-module__hop-Heading--3xl___-zkNw" };
+var Heading_module_default = { "hop-Heading": "Heading-module__hop-Heading___vOuhR", "hop-Heading--xs": "Heading-module__hop-Heading--xs___TljxC", "hop-Heading--sm": "Heading-module__hop-Heading--sm___Dd4aA", "hop-Heading--md": "Heading-module__hop-Heading--md___4QZ22", "hop-Heading--lg": "Heading-module__hop-Heading--lg___gCcT1", "hop-Heading--xl": "Heading-module__hop-Heading--xl___bgGSZ", "hop-Heading--2xl": "Heading-module__hop-Heading--2xl___-BDq2", "hop-Heading--3xl": "Heading-module__hop-Heading--3xl___uuF3d" };
 var GlobalHeadingCssSelector = "hop-Heading";
 function Heading(props, ref) {
   [props, ref] = useContextProps(props, ref, HeadingContext);

package/dist/{chunk-4R7NP3FP.js → chunk-ZKJMIS75.js}

@@ -1,4 +1,4 @@
-import { TabLine } from './chunk-KOCNVBL4.js';
+import { TabLine } from './chunk-26X5EBGP.js';
 import { TabListContext, InternalTabsContext } from './chunk-YOMX6DZZ.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { useStyledSystem } from '@hopper-ui/styled-system';
@@ -8,7 +8,7 @@ import { useContextProps, TabListStateContext, TabList as TabList$1 } from 'reac
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 // css-module:./TabList.module.css#css-module
-var TabList_module_default = { "hop-TabList": "TabList-module__hop-TabList___sqR4-", "hop-TabList--standalone": "TabList-module__hop-TabList--standalone___Oe8p6", "hop-TabList--in-card": "TabList-module__hop-TabList--in-card___oXkYD", "hop-TabList__tablist": "TabList-module__hop-TabList__tablist___VVJsS", "hop-TabList--heading": "TabList-module__hop-TabList--heading___joy-s" };
+var TabList_module_default = { "hop-TabList": "TabList-module__hop-TabList___SH6bm", "hop-TabList--standalone": "TabList-module__hop-TabList--standalone___GScs4", "hop-TabList--in-card": "TabList-module__hop-TabList--in-card___eUGj3", "hop-TabList__tablist": "TabList-module__hop-TabList__tablist___mpOx8", "hop-TabList--heading": "TabList-module__hop-TabList--heading___ogSYG" };
 var GlobalTabListCssSelector = "hop-TabList";
 function TabList(props, ref) {
   var _a, _b;

package/dist/{chunk-QSUCWFKU.js → chunk-ZKL5F3OF.js}

@@ -1,8 +1,8 @@
 import { LinkButtonContext } from './chunk-3UQFC2NQ.js';
 import { useSlot } from './chunk-H5YTU3U7.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
-import { ensureTextWrapper } from './chunk-LBFMU47K.js';
-import { useFormProps } from './chunk-PTYUNGHX.js';
+import { ensureTextWrapper } from './chunk-UVX4CZWO.js';
+import { useFormProps } from './chunk-QAUFBA7C.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___4Gll- Button-module__hop-Button___W8IL0", "hop-LinkButton--fluid": "LinkButton-module__hop-LinkButton--fluid___OY9tx Button-module__hop-Button--fluid___Lz-B2", "hop-LinkButton--sm": "LinkButton-module__hop-LinkButton--sm___ucpXx Button-module__hop-Button--sm___dNnDx", "hop-LinkButton--icon-only": "LinkButton-module__hop-LinkButton--icon-only___od2iL Button-module__hop-Button--icon-only___cmQ30", "hop-LinkButton--primary": "LinkButton-module__hop-LinkButton--primary___HbNro Button-module__hop-Button--primary___o4IoW", "hop-LinkButton--secondary": "LinkButton-module__hop-LinkButton--secondary___-OYCW Button-module__hop-Button--secondary___jU0ey", "hop-LinkButton--upsell": "LinkButton-module__hop-LinkButton--upsell___lNy1w Button-module__hop-Button--upsell___ejDoy", "hop-LinkButton--danger": "LinkButton-module__hop-LinkButton--danger___42pgq Button-module__hop-Button--danger___y7NiM", "hop-LinkButton--ghost-primary": "LinkButton-module__hop-LinkButton--ghost-primary___l6aDx Button-module__hop-Button--ghost-primary___J3j78", "hop-LinkButton--ghost-secondary": "LinkButton-module__hop-LinkButton--ghost-secondary___1oKCP Button-module__hop-Button--ghost-secondary___kVdNc", "hop-LinkButton--ghost-danger": "LinkButton-module__hop-LinkButton--ghost-danger___54E4E Button-module__hop-Button--ghost-danger___peHmX", "hop-LinkButton__Spinner": "LinkButton-module__hop-LinkButton__Spinner___easNK Button-module__hop-Button__Spinner___EV8m1", "hop-LinkButton__icon": "LinkButton-module__hop-LinkButton__icon___2B1Eb Button-module__hop-Button__icon___YM4sC", "hop-LinkButton__icon-list": "LinkButton-module__hop-LinkButton__icon-list___AmTYi Button-module__hop-Button__icon___YM4sC", "hop-LinkButton__text": "LinkButton-module__hop-LinkButton__text___V7w-6 Button-module__hop-Button__text___Yrxbv", "hop-LinkButton__end-icon": "LinkButton-module__hop-LinkButton__end-icon___fofWO Button-module__hop-Button__end-icon___afWsd", "hop-LinkButton__end-icon-list": "LinkButton-module__hop-LinkButton__end-icon-list___iaqU2 Button-module__hop-Button__end-icon___afWsd" };
+var LinkButton_module_default = { "hop-LinkButton": "LinkButton-module__hop-LinkButton___rqFme Button-module__hop-Button___STlpf", "hop-LinkButton--fluid": "LinkButton-module__hop-LinkButton--fluid___hUfL7 Button-module__hop-Button--fluid___-T2AK", "hop-LinkButton--sm": "LinkButton-module__hop-LinkButton--sm___Nsldu Button-module__hop-Button--sm___KWSJC", "hop-LinkButton--icon-only": "LinkButton-module__hop-LinkButton--icon-only___0wY5r Button-module__hop-Button--icon-only___u5AJz", "hop-LinkButton--primary": "LinkButton-module__hop-LinkButton--primary___GpQo2 Button-module__hop-Button--primary___IiTWE", "hop-LinkButton--secondary": "LinkButton-module__hop-LinkButton--secondary___Lymlc Button-module__hop-Button--secondary___URwGh", "hop-LinkButton--upsell": "LinkButton-module__hop-LinkButton--upsell___AUlwo Button-module__hop-Button--upsell___uXOX2", "hop-LinkButton--danger": "LinkButton-module__hop-LinkButton--danger___ZleP1 Button-module__hop-Button--danger___HxBuR", "hop-LinkButton--ghost-primary": "LinkButton-module__hop-LinkButton--ghost-primary___Occx6 Button-module__hop-Button--ghost-primary___CyYc9", "hop-LinkButton--ghost-secondary": "LinkButton-module__hop-LinkButton--ghost-secondary___L5VIF Button-module__hop-Button--ghost-secondary___6EmPZ", "hop-LinkButton--ghost-danger": "LinkButton-module__hop-LinkButton--ghost-danger___QL1VN Button-module__hop-Button--ghost-danger___ALz56", "hop-LinkButton__Spinner": "LinkButton-module__hop-LinkButton__Spinner___29otZ Button-module__hop-Button__Spinner___rkPAS", "hop-LinkButton__icon": "LinkButton-module__hop-LinkButton__icon___MiVQI Button-module__hop-Button__icon___Tc5Hs", "hop-LinkButton__icon-list": "LinkButton-module__hop-LinkButton__icon-list___5eLNB Button-module__hop-Button__icon___Tc5Hs", "hop-LinkButton__text": "LinkButton-module__hop-LinkButton__text___cG7FZ Button-module__hop-Button__text___kfeiR", "hop-LinkButton__end-icon": "LinkButton-module__hop-LinkButton__end-icon___DhIsN Button-module__hop-Button__end-icon___4lb-I", "hop-LinkButton__end-icon-list": "LinkButton-module__hop-LinkButton__end-icon-list___s4Wpl Button-module__hop-Button__end-icon___4lb-I" };
 var GlobalLinkButtonCssSelector = "hop-LinkButton";
 function LinkButton(props, ref) {
   var _a, _b;