@hopper-ui/components 1.3.35 → 1.4.1

package/dist/{chunk-ZJCGRPXS.js → chunk-FKJFHLCB.js}

@@ -1,6 +1,6 @@
 import { RadioContext } from './chunk-FU5CCPLP.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
-import { ensureTextWrapper } from './chunk-X3G7OJKA.js';
+import { ensureTextWrapper } from './chunk-3NV53WWA.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.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___TG-WF", "hop-Radio--sm": "Radio-module__hop-Radio--sm___y4yZa", "hop-Radio--md": "Radio-module__hop-Radio--md___bmepu", "hop-Radio__icon": "Radio-module__hop-Radio__icon___PPhpu", "hop-Radio__icon-list": "Radio-module__hop-Radio__icon-list___8iFsx", "hop-Radio__box": "Radio-module__hop-Radio__box___f4sNQ", "hop-Radio__bullet": "Radio-module__hop-Radio__bullet___PmY5I", "hop-Radio__text": "Radio-module__hop-Radio__text___lQDmi" };
+var Radio_module_default = { "hop-Radio": "Radio-module__hop-Radio___RQi4B", "hop-Radio--sm": "Radio-module__hop-Radio--sm___O8q1N", "hop-Radio--md": "Radio-module__hop-Radio--md___qYsR8", "hop-Radio__icon": "Radio-module__hop-Radio__icon___2v9Xj", "hop-Radio__icon-list": "Radio-module__hop-Radio__icon-list___PFtCL", "hop-Radio__box": "Radio-module__hop-Radio__box___ykSFb", "hop-Radio__bullet": "Radio-module__hop-Radio__bullet___jbaz4", "hop-Radio__text": "Radio-module__hop-Radio__text___zP6MZ" };
 var GlobalRadioCssSelector = "hop-Radio";
 function Radio(props, ref) {
   var _a;

package/dist/{chunk-ZTSBOPRT.js → chunk-G3RAGOFR.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___kTk6X", "hop-Heading--xs": "Heading-module__hop-Heading--xs___YkbL6", "hop-Heading--sm": "Heading-module__hop-Heading--sm___blSam", "hop-Heading--md": "Heading-module__hop-Heading--md___y4meX", "hop-Heading--lg": "Heading-module__hop-Heading--lg___uBzEA", "hop-Heading--xl": "Heading-module__hop-Heading--xl___GpG4F", "hop-Heading--2xl": "Heading-module__hop-Heading--2xl___MTCAL", "hop-Heading--3xl": "Heading-module__hop-Heading--3xl___rWxe6" };
+var Heading_module_default = { "hop-Heading": "Heading-module__hop-Heading___dC3mO", "hop-Heading--xs": "Heading-module__hop-Heading--xs___dCE60", "hop-Heading--sm": "Heading-module__hop-Heading--sm___JJxFP", "hop-Heading--md": "Heading-module__hop-Heading--md___cvoSn", "hop-Heading--lg": "Heading-module__hop-Heading--lg___ASfg6", "hop-Heading--xl": "Heading-module__hop-Heading--xl___5myZG", "hop-Heading--2xl": "Heading-module__hop-Heading--2xl___WO9hr", "hop-Heading--3xl": "Heading-module__hop-Heading--3xl___OA4yx" };
 var GlobalHeadingCssSelector = "hop-Heading";
 function Heading(props, ref) {
   [props, ref] = useContextProps(props, ref, HeadingContext);

package/dist/{chunk-6LK7QKDE.js → chunk-GN7SZFVY.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-3NV53WWA.js';
+import { useFormProps } from './chunk-DB5LXWDP.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___ibVca", "hop-Checkbox--sm": "Checkbox-module__hop-Checkbox--sm___kuj4Q", "hop-Checkbox--md": "Checkbox-module__hop-Checkbox--md___60DIA", "hop-Checkbox__icon": "Checkbox-module__hop-Checkbox__icon___4oJGh", "hop-Checkbox__icon-list": "Checkbox-module__hop-Checkbox__icon-list___JRZnw", "hop-Checkbox__box": "Checkbox-module__hop-Checkbox__box___ySuQE", "hop-Checkbox__check": "Checkbox-module__hop-Checkbox__check___GUDZb", "hop-Checkbox__text": "Checkbox-module__hop-Checkbox__text___CoUwz" };
 var GlobalCheckboxCssSelector = "hop-Checkbox";
 function Checkbox(props, ref) {
   var _a;

package/dist/{chunk-OQSYJW5D.js → chunk-H7RANOJ7.js}

@@ -1,12 +1,12 @@
 import { useFontFaceReady } from './chunk-IU6XMS2X.js';
 import { TextAreaContext } from './chunk-MHQZXLKW.js';
 import { useTruncatedText } from './chunk-Z57VHYOF.js';
-import { _RemainingCharacterCount } from './chunk-MAO7KM3A.js';
-import { _InputGroup } from './chunk-M4HNTQU7.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 { _RemainingCharacterCount } from './chunk-MUJX3NQC.js';
+import { _InputGroup } from './chunk-MVVGP4TO.js';
+import { _HelperMessage } from './chunk-WQMYEHXH.js';
+import { _ErrorMessage } from './chunk-5PCUME7D.js';
+import { _Label } from './chunk-CTOCKEMO.js';
+import { useFormProps } from './chunk-DB5LXWDP.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
@@ -79,7 +79,7 @@ function $b5e257d569688ac6$export$535bd6ca7f90a273() {
 }
 
 // css-module:./TextArea.module.css#css-module
-var TextArea_module_default = { "hop-TextArea": "TextArea-module__hop-TextArea___F7U6X", "hop-TextArea--fluid": "TextArea-module__hop-TextArea--fluid___7DK9t", "hop-TextArea__Label": "TextArea-module__hop-TextArea__Label___3oSGP", "hop-TextArea__prefix": "TextArea-module__hop-TextArea__prefix___75djx", "hop-TextArea__InputGroup": "TextArea-module__hop-TextArea__InputGroup___UF09N", "hop-TextArea__RemainingCharacterCount": "TextArea-module__hop-TextArea__RemainingCharacterCount___0OcyS", "hop-TextArea__textarea": "TextArea-module__hop-TextArea__textarea___R2xFB", "hop-TextArea__ErrorMessage": "TextArea-module__hop-TextArea__ErrorMessage___S57sB", "hop-TextArea__HelperMessage": "TextArea-module__hop-TextArea__HelperMessage___BJvm8" };
+var TextArea_module_default = { "hop-TextArea": "TextArea-module__hop-TextArea___IQKRa", "hop-TextArea--fluid": "TextArea-module__hop-TextArea--fluid___9gHKx", "hop-TextArea__Label": "TextArea-module__hop-TextArea__Label___vcLKK", "hop-TextArea__prefix": "TextArea-module__hop-TextArea__prefix___Urnd-", "hop-TextArea__InputGroup": "TextArea-module__hop-TextArea__InputGroup___fXfCy", "hop-TextArea__RemainingCharacterCount": "TextArea-module__hop-TextArea__RemainingCharacterCount___iyrZ6", "hop-TextArea__textarea": "TextArea-module__hop-TextArea__textarea___yf0BT", "hop-TextArea__ErrorMessage": "TextArea-module__hop-TextArea__ErrorMessage___us7xl", "hop-TextArea__HelperMessage": "TextArea-module__hop-TextArea__HelperMessage___LdgiI" };
 var GlobalTextAreaCssSelector = "hop-TextArea";
 var DefaultMinimumTextAreaRows = 3;
 var pxToInt = (value) => {

package/dist/{chunk-F7F57LOT.js → chunk-HFMDP4SC.js}

@@ -1,5 +1,5 @@
-import { FloatingBadgeContext } from './chunk-CIGS4QGT.js';
 import { BadgeContext } from './chunk-CQDLZ42T.js';
+import { FloatingBadgeContext } from './chunk-CIGS4QGT.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.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___XVrt5", "hop-FloatingBadge__badge": "FloatingBadge-module__hop-FloatingBadge__badge___xkC6I" };
+var FloatingBadge_module_default = { "hop-FloatingBadge": "FloatingBadge-module__hop-FloatingBadge___kaNMM", "hop-FloatingBadge__badge": "FloatingBadge-module__hop-FloatingBadge__badge___CLCmo" };
 var GlobalFloatingBadgeCssSelector = "hop-FloatingBadge";
 function FloatingBadge(props, ref) {
   [props, ref] = useContextProps(props, ref, FloatingBadgeContext);

package/dist/{chunk-XJUDFLDF.js → chunk-HTHQBAXV.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-DB5LXWDP.js';
+import { _Text } from './chunk-6MOB5IW2.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___DKSeV", "hop-CheckboxField--sm": "CheckboxField-module__hop-CheckboxField--sm___Vxkz8", "hop-CheckboxField--md": "CheckboxField-module__hop-CheckboxField--md___MFGPR", "hop-CheckboxField__description": "CheckboxField-module__hop-CheckboxField__description___hEDmF", "hop-CheckboxField__checkbox": "CheckboxField-module__hop-CheckboxField__checkbox___W5XgI" };
 var GlobalCheckboxFieldCssSelector = "hop-CheckboxField";
 var CheckboxToDescriptionSizeAdapter = {
   sm: "xs",

package/dist/{chunk-KM6OVMUI.js → chunk-JRQHBTR2.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___bo6JC", "hop-ButtonGroup--horizontal": "ButtonGroup-module__hop-ButtonGroup--horizontal___Wpvbb", "hop-ButtonGroup--vertical": "ButtonGroup-module__hop-ButtonGroup--vertical___z-hH7", "hop-ButtonGroup--start": "ButtonGroup-module__hop-ButtonGroup--start___Ofn-H", "hop-ButtonGroup--center": "ButtonGroup-module__hop-ButtonGroup--center___mBALf", "hop-ButtonGroup--end": "ButtonGroup-module__hop-ButtonGroup--end___0Hj8y", "hop-ButtonGroup--wrap": "ButtonGroup-module__hop-ButtonGroup--wrap___l82as", "hop-ButtonGroup--fluid": "ButtonGroup-module__hop-ButtonGroup--fluid___rp-H3" };
 var GlobalButtonGroupCssSelector = "hop-ButtonGroup";
 function ButtonGroup(props, ref) {
   var _a, _b, _c, _d;

package/dist/{chunk-FSXFF7TJ.js → chunk-JSDF5DII.js}

@@ -1,7 +1,7 @@
+import { _ToggleArrow } from './chunk-TZA6I2WY.js';
+import { _Heading } from './chunk-G3RAGOFR.js';
 import { DisclosureContext } from './chunk-MUAXK42C.js';
 import { DisclosureHeaderContext } from './chunk-GFRTCF4B.js';
-import { _ToggleArrow } from './chunk-XJPH3TL7.js';
-import { _Heading } from './chunk-ZTSBOPRT.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, DisclosureStateContext, useSlottedContext, composeRend
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // css-module:./DisclosureHeader.module.css#css-module
-var DisclosureHeader_module_default = { "hop-DisclosureHeader": "DisclosureHeader-module__hop-DisclosureHeader___6dacL", "hop-DisclosureHeader__button": "DisclosureHeader-module__hop-DisclosureHeader__button___yefS-", "hop-DisclosureHeader__button--inline": "DisclosureHeader-module__hop-DisclosureHeader__button--inline___aie95", "hop-DisclosureHeader__icon": "DisclosureHeader-module__hop-DisclosureHeader__icon___PKvHT", "hop-DisclosureHeader__title": "DisclosureHeader-module__hop-DisclosureHeader__title___Nqvyi", "hop-DisclosureHeader__toggle-arrow": "DisclosureHeader-module__hop-DisclosureHeader__toggle-arrow___noLeO" };
+var DisclosureHeader_module_default = { "hop-DisclosureHeader": "DisclosureHeader-module__hop-DisclosureHeader___cJ7Ok", "hop-DisclosureHeader__button": "DisclosureHeader-module__hop-DisclosureHeader__button___bJJGF", "hop-DisclosureHeader__button--inline": "DisclosureHeader-module__hop-DisclosureHeader__button--inline___Es-8O", "hop-DisclosureHeader__icon": "DisclosureHeader-module__hop-DisclosureHeader__icon___52oyY", "hop-DisclosureHeader__title": "DisclosureHeader-module__hop-DisclosureHeader__title___2Z6Da", "hop-DisclosureHeader__toggle-arrow": "DisclosureHeader-module__hop-DisclosureHeader__toggle-arrow___7LHJ7" };
 var GlobalDisclosureHeaderCssSelector = "hop-DisclosureHeader";
 function DisclosureHeader(props, ref) {
   [props, ref] = useContextProps(props, ref, DisclosureHeaderContext);

package/dist/{chunk-RFVQDNIT.js → chunk-KQ7UBFNE.js}

@@ -1,14 +1,14 @@
 import { SelectContext } from './chunk-T24MBA34.js';
-import { _SelectValue } from './chunk-UKPQDNTE.js';
-import { _Popover } from './chunk-ZUSVLWHC.js';
+import { _SelectValue } from './chunk-M4TPHDQE.js';
+import { _Popover } from './chunk-77X3AEUG.js';
 import { _Footer } from './chunk-VOZN65OL.js';
-import { _ListBox } from './chunk-TP3LLTP7.js';
-import { _HelperMessage } from './chunk-5MVIPFJG.js';
-import { ensureTextWrapper } from './chunk-X3G7OJKA.js';
-import { _ErrorMessage } from './chunk-EJGX57JX.js';
-import { _ToggleArrow } from './chunk-XJPH3TL7.js';
-import { _Label } from './chunk-NEVRDLRS.js';
-import { useFormProps } from './chunk-RTABBR2E.js';
+import { _ListBox } from './chunk-57ULZS5W.js';
+import { _HelperMessage } from './chunk-WQMYEHXH.js';
+import { ensureTextWrapper } from './chunk-3NV53WWA.js';
+import { _ErrorMessage } from './chunk-5PCUME7D.js';
+import { _ToggleArrow } from './chunk-TZA6I2WY.js';
+import { _Label } from './chunk-CTOCKEMO.js';
+import { useFormProps } from './chunk-DB5LXWDP.js';
 import { BadgeContext } from './chunk-CQDLZ42T.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { ClearContainerSlots, ClearProviders } from './chunk-HXI3MEEK.js';
@@ -22,7 +22,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___seuDq", "hop-Select--fluid": "Select-module__hop-Select--fluid___BBRur", "hop-Select__label": "Select-module__hop-Select__label___J4OCa", "hop-Select__button": "Select-module__hop-Select__button___9tMvD", "hop-Select__button--sm": "Select-module__hop-Select__button--sm___E4LyZ", "hop-Select__button--md": "Select-module__hop-Select__button--md___OaW5D", "hop-Select__prefix": "Select-module__hop-Select__prefix___kJK-x", "hop-Select__button-icon": "Select-module__hop-Select__button-icon___0uaGB", "hop-Select__helper-message": "Select-module__hop-Select__helper-message___dTR3p", "hop-Select__error-message": "Select-module__hop-Select__error-message___e1ged" };
+var Select_module_default = { "hop-Select": "Select-module__hop-Select___xEHzq", "hop-Select--fluid": "Select-module__hop-Select--fluid___5qrRS", "hop-Select__label": "Select-module__hop-Select__label___UAsQm", "hop-Select__button": "Select-module__hop-Select__button___a6dU8", "hop-Select__button--sm": "Select-module__hop-Select__button--sm___Rtxc4", "hop-Select__button--md": "Select-module__hop-Select__button--md___MIAeN", "hop-Select__prefix": "Select-module__hop-Select__prefix___vN4be", "hop-Select__button-icon": "Select-module__hop-Select__button-icon___-yQyv", "hop-Select__helper-message": "Select-module__hop-Select__helper-message___jkIoz", "hop-Select__error-message": "Select-module__hop-Select__error-message___Y1FeQ" };
 var GlobalSelectCssSelector = "hop-Select";
 function Select(props, ref) {
   var _a, _b, _c, _d;

package/dist/chunk-LRIA5XXQ.js

@@ -0,0 +1,85 @@
+import { IllustratedMessageContext } from './chunk-XL7LO6IZ.js';
+import { ImageContext } from './chunk-XNHE2OVW.js';
+import { SvgImageContext } from './chunk-M2XJDWZ7.js';
+import { ContentContext } from './chunk-IXB2WK56.js';
+import { ButtonGroupContext } from './chunk-VJQ7M2BK.js';
+import { ButtonContext } from './chunk-WMTWFKKP.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___B1khN", "hop-IllustratedMessage--sm": "IllustratedMessage-module__hop-IllustratedMessage--sm___X5ZPr", "hop-IllustratedMessage--md": "IllustratedMessage-module__hop-IllustratedMessage--md___CXWrM", "hop-IllustratedMessage--lg": "IllustratedMessage-module__hop-IllustratedMessage--lg___nSfyJ", "hop-IllustratedMessage__image": "IllustratedMessage-module__hop-IllustratedMessage__image___2mpjl", "hop-IllustratedMessage__heading": "IllustratedMessage-module__hop-IllustratedMessage__heading___l9K0R", "hop-IllustratedMessage-md": "IllustratedMessage-module__hop-IllustratedMessage-md___kanUu", "hop-IllustratedMessage__content": "IllustratedMessage-module__hop-IllustratedMessage__content___rSfs0", "hop-IllustratedMessage__buttonGroup": "IllustratedMessage-module__hop-IllustratedMessage__buttonGroup___eWGjP", "hop-IllustratedMessage__button": "IllustratedMessage-module__hop-IllustratedMessage__button___TWDAR" };
+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-6XXPLEOU.js → chunk-LV2TVXO4.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-WQMYEHXH.js';
+import { _ErrorMessage } from './chunk-5PCUME7D.js';
+import { _Label } from './chunk-CTOCKEMO.js';
+import { useFormProps } from './chunk-DB5LXWDP.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___kwEbD", "hop-RadioGroup--bordered": "RadioGroup-module__hop-RadioGroup--bordered___GHmV4", "hop-RadioGroup--sm": "RadioGroup-module__hop-RadioGroup--sm___byHj8", "hop-RadioGroup--md": "RadioGroup-module__hop-RadioGroup--md___1zZc4", "hop-RadioGroup__label": "RadioGroup-module__hop-RadioGroup__label___T-J6T", "hop-RadioGroup__list": "RadioGroup-module__hop-RadioGroup__list___UoRTV", "hop-RadioGroup__radio": "RadioGroup-module__hop-RadioGroup__radio___ZI-vl", "hop-RadioGroup__error-message": "RadioGroup-module__hop-RadioGroup__error-message___rP-nH", "hop-RadioGroup__helper-message": "RadioGroup-module__hop-RadioGroup__helper-message___Jksbh" };
 var GlobalRadioGroupCssSelector = "hop-RadioGroup";
 function RadioGroup(props, ref) {
   var _a, _b, _c;

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-UKPQDNTE.js → chunk-M4TPHDQE.js}

@@ -1,6 +1,6 @@
 import { useIsOverflow } from './chunk-EHXOXTDN.js';
 import { useLocalizedString } from './chunk-TFVDF4YH.js';
-import { _Text } from './chunk-MM727X5U.js';
+import { _Text } from './chunk-6MOB5IW2.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { AvatarContext } from './chunk-AES7QBQE.js';
@@ -16,7 +16,7 @@ import { useContextProps, SelectValueContext, SelectStateContext, useSlottedCont
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./SelectValue.module.css#css-module
-var SelectValue_module_default = { "hop-SelectValue": "SelectValue-module__hop-SelectValue___WZNcG", "hop-SelectValue__text": "SelectValue-module__hop-SelectValue__text___hCdE9", "hop-SelectValue__avatar": "SelectValue-module__hop-SelectValue__avatar___eX9dA", "hop-SelectValue__icon": "SelectValue-module__hop-SelectValue__icon___E1t6L", "hop-SelectValue__end-icon": "SelectValue-module__hop-SelectValue__end-icon___q-P8n" };
+var SelectValue_module_default = { "hop-SelectValue": "SelectValue-module__hop-SelectValue___kQkBy", "hop-SelectValue__text": "SelectValue-module__hop-SelectValue__text___01wNb", "hop-SelectValue__avatar": "SelectValue-module__hop-SelectValue__avatar___EF3--", "hop-SelectValue__icon": "SelectValue-module__hop-SelectValue__icon___6wylF", "hop-SelectValue__end-icon": "SelectValue-module__hop-SelectValue__end-icon___FY8zE" };
 var GlobalSelectValueCssSelector = "hop-SelectValue";
 var SelectValueToAvatarSizeAdapter = {
   sm: "xs",

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

@@ -1,5 +1,5 @@
 import { useLocalizedString } from './chunk-TFVDF4YH.js';
-import { _Text } from './chunk-MM727X5U.js';
+import { _Text } from './chunk-6MOB5IW2.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___d4gWp" };
 var GlobalRemainingCharacterCountCssSelector = "hop-RemainingCharacterCount";
 function RemainingCharacterCount(props, ref) {
   const { stylingProps, ...ownProps } = useStyledSystem(props);

package/dist/chunk-MV7OJVAR.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___iGqMq", "hop-Image--rounded": "Image-module__hop-Image--rounded___zdS7j", "hop-Image--circular": "Image-module__hop-Image--circular___fsBRb" };
+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-M4HNTQU7.js → chunk-MVVGP4TO.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___Xu6-D", "hop-InputGroup--fluid": "InputGroup-module__hop-InputGroup--fluid___3et-7", "hop-InputGroup--sm": "InputGroup-module__hop-InputGroup--sm___Felcy", "hop-InputGroup__input": "InputGroup-module__hop-InputGroup__input___zJiPQ", "hop-InputGroup__textarea": "InputGroup-module__hop-InputGroup__textarea___xzok8", "hop-InputGroup__embedded-button": "InputGroup-module__hop-InputGroup__embedded-button___OAZWm" };
 var GlobalInputGroupCssSelector = "hop-InputGroup";
 function InputGroup(props, ref) {
   var _a, _b;

package/dist/{chunk-XYU4RE35.js → chunk-PQMIN4QZ.js}

@@ -7,7 +7,7 @@ import { useContextProps, Separator } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Divider.module.css#css-module
-var Divider_module_default = { "hop-Divider": "Divider-module__hop-Divider___zGXPW", "hop-Divider--vertical": "Divider-module__hop-Divider--vertical___PM-tr" };
+var Divider_module_default = { "hop-Divider": "Divider-module__hop-Divider___hbAS5", "hop-Divider--vertical": "Divider-module__hop-Divider--vertical___IfeRj" };
 var GlobalDividerCssSelector = "hop-Divider";
 function Divider(props, ref) {
   [props, ref] = useContextProps(props, ref, DividerContext);

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

@@ -1,16 +1,13 @@
 import { CardContext } from './chunk-V2EQFVTJ.js';
-import { ContentContext } from './chunk-IXB2WK56.js';
-import { FooterContext } from './chunk-I67NHYK4.js';
-import { SlotProvider } from './chunk-M36KANKC.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { useStyledSystem } from '@hopper-ui/styled-system';
 import clsx from 'clsx';
 import { forwardRef } from 'react';
-import { useContextProps, HeaderContext } from 'react-aria-components';
+import { useContextProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Card.module.css#css-module
-var Card_module_default = { "hop-Card": "Card-module__hop-Card___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___xdc3T", "hop-Card--main": "Card-module__hop-Card--main___RZyYr", "hop-Card--second-level": "Card-module__hop-Card--second-level___MJeSK" };
 var GlobalCardCssSelector = "hop-Card";
 var Card = (props, ref) => {
   [props, ref] = useContextProps(props, ref, CardContext);
@@ -38,30 +35,14 @@ var Card = (props, ref) => {
     ...stylingProps.style
   };
   return /* @__PURE__ */ jsx(
-    "section",
+    "div",
     {
       ref,
       className: classNames,
       style: mergedStyles,
       slot: slot != null ? slot : void 0,
       ...otherProps,
-      children: /* @__PURE__ */ jsx(
-        SlotProvider,
-        {
-          values: [
-            [HeaderContext, {
-              className: Card_module_default["hop-Card__header"]
-            }],
-            [ContentContext, {
-              className: Card_module_default["hop-Card__content"]
-            }],
-            [FooterContext, {
-              className: Card_module_default["hop-Card__footer"]
-            }]
-          ],
-          children
-        }
-      )
+      children
     }
   );
 };

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

@@ -1,7 +1,7 @@
-import { useImageFallback } from './chunk-LI5HSYF7.js';
-import { _Text } from './chunk-MM727X5U.js';
+import { _Text } from './chunk-6MOB5IW2.js';
+import { useImageFallback } from './chunk-3ZCLNFNH.js';
 import { AvatarContext } from './chunk-AES7QBQE.js';
-import { _RichIconAvatarImage } from './chunk-ZFGFRLWN.js';
+import { _RichIconAvatarImage } from './chunk-3PGYNALN.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___4CHt4", "hop-Avatar--xs": "Avatar-module__hop-Avatar--xs___VRV2o", "hop-Avatar--sm": "Avatar-module__hop-Avatar--sm___96MQv", "hop-Avatar--md": "Avatar-module__hop-Avatar--md___600pg", "hop-Avatar--lg": "Avatar-module__hop-Avatar--lg___bu-84", "hop-Avatar--xl": "Avatar-module__hop-Avatar--xl___kijgI", "hop-Avatar--2xl": "Avatar-module__hop-Avatar--2xl___VHlvp", "hop-Avatar--decorative-option1": "Avatar-module__hop-Avatar--decorative-option1___72fSG", "hop-Avatar--decorative-option2": "Avatar-module__hop-Avatar--decorative-option2___WtcAO", "hop-Avatar--decorative-option3": "Avatar-module__hop-Avatar--decorative-option3___Dj--D", "hop-Avatar--decorative-option4": "Avatar-module__hop-Avatar--decorative-option4___lQlC9", "hop-Avatar--decorative-option5": "Avatar-module__hop-Avatar--decorative-option5___25UjG", "hop-Avatar--decorative-option6": "Avatar-module__hop-Avatar--decorative-option6___QyFnF", "hop-Avatar--decorative-option7": "Avatar-module__hop-Avatar--decorative-option7___aql0h", "hop-Avatar--decorative-option8": "Avatar-module__hop-Avatar--decorative-option8___ORR-Y", "hop-Avatar--decorative-option9": "Avatar-module__hop-Avatar--decorative-option9___wFLn2", "hop-Avatar__image": "Avatar-module__hop-Avatar__image___IOtHy" };
 var GlobalAvatarCssSelector = "hop-Avatar";
 var AvatarToTextSizeAdapter = {
   xs: "xs",

package/dist/{chunk-FUSWS7EZ.js → chunk-QFG3TZR5.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-6MOB5IW2.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___BLJ-n", "hop-RadioField--sm": "RadioField-module__hop-RadioField--sm___Zj55j", "hop-RadioField--md": "RadioField-module__hop-RadioField--md___jQtD-", "hop-RadioField__description": "RadioField-module__hop-RadioField__description___SPwC1", "hop-RadioField__radio": "RadioField-module__hop-RadioField__radio___kr7ju" };
 var GlobalRadioFieldCssSelector = "hop-RadioField";
 var RadioToDescriptionSizeAdapter = {
   sm: "xs",

package/dist/{chunk-IAHBYEON.js → chunk-QJW3NJEQ.js}

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

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

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

package/dist/{chunk-QKJUME2B.js → chunk-QNSV475L.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___dszq-", "placeholder-shimmer": "ListBoxItemSkeleton-module__placeholder-shimmer___rf7co", "hop-ListBoxItemSkeleton--xs": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___2lYVB", "hop-ListBoxItemSkeleton--sm": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___zzOfK", "hop-ListBoxItemSkeleton--md": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___A1WVD", "hop-ListBoxItemSkeleton--lg": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___-nbNC" };
 var GlobalListBoxItemSkeletonCssSelector = "hop-ListBoxItemSkeleton";
 function ListBoxItemSkeleton(props, ref) {
   var _a;

package/dist/{chunk-IXXQUPXA.js → chunk-RGZGZ6S7.js}

@@ -1,7 +1,7 @@
+import { ensureTextWrapper } from './chunk-3NV53WWA.js';
 import { DisclosurePanelContext } from './chunk-7CJXILRD.js';
-import { DisclosureContext } from './chunk-MUAXK42C.js';
-import { ensureTextWrapper } from './chunk-X3G7OJKA.js';
 import { FormContext } from './chunk-Q7NXUUB3.js';
+import { DisclosureContext } from './chunk-MUAXK42C.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
@@ -12,7 +12,7 @@ import { useContextProps, useSlottedContext, composeRenderProps, DisclosurePanel
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./DisclosurePanel.module.css#css-module
-var DisclosurePanel_module_default = { "hop-DisclosurePanel": "DisclosurePanel-module__hop-DisclosurePanel___NcAZI", "hop-DisclosurePanel--inline": "DisclosurePanel-module__hop-DisclosurePanel--inline___Y8y9c", "hop-DisclosurePanel--disabled": "DisclosurePanel-module__hop-DisclosurePanel--disabled___aLmDO", "hop-DisclosurePanel__text": "DisclosurePanel-module__hop-DisclosurePanel__text___zuol-" };
+var DisclosurePanel_module_default = { "hop-DisclosurePanel": "DisclosurePanel-module__hop-DisclosurePanel___Me711", "hop-DisclosurePanel--inline": "DisclosurePanel-module__hop-DisclosurePanel--inline___-rw2p", "hop-DisclosurePanel--disabled": "DisclosurePanel-module__hop-DisclosurePanel--disabled___skvqA", "hop-DisclosurePanel__text": "DisclosurePanel-module__hop-DisclosurePanel__text___RnOHo" };
 var GlobalDisclosurePanelCssSelector = "hop-DisclosurePanel";
 function DisclosurePanel(props, ref) {
   [props, ref] = useContextProps(props, ref, DisclosurePanelContext);