@hopper-ui/components 1.4.13 → 1.5.1

package/dist/{chunk-6XT4723P.js → chunk-BRBQB7QP.js}

@@ -1,23 +1,23 @@
-import { _InputGroup } from './chunk-5FJYI4LW.js';
-import { InputContext, Input } from './chunk-22KQXJXZ.js';
-import { _Popover } from './chunk-JPIQEUGC.js';
+import { InputContext, Input } from './chunk-EWPU3O4M.js';
+import { _InputGroup } from './chunk-5C6QSVAT.js';
+import { _Popover } from './chunk-YPFRE4CL.js';
 import { _Footer } from './chunk-VOZN65OL.js';
 import { _ListBoxSection } from './chunk-DZJSSJVJ.js';
-import { _ListBox } from './chunk-HYJ7TQWP.js';
-import { _ListBoxItem } from './chunk-NLXPIXK6.js';
-import { _HelperMessage } from './chunk-XKG2DTMX.js';
-import { _ErrorMessage } from './chunk-ZABWFRCB.js';
+import { _ListBox } from './chunk-7PFBJGXR.js';
+import { _ListBoxItem } from './chunk-4XCHLR74.js';
+import { _ErrorMessage } from './chunk-UVAYZR6E.js';
+import { _HelperMessage } from './chunk-HX5DVM3I.js';
 import { ComboBoxContext } from './chunk-4XHTP4GX.js';
-import { _ToggleArrow } from './chunk-G6BSMNGR.js';
-import { BadgeContext } from './chunk-CQDLZ42T.js';
-import { ensureTextWrapper } from './chunk-ZZ7W2CSK.js';
-import { _Label } from './chunk-H4CNGCXD.js';
-import { useFormProps } from './chunk-U7OQMVV4.js';
+import { _ToggleArrow } from './chunk-CJ265VTW.js';
+import { ensureTextWrapper } from './chunk-3K67676Q.js';
+import { _Label } from './chunk-3Z635COB.js';
+import { useFormProps } from './chunk-SYTIFS4W.js';
 import { TextContext as TextContext$1 } from './chunk-X6SER3TZ.js';
-import { ClearProviders, ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
+import { ClearProviders, ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
+import { BadgeContext } from './chunk-CQDLZ42T.js';
 import { IconContext } from '@hopper-ui/icons';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
 import { useObjectRef, mergeRefs, useResizeObserver } from '@react-aria/utils';
@@ -26,7 +26,7 @@ import { useContextProps, useSlottedContext, composeRenderProps, TextContext, Bu
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./ComboBox.module.css#css-module
-var ComboBox_module_default = { "hop-ComboBox": "ComboBox-module__hop-ComboBox___IlL9c", "hop-ComboBox--fluid": "ComboBox-module__hop-ComboBox--fluid___xtyNV", "hop-ComboBox__label": "ComboBox-module__hop-ComboBox__label___dkoN3", "hop-ComboBox__trigger": "ComboBox-module__hop-ComboBox__trigger___yiVrI", "hop-ComboBox__button": "ComboBox-module__hop-ComboBox__button___8oAbD", "hop-ComboBox__prefix": "ComboBox-module__hop-ComboBox__prefix___Q-Nj-", "hop-ComboBox__helper-message": "ComboBox-module__hop-ComboBox__helper-message___K1FI-", "hop-ComboBox__error-message": "ComboBox-module__hop-ComboBox__error-message___e-FG5" };
+var ComboBox_module_default = { "hop-ComboBox": "ComboBox-module__hop-ComboBox___MFzkw", "hop-ComboBox--fluid": "ComboBox-module__hop-ComboBox--fluid___7Kcwi", "hop-ComboBox__label": "ComboBox-module__hop-ComboBox__label___D3Cxg", "hop-ComboBox__trigger": "ComboBox-module__hop-ComboBox__trigger___auMIw", "hop-ComboBox__button": "ComboBox-module__hop-ComboBox__button___mxhcT", "hop-ComboBox__prefix": "ComboBox-module__hop-ComboBox__prefix___iLCI-", "hop-ComboBox__helper-message": "ComboBox-module__hop-ComboBox__helper-message___rQeFY", "hop-ComboBox__error-message": "ComboBox-module__hop-ComboBox__error-message___fig39" };
 var GlobalComboBoxCssSelector = "hop-ComboBox";
 function ComboBox(props, ref) {
   var _a, _b, _c, _d, _e;

package/dist/{chunk-G6BSMNGR.js → chunk-CJ265VTW.js}

@@ -8,7 +8,7 @@ import { useContextProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./ToggleArrow.module.css#css-module
-var ToggleArrow_module_default = { "hop-ToggleArrow": "ToggleArrow-module__hop-ToggleArrow___okxJK" };
+var ToggleArrow_module_default = { "hop-ToggleArrow": "ToggleArrow-module__hop-ToggleArrow___e5dCo" };
 var GlobalToggleArrowCssSelector = "hop-ToggleArrow";
 function ToggleArrow(props, ref) {
   [props, ref] = useContextProps(props, ref, ToggleArrowContext);

package/dist/{chunk-SYNHOVEE.js → chunk-DDMZ3CJU.js}

@@ -1,4 +1,4 @@
-import { _BaseModal } from './chunk-SU4IQWYK.js';
+import { _BaseModal } from './chunk-SFXB5GZY.js';
 import { CustomModalContext } from './chunk-LUO2HNXA.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
@@ -8,7 +8,7 @@ import { useContextProps, composeRenderProps, Dialog, OverlayTriggerStateContext
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./CustomModal.module.css#css-module
-var CustomModal_module_default = { "hop-CustomModal": "CustomModal-module__hop-CustomModal___aHibG" };
+var CustomModal_module_default = { "hop-CustomModal": "CustomModal-module__hop-CustomModal___19UaF" };
 var GlobalCustomModalCssSelector = "hop-CustomModal";
 var CustomModal = (props, ref) => {
   var _a;

package/dist/{chunk-22KQXJXZ.js → chunk-EWPU3O4M.js}

@@ -6,7 +6,7 @@ import { useContextProps, Input as Input$1 } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Input.module.css#css-module
-var Input_module_default = { "hop-Input": "Input-module__hop-Input___q1v-c", "hop-Input--sm": "Input-module__hop-Input--sm___HpB27" };
+var Input_module_default = { "hop-Input": "Input-module__hop-Input___NOphd", "hop-Input--sm": "Input-module__hop-Input--sm___EKx8T" };
 var InputContext = createContext({});
 var Input = forwardRef(function Input2(props, ref) {
   var _a;

package/dist/{chunk-RG43DVQM.js → chunk-F4NF2EYN.js}

@@ -14,7 +14,7 @@ import { useContextProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./IllustratedMessage.module.css#css-module
-var IllustratedMessage_module_default = { "hop-IllustratedMessage": "IllustratedMessage-module__hop-IllustratedMessage___4Flge", "hop-IllustratedMessage--sm": "IllustratedMessage-module__hop-IllustratedMessage--sm___Fqa15", "hop-IllustratedMessage--md": "IllustratedMessage-module__hop-IllustratedMessage--md___QN6dg", "hop-IllustratedMessage--lg": "IllustratedMessage-module__hop-IllustratedMessage--lg___ohYbu", "hop-IllustratedMessage__image": "IllustratedMessage-module__hop-IllustratedMessage__image___9xTTp", "hop-IllustratedMessage__heading": "IllustratedMessage-module__hop-IllustratedMessage__heading___NYgov", "hop-IllustratedMessage-md": "IllustratedMessage-module__hop-IllustratedMessage-md___sVBBI", "hop-IllustratedMessage__content": "IllustratedMessage-module__hop-IllustratedMessage__content___SO2Le", "hop-IllustratedMessage__buttonGroup": "IllustratedMessage-module__hop-IllustratedMessage__buttonGroup___fRq9x", "hop-IllustratedMessage__button": "IllustratedMessage-module__hop-IllustratedMessage__button___kS3m4" };
+var IllustratedMessage_module_default = { "hop-IllustratedMessage": "IllustratedMessage-module__hop-IllustratedMessage___4bXzC", "hop-IllustratedMessage--sm": "IllustratedMessage-module__hop-IllustratedMessage--sm___OPbxE", "hop-IllustratedMessage--md": "IllustratedMessage-module__hop-IllustratedMessage--md___HpzB1", "hop-IllustratedMessage--lg": "IllustratedMessage-module__hop-IllustratedMessage--lg___gGxSY", "hop-IllustratedMessage__image": "IllustratedMessage-module__hop-IllustratedMessage__image___FeFrp", "hop-IllustratedMessage__heading": "IllustratedMessage-module__hop-IllustratedMessage__heading___-gPFJ", "hop-IllustratedMessage-md": "IllustratedMessage-module__hop-IllustratedMessage-md___BgQvw", "hop-IllustratedMessage__content": "IllustratedMessage-module__hop-IllustratedMessage__content___2-4Zq", "hop-IllustratedMessage__buttonGroup": "IllustratedMessage-module__hop-IllustratedMessage__buttonGroup___DwgqJ", "hop-IllustratedMessage__button": "IllustratedMessage-module__hop-IllustratedMessage__button___qnsd4" };
 var GlobalIllustratedMessageCssSelector = "hop-IllustratedMessage";
 function IllustratedMessage(props, ref) {
   [props, ref] = useContextProps(props, ref, IllustratedMessageContext);

package/dist/{chunk-SC4CCWXO.js → chunk-FJ3ASYYF.js}

@@ -1,8 +1,8 @@
-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 { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
+import { BadgeContext } from './chunk-CQDLZ42T.js';
+import { FloatingBadgeContext } from './chunk-CIGS4QGT.js';
 import { useStyledSystem } from '@hopper-ui/styled-system';
 import clsx from 'clsx';
 import { forwardRef } from 'react';
@@ -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___xJTHh", "hop-FloatingBadge__badge": "FloatingBadge-module__hop-FloatingBadge__badge___Nnulr" };
+var FloatingBadge_module_default = { "hop-FloatingBadge": "FloatingBadge-module__hop-FloatingBadge___fEiop", "hop-FloatingBadge__badge": "FloatingBadge-module__hop-FloatingBadge__badge___bPxGT" };
 var GlobalFloatingBadgeCssSelector = "hop-FloatingBadge";
 function FloatingBadge(props, ref) {
   [props, ref] = useContextProps(props, ref, FloatingBadgeContext);

package/dist/{chunk-UD7NLLUD.js → chunk-FRKVWWPI.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___FdN4I", "hop-Card--main": "Card-module__hop-Card--main___njr-K", "hop-Card--second-level": "Card-module__hop-Card--second-level___WuE14" };
+var Card_module_default = { "hop-Card": "Card-module__hop-Card___b8Lm5", "hop-Card--main": "Card-module__hop-Card--main___Dxl1u", "hop-Card--second-level": "Card-module__hop-Card--second-level___rj5Po" };
 var GlobalCardCssSelector = "hop-Card";
 var Card = (props, ref) => {
   [props, ref] = useContextProps(props, ref, CardContext);

package/dist/{chunk-T2YL7HMR.js → chunk-FTDUVOBO.js}

@@ -1,7 +1,7 @@
-import { _RichIconAvatarImage } from './chunk-NXINJFE3.js';
+import { AvatarContext } from './chunk-AES7QBQE.js';
+import { _RichIconAvatarImage } from './chunk-NYXGMHOK.js';
 import { useRenderProps } from './chunk-2NSUMKNH.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
-import { AvatarContext } from './chunk-AES7QBQE.js';
 import { AnonymousRichIcon } from '@hopper-ui/icons';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
 import { forwardRef } from 'react';

package/dist/{chunk-VWMSTZ63.js → chunk-GHDJ2YHX.js}

@@ -1,9 +1,9 @@
+import { TagGroupContext, InternalTagGroupContext } from './chunk-4BWTFR22.js';
 import { TagContext } from './chunk-EWMWQ2MC.js';
-import { TagGroupContext } from './chunk-LCAS3YQV.js';
-import { _HelperMessage } from './chunk-XKG2DTMX.js';
-import { _ErrorMessage } from './chunk-ZABWFRCB.js';
-import { _Label } from './chunk-H4CNGCXD.js';
-import { useFormProps } from './chunk-U7OQMVV4.js';
+import { _ErrorMessage } from './chunk-UVAYZR6E.js';
+import { _HelperMessage } from './chunk-HX5DVM3I.js';
+import { _Label } from './chunk-3Z635COB.js';
+import { useFormProps } from './chunk-SYTIFS4W.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
@@ -14,7 +14,7 @@ import { useContextProps, composeRenderProps, FieldErrorContext, TagGroup as Tag
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // css-module:./TagGroup.module.css#css-module
-var TagGroup_module_default = { "hop-TagGroup": "TagGroup-module__hop-TagGroup___ZD3eF", "hop-TagGroup__label": "TagGroup-module__hop-TagGroup__label___eNjTr", "hop-TagGroup__list": "TagGroup-module__hop-TagGroup__list___wXi7m", "hop-TagGroup__error-message": "TagGroup-module__hop-TagGroup__error-message___YHKuE", "hop-TagGroup__helper-message": "TagGroup-module__hop-TagGroup__helper-message___592WK" };
+var TagGroup_module_default = { "hop-TagGroup": "TagGroup-module__hop-TagGroup___lPwBY", "hop-TagGroup__label": "TagGroup-module__hop-TagGroup__label___Wy-sW", "hop-TagGroup__list": "TagGroup-module__hop-TagGroup__list___xWLe0", "hop-TagGroup__error-message": "TagGroup-module__hop-TagGroup__error-message___Cs0ju", "hop-TagGroup__helper-message": "TagGroup-module__hop-TagGroup__helper-message___fYiBc" };
 var GlobalTagGroupCssSelector = "hop-TagGroup";
 function TagGroup(props, ref) {
   var _a;
@@ -74,44 +74,52 @@ function TagGroup(props, ref) {
     };
   });
   return /* @__PURE__ */ jsx(
-    SlotProvider,
+    InternalTagGroupContext.Provider,
     {
-      values: [
-        [TagContext, {
-          className: TagGroup_module_default["hop-TagGroup__tag"],
-          isInvalid,
-          size,
-          variant
-        }],
-        [FieldErrorContext, {
-          isInvalid,
-          validationErrors: [],
-          validationDetails: {}
-        }]
-      ],
-      children: /* @__PURE__ */ jsxs(
-        TagGroup$1,
+      value: {
+        isInGroup: true
+      },
+      children: /* @__PURE__ */ jsx(
+        SlotProvider,
         {
-          ref,
-          className: classNames,
-          style,
-          ...otherProps,
-          children: [
-            label && /* @__PURE__ */ jsx(_Label, { className: TagGroup_module_default["hop-TagGroup__Label"], necessityIndicator, children: label }),
-            /* @__PURE__ */ jsx(
-              TagList,
-              {
-                items,
-                renderEmptyState,
-                className: tagListClassNames,
-                style: tagListStyle,
-                ...otherTagListProps,
-                children
-              }
-            ),
-            description && /* @__PURE__ */ jsx(_HelperMessage, { className: TagGroup_module_default["hop-TagGroup__error-message"], hideIcon: true, children: description }),
-            /* @__PURE__ */ jsx(_ErrorMessage, { className: TagGroup_module_default["hop-TagGroup__helper-message"], hideIcon: true, children: errorMessage })
-          ]
+          values: [
+            [TagContext, {
+              className: TagGroup_module_default["hop-TagGroup__tag"],
+              isInvalid,
+              size,
+              variant
+            }],
+            [FieldErrorContext, {
+              isInvalid,
+              validationErrors: [],
+              validationDetails: {}
+            }]
+          ],
+          children: /* @__PURE__ */ jsxs(
+            TagGroup$1,
+            {
+              ref,
+              className: classNames,
+              style,
+              ...otherProps,
+              children: [
+                label && /* @__PURE__ */ jsx(_Label, { className: TagGroup_module_default["hop-TagGroup__Label"], necessityIndicator, children: label }),
+                /* @__PURE__ */ jsx(
+                  TagList,
+                  {
+                    items,
+                    renderEmptyState,
+                    className: tagListClassNames,
+                    style: tagListStyle,
+                    ...otherTagListProps,
+                    children
+                  }
+                ),
+                description && /* @__PURE__ */ jsx(_HelperMessage, { className: TagGroup_module_default["hop-TagGroup__error-message"], hideIcon: true, children: description }),
+                /* @__PURE__ */ jsx(_ErrorMessage, { className: TagGroup_module_default["hop-TagGroup__helper-message"], hideIcon: true, children: errorMessage })
+              ]
+            }
+          )
         }
       )
     }

package/dist/{chunk-6CB7F7BK.js → chunk-GO5F7KZ6.js}

@@ -7,7 +7,7 @@ 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___EcypW", "hop-Image--rounded": "Image-module__hop-Image--rounded___ckM0i", "hop-Image--circular": "Image-module__hop-Image--circular___MVjCB" };
+var Image_module_default = { "hop-Image": "Image-module__hop-Image___T19uK", "hop-Image--rounded": "Image-module__hop-Image--rounded___Lu05s", "hop-Image--circular": "Image-module__hop-Image--circular___HXjcT" };
 var GlobalImageCssSelector = "hop-Image";
 function Image(props, ref) {
   [props, ref] = useContextProps(props, ref, ImageContext);

package/dist/{chunk-PKHAOEQM.js → chunk-GZQVFVAI.js}

@@ -1,10 +1,10 @@
 import { RadioFieldContext } from './chunk-DGLAGYBD.js';
 import { RadioContext } from './chunk-FU5CCPLP.js';
-import { _Text } from './chunk-IKIWDGGT.js';
-import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
+import { _Text } from './chunk-ZJWJ7L2B.js';
 import { useRenderProps } from './chunk-2NSUMKNH.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
+import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
 import { useSlotId } from '@react-aria/utils';
@@ -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___rdlaf", "hop-RadioField--sm": "RadioField-module__hop-RadioField--sm___y-NGE", "hop-RadioField--md": "RadioField-module__hop-RadioField--md___eBqFB", "hop-RadioField__description": "RadioField-module__hop-RadioField__description___a8h3J", "hop-RadioField__radio": "RadioField-module__hop-RadioField__radio___qOPR7" };
+var RadioField_module_default = { "hop-RadioField": "RadioField-module__hop-RadioField___fqRi7", "hop-RadioField--sm": "RadioField-module__hop-RadioField--sm___BvC6Z", "hop-RadioField--md": "RadioField-module__hop-RadioField--md___JHM4P", "hop-RadioField__description": "RadioField-module__hop-RadioField__description___zTmR4", "hop-RadioField__radio": "RadioField-module__hop-RadioField__radio___6ZNGA" };
 var GlobalRadioFieldCssSelector = "hop-RadioField";
 var RadioToDescriptionSizeAdapter = {
   sm: "xs",

package/dist/{chunk-KTCJSUUT.js → chunk-H3HHC4LC.js}

@@ -1,7 +1,7 @@
-import { _RichIconAvatarImage } from './chunk-NXINJFE3.js';
+import { AvatarContext } from './chunk-AES7QBQE.js';
+import { _RichIconAvatarImage } from './chunk-NYXGMHOK.js';
 import { useRenderProps } from './chunk-2NSUMKNH.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
-import { AvatarContext } from './chunk-AES7QBQE.js';
 import { DeletedUserRichIcon } from '@hopper-ui/icons';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
 import { forwardRef } from 'react';

package/dist/{chunk-RYD4D6NY.js → chunk-HRG6MILH.js}

@@ -1,5 +1,5 @@
 import { LinkContext } from './chunk-4VVNSXIB.js';
-import { _CloseButton } from './chunk-U7QISYHQ.js';
+import { _CloseButton } from './chunk-KWTIXSD7.js';
 import { ContentContext } from './chunk-IXB2WK56.js';
 import { ButtonContext } from './chunk-WMTWFKKP.js';
 import { CompactCalloutContext } from './chunk-GRCAVJC6.js';
@@ -12,7 +12,7 @@ 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___eCSn5", "hop-CompactCallout__content": "CompactCallout-module__hop-CompactCallout__content___Ve6LN", "hop-CompactCallout__button": "CompactCallout-module__hop-CompactCallout__button___npPnI", "hop-CompactCallout__link": "CompactCallout-module__hop-CompactCallout__link___SAa3D", "hop-CompactCallout__dismiss": "CompactCallout-module__hop-CompactCallout__dismiss___6BFfa", "hop-CompactCallout--information": "CompactCallout-module__hop-CompactCallout--information___I-51z", "hop-CompactCallout--success": "CompactCallout-module__hop-CompactCallout--success___-Ygtw", "hop-CompactCallout--warning": "CompactCallout-module__hop-CompactCallout--warning___jQ8qB", "hop-CompactCallout--upsell": "CompactCallout-module__hop-CompactCallout--upsell___0ltYf", "hop-CompactCallout--subtle-fill": "CompactCallout-module__hop-CompactCallout--subtle-fill___aUTfN" };
+var CompactCallout_module_default = { "hop-CompactCallout": "CompactCallout-module__hop-CompactCallout___Scd35", "hop-CompactCallout__content": "CompactCallout-module__hop-CompactCallout__content___SeeGk", "hop-CompactCallout__button": "CompactCallout-module__hop-CompactCallout__button___TRLYX", "hop-CompactCallout__link": "CompactCallout-module__hop-CompactCallout__link___Rc5wD", "hop-CompactCallout__dismiss": "CompactCallout-module__hop-CompactCallout__dismiss___cMRKe", "hop-CompactCallout--information": "CompactCallout-module__hop-CompactCallout--information___5hFVq", "hop-CompactCallout--success": "CompactCallout-module__hop-CompactCallout--success___0KQ8D", "hop-CompactCallout--warning": "CompactCallout-module__hop-CompactCallout--warning___vhCIC", "hop-CompactCallout--upsell": "CompactCallout-module__hop-CompactCallout--upsell___pytT-", "hop-CompactCallout--subtle-fill": "CompactCallout-module__hop-CompactCallout--subtle-fill___s3vB2" };
 var GlobalCompactCalloutCssSelector = "hop-CompactCallout";
 var CompactCallout = (props, ref) => {
   [props, ref] = useContextProps(props, ref, CompactCalloutContext);

package/dist/{chunk-XKG2DTMX.js → chunk-HX5DVM3I.js}

@@ -1,5 +1,5 @@
 import { HelperMessageContext } from './chunk-HZKFQ33E.js';
-import { _Text } from './chunk-IKIWDGGT.js';
+import { _Text } from './chunk-ZJWJ7L2B.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { InfoIcon } from '@hopper-ui/icons';
 import { useStyledSystem } from '@hopper-ui/styled-system';
@@ -9,7 +9,7 @@ import { useContextProps, FieldErrorContext } from 'react-aria-components';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 // css-module:./HelperMessage.module.css#css-module
-var HelperMessage_module_default = { "hop-HelperMessage": "HelperMessage-module__hop-HelperMessage___qDTHD", "hop-HelperMessage__icon": "HelperMessage-module__hop-HelperMessage__icon___CsGNs" };
+var HelperMessage_module_default = { "hop-HelperMessage": "HelperMessage-module__hop-HelperMessage___plZQT", "hop-HelperMessage__icon": "HelperMessage-module__hop-HelperMessage__icon___Wuq-Z" };
 var GlobalHelperMessageCssSelector = "hop-HelperMessage";
 function HelperMessage(props, ref) {
   const validation = useContext(FieldErrorContext);

package/dist/chunk-IFSZVCXH.js

@@ -0,0 +1,74 @@
+import { TabsContext, InternalTabsContext } from './chunk-YOMX6DZZ.js';
+import { useStyledSystem } from '@hopper-ui/styled-system';
+import { useControlledState } from '@react-stately/utils';
+import clsx from 'clsx';
+import { forwardRef } from 'react';
+import { useContextProps, Tabs as Tabs$1, Provider } from 'react-aria-components';
+import { jsx } from 'react/jsx-runtime';
+
+var GlobalTabsCssSelector = "hop-Tabs";
+function Tabs(props, ref) {
+  var _a;
+  [props, ref] = useContextProps(props, ref, TabsContext);
+  const { stylingProps, ...ownProps } = useStyledSystem(props);
+  const {
+    className,
+    children,
+    style,
+    slot,
+    isDisabled,
+    disabledKeys,
+    variant = "standalone",
+    size = "sm",
+    isFluid,
+    ...otherProps
+  } = ownProps;
+  const [value, setValue] = useControlledState(props.selectedKey, (_a = props.defaultSelectedKey) != null ? _a : null, props.onSelectionChange);
+  if (!props["aria-label"] && !props["aria-labelledby"]) {
+    console.warn("An aria-label or aria-labelledby prop is required on Tabs for accessibility.");
+  }
+  const classNames = clsx(
+    GlobalTabsCssSelector,
+    stylingProps.className,
+    className
+  );
+  const mergedStyles = {
+    ...style,
+    ...stylingProps.style
+  };
+  return /* @__PURE__ */ jsx(
+    Tabs$1,
+    {
+      ref,
+      slot,
+      className: classNames,
+      style: mergedStyles,
+      isDisabled,
+      disabledKeys,
+      ...otherProps,
+      children: /* @__PURE__ */ jsx(
+        Provider,
+        {
+          values: [
+            [InternalTabsContext, {
+              variant,
+              size,
+              selectedKey: value,
+              onSelectionChange: setValue,
+              isFluid,
+              isDisabled,
+              disabledKeys,
+              "aria-label": props["aria-label"],
+              "aria-labelledby": props["aria-labelledby"]
+            }]
+          ],
+          children
+        }
+      )
+    }
+  );
+}
+var _Tabs = forwardRef(Tabs);
+_Tabs.displayName = "Tabs";
+
+export { GlobalTabsCssSelector, _Tabs };

package/dist/{chunk-4W7UL74T.js → chunk-IHR6MVXE.js}

@@ -1,6 +1,6 @@
 import { SwitchFieldContext } from './chunk-H7VJS4MX.js';
 import { SwitchContext } from './chunk-YHBJAXUY.js';
-import { _Text } from './chunk-IKIWDGGT.js';
+import { _Text } from './chunk-ZJWJ7L2B.js';
 import { useRenderProps } from './chunk-2NSUMKNH.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
@@ -13,7 +13,7 @@ import { useContextProps, composeRenderProps } from 'react-aria-components';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // css-module:./SwitchField.module.css#css-module
-var SwitchField_module_default = { "hop-SwitchField": "SwitchField-module__hop-SwitchField___c9Unw", "hop-SwitchField--sm": "SwitchField-module__hop-SwitchField--sm___IgUi8", "hop-SwitchField--md": "SwitchField-module__hop-SwitchField--md___FqqP-", "hop-SwitchField__description": "SwitchField-module__hop-SwitchField__description___43GD7", "hop-SwitchField__switch": "SwitchField-module__hop-SwitchField__switch___TuiXX" };
+var SwitchField_module_default = { "hop-SwitchField": "SwitchField-module__hop-SwitchField___FU604", "hop-SwitchField--sm": "SwitchField-module__hop-SwitchField--sm___pe9Qz", "hop-SwitchField--md": "SwitchField-module__hop-SwitchField--md___g36J-", "hop-SwitchField__description": "SwitchField-module__hop-SwitchField__description___K7N7-", "hop-SwitchField__switch": "SwitchField-module__hop-SwitchField__switch___RpHEx" };
 var GlobalSwitchFieldCssSelector = "hop-SwitchField";
 var SwitchToDescriptionSizeAdapter = {
   sm: "xs",

package/dist/{chunk-JCEKO3I7.js → chunk-IJQJ4UOS.js}

@@ -1,10 +1,10 @@
 import { RadioFieldContext } from './chunk-DGLAGYBD.js';
 import { RadioGroupContext } from './chunk-5MBJWRZD.js';
 import { RadioContext } from './chunk-FU5CCPLP.js';
-import { _HelperMessage } from './chunk-XKG2DTMX.js';
-import { _ErrorMessage } from './chunk-ZABWFRCB.js';
-import { _Label } from './chunk-H4CNGCXD.js';
-import { useFormProps } from './chunk-U7OQMVV4.js';
+import { _ErrorMessage } from './chunk-UVAYZR6E.js';
+import { _HelperMessage } from './chunk-HX5DVM3I.js';
+import { _Label } from './chunk-3Z635COB.js';
+import { useFormProps } from './chunk-SYTIFS4W.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___uEo0z", "hop-RadioGroup--bordered": "RadioGroup-module__hop-RadioGroup--bordered___6L1V0", "hop-RadioGroup--sm": "RadioGroup-module__hop-RadioGroup--sm___n2qSq", "hop-RadioGroup--md": "RadioGroup-module__hop-RadioGroup--md___day9l", "hop-RadioGroup__label": "RadioGroup-module__hop-RadioGroup__label___h-C1g", "hop-RadioGroup__list": "RadioGroup-module__hop-RadioGroup__list___oflWt", "hop-RadioGroup__radio": "RadioGroup-module__hop-RadioGroup__radio___fi5kx", "hop-RadioGroup__error-message": "RadioGroup-module__hop-RadioGroup__error-message___lxEEE", "hop-RadioGroup__helper-message": "RadioGroup-module__hop-RadioGroup__helper-message___ouPuX" };
+var RadioGroup_module_default = { "hop-RadioGroup": "RadioGroup-module__hop-RadioGroup___rGgN1", "hop-RadioGroup--bordered": "RadioGroup-module__hop-RadioGroup--bordered___Egp2s", "hop-RadioGroup--sm": "RadioGroup-module__hop-RadioGroup--sm___-4eLm", "hop-RadioGroup--md": "RadioGroup-module__hop-RadioGroup--md___7wKk6", "hop-RadioGroup__label": "RadioGroup-module__hop-RadioGroup__label___gPwwn", "hop-RadioGroup__list": "RadioGroup-module__hop-RadioGroup__list___aV6wh", "hop-RadioGroup__radio": "RadioGroup-module__hop-RadioGroup__radio___p-orx", "hop-RadioGroup__error-message": "RadioGroup-module__hop-RadioGroup__error-message___PxA1r", "hop-RadioGroup__helper-message": "RadioGroup-module__hop-RadioGroup__helper-message___tfeVc" };
 var GlobalRadioGroupCssSelector = "hop-RadioGroup";
 function RadioGroup(props, ref) {
   var _a, _b, _c;

package/dist/{chunk-2BSRUZT4.js → chunk-IVWEKEF3.js}

@@ -8,7 +8,7 @@ import { useContextProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./IconList.module.css#css-module
-var IconList_module_default = { "hop-IconList": "IconList-module__hop-IconList___WA6PS" };
+var IconList_module_default = { "hop-IconList": "IconList-module__hop-IconList___6wa1F" };
 var GlobalIconListCssSelector = "hop-IconList";
 function IconList(props, ref) {
   [props, ref] = useContextProps(props, ref, IconListContext);

package/dist/{chunk-BHOPHCRR.js → chunk-JHHQBOY5.js}

@@ -1,10 +1,10 @@
 import { useImageFallback } from './chunk-3ZCLNFNH.js';
-import { _Text } from './chunk-IKIWDGGT.js';
-import { _RichIconAvatarImage } from './chunk-NXINJFE3.js';
+import { _Text } from './chunk-ZJWJ7L2B.js';
+import { AvatarContext } from './chunk-AES7QBQE.js';
+import { _RichIconAvatarImage } from './chunk-NYXGMHOK.js';
 import { useRenderProps } from './chunk-2NSUMKNH.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
-import { AvatarContext } from './chunk-AES7QBQE.js';
 import { BrokenImageRichIcon } from '@hopper-ui/icons';
 import { slot, useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
 import { filterDOMProps, mergeProps } from '@react-aria/utils';
@@ -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___9r5hr", "hop-Avatar--xs": "Avatar-module__hop-Avatar--xs___lK6I1", "hop-Avatar--sm": "Avatar-module__hop-Avatar--sm___CDAv4", "hop-Avatar--md": "Avatar-module__hop-Avatar--md___5jiiM", "hop-Avatar--lg": "Avatar-module__hop-Avatar--lg___AiTW0", "hop-Avatar--xl": "Avatar-module__hop-Avatar--xl___6EZCs", "hop-Avatar--2xl": "Avatar-module__hop-Avatar--2xl___2ltvW", "hop-Avatar--decorative-option1": "Avatar-module__hop-Avatar--decorative-option1___mZZfz", "hop-Avatar--decorative-option2": "Avatar-module__hop-Avatar--decorative-option2___7vS7e", "hop-Avatar--decorative-option3": "Avatar-module__hop-Avatar--decorative-option3___A7CMt", "hop-Avatar--decorative-option4": "Avatar-module__hop-Avatar--decorative-option4___j-U5n", "hop-Avatar--decorative-option5": "Avatar-module__hop-Avatar--decorative-option5___b4kJ2", "hop-Avatar--decorative-option6": "Avatar-module__hop-Avatar--decorative-option6___RV0Uw", "hop-Avatar--decorative-option7": "Avatar-module__hop-Avatar--decorative-option7___JPyIY", "hop-Avatar--decorative-option8": "Avatar-module__hop-Avatar--decorative-option8___OqUBr", "hop-Avatar--decorative-option9": "Avatar-module__hop-Avatar--decorative-option9___X9Eu2", "hop-Avatar__image": "Avatar-module__hop-Avatar__image___Er693" };
+var Avatar_module_default = { "hop-Avatar": "Avatar-module__hop-Avatar___AHWjR", "hop-Avatar--xs": "Avatar-module__hop-Avatar--xs___-KbhM", "hop-Avatar--sm": "Avatar-module__hop-Avatar--sm___xOkdL", "hop-Avatar--md": "Avatar-module__hop-Avatar--md___8Yi32", "hop-Avatar--lg": "Avatar-module__hop-Avatar--lg___p2NMB", "hop-Avatar--xl": "Avatar-module__hop-Avatar--xl___wj79p", "hop-Avatar--2xl": "Avatar-module__hop-Avatar--2xl___WjsB-", "hop-Avatar--decorative-option1": "Avatar-module__hop-Avatar--decorative-option1___gnKfh", "hop-Avatar--decorative-option2": "Avatar-module__hop-Avatar--decorative-option2___o3Tns", "hop-Avatar--decorative-option3": "Avatar-module__hop-Avatar--decorative-option3___Acq9j", "hop-Avatar--decorative-option4": "Avatar-module__hop-Avatar--decorative-option4___ov4m9", "hop-Avatar--decorative-option5": "Avatar-module__hop-Avatar--decorative-option5___TT3Un", "hop-Avatar--decorative-option6": "Avatar-module__hop-Avatar--decorative-option6___dHUgD", "hop-Avatar--decorative-option7": "Avatar-module__hop-Avatar--decorative-option7___TgsYK", "hop-Avatar--decorative-option8": "Avatar-module__hop-Avatar--decorative-option8___d7ZQN", "hop-Avatar--decorative-option9": "Avatar-module__hop-Avatar--decorative-option9___HfNZ7", "hop-Avatar__image": "Avatar-module__hop-Avatar__image___Jj1kg" };
 var GlobalAvatarCssSelector = "hop-Avatar";
 var AvatarToTextSizeAdapter = {
   xs: "xs",

package/dist/chunk-JKAOOVUW.js

@@ -0,0 +1,46 @@
+import { TabPanelContext } from './chunk-YOMX6DZZ.js';
+import { cssModule } from './chunk-KVDXQMWI.js';
+import { useStyledSystem } from '@hopper-ui/styled-system';
+import clsx from 'clsx';
+import { forwardRef } from 'react';
+import { useContextProps, TabPanel as TabPanel$1 } from 'react-aria-components';
+import { jsx } from 'react/jsx-runtime';
+
+// css-module:./TabPanel.module.css#css-module
+var TabPanel_module_default = { "hop-TabPanel": "TabPanel-module__hop-TabPanel___OMSlt" };
+var GlobalTabPanelCssSelector = "hop-TabPanel";
+function TabPanel(props, ref) {
+  [props, ref] = useContextProps(props, ref, TabPanelContext);
+  const { stylingProps, ...ownProps } = useStyledSystem(props);
+  const {
+    className,
+    style,
+    ...otherProps
+  } = ownProps;
+  const classNames = clsx(
+    GlobalTabPanelCssSelector,
+    cssModule(
+      TabPanel_module_default,
+      "hop-TabPanel"
+    ),
+    stylingProps.className,
+    className
+  );
+  const mergedStyles = {
+    ...style,
+    ...stylingProps.style
+  };
+  return /* @__PURE__ */ jsx(
+    TabPanel$1,
+    {
+      ref,
+      style: mergedStyles,
+      className: classNames,
+      ...otherProps
+    }
+  );
+}
+var _TabPanel = forwardRef(TabPanel);
+_TabPanel.displayName = "TabPanel";
+
+export { GlobalTabPanelCssSelector, _TabPanel };

package/dist/{chunk-MJW64RG7.js → chunk-KJ6F52WO.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___fsefT", "hop-ButtonGroup--horizontal": "ButtonGroup-module__hop-ButtonGroup--horizontal___6x96a", "hop-ButtonGroup--vertical": "ButtonGroup-module__hop-ButtonGroup--vertical___XmDh5", "hop-ButtonGroup--start": "ButtonGroup-module__hop-ButtonGroup--start___aQudj", "hop-ButtonGroup--center": "ButtonGroup-module__hop-ButtonGroup--center___Ejs33", "hop-ButtonGroup--end": "ButtonGroup-module__hop-ButtonGroup--end___KkVZ-", "hop-ButtonGroup--wrap": "ButtonGroup-module__hop-ButtonGroup--wrap___YVFgF", "hop-ButtonGroup--fluid": "ButtonGroup-module__hop-ButtonGroup--fluid___RoI20" };
+var ButtonGroup_module_default = { "hop-ButtonGroup": "ButtonGroup-module__hop-ButtonGroup___D02UK", "hop-ButtonGroup--horizontal": "ButtonGroup-module__hop-ButtonGroup--horizontal___vuVNy", "hop-ButtonGroup--vertical": "ButtonGroup-module__hop-ButtonGroup--vertical___DMonT", "hop-ButtonGroup--start": "ButtonGroup-module__hop-ButtonGroup--start___44QAo", "hop-ButtonGroup--center": "ButtonGroup-module__hop-ButtonGroup--center___nDDGC", "hop-ButtonGroup--end": "ButtonGroup-module__hop-ButtonGroup--end___bK8m9", "hop-ButtonGroup--wrap": "ButtonGroup-module__hop-ButtonGroup--wrap___h-kjK", "hop-ButtonGroup--fluid": "ButtonGroup-module__hop-ButtonGroup--fluid___qUAZy" };
 var GlobalButtonGroupCssSelector = "hop-ButtonGroup";
 function ButtonGroup(props, ref) {
   var _a, _b, _c, _d;

package/dist/{chunk-U7QISYHQ.js → chunk-KWTIXSD7.js}

@@ -1,5 +1,5 @@
-import { _Button } from './chunk-2SLQXXR3.js';
 import { CloseButtonContext } from './chunk-RBWFFWIG.js';
+import { _Button } from './chunk-BDTANCWW.js';
 import { useLocalizedString } from './chunk-75DHKNW2.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { DismissIcon } from '@hopper-ui/icons';
@@ -10,7 +10,7 @@ import { useContextProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./CloseButton.module.css#css-module
-var CloseButton_module_default = { "hop-CloseButton": "CloseButton-module__hop-CloseButton___r0kT0" };
+var CloseButton_module_default = { "hop-CloseButton": "CloseButton-module__hop-CloseButton___uXPpN" };
 var GlobalCloseButtonCssSelector = "hop-CloseButton";
 function CloseButton(props, ref) {
   [props, ref] = useContextProps(props, ref, CloseButtonContext);

package/dist/{chunk-WCO5VX2D.js → chunk-KZNNZP23.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___pa3u-", "hop-OverlineText__text": "OverlineText-module__hop-OverlineText__text___CfE4b" };
+var OverlineText_module_default = { "hop-OverlineText": "OverlineText-module__hop-OverlineText___hAQB8", "hop-OverlineText__text": "OverlineText-module__hop-OverlineText__text___8cFzU" };
 var GlobalOverlineTextCssSelector = "hop-OverlineText";
 function OverlineText(props, ref) {
   [props, ref] = useContextProps(props, ref, OverlineTextContext);