@hopper-ui/components 1.4.5 → 1.4.7

package/dist/{chunk-NJVZCXT2.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-DOUSEJVO.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-2QQKKCA6.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___xsG4C", "hop-ListBox--fluid": "ListBox-module__hop-ListBox--fluid___yrQmx", "hop-ListBox__section": "ListBox-module__hop-ListBox__section___Fq55b", "hop-ListBox__item": "ListBox-module__hop-ListBox__item___6jsxg", "hop-ListBox__section-header": "ListBox-module__hop-ListBox__section-header___fpq8-" };
+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-XJOESRMM.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-PNRCYEDV.js';
-import { useFormProps } from './chunk-R3XRXUM2.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___bzT-z Button-module__hop-Button___6jdea", "hop-LinkButton--fluid": "LinkButton-module__hop-LinkButton--fluid___cuu6Y Button-module__hop-Button--fluid___-kDxT", "hop-LinkButton--sm": "LinkButton-module__hop-LinkButton--sm___TeORf Button-module__hop-Button--sm___ssMuQ", "hop-LinkButton--icon-only": "LinkButton-module__hop-LinkButton--icon-only___lHf1E Button-module__hop-Button--icon-only___14Bgf", "hop-LinkButton--primary": "LinkButton-module__hop-LinkButton--primary___sTGR- Button-module__hop-Button--primary___heW9v", "hop-LinkButton--secondary": "LinkButton-module__hop-LinkButton--secondary___3w-ZP Button-module__hop-Button--secondary___dGQoQ", "hop-LinkButton--upsell": "LinkButton-module__hop-LinkButton--upsell___9z5wB Button-module__hop-Button--upsell___XkxHG", "hop-LinkButton--danger": "LinkButton-module__hop-LinkButton--danger___7Ze9M Button-module__hop-Button--danger___2GI4-", "hop-LinkButton--ghost-primary": "LinkButton-module__hop-LinkButton--ghost-primary___PG-8i Button-module__hop-Button--ghost-primary___WbTOr", "hop-LinkButton--ghost-secondary": "LinkButton-module__hop-LinkButton--ghost-secondary___c7-qT Button-module__hop-Button--ghost-secondary___rucYv", "hop-LinkButton--ghost-danger": "LinkButton-module__hop-LinkButton--ghost-danger___dPNSD Button-module__hop-Button--ghost-danger___EEFQf", "hop-LinkButton__Spinner": "LinkButton-module__hop-LinkButton__Spinner___tIVFw Button-module__hop-Button__Spinner___-0J1W", "hop-LinkButton__icon": "LinkButton-module__hop-LinkButton__icon___uTBws Button-module__hop-Button__icon___Rv7QT", "hop-LinkButton__icon-list": "LinkButton-module__hop-LinkButton__icon-list___6GVNY Button-module__hop-Button__icon___Rv7QT", "hop-LinkButton__text": "LinkButton-module__hop-LinkButton__text___MATIN Button-module__hop-Button__text___pNCyo", "hop-LinkButton__end-icon": "LinkButton-module__hop-LinkButton__end-icon___bN-F- Button-module__hop-Button__end-icon___nAsoZ", "hop-LinkButton__end-icon-list": "LinkButton-module__hop-LinkButton__end-icon-list___EScvt Button-module__hop-Button__end-icon___nAsoZ" };
+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-PG3QT3L4.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___fG7LR", "hop-Divider--vertical": "Divider-module__hop-Divider--vertical___Ej8FH" };
+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-U3OENUO3.js → chunk-WLIPEWRM.js}

@@ -1,4 +1,4 @@
-import { _RichIconAvatarImage } from './chunk-RBX5I4PK.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-L5FIZTGO.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___ylqIL", "hop-OverlineText__text": "OverlineText-module__hop-OverlineText__text___VXI1W" };
+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-5FCYITMW.js → chunk-XLPW4NX3.js}

@@ -1,13 +1,15 @@
-import { _Popover } from './chunk-PHUI65VC.js';
+import { _Popover } from './chunk-SV6RSWOR.js';
 import { _Footer } from './chunk-VOZN65OL.js';
-import { _ListBox } from './chunk-NJVZCXT2.js';
-import { _ErrorMessage } from './chunk-HOCZEYM2.js';
-import { _HelperMessage } from './chunk-VEEIDUMU.js';
-import { _ToggleArrow } from './chunk-SNTJBZFO.js';
-import { ensureTextWrapper } from './chunk-PNRCYEDV.js';
-import { _Label } from './chunk-DL26PLJ5.js';
-import { useFormProps } from './chunk-R3XRXUM2.js';
+import { _ListBoxSection } from './chunk-DZJSSJVJ.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';
@@ -22,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___pF7W1", "hop-ComboBox--fluid": "ComboBox-module__hop-ComboBox--fluid___zaoJc", "hop-ComboBox__label": "ComboBox-module__hop-ComboBox__label___0-N3m", "hop-ComboBox__trigger": "ComboBox-module__hop-ComboBox__trigger___HzQOm", "hop-ComboBox__trigger--sm": "ComboBox-module__hop-ComboBox__trigger--sm___LsELl", "hop-ComboBox__trigger--md": "ComboBox-module__hop-ComboBox__trigger--md___9txxn", "hop-ComboBox__input": "ComboBox-module__hop-ComboBox__input___-ZWRs", "hop-ComboBox__button": "ComboBox-module__hop-ComboBox__button___BcEd8", "hop-ComboBox__prefix": "ComboBox-module__hop-ComboBox__prefix___bew-N", "hop-ComboBox__button-icon": "ComboBox-module__hop-ComboBox__button-icon___8kuBm", "hop-ComboBox__helper-message": "ComboBox-module__hop-ComboBox__helper-message___9Un84", "hop-ComboBox__error-message": "ComboBox-module__hop-ComboBox__error-message___j1544" };
+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;
@@ -274,5 +276,7 @@ function ComboBox(props, ref) {
 }
 var _ComboBox = forwardRef(ComboBox);
 _ComboBox.displayName = "ComboBox";
+var ComboBoxItem = _ListBoxItem;
+var ComboBoxSection = _ListBoxSection;
 
-export { GlobalComboBoxCssSelector, _ComboBox };
+export { ComboBoxItem, ComboBoxSection, GlobalComboBoxCssSelector, _ComboBox };

package/dist/{chunk-PIUO4NSJ.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___arfd5", "hop-Disclosure__header": "Disclosure-module__hop-Disclosure__header___Hd6Im", "hop-Disclosure--inline": "Disclosure-module__hop-Disclosure--inline___nuiDX", "hop-Disclosure__panel": "Disclosure-module__hop-Disclosure__panel___SgY2m" };
+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-NBCVQB4U.js → chunk-YQLCOKBQ.js}

@@ -1,6 +1,6 @@
 import { SwitchContext } from './chunk-YHBJAXUY.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
-import { ensureTextWrapper } from './chunk-PNRCYEDV.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___spKpf", "hop-Switch--sm": "Switch-module__hop-Switch--sm___4NMlo", "hop-Switch--md": "Switch-module__hop-Switch--md___eql0s", "hop-Switch__indicator": "Switch-module__hop-Switch__indicator___v086c", "hop-Switch__text": "Switch-module__hop-Switch__text___-3RWI", "hop-Switch__icon-list": "Switch-module__hop-Switch__icon-list___TvAYA", "hop-Switch__icon": "Switch-module__hop-Switch__icon___bgjY-" };
+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-RYVQOAWM.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___bSbgF", "hop-Card--main": "Card-module__hop-Card--main___NeDzE", "hop-Card--second-level": "Card-module__hop-Card--second-level___9KDL-" };
+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';