@hopper-ui/components 1.4.6 → 1.4.7

package/dist/{chunk-QZL7DSHL.js → chunk-UICYQNAO.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-DW26OLDB.js';
+import { _ListBoxItem } from './chunk-5JYQWCE5.js';
 import { ListBoxItemContext } from './chunk-Y2POLIXK.js';
 import { HeaderContext } from './chunk-7JOGKC3W.js';
-import { useLocalizedString } from './chunk-TFVDF4YH.js';
-import { _Text } from './chunk-BOOMSDK7.js';
+import { useLocalizedString } from './chunk-75DHKNW2.js';
+import { _Text } from './chunk-3JJL6GD6.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.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___aU9FW", "hop-ListBox--fluid": "ListBox-module__hop-ListBox--fluid___IjDjT", "hop-ListBox__section": "ListBox-module__hop-ListBox__section___T8C6I", "hop-ListBox__item": "ListBox-module__hop-ListBox__item___fXPyl", "hop-ListBox__section-header": "ListBox-module__hop-ListBox__section-header___Cq0Jh" };
+var ListBox_module_default = { "hop-ListBox": "ListBox-module__hop-ListBox___ukNfM", "hop-ListBox--fluid": "ListBox-module__hop-ListBox--fluid___IfcPu", "hop-ListBox__section": "ListBox-module__hop-ListBox__section___j6NHb", "hop-ListBox__item": "ListBox-module__hop-ListBox__item___0jLwz", "hop-ListBox__section-header": "ListBox-module__hop-ListBox__section-header___6LqU8" };
 var GlobalListBoxCssSelector = "hop-ListBox";
 var GlobalListBoxEmptyItemCssSelector = "hop-ListBox__empty-item";
 var ListBoxToTextSizeAdapter = {

package/dist/{chunk-ZXHTDMQB.js → chunk-W5HTSWT3.js}

@@ -1,8 +1,8 @@
-import { useSlot } from './chunk-H5YTU3U7.js';
 import { LinkButtonContext } from './chunk-3UQFC2NQ.js';
+import { useSlot } from './chunk-H5YTU3U7.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
-import { ensureTextWrapper } from './chunk-YAK3UMON.js';
-import { useFormProps } from './chunk-M5Q2CFRQ.js';
+import { ensureTextWrapper } from './chunk-4BXMSXYQ.js';
+import { useFormProps } from './chunk-7EUXODLY.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___e7amV Button-module__hop-Button___NTFpr", "hop-LinkButton--fluid": "LinkButton-module__hop-LinkButton--fluid___EZ70J Button-module__hop-Button--fluid___koaex", "hop-LinkButton--sm": "LinkButton-module__hop-LinkButton--sm___MWhRm Button-module__hop-Button--sm___Ovyb2", "hop-LinkButton--icon-only": "LinkButton-module__hop-LinkButton--icon-only___56tLs Button-module__hop-Button--icon-only___pUmd7", "hop-LinkButton--primary": "LinkButton-module__hop-LinkButton--primary___IFi-0 Button-module__hop-Button--primary___Pm4Kg", "hop-LinkButton--secondary": "LinkButton-module__hop-LinkButton--secondary___9C09g Button-module__hop-Button--secondary___aXDWm", "hop-LinkButton--upsell": "LinkButton-module__hop-LinkButton--upsell___nAUtv Button-module__hop-Button--upsell___Z1fpJ", "hop-LinkButton--danger": "LinkButton-module__hop-LinkButton--danger___aUFiz Button-module__hop-Button--danger___Gzic4", "hop-LinkButton--ghost-primary": "LinkButton-module__hop-LinkButton--ghost-primary___biEfy Button-module__hop-Button--ghost-primary___5O9QG", "hop-LinkButton--ghost-secondary": "LinkButton-module__hop-LinkButton--ghost-secondary___y8x9I Button-module__hop-Button--ghost-secondary___e0DRm", "hop-LinkButton--ghost-danger": "LinkButton-module__hop-LinkButton--ghost-danger___-Teso Button-module__hop-Button--ghost-danger___JU7M7", "hop-LinkButton__Spinner": "LinkButton-module__hop-LinkButton__Spinner___TtQwh Button-module__hop-Button__Spinner___Y2HxQ", "hop-LinkButton__icon": "LinkButton-module__hop-LinkButton__icon___nAzTW Button-module__hop-Button__icon___iJr7x", "hop-LinkButton__icon-list": "LinkButton-module__hop-LinkButton__icon-list___iGU0e Button-module__hop-Button__icon___iJr7x", "hop-LinkButton__text": "LinkButton-module__hop-LinkButton__text___-OM4Y Button-module__hop-Button__text___sKE6W", "hop-LinkButton__end-icon": "LinkButton-module__hop-LinkButton__end-icon___YfWUP Button-module__hop-Button__end-icon___o0aoJ", "hop-LinkButton__end-icon-list": "LinkButton-module__hop-LinkButton__end-icon-list___UyX1X Button-module__hop-Button__end-icon___o0aoJ" };
+var LinkButton_module_default = { "hop-LinkButton": "LinkButton-module__hop-LinkButton___N0s1M Button-module__hop-Button___XnpzX", "hop-LinkButton--fluid": "LinkButton-module__hop-LinkButton--fluid___jCmDA Button-module__hop-Button--fluid___ZZXwq", "hop-LinkButton--sm": "LinkButton-module__hop-LinkButton--sm___8o1s3 Button-module__hop-Button--sm___6jOD3", "hop-LinkButton--icon-only": "LinkButton-module__hop-LinkButton--icon-only___EtSuw Button-module__hop-Button--icon-only___-VLNH", "hop-LinkButton--primary": "LinkButton-module__hop-LinkButton--primary___XcaN5 Button-module__hop-Button--primary___5doCv", "hop-LinkButton--secondary": "LinkButton-module__hop-LinkButton--secondary___41COB Button-module__hop-Button--secondary___p2tPu", "hop-LinkButton--upsell": "LinkButton-module__hop-LinkButton--upsell___0W6-c Button-module__hop-Button--upsell___pbl2O", "hop-LinkButton--danger": "LinkButton-module__hop-LinkButton--danger___Tngcg Button-module__hop-Button--danger___D4nJ-", "hop-LinkButton--ghost-primary": "LinkButton-module__hop-LinkButton--ghost-primary___I-JA1 Button-module__hop-Button--ghost-primary___WPu49", "hop-LinkButton--ghost-secondary": "LinkButton-module__hop-LinkButton--ghost-secondary___gDQ1B Button-module__hop-Button--ghost-secondary___M0eZA", "hop-LinkButton--ghost-danger": "LinkButton-module__hop-LinkButton--ghost-danger___4sqcD Button-module__hop-Button--ghost-danger___-Mvaw", "hop-LinkButton__Spinner": "LinkButton-module__hop-LinkButton__Spinner___wBN9a Button-module__hop-Button__Spinner___Bhn4b", "hop-LinkButton__icon": "LinkButton-module__hop-LinkButton__icon___5G09q Button-module__hop-Button__icon___ShNZp", "hop-LinkButton__icon-list": "LinkButton-module__hop-LinkButton__icon-list___ELEM2 Button-module__hop-Button__icon___ShNZp", "hop-LinkButton__text": "LinkButton-module__hop-LinkButton__text___gC5VW Button-module__hop-Button__text___iwCeX", "hop-LinkButton__end-icon": "LinkButton-module__hop-LinkButton__end-icon___uFvlC Button-module__hop-Button__end-icon___4hJm7", "hop-LinkButton__end-icon-list": "LinkButton-module__hop-LinkButton__end-icon-list___rCbkA Button-module__hop-Button__end-icon___4hJm7" };
 var GlobalLinkButtonCssSelector = "hop-LinkButton";
 function LinkButton(props, ref) {
   var _a, _b;

package/dist/{chunk-DCIGY462.js → chunk-WICGT2T5.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___YYI2l", "hop-Divider--vertical": "Divider-module__hop-Divider--vertical___5Ya3L" };
+var Divider_module_default = { "hop-Divider": "Divider-module__hop-Divider___NJThK", "hop-Divider--vertical": "Divider-module__hop-Divider--vertical___63Bm-" };
 var GlobalDividerCssSelector = "hop-Divider";
 function Divider(props, ref) {
   [props, ref] = useContextProps(props, ref, DividerContext);

package/dist/{chunk-OT3SSSAN.js → chunk-WLIPEWRM.js}

@@ -1,4 +1,4 @@
-import { _RichIconAvatarImage } from './chunk-X7QAJPWB.js';
+import { _RichIconAvatarImage } from './chunk-IIAAY3DD.js';
 import { useRenderProps } from './chunk-NH3IVMXB.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { AvatarContext } from './chunk-AES7QBQE.js';

package/dist/{chunk-JELBOYLB.js → chunk-WX5UNPM3.js}

@@ -7,7 +7,7 @@ import { useContextProps, Text } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./OverlineText.module.css#css-module
-var OverlineText_module_default = { "hop-OverlineText": "OverlineText-module__hop-OverlineText___XmSxB", "hop-OverlineText__text": "OverlineText-module__hop-OverlineText__text___VSfku" };
+var OverlineText_module_default = { "hop-OverlineText": "OverlineText-module__hop-OverlineText___wsazM", "hop-OverlineText__text": "OverlineText-module__hop-OverlineText__text___sBkU7" };
 var GlobalOverlineTextCssSelector = "hop-OverlineText";
 function OverlineText(props, ref) {
   [props, ref] = useContextProps(props, ref, OverlineTextContext);

package/dist/{chunk-IFQPPUVZ.js → chunk-XLPW4NX3.js}

@@ -1,15 +1,15 @@
-import { _Popover } from './chunk-YKHKR2GB.js';
+import { _Popover } from './chunk-SV6RSWOR.js';
 import { _Footer } from './chunk-VOZN65OL.js';
 import { _ListBoxSection } from './chunk-DZJSSJVJ.js';
-import { _ListBox } from './chunk-QZL7DSHL.js';
-import { _ListBoxItem } from './chunk-DW26OLDB.js';
-import { _HelperMessage } from './chunk-OUGECIOS.js';
-import { _ErrorMessage } from './chunk-SC6GOFII.js';
-import { _ToggleArrow } from './chunk-EOES5IUI.js';
-import { ensureTextWrapper } from './chunk-YAK3UMON.js';
-import { _Label } from './chunk-C67PNOQX.js';
-import { useFormProps } from './chunk-M5Q2CFRQ.js';
+import { _ListBox } from './chunk-UICYQNAO.js';
+import { _ListBoxItem } from './chunk-5JYQWCE5.js';
+import { _HelperMessage } from './chunk-2DF25AEQ.js';
 import { ComboBoxContext } from './chunk-4XHTP4GX.js';
+import { _ErrorMessage } from './chunk-N3XC5CZP.js';
+import { _ToggleArrow } from './chunk-OIELLCFE.js';
+import { ensureTextWrapper } from './chunk-4BXMSXYQ.js';
+import { _Label } from './chunk-PHQ6YPQQ.js';
+import { useFormProps } from './chunk-7EUXODLY.js';
 import { BadgeContext } from './chunk-CQDLZ42T.js';
 import { TextContext as TextContext$1 } from './chunk-X6SER3TZ.js';
 import { ClearProviders, ClearContainerSlots } from './chunk-HXI3MEEK.js';
@@ -24,7 +24,7 @@ import { useContextProps, useSlottedContext, InputContext, composeRenderProps, T
 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___QBKjM", "hop-ComboBox--fluid": "ComboBox-module__hop-ComboBox--fluid___XOIsB", "hop-ComboBox__label": "ComboBox-module__hop-ComboBox__label___MlvpP", "hop-ComboBox__trigger": "ComboBox-module__hop-ComboBox__trigger___6tb-G", "hop-ComboBox__trigger--sm": "ComboBox-module__hop-ComboBox__trigger--sm___o0OJH", "hop-ComboBox__trigger--md": "ComboBox-module__hop-ComboBox__trigger--md___Ljzzr", "hop-ComboBox__input": "ComboBox-module__hop-ComboBox__input___er6-0", "hop-ComboBox__button": "ComboBox-module__hop-ComboBox__button___FRlWD", "hop-ComboBox__prefix": "ComboBox-module__hop-ComboBox__prefix___0W0fg", "hop-ComboBox__button-icon": "ComboBox-module__hop-ComboBox__button-icon___5dInX", "hop-ComboBox__helper-message": "ComboBox-module__hop-ComboBox__helper-message___LizJI", "hop-ComboBox__error-message": "ComboBox-module__hop-ComboBox__error-message___jbGJS" };
+var ComboBox_module_default = { "hop-ComboBox": "ComboBox-module__hop-ComboBox___qaC5g", "hop-ComboBox--fluid": "ComboBox-module__hop-ComboBox--fluid___pweee", "hop-ComboBox__label": "ComboBox-module__hop-ComboBox__label___1Ef2l", "hop-ComboBox__trigger": "ComboBox-module__hop-ComboBox__trigger___-sd7F", "hop-ComboBox__trigger--sm": "ComboBox-module__hop-ComboBox__trigger--sm___KKZT6", "hop-ComboBox__trigger--md": "ComboBox-module__hop-ComboBox__trigger--md___fZXGk", "hop-ComboBox__input": "ComboBox-module__hop-ComboBox__input___AVYWQ", "hop-ComboBox__button": "ComboBox-module__hop-ComboBox__button___ZWtZo", "hop-ComboBox__prefix": "ComboBox-module__hop-ComboBox__prefix___It-w2", "hop-ComboBox__button-icon": "ComboBox-module__hop-ComboBox__button-icon___Ot2LN", "hop-ComboBox__helper-message": "ComboBox-module__hop-ComboBox__helper-message___ShFaj", "hop-ComboBox__error-message": "ComboBox-module__hop-ComboBox__error-message___OtWuP" };
 var GlobalComboBoxCssSelector = "hop-ComboBox";
 function ComboBox(props, ref) {
   var _a, _b, _c, _d, _e;

package/dist/{chunk-5DW5MIOP.js → chunk-Y7ATRH3L.js}

@@ -12,7 +12,7 @@ import { useContextProps, useSlottedContext, composeRenderProps, Disclosure as D
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Disclosure.module.css#css-module
-var Disclosure_module_default = { "hop-Disclosure": "Disclosure-module__hop-Disclosure___w7xq7", "hop-Disclosure__header": "Disclosure-module__hop-Disclosure__header___-gakL", "hop-Disclosure--inline": "Disclosure-module__hop-Disclosure--inline___SiMAs", "hop-Disclosure__panel": "Disclosure-module__hop-Disclosure__panel___eqxmd" };
+var Disclosure_module_default = { "hop-Disclosure": "Disclosure-module__hop-Disclosure___xd62m", "hop-Disclosure__header": "Disclosure-module__hop-Disclosure__header___IcBDC", "hop-Disclosure--inline": "Disclosure-module__hop-Disclosure--inline___cUddw", "hop-Disclosure__panel": "Disclosure-module__hop-Disclosure__panel___vagyX" };
 var GlobalDisclosureCssSelector = "hop-Disclosure";
 function Disclosure(props, ref) {
   [props, ref] = useContextProps(props, ref, DisclosureContext);

package/dist/{chunk-O2YRPX5E.js → chunk-YQLCOKBQ.js}

@@ -1,6 +1,6 @@
 import { SwitchContext } from './chunk-YHBJAXUY.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
-import { ensureTextWrapper } from './chunk-YAK3UMON.js';
+import { ensureTextWrapper } from './chunk-4BXMSXYQ.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, Switch as Switch$1 } from 'react-a
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./Switch.module.css#css-module
-var Switch_module_default = { "hop-Switch": "Switch-module__hop-Switch___BN0D1", "hop-Switch--sm": "Switch-module__hop-Switch--sm___XE2Rj", "hop-Switch--md": "Switch-module__hop-Switch--md___1Pvnt", "hop-Switch__indicator": "Switch-module__hop-Switch__indicator___rSH5b", "hop-Switch__text": "Switch-module__hop-Switch__text___qx04A", "hop-Switch__icon-list": "Switch-module__hop-Switch__icon-list___ZGmvM", "hop-Switch__icon": "Switch-module__hop-Switch__icon___KmwwD" };
+var Switch_module_default = { "hop-Switch": "Switch-module__hop-Switch___GFIU2", "hop-Switch--sm": "Switch-module__hop-Switch--sm___7B0z4", "hop-Switch--md": "Switch-module__hop-Switch--md___hUERX", "hop-Switch__indicator": "Switch-module__hop-Switch__indicator___5lhrN", "hop-Switch__text": "Switch-module__hop-Switch__text___tAozH", "hop-Switch__icon-list": "Switch-module__hop-Switch__icon-list___MKfvE", "hop-Switch__icon": "Switch-module__hop-Switch__icon___f2ezJ" };
 var GlobalSwitchCssSelector = "hop-Switch";
 function Switch(props, ref) {
   var _a;

package/dist/{chunk-25APP2V4.js → chunk-Z3WDZ52E.js}

@@ -7,7 +7,7 @@ import { useContextProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Card.module.css#css-module
-var Card_module_default = { "hop-Card": "Card-module__hop-Card___PMTJ7", "hop-Card--main": "Card-module__hop-Card--main___MTrHp", "hop-Card--second-level": "Card-module__hop-Card--second-level___XhyVL" };
+var Card_module_default = { "hop-Card": "Card-module__hop-Card___se8ow", "hop-Card--main": "Card-module__hop-Card--main___qOkxo", "hop-Card--second-level": "Card-module__hop-Card--second-level___0X6Xj" };
 var GlobalCardCssSelector = "hop-Card";
 var Card = (props, ref) => {
   [props, ref] = useContextProps(props, ref, CardContext);

package/dist/chunk-ZVNGQXRR.js

@@ -0,0 +1,79 @@
+import { LinkContext } from './chunk-4VVNSXIB.js';
+import { _CloseButton } from './chunk-MO4EWTIM.js';
+import { ContentContext } from './chunk-IXB2WK56.js';
+import { ButtonContext } from './chunk-WMTWFKKP.js';
+import { CompactCalloutContext } from './chunk-GRCAVJC6.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 } 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___SuehB", "hop-CompactCallout__content": "CompactCallout-module__hop-CompactCallout__content___rlTuS", "hop-CompactCallout__button": "CompactCallout-module__hop-CompactCallout__button___SgDZL", "hop-CompactCallout__link": "CompactCallout-module__hop-CompactCallout__link___lyNd-", "hop-CompactCallout__dismiss": "CompactCallout-module__hop-CompactCallout__dismiss___ReMTE", "hop-CompactCallout--information": "CompactCallout-module__hop-CompactCallout--information___UjtVj", "hop-CompactCallout--success": "CompactCallout-module__hop-CompactCallout--success___NSjQc", "hop-CompactCallout--warning": "CompactCallout-module__hop-CompactCallout--warning___mvu2J", "hop-CompactCallout--upsell": "CompactCallout-module__hop-CompactCallout--upsell___ttOO6", "hop-CompactCallout--subtle-fill": "CompactCallout-module__hop-CompactCallout--subtle-fill___aC3g8" };
+var GlobalCompactCalloutCssSelector = "hop-CompactCallout";
+var CompactCallout = (props, ref) => {
+  [props, ref] = useContextProps(props, ref, CompactCalloutContext);
+  const { stylingProps, ...ownProps } = useStyledSystem(props);
+  const {
+    className,
+    children,
+    style,
+    slot,
+    onClose,
+    fillStyle = "border",
+    variant = "information",
+    ...otherProps
+  } = ownProps;
+  const classNames = clsx(
+    GlobalCompactCalloutCssSelector,
+    cssModule(
+      CompactCallout_module_default,
+      "hop-CompactCallout",
+      variant,
+      fillStyle === "subtleFill" && "subtle-fill"
+    ),
+    stylingProps.className,
+    className
+  );
+  const mergedStyles = {
+    ...style,
+    ...stylingProps.style
+  };
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      className: classNames,
+      style: mergedStyles,
+      slot: slot != null ? slot : void 0,
+      ...otherProps,
+      children: /* @__PURE__ */ jsxs(
+        SlotProvider,
+        {
+          values: [
+            [ContentContext, {
+              className: CompactCallout_module_default["hop-CompactCallout__content"]
+            }],
+            [ButtonContext, {
+              className: CompactCallout_module_default["hop-CompactCallout__button"]
+            }],
+            [LinkContext, {
+              className: CompactCallout_module_default["hop-CompactCallout__link"]
+            }]
+          ],
+          children: [
+            children,
+            onClose && /* @__PURE__ */ jsx(_CloseButton, { className: CompactCallout_module_default["hop-CompactCallout__dismiss"], onPress: onClose })
+          ]
+        }
+      )
+    }
+  );
+};
+var _CompactCallout = forwardRef(CompactCallout);
+_CompactCallout.displayName = "CompactCallout";
+
+export { GlobalCompactCalloutCssSelector, _CompactCallout };

package/dist/chunk-ZWDUMUN4.js

@@ -0,0 +1,118 @@
+import { CalloutContext } from './chunk-NZ4VFVXA.js';
+import { _CloseButton } from './chunk-MO4EWTIM.js';
+import { useSlot } from './chunk-H5YTU3U7.js';
+import { ContentContext } from './chunk-IXB2WK56.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 { InfoRichIcon, UpsellRichIcon, SuccessRichIcon, CautionRichIcon, RichIconContext } from '@hopper-ui/icons';
+import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
+import clsx from 'clsx';
+import { forwardRef, useMemo } from 'react';
+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___5V-kw", "hop-Callout__icon": "Callout-module__hop-Callout__icon___R-gXO", "hop-Callout__heading": "Callout-module__hop-Callout__heading___rteqk", "hop-Callout__content": "Callout-module__hop-Callout__content___qOMja", "hop-Callout__button": "Callout-module__hop-Callout__button___TwGMl", "hop-Callout__dismiss": "Callout-module__hop-Callout__dismiss___Rkd1z", "hop-Callout--information": "Callout-module__hop-Callout--information___d955B", "hop-Callout--success": "Callout-module__hop-Callout--success___BaKhq", "hop-Callout--warning": "Callout-module__hop-Callout--warning___BTHIn", "hop-Callout--upsell": "Callout-module__hop-Callout--upsell___QM-s4", "hop-Callout--subtle-fill": "Callout-module__hop-Callout--subtle-fill___oKHzb" };
+var GlobalCalloutCssSelector = "hop-Callout";
+var Callout = (props, ref) => {
+  [props, ref] = useContextProps(props, ref, CalloutContext);
+  const { stylingProps, ...ownProps } = useStyledSystem(props);
+  const {
+    className,
+    children,
+    style,
+    slot,
+    hideIcon: hideIconProp,
+    onClose,
+    fillStyle = "border",
+    variant = "information",
+    ...otherProps
+  } = ownProps;
+  const hideIcon = useResponsiveValue(hideIconProp);
+  const [iconRef, hasIcon] = useSlot();
+  const classNames = clsx(
+    GlobalCalloutCssSelector,
+    cssModule(
+      Callout_module_default,
+      "hop-Callout",
+      variant,
+      fillStyle === "subtleFill" && "subtle-fill"
+    ),
+    stylingProps.className,
+    className
+  );
+  const mergedStyles = {
+    ...style,
+    ...stylingProps.style
+  };
+  const icon = useMemo(() => {
+    if (hideIcon) {
+      return null;
+    }
+    switch (variant) {
+      case "warning":
+        return /* @__PURE__ */ jsx(CautionRichIcon, {});
+      case "success":
+        return /* @__PURE__ */ jsx(SuccessRichIcon, {});
+      case "upsell":
+        return /* @__PURE__ */ jsx(UpsellRichIcon, {});
+      default:
+        return /* @__PURE__ */ jsx(InfoRichIcon, {});
+    }
+  }, [hideIcon, variant]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      className: classNames,
+      style: mergedStyles,
+      slot: slot != null ? slot : void 0,
+      ...otherProps,
+      children: /* @__PURE__ */ jsxs(
+        SlotProvider,
+        {
+          values: [
+            [HeadingContext, {
+              className: Callout_module_default["hop-Callout__heading"]
+            }],
+            [ContentContext, {
+              className: Callout_module_default["hop-Callout__content"]
+            }],
+            [ButtonContext, {
+              className: Callout_module_default["hop-Callout__button"]
+            }],
+            [RichIconContext, {
+              className: Callout_module_default["hop-Callout__icon"],
+              variant,
+              size: "xl"
+            }]
+          ],
+          children: [
+            !hasIcon && icon,
+            /* @__PURE__ */ jsx(
+              SlotProvider,
+              {
+                values: [
+                  [RichIconContext, {
+                    className: Callout_module_default["hop-Callout__icon"],
+                    variant,
+                    size: "xl",
+                    ref: iconRef
+                  }]
+                ],
+                children
+              }
+            ),
+            onClose && /* @__PURE__ */ jsx(_CloseButton, { size: "sm", className: Callout_module_default["hop-Callout__dismiss"], onPress: onClose })
+          ]
+        }
+      )
+    }
+  );
+};
+var _Callout = forwardRef(Callout);
+_Callout.displayName = "Callout";
+
+export { GlobalCalloutCssSelector, _Callout };

package/dist/i18n/src/index.js

@@ -1,2 +1,2 @@
-export { useLocalizedString } from '../../chunk-TFVDF4YH.js';
+export { useLocalizedString } from '../../chunk-75DHKNW2.js';
 import '../../chunk-JSBRDJBE.js';

package/dist/i18n/src/useLocalizedString.js

@@ -1,2 +1,2 @@
-export { useLocalizedString } from '../../chunk-TFVDF4YH.js';
+export { useLocalizedString } from '../../chunk-75DHKNW2.js';
 import '../../chunk-JSBRDJBE.js';