@hopper-ui/components 1.4.4 → 1.4.5

package/dist/checkbox/src/index.js

@@ -1,28 +1,28 @@
-export { _CheckboxGroup as CheckboxGroup, GlobalCheckboxGroupCssSelector } from '../../chunk-746EWHEN.js';
-export { CheckboxGroupContext } from '../../chunk-N7YDPVZL.js';
-export { _Checkbox as Checkbox, GlobalCheckboxCssSelector } from '../../chunk-WLLYP5GR.js';
-export { _CheckboxField as CheckboxField, GlobalCheckboxFieldCssSelector } from '../../chunk-X323OHPE.js';
+export { _Checkbox as Checkbox, GlobalCheckboxCssSelector } from '../../chunk-64TQVQTQ.js';
+export { _CheckboxField as CheckboxField, GlobalCheckboxFieldCssSelector } from '../../chunk-ILMELMNG.js';
+export { _CheckboxGroup as CheckboxGroup, GlobalCheckboxGroupCssSelector } from '../../chunk-IRDC4A5V.js';
 export { CheckboxFieldContext } from '../../chunk-ZGNK4GWA.js';
-export { _DecorativeCheckbox as DecorativeCheckbox, GlobalDecorativeCheckboxCssSelector } from '../../chunk-5LDARV3U.js';
+export { CheckboxGroupContext } from '../../chunk-N7YDPVZL.js';
+export { _DecorativeCheckbox as DecorativeCheckbox, GlobalDecorativeCheckboxCssSelector } from '../../chunk-XKSS3LMT.js';
 export { CheckboxContext } from '../../chunk-2EAZPH3M.js';
-import '../../chunk-AJYF4K7F.js';
-import '../../chunk-HZKFQ33E.js';
 import '../../chunk-DHVVYSLB.js';
-import '../../chunk-NCRCC7XA.js';
+import '../../chunk-HOCZEYM2.js';
 import '../../chunk-FAE27DLF.js';
-import '../../chunk-Q5E3TQRF.js';
+import '../../chunk-VEEIDUMU.js';
+import '../../chunk-HZKFQ33E.js';
+import '../../chunk-PNRCYEDV.js';
 import '../../chunk-ZWU6DRRZ.js';
 import '../../chunk-DBIN32YS.js';
-import '../../chunk-CMG4VD5X.js';
-import '../../chunk-BJZAXT2F.js';
+import '../../chunk-UVOV47HY.js';
+import '../../chunk-DL26PLJ5.js';
 import '../../chunk-QCA3ZR56.js';
 import '../../chunk-TFVDF4YH.js';
 import '../../chunk-TXZ6BMFR.js';
-import '../../chunk-WCRASDES.js';
+import '../../chunk-R3XRXUM2.js';
 import '../../chunk-Q7NXUUB3.js';
-import '../../chunk-MLNWMBCL.js';
+import '../../chunk-L5FIZTGO.js';
 import '../../chunk-WPNVVGFW.js';
-import '../../chunk-6ZYGCRKJ.js';
+import '../../chunk-2QQKKCA6.js';
 import '../../chunk-X6SER3TZ.js';
 import '../../chunk-HXI3MEEK.js';
 import '../../chunk-NH3IVMXB.js';

package/dist/{chunk-6ZYGCRKJ.js → chunk-2QQKKCA6.js}

@@ -9,7 +9,7 @@ import { useContextProps, Text as Text$1 } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Text.module.css#css-module
-var Text_module_default = { "hop-Text": "Text-module__hop-Text___gPVWn", "hop-Text--xs": "Text-module__hop-Text--xs___ryAs-", "hop-Text--sm": "Text-module__hop-Text--sm___4LJCF", "hop-Text--md": "Text-module__hop-Text--md___Wj9mM", "hop-Text--lg": "Text-module__hop-Text--lg___lN1CJ", "hop-Text--xl": "Text-module__hop-Text--xl___2jE4T", "hop-Text--2xl": "Text-module__hop-Text--2xl___x5T-v", "hop-Text--inherit": "Text-module__hop-Text--inherit___YuJYO" };
+var Text_module_default = { "hop-Text": "Text-module__hop-Text___-EnWE", "hop-Text--xs": "Text-module__hop-Text--xs___vpyar", "hop-Text--sm": "Text-module__hop-Text--sm___tHl7L", "hop-Text--md": "Text-module__hop-Text--md___41oTK", "hop-Text--lg": "Text-module__hop-Text--lg___RTw0Q", "hop-Text--xl": "Text-module__hop-Text--xl___6wxcw", "hop-Text--2xl": "Text-module__hop-Text--2xl___er60W", "hop-Text--inherit": "Text-module__hop-Text--inherit___g7rAM" };
 var GlobalTextCssSelector = "hop-Text";
 function Text(props, ref) {
   [props, ref] = useContextProps(props, ref, TextContext);

package/dist/{chunk-SMLTEO45.js → chunk-2W2TKWDW.js}

@@ -1,4 +1,4 @@
-import { _OverlineText } from './chunk-MLNWMBCL.js';
+import { _OverlineText } from './chunk-L5FIZTGO.js';
 import { BadgeContext } from './chunk-CQDLZ42T.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { useRenderProps } from './chunk-NH3IVMXB.js';
@@ -23,7 +23,7 @@ function mapOrbiterToHopperVariants(variant) {
 }
 
 // css-module:./Badge.module.css#css-module
-var Badge_module_default = { "hop-Badge": "Badge-module__hop-Badge___4gu4P", "hop-Badge--primary": "Badge-module__hop-Badge--primary___sGI4Q", "hop-Badge--secondary": "Badge-module__hop-Badge--secondary___XiwCS", "hop-Badge--subdued": "Badge-module__hop-Badge--subdued___OQBq2" };
+var Badge_module_default = { "hop-Badge": "Badge-module__hop-Badge___9McsH", "hop-Badge--primary": "Badge-module__hop-Badge--primary___JrGFu", "hop-Badge--secondary": "Badge-module__hop-Badge--secondary___R1amU", "hop-Badge--subdued": "Badge-module__hop-Badge--subdued___nbBJ2" };
 var GlobalBadgeCssSelector = "hop-Badge";
 function Badge(props, ref) {
   [props, ref] = useContextProps(props, ref, BadgeContext);

package/dist/{chunk-NFLZWSYR.js → chunk-5FCYITMW.js}

@@ -1,12 +1,12 @@
-import { _Popover } from './chunk-7KB2OZW3.js';
+import { _Popover } from './chunk-PHUI65VC.js';
 import { _Footer } from './chunk-VOZN65OL.js';
-import { _ListBox } from './chunk-5JGCU3OG.js';
-import { _HelperMessage } from './chunk-AJYF4K7F.js';
-import { _ErrorMessage } from './chunk-NCRCC7XA.js';
-import { _ToggleArrow } from './chunk-N3R475B6.js';
-import { ensureTextWrapper } from './chunk-Q5E3TQRF.js';
-import { _Label } from './chunk-BJZAXT2F.js';
-import { useFormProps } from './chunk-WCRASDES.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 { ComboBoxContext } from './chunk-4XHTP4GX.js';
 import { BadgeContext } from './chunk-CQDLZ42T.js';
 import { TextContext as TextContext$1 } from './chunk-X6SER3TZ.js';
@@ -22,7 +22,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___dMXvQ", "hop-ComboBox--fluid": "ComboBox-module__hop-ComboBox--fluid___8lSvS", "hop-ComboBox__label": "ComboBox-module__hop-ComboBox__label___4w8yt", "hop-ComboBox__trigger": "ComboBox-module__hop-ComboBox__trigger___fagSv", "hop-ComboBox__trigger--sm": "ComboBox-module__hop-ComboBox__trigger--sm___Ftiog", "hop-ComboBox__trigger--md": "ComboBox-module__hop-ComboBox__trigger--md___T1WaR", "hop-ComboBox__input": "ComboBox-module__hop-ComboBox__input___IBPYy", "hop-ComboBox__button": "ComboBox-module__hop-ComboBox__button___1-o2U", "hop-ComboBox__prefix": "ComboBox-module__hop-ComboBox__prefix___HQ-nl", "hop-ComboBox__button-icon": "ComboBox-module__hop-ComboBox__button-icon___rfpKz", "hop-ComboBox__helper-message": "ComboBox-module__hop-ComboBox__helper-message___hmtQH", "hop-ComboBox__error-message": "ComboBox-module__hop-ComboBox__error-message___JAh4c" };
+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 GlobalComboBoxCssSelector = "hop-ComboBox";
 function ComboBox(props, ref) {
   var _a, _b, _c, _d, _e;

package/dist/{chunk-WLLYP5GR.js → chunk-64TQVQTQ.js}

@@ -1,7 +1,7 @@
 import { CheckboxContext } from './chunk-2EAZPH3M.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
-import { ensureTextWrapper } from './chunk-Q5E3TQRF.js';
-import { useFormProps } from './chunk-WCRASDES.js';
+import { ensureTextWrapper } from './chunk-PNRCYEDV.js';
+import { useFormProps } from './chunk-R3XRXUM2.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___tywsx", "hop-Checkbox--sm": "Checkbox-module__hop-Checkbox--sm___B3rL5", "hop-Checkbox--md": "Checkbox-module__hop-Checkbox--md___EsMXE", "hop-Checkbox__icon": "Checkbox-module__hop-Checkbox__icon___6AM6f", "hop-Checkbox__icon-list": "Checkbox-module__hop-Checkbox__icon-list___qFry8", "hop-Checkbox__box": "Checkbox-module__hop-Checkbox__box___k9KEt", "hop-Checkbox__check": "Checkbox-module__hop-Checkbox__check___gZPsS", "hop-Checkbox__text": "Checkbox-module__hop-Checkbox__text___W54Gw" };
+var Checkbox_module_default = { "hop-Checkbox": "Checkbox-module__hop-Checkbox___MvQ5G", "hop-Checkbox--sm": "Checkbox-module__hop-Checkbox--sm___NdZfw", "hop-Checkbox--md": "Checkbox-module__hop-Checkbox--md___Ven1q", "hop-Checkbox__icon": "Checkbox-module__hop-Checkbox__icon___2P0Xg", "hop-Checkbox__icon-list": "Checkbox-module__hop-Checkbox__icon-list___XdzKJ", "hop-Checkbox__box": "Checkbox-module__hop-Checkbox__box___pnTHD", "hop-Checkbox__check": "Checkbox-module__hop-Checkbox__check___L7mid", "hop-Checkbox__text": "Checkbox-module__hop-Checkbox__text___PUyfN" };
 var GlobalCheckboxCssSelector = "hop-Checkbox";
 function Checkbox(props, ref) {
   var _a;

package/dist/{chunk-GJTJWDMN.js → chunk-6OMB77M2.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-4XZTEP4Q.js';
-import { _InputGroup } from './chunk-WYIF7VLQ.js';
-import { _HelperMessage } from './chunk-AJYF4K7F.js';
-import { _ErrorMessage } from './chunk-NCRCC7XA.js';
-import { _Label } from './chunk-BJZAXT2F.js';
-import { useFormProps } from './chunk-WCRASDES.js';
+import { _RemainingCharacterCount } from './chunk-IUEZ452B.js';
+import { _InputGroup } from './chunk-OIPDQPIS.js';
+import { _ErrorMessage } from './chunk-HOCZEYM2.js';
+import { _HelperMessage } from './chunk-VEEIDUMU.js';
+import { _Label } from './chunk-DL26PLJ5.js';
+import { useFormProps } from './chunk-R3XRXUM2.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___0KKmW", "hop-TextArea--fluid": "TextArea-module__hop-TextArea--fluid___6frS6", "hop-TextArea__Label": "TextArea-module__hop-TextArea__Label___kXaqc", "hop-TextArea__prefix": "TextArea-module__hop-TextArea__prefix___P7b-5", "hop-TextArea__InputGroup": "TextArea-module__hop-TextArea__InputGroup___aJ7-b", "hop-TextArea__RemainingCharacterCount": "TextArea-module__hop-TextArea__RemainingCharacterCount___5Mr4c", "hop-TextArea__textarea": "TextArea-module__hop-TextArea__textarea___O2Oke", "hop-TextArea__ErrorMessage": "TextArea-module__hop-TextArea__ErrorMessage___9wTWl", "hop-TextArea__HelperMessage": "TextArea-module__hop-TextArea__HelperMessage___cf6Hl" };
+var TextArea_module_default = { "hop-TextArea": "TextArea-module__hop-TextArea___ZcR71", "hop-TextArea--fluid": "TextArea-module__hop-TextArea--fluid___K8Fib", "hop-TextArea__Label": "TextArea-module__hop-TextArea__Label___tCe46", "hop-TextArea__prefix": "TextArea-module__hop-TextArea__prefix___jv5AA", "hop-TextArea__InputGroup": "TextArea-module__hop-TextArea__InputGroup___-gMMC", "hop-TextArea__RemainingCharacterCount": "TextArea-module__hop-TextArea__RemainingCharacterCount___8nQh1", "hop-TextArea__textarea": "TextArea-module__hop-TextArea__textarea___GFRAf", "hop-TextArea__ErrorMessage": "TextArea-module__hop-TextArea__ErrorMessage___9Fkey", "hop-TextArea__HelperMessage": "TextArea-module__hop-TextArea__HelperMessage___cERVV" };
 var GlobalTextAreaCssSelector = "hop-TextArea";
 var DefaultMinimumTextAreaRows = 3;
 var pxToInt = (value) => {

package/dist/{chunk-KZXK4WRP.js → chunk-6SYXRO7O.js}

@@ -1,11 +1,11 @@
 import { PasswordFieldContext } from './chunk-QW45G6K4.js';
-import { _InputGroup } from './chunk-WYIF7VLQ.js';
-import { _EmbeddedButton } from './chunk-XEUVFD47.js';
-import { _HelperMessage } from './chunk-AJYF4K7F.js';
-import { _ErrorMessage } from './chunk-NCRCC7XA.js';
-import { _Label } from './chunk-BJZAXT2F.js';
+import { _InputGroup } from './chunk-OIPDQPIS.js';
+import { _EmbeddedButton } from './chunk-IIBGMFOV.js';
+import { _ErrorMessage } from './chunk-HOCZEYM2.js';
+import { _HelperMessage } from './chunk-VEEIDUMU.js';
+import { _Label } from './chunk-DL26PLJ5.js';
 import { useLocalizedString } from './chunk-TFVDF4YH.js';
-import { useFormProps } from './chunk-WCRASDES.js';
+import { useFormProps } from './chunk-R3XRXUM2.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
@@ -19,7 +19,7 @@ import { useContextProps, composeRenderProps, Input, TextField } from 'react-ari
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./PasswordField.module.css#css-module
-var PasswordField_module_default = { "hop-PasswordField": "PasswordField-module__hop-PasswordField___jnH1k", "hop-PasswordField--fluid": "PasswordField-module__hop-PasswordField--fluid___nUexL", "hop-PasswordField__Label": "PasswordField-module__hop-PasswordField__Label___nw6qs", "hop-PasswordField__InputGroup": "PasswordField-module__hop-PasswordField__InputGroup___kJ0q-", "hop-PasswordField__ErrorMessage": "PasswordField-module__hop-PasswordField__ErrorMessage___Q1frj", "hop-PasswordField__HelperMessage": "PasswordField-module__hop-PasswordField__HelperMessage___NLuZO" };
+var PasswordField_module_default = { "hop-PasswordField": "PasswordField-module__hop-PasswordField___qQKIp", "hop-PasswordField--fluid": "PasswordField-module__hop-PasswordField--fluid___ELTWl", "hop-PasswordField__Label": "PasswordField-module__hop-PasswordField__Label___NNIw4", "hop-PasswordField__InputGroup": "PasswordField-module__hop-PasswordField__InputGroup___9tYcj", "hop-PasswordField__ErrorMessage": "PasswordField-module__hop-PasswordField__ErrorMessage___CHw1D", "hop-PasswordField__HelperMessage": "PasswordField-module__hop-PasswordField__HelperMessage___hHD8L" };
 var GlobalPasswordFieldCssSelector = "hop-PasswordField";
 function PasswordField(props, ref) {
   var _a;

package/dist/chunk-6WA3AN6A.js

@@ -0,0 +1,108 @@
+import { InternalSegmentedControlContext } from './chunk-JHX5QEIH.js';
+import { SegmentedControlItemContext } from './chunk-TDKQPTN6.js';
+import { _Text } from './chunk-2QQKKCA6.js';
+import { TextContext } from './chunk-X6SER3TZ.js';
+import { cssModule } from './chunk-KVDXQMWI.js';
+import { IconContext } from '@hopper-ui/icons';
+import { useStyledSystem } from '@hopper-ui/styled-system';
+import clsx from 'clsx';
+import { forwardRef, useContext, useLayoutEffect } from 'react';
+import { useContextProps, ToggleGroupStateContext, ToggleButton, Provider, DEFAULT_SLOT } from 'react-aria-components';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+// css-module:./SegmentedControlItem.module.css#css-module
+var SegmentedControlItem_module_default = { "hop-SegmentedControlItem": "SegmentedControlItem-module__hop-SegmentedControlItem___Q6Md5", "hop-SegmentedControlItem__slider": "SegmentedControlItem-module__hop-SegmentedControlItem__slider___JonRm", "hop-SegmentedControlItem__wrapper": "SegmentedControlItem-module__hop-SegmentedControlItem__wrapper___ZDfVs", "hop-SegmentedControlItem--md": "SegmentedControlItem-module__hop-SegmentedControlItem--md___IEXMq", "hop-SegmentedControlItem__icon": "SegmentedControlItem-module__hop-SegmentedControlItem__icon___fT-0b", "hop-SegmentedControlItem__text": "SegmentedControlItem-module__hop-SegmentedControlItem__text___DVzdn", "hop-SegmentedControlItem__start-icon": "SegmentedControlItem-module__hop-SegmentedControlItem__start-icon___67VGj", "hop-SegmentedControlItem--justified": "SegmentedControlItem-module__hop-SegmentedControlItem--justified___ldvSA" };
+var GlobalSegmentedControlItemCssSelector = "hop-SegmentedControlItem";
+var SegmentedControlItem = (props, ref) => {
+  var _a;
+  [props, ref] = useContextProps(props, ref, SegmentedControlItemContext);
+  const { prevRef, currentSelectedRef, isJustified } = useContext(InternalSegmentedControlContext);
+  const state = useContext(ToggleGroupStateContext);
+  const itemSelected = state == null ? void 0 : state.selectedKeys.has(props.id);
+  const { stylingProps, ...ownProps } = useStyledSystem(props);
+  const {
+    className,
+    children,
+    style,
+    slot,
+    size = "sm",
+    ...otherProps
+  } = ownProps;
+  const classNames = clsx(
+    GlobalSegmentedControlItemCssSelector,
+    cssModule(
+      SegmentedControlItem_module_default,
+      "hop-SegmentedControlItem",
+      size,
+      isJustified && "justified"
+    ),
+    stylingProps.className,
+    className
+  );
+  const mergedStyles = {
+    ...style,
+    ...stylingProps.style
+  };
+  const isReduced = (_a = window.matchMedia) == null ? void 0 : _a.call(window, "(prefers-reduced-motion: reduce)").matches;
+  useLayoutEffect(() => {
+    if (isReduced || !itemSelected || !(prevRef == null ? void 0 : prevRef.current) || !(currentSelectedRef == null ? void 0 : currentSelectedRef.current)) {
+      return;
+    }
+    const prevSlider = prevRef.current;
+    const currentSlider = currentSelectedRef.current;
+    const currentItem = currentSlider.getBoundingClientRect();
+    const deltaX = prevSlider.left - (currentItem == null ? void 0 : currentItem.left);
+    currentSelectedRef.current.animate(
+      [
+        { transform: `translateX(${deltaX}px)`, width: `${prevSlider.width}px` },
+        { transform: "translateX(0px)", width: `${currentItem.width}px` }
+      ],
+      {
+        duration: 200,
+        easing: "ease-out"
+      }
+    );
+    prevRef.current = null;
+  }, [currentSelectedRef, isReduced, itemSelected, prevRef]);
+  return /* @__PURE__ */ jsx(
+    ToggleButton,
+    {
+      ...otherProps,
+      ref,
+      className: classNames,
+      style: mergedStyles,
+      slot: slot != null ? slot : void 0,
+      children: ({ isSelected, isDisabled }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+        isSelected && !isDisabled && /* @__PURE__ */ jsx("div", { className: SegmentedControlItem_module_default["hop-SegmentedControlItem__slider"], ref: currentSelectedRef }),
+        /* @__PURE__ */ jsx(
+          Provider,
+          {
+            values: [
+              [IconContext, {
+                slots: {
+                  [DEFAULT_SLOT]: {
+                    className: SegmentedControlItem_module_default["hop-SegmentedControlItem__icon"],
+                    size
+                  },
+                  "start-icon": {
+                    className: SegmentedControlItem_module_default["hop-SegmentedControlItem__start-icon"],
+                    size
+                  }
+                }
+              }],
+              [TextContext, {
+                size: "sm",
+                className: SegmentedControlItem_module_default["hop-SegmentedControlItem__text"]
+              }]
+            ],
+            children: /* @__PURE__ */ jsx("div", { className: SegmentedControlItem_module_default["hop-SegmentedControlItem__wrapper"], children: typeof children === "string" ? /* @__PURE__ */ jsx(_Text, { children }) : children })
+          }
+        )
+      ] })
+    }
+  );
+};
+var _SegmentedControlItem = forwardRef(SegmentedControlItem);
+_SegmentedControlItem.displayName = "SegmentedControlItem";
+
+export { GlobalSegmentedControlItemCssSelector, _SegmentedControlItem };

package/dist/{chunk-Z4NZLU64.js → chunk-766WLLQC.js}

@@ -1,6 +1,6 @@
 import { LinkButtonContext } from './chunk-3UQFC2NQ.js';
-import { ButtonContext } from './chunk-WMTWFKKP.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';
 import { slot, useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
@@ -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___4u4QM", "hop-ButtonGroup--horizontal": "ButtonGroup-module__hop-ButtonGroup--horizontal___rykQO", "hop-ButtonGroup--vertical": "ButtonGroup-module__hop-ButtonGroup--vertical___B52Lw", "hop-ButtonGroup--start": "ButtonGroup-module__hop-ButtonGroup--start___4HpbX", "hop-ButtonGroup--center": "ButtonGroup-module__hop-ButtonGroup--center___AT83t", "hop-ButtonGroup--end": "ButtonGroup-module__hop-ButtonGroup--end___xvTg2", "hop-ButtonGroup--wrap": "ButtonGroup-module__hop-ButtonGroup--wrap___sdBXU", "hop-ButtonGroup--fluid": "ButtonGroup-module__hop-ButtonGroup--fluid___ITwdB" };
+var ButtonGroup_module_default = { "hop-ButtonGroup": "ButtonGroup-module__hop-ButtonGroup___RqQk1", "hop-ButtonGroup--horizontal": "ButtonGroup-module__hop-ButtonGroup--horizontal___U4oOQ", "hop-ButtonGroup--vertical": "ButtonGroup-module__hop-ButtonGroup--vertical___oGvR-", "hop-ButtonGroup--start": "ButtonGroup-module__hop-ButtonGroup--start___R4sVN", "hop-ButtonGroup--center": "ButtonGroup-module__hop-ButtonGroup--center___V7-Eo", "hop-ButtonGroup--end": "ButtonGroup-module__hop-ButtonGroup--end___QEqXf", "hop-ButtonGroup--wrap": "ButtonGroup-module__hop-ButtonGroup--wrap___mhvHD", "hop-ButtonGroup--fluid": "ButtonGroup-module__hop-ButtonGroup--fluid___eB4aQ" };
 var GlobalButtonGroupCssSelector = "hop-ButtonGroup";
 function ButtonGroup(props, ref) {
   var _a, _b, _c, _d;

package/dist/{chunk-PX2R6M5I.js → chunk-A72NEHON.js}

@@ -7,7 +7,7 @@ import { useContextProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./SvgImage.module.css#css-module
-var SvgImage_module_default = { "hop-SvgImage": "SvgImage-module__hop-SvgImage___nuf0o" };
+var SvgImage_module_default = { "hop-SvgImage": "SvgImage-module__hop-SvgImage___Hvqn2" };
 var GlobalSvgImageCssSelector = "hop-SvgImage";
 function SvgImage(props, ref) {
   [props, ref] = useContextProps(props, ref, SvgImageContext);

package/dist/{chunk-CZZBGCIX.js → chunk-B4BGTJ4J.js}

@@ -1,6 +1,6 @@
 import { RadioFieldContext } from './chunk-DGLAGYBD.js';
 import { RadioContext } from './chunk-FU5CCPLP.js';
-import { _Text } from './chunk-6ZYGCRKJ.js';
+import { _Text } from './chunk-2QQKKCA6.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___cm9zf", "hop-RadioField--sm": "RadioField-module__hop-RadioField--sm___hYZr-", "hop-RadioField--md": "RadioField-module__hop-RadioField--md___la8sD", "hop-RadioField__description": "RadioField-module__hop-RadioField__description___4AsTk", "hop-RadioField__radio": "RadioField-module__hop-RadioField__radio___OS6yu" };
+var RadioField_module_default = { "hop-RadioField": "RadioField-module__hop-RadioField___wm7re", "hop-RadioField--sm": "RadioField-module__hop-RadioField--sm___T0YAS", "hop-RadioField--md": "RadioField-module__hop-RadioField--md___c-qZA", "hop-RadioField__description": "RadioField-module__hop-RadioField__description___nS40K", "hop-RadioField__radio": "RadioField-module__hop-RadioField__radio___P8o-4" };
 var GlobalRadioFieldCssSelector = "hop-RadioField";
 var RadioToDescriptionSizeAdapter = {
   sm: "xs",

package/dist/{chunk-6ZDC2YFW.js → chunk-CCQ763SQ.js}

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

package/dist/{chunk-M6RD5JHJ.js → chunk-CP5LVXCN.js}

@@ -1,11 +1,11 @@
 import { TagContext } from './chunk-EWMWQ2MC.js';
-import { _ClearButton } from './chunk-64BCMHW2.js';
-import { mapOrbiterToHopperVariants } from './chunk-XEUVFD47.js';
-import { _Spinner } from './chunk-JIMLRXXF.js';
+import { _ClearButton } from './chunk-FDCAYJ5A.js';
+import { mapOrbiterToHopperVariants } from './chunk-IIBGMFOV.js';
+import { _Spinner } from './chunk-CTY5LBJO.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
-import { ensureTextWrapper } from './chunk-Q5E3TQRF.js';
+import { ensureTextWrapper } from './chunk-PNRCYEDV.js';
 import { useLocalizedString } from './chunk-TFVDF4YH.js';
-import { useFormProps } from './chunk-WCRASDES.js';
+import { useFormProps } from './chunk-R3XRXUM2.js';
 import { BadgeContext } from './chunk-CQDLZ42T.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
@@ -21,7 +21,7 @@ import { useContextProps, composeRenderProps, Tag as Tag$1 } from 'react-aria-co
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./Tag.module.css#css-module
-var Tag_module_default = { "hop-Tag": "Tag-module__hop-Tag___LPPVu", "hop-Tag--sm": "Tag-module__hop-Tag--sm___JMQ2a", "hop-Tag__remove-btn": "Tag-module__hop-Tag__remove-btn___ln9CW", "hop-Tag__Spinner": "Tag-module__hop-Tag__Spinner___CHIM-", "hop-Tag__avatar": "Tag-module__hop-Tag__avatar___bcbDw", "hop-Tag--md": "Tag-module__hop-Tag--md___AEQyM", "hop-Tag--lg": "Tag-module__hop-Tag--lg___78wPh", "hop-Tag--neutral": "Tag-module__hop-Tag--neutral___6ciRR", "hop-Tag--subdued": "Tag-module__hop-Tag--subdued___n-g5i", "hop-Tag--progress": "Tag-module__hop-Tag--progress___NA4uS", "hop-Tag--positive": "Tag-module__hop-Tag--positive___Xf6zq", "hop-Tag--caution": "Tag-module__hop-Tag--caution___4kEZM", "hop-Tag--negative": "Tag-module__hop-Tag--negative___6hogO", "hop-Tag--option1": "Tag-module__hop-Tag--option1___vljgN", "hop-Tag--option2": "Tag-module__hop-Tag--option2___lnS7k", "hop-Tag--option3": "Tag-module__hop-Tag--option3___ReZmh", "hop-Tag--option4": "Tag-module__hop-Tag--option4___NsH0I", "hop-Tag--option5": "Tag-module__hop-Tag--option5___fwEo-", "hop-Tag--option6": "Tag-module__hop-Tag--option6___mii9W", "hop-Tag__icon": "Tag-module__hop-Tag__icon___4HG4l", "hop-Tag__icon-list": "Tag-module__hop-Tag__icon-list___yw0Uh", "hop-Tag__text": "Tag-module__hop-Tag__text___wy3hQ", "hop-Tag__badge": "Tag-module__hop-Tag__badge___ZNMiX", "hop-Tag__badge--subdued": "Tag-module__hop-Tag__badge--subdued___9CuKH" };
+var Tag_module_default = { "hop-Tag": "Tag-module__hop-Tag___lv4lD", "hop-Tag--sm": "Tag-module__hop-Tag--sm___HEgdr", "hop-Tag__remove-btn": "Tag-module__hop-Tag__remove-btn___O1p8M", "hop-Tag__Spinner": "Tag-module__hop-Tag__Spinner___SRXef", "hop-Tag__avatar": "Tag-module__hop-Tag__avatar___w3Rho", "hop-Tag--md": "Tag-module__hop-Tag--md___YXQdR", "hop-Tag--lg": "Tag-module__hop-Tag--lg___wMFi8", "hop-Tag--neutral": "Tag-module__hop-Tag--neutral___oGRih", "hop-Tag--subdued": "Tag-module__hop-Tag--subdued___1UWJT", "hop-Tag--progress": "Tag-module__hop-Tag--progress___mIH89", "hop-Tag--positive": "Tag-module__hop-Tag--positive___Tsb5z", "hop-Tag--caution": "Tag-module__hop-Tag--caution___r2PHm", "hop-Tag--negative": "Tag-module__hop-Tag--negative___GWEIo", "hop-Tag--option1": "Tag-module__hop-Tag--option1___d2-UW", "hop-Tag--option2": "Tag-module__hop-Tag--option2___ogrnw", "hop-Tag--option3": "Tag-module__hop-Tag--option3___o1Tum", "hop-Tag--option4": "Tag-module__hop-Tag--option4___VIyKU", "hop-Tag--option5": "Tag-module__hop-Tag--option5___YSF-T", "hop-Tag--option6": "Tag-module__hop-Tag--option6___nrD-5", "hop-Tag__icon": "Tag-module__hop-Tag__icon___jaSXY", "hop-Tag__icon-list": "Tag-module__hop-Tag__icon-list___B69Go", "hop-Tag__text": "Tag-module__hop-Tag__text___CjA1p", "hop-Tag__badge": "Tag-module__hop-Tag__badge___F-GIp", "hop-Tag__badge--subdued": "Tag-module__hop-Tag__badge--subdued___gpHsg" };
 var GlobalTagCssSelector = "hop-Tag";
 var TagToTextSizeAdapter = {
   sm: "xs",

package/dist/{chunk-JIMLRXXF.js → chunk-CTY5LBJO.js}

@@ -1,5 +1,5 @@
 import { SpinnerContext } from './chunk-4ZYV2XLW.js';
-import { _Text } from './chunk-6ZYGCRKJ.js';
+import { _Text } from './chunk-2QQKKCA6.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
@@ -9,7 +9,7 @@ import { useContextProps, ProgressBar } from 'react-aria-components';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // css-module:./Spinner.module.css#css-module
-var Spinner_module_default = { "hop-Spinner": "Spinner-module__hop-Spinner___lqdoK", "spin": "Spinner-module__spin___SBOwQ", "hop-Spinner--sm": "Spinner-module__hop-Spinner--sm___y-ocR", "hop-Spinner--md": "Spinner-module__hop-Spinner--md___KmsYU", "hop-Spinner--lg": "Spinner-module__hop-Spinner--lg___ugzAs", "hop-Spinner__track": "Spinner-module__hop-Spinner__track___aflNd", "hop-Spinner__fill": "Spinner-module__hop-Spinner__fill___FcupB", "hop-Spinner__label": "Spinner-module__hop-Spinner__label___ucNdu" };
+var Spinner_module_default = { "hop-Spinner": "Spinner-module__hop-Spinner___h2VSb", "spin": "Spinner-module__spin___J2lMP", "hop-Spinner--sm": "Spinner-module__hop-Spinner--sm___V5tDD", "hop-Spinner--md": "Spinner-module__hop-Spinner--md___H6sJF", "hop-Spinner--lg": "Spinner-module__hop-Spinner--lg___UwBkP", "hop-Spinner__track": "Spinner-module__hop-Spinner__track___gsdMJ", "hop-Spinner__fill": "Spinner-module__hop-Spinner__fill___sZAWD", "hop-Spinner__label": "Spinner-module__hop-Spinner__label___jLWyb" };
 var GlobalSpinnerCssSelector = "hop-Spinner";
 var SpinnerToTextSizeAdapter = {
   sm: "xs",

package/dist/{chunk-BW663SSE.js → chunk-CVEBTQOB.js}

@@ -1,6 +1,6 @@
+import { _Text } from './chunk-2QQKKCA6.js';
 import { useImageFallback } from './chunk-3ZCLNFNH.js';
-import { _Text } from './chunk-6ZYGCRKJ.js';
-import { _RichIconAvatarImage } from './chunk-URJ67DGZ.js';
+import { _RichIconAvatarImage } from './chunk-RBX5I4PK.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___bQ11d", "hop-Avatar--xs": "Avatar-module__hop-Avatar--xs___W3r3X", "hop-Avatar--sm": "Avatar-module__hop-Avatar--sm___0mo-N", "hop-Avatar--md": "Avatar-module__hop-Avatar--md___egDSt", "hop-Avatar--lg": "Avatar-module__hop-Avatar--lg___ORONC", "hop-Avatar--xl": "Avatar-module__hop-Avatar--xl___gGZGI", "hop-Avatar--2xl": "Avatar-module__hop-Avatar--2xl___GoNmw", "hop-Avatar--decorative-option1": "Avatar-module__hop-Avatar--decorative-option1___KcNHF", "hop-Avatar--decorative-option2": "Avatar-module__hop-Avatar--decorative-option2___gPGn4", "hop-Avatar--decorative-option3": "Avatar-module__hop-Avatar--decorative-option3___2Fi7i", "hop-Avatar--decorative-option4": "Avatar-module__hop-Avatar--decorative-option4___24MOT", "hop-Avatar--decorative-option5": "Avatar-module__hop-Avatar--decorative-option5___DwtZh", "hop-Avatar--decorative-option6": "Avatar-module__hop-Avatar--decorative-option6___WJwgy", "hop-Avatar--decorative-option7": "Avatar-module__hop-Avatar--decorative-option7___MieVG", "hop-Avatar--decorative-option8": "Avatar-module__hop-Avatar--decorative-option8___YmQsh", "hop-Avatar--decorative-option9": "Avatar-module__hop-Avatar--decorative-option9___sZp5U", "hop-Avatar__image": "Avatar-module__hop-Avatar__image___ulXX-" };
+var Avatar_module_default = { "hop-Avatar": "Avatar-module__hop-Avatar___yRiIZ", "hop-Avatar--xs": "Avatar-module__hop-Avatar--xs___3AFZG", "hop-Avatar--sm": "Avatar-module__hop-Avatar--sm___BGUvg", "hop-Avatar--md": "Avatar-module__hop-Avatar--md___RCRzR", "hop-Avatar--lg": "Avatar-module__hop-Avatar--lg___uRH8z", "hop-Avatar--xl": "Avatar-module__hop-Avatar--xl___79E8I", "hop-Avatar--2xl": "Avatar-module__hop-Avatar--2xl___3z6nP", "hop-Avatar--decorative-option1": "Avatar-module__hop-Avatar--decorative-option1___gmVnP", "hop-Avatar--decorative-option2": "Avatar-module__hop-Avatar--decorative-option2___-K6ru", "hop-Avatar--decorative-option3": "Avatar-module__hop-Avatar--decorative-option3___05WQW", "hop-Avatar--decorative-option4": "Avatar-module__hop-Avatar--decorative-option4___I9rpQ", "hop-Avatar--decorative-option5": "Avatar-module__hop-Avatar--decorative-option5___ZgYI-", "hop-Avatar--decorative-option6": "Avatar-module__hop-Avatar--decorative-option6___EFT90", "hop-Avatar--decorative-option7": "Avatar-module__hop-Avatar--decorative-option7___zD5QO", "hop-Avatar--decorative-option8": "Avatar-module__hop-Avatar--decorative-option8___ODtry", "hop-Avatar--decorative-option9": "Avatar-module__hop-Avatar--decorative-option9___bms5z", "hop-Avatar__image": "Avatar-module__hop-Avatar__image___kpVWC" };
 var GlobalAvatarCssSelector = "hop-Avatar";
 var AvatarToTextSizeAdapter = {
   xs: "xs",

package/dist/{chunk-BJZAXT2F.js → chunk-DL26PLJ5.js}

@@ -1,6 +1,6 @@
 import { LabelContext } from './chunk-QCA3ZR56.js';
 import { useLocalizedString } from './chunk-TFVDF4YH.js';
-import { useFormProps } from './chunk-WCRASDES.js';
+import { useFormProps } from './chunk-R3XRXUM2.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { useStyledSystem } from '@hopper-ui/styled-system';
 import { filterDOMProps } from '@react-aria/utils';
@@ -10,7 +10,7 @@ import { useContextProps, Label as Label$1 } from 'react-aria-components';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // css-module:./Label.module.css#css-module
-var Label_module_default = { "hop-Label": "Label-module__hop-Label___NQL0y", "hop-Label__indicator": "Label-module__hop-Label__indicator___zXYpW" };
+var Label_module_default = { "hop-Label": "Label-module__hop-Label___Yf2iw", "hop-Label__indicator": "Label-module__hop-Label__indicator___JRNRb" };
 var GlobalLabelCssSelector = "hop-Label";
 function Label(props, ref) {
   [props, ref] = useContextProps(props, ref, LabelContext);

package/dist/{chunk-QLFOYPBD.js → chunk-DOUSEJVO.js}

@@ -1,9 +1,9 @@
-import { _DecorativeRadio } from './chunk-WFR36XTH.js';
-import { _DecorativeCheckbox } from './chunk-5LDARV3U.js';
+import { _DecorativeRadio } from './chunk-PE4RUTRT.js';
+import { _DecorativeCheckbox } from './chunk-XKSS3LMT.js';
 import { ListBoxItemContext } from './chunk-Y2POLIXK.js';
-import { _ListBoxItemSkeleton } from './chunk-5EC2BYL7.js';
+import { _ListBoxItemSkeleton } from './chunk-HAA6MG3M.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
-import { ensureTextWrapper } from './chunk-Q5E3TQRF.js';
+import { ensureTextWrapper } from './chunk-PNRCYEDV.js';
 import { BadgeContext } from './chunk-CQDLZ42T.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
@@ -18,7 +18,7 @@ import { useContextProps, composeRenderProps, ListBoxItem as ListBoxItem$1, List
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // css-module:./ListBoxItem.module.css#css-module
-var ListBoxItem_module_default = { "hop-ListBoxItem": "ListBoxItem-module__hop-ListBoxItem___mdvV4", "hop-ListBoxItem--xs": "ListBoxItem-module__hop-ListBoxItem--xs___UtpX6", "hop-ListBoxItem--sm": "ListBoxItem-module__hop-ListBoxItem--sm___yHjsI", "hop-ListBoxItem--md": "ListBoxItem-module__hop-ListBoxItem--md___zc-Hd", "hop-ListBoxItem--lg": "ListBoxItem-module__hop-ListBoxItem--lg___BuXd6", "hop-ListBoxItem__inner": "ListBoxItem-module__hop-ListBoxItem__inner___77EAl", "hop-ListBoxItem__checkmark": "ListBoxItem-module__hop-ListBoxItem__checkmark___Uusl3", "hop-ListBoxItem__description": "ListBoxItem-module__hop-ListBoxItem__description___3iTha", "hop-ListBoxItem__radio": "ListBoxItem-module__hop-ListBoxItem__radio___agShJ", "hop-ListBoxItem__checkbox": "ListBoxItem-module__hop-ListBoxItem__checkbox___RfSy9", "hop-ListBoxItem__avatar": "ListBoxItem-module__hop-ListBoxItem__avatar___fqkx6", "hop-ListBoxItem__icon-list": "ListBoxItem-module__hop-ListBoxItem__icon-list___F9U0l", "hop-ListBoxItem__icon": "ListBoxItem-module__hop-ListBoxItem__icon___4omYr", "hop-ListBoxItem__label": "ListBoxItem-module__hop-ListBoxItem__label___Gnmlb", "hop-ListBoxItem__end-icon-list": "ListBoxItem-module__hop-ListBoxItem__end-icon-list___4Pm1m", "hop-ListBoxItem__end-icon": "ListBoxItem-module__hop-ListBoxItem__end-icon___iHMjb", "hop-ListBoxItem__badge": "ListBoxItem-module__hop-ListBoxItem__badge___HPXRH" };
+var ListBoxItem_module_default = { "hop-ListBoxItem": "ListBoxItem-module__hop-ListBoxItem___ZgRjm", "hop-ListBoxItem--xs": "ListBoxItem-module__hop-ListBoxItem--xs___3nKTy", "hop-ListBoxItem--sm": "ListBoxItem-module__hop-ListBoxItem--sm___x23eZ", "hop-ListBoxItem--md": "ListBoxItem-module__hop-ListBoxItem--md___4pNDf", "hop-ListBoxItem--lg": "ListBoxItem-module__hop-ListBoxItem--lg___fkhxf", "hop-ListBoxItem__inner": "ListBoxItem-module__hop-ListBoxItem__inner___qL2Sf", "hop-ListBoxItem__checkmark": "ListBoxItem-module__hop-ListBoxItem__checkmark___7thIq", "hop-ListBoxItem__description": "ListBoxItem-module__hop-ListBoxItem__description___ymePt", "hop-ListBoxItem__radio": "ListBoxItem-module__hop-ListBoxItem__radio___WWM0P", "hop-ListBoxItem__checkbox": "ListBoxItem-module__hop-ListBoxItem__checkbox___a5Xln", "hop-ListBoxItem__avatar": "ListBoxItem-module__hop-ListBoxItem__avatar___feoh9", "hop-ListBoxItem__icon-list": "ListBoxItem-module__hop-ListBoxItem__icon-list___pmPct", "hop-ListBoxItem__icon": "ListBoxItem-module__hop-ListBoxItem__icon___RIzH-", "hop-ListBoxItem__label": "ListBoxItem-module__hop-ListBoxItem__label___BlewU", "hop-ListBoxItem__end-icon-list": "ListBoxItem-module__hop-ListBoxItem__end-icon-list___TBr2H", "hop-ListBoxItem__end-icon": "ListBoxItem-module__hop-ListBoxItem__end-icon___ElkMg", "hop-ListBoxItem__badge": "ListBoxItem-module__hop-ListBoxItem__badge___56XVT" };
 var GlobalListBoxItemCssSelector = "hop-ListBoxItem";
 var ListBoxItemToIconSizeAdapter = {
   xs: "sm",

package/dist/{chunk-BORQ3ZAL.js → chunk-EET7QW7I.js}

@@ -2,8 +2,8 @@ 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 { ButtonContext } from './chunk-WMTWFKKP.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';
@@ -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___R-VY3", "hop-IllustratedMessage--sm": "IllustratedMessage-module__hop-IllustratedMessage--sm___1r17s", "hop-IllustratedMessage--md": "IllustratedMessage-module__hop-IllustratedMessage--md___R-JZJ", "hop-IllustratedMessage--lg": "IllustratedMessage-module__hop-IllustratedMessage--lg___ZANa5", "hop-IllustratedMessage__image": "IllustratedMessage-module__hop-IllustratedMessage__image___A4s2q", "hop-IllustratedMessage__heading": "IllustratedMessage-module__hop-IllustratedMessage__heading___pWhQQ", "hop-IllustratedMessage-md": "IllustratedMessage-module__hop-IllustratedMessage-md___vswc9", "hop-IllustratedMessage__content": "IllustratedMessage-module__hop-IllustratedMessage__content___fR2y8", "hop-IllustratedMessage__buttonGroup": "IllustratedMessage-module__hop-IllustratedMessage__buttonGroup___gwBGO", "hop-IllustratedMessage__button": "IllustratedMessage-module__hop-IllustratedMessage__button___fKLuP" };
+var IllustratedMessage_module_default = { "hop-IllustratedMessage": "IllustratedMessage-module__hop-IllustratedMessage___EIFd7", "hop-IllustratedMessage--sm": "IllustratedMessage-module__hop-IllustratedMessage--sm___Ru7df", "hop-IllustratedMessage--md": "IllustratedMessage-module__hop-IllustratedMessage--md___eDaX4", "hop-IllustratedMessage--lg": "IllustratedMessage-module__hop-IllustratedMessage--lg___DXyU4", "hop-IllustratedMessage__image": "IllustratedMessage-module__hop-IllustratedMessage__image___55d1-", "hop-IllustratedMessage__heading": "IllustratedMessage-module__hop-IllustratedMessage__heading___TNqaq", "hop-IllustratedMessage-md": "IllustratedMessage-module__hop-IllustratedMessage-md___PsctR", "hop-IllustratedMessage__content": "IllustratedMessage-module__hop-IllustratedMessage__content___KQUmJ", "hop-IllustratedMessage__buttonGroup": "IllustratedMessage-module__hop-IllustratedMessage__buttonGroup___kipcl", "hop-IllustratedMessage__button": "IllustratedMessage-module__hop-IllustratedMessage__button___Uc7oH" };
 var GlobalIllustratedMessageCssSelector = "hop-IllustratedMessage";
 function IllustratedMessage(props, ref) {
   [props, ref] = useContextProps(props, ref, IllustratedMessageContext);

package/dist/{chunk-JFHEC3M5.js → chunk-EPS36KLB.js}

@@ -1,6 +1,6 @@
 import { LinkContext } from './chunk-4VVNSXIB.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
-import { ensureTextWrapper } from './chunk-Q5E3TQRF.js';
+import { ensureTextWrapper } from './chunk-PNRCYEDV.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, composeRenderProps, DEFAULT_SLOT, Link as Link$1 } fro
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Link.module.css#css-module
-var Link_module_default = { "hop-Link": "Link-module__hop-Link___HXztA", "hop-Link--quiet": "Link-module__hop-Link--quiet___SwOjN", "hop-Link--primary": "Link-module__hop-Link--primary___-v5lI", "hop-Link--secondary": "Link-module__hop-Link--secondary___9KZWL", "hop-Link__icon": "Link-module__hop-Link__icon___9auS4", "hop-Link__icon-list": "Link-module__hop-Link__icon-list___sFbib", "hop-Link__text": "Link-module__hop-Link__text___Jg1Ab", "hop-Link__start-icon": "Link-module__hop-Link__start-icon___ltPD-", "hop-Link__start-icon-list": "Link-module__hop-Link__start-icon-list___qR4sh" };
+var Link_module_default = { "hop-Link": "Link-module__hop-Link___X54o0", "hop-Link--quiet": "Link-module__hop-Link--quiet___6fdpz", "hop-Link--primary": "Link-module__hop-Link--primary___cKzDg", "hop-Link--secondary": "Link-module__hop-Link--secondary___uP3-D", "hop-Link__icon": "Link-module__hop-Link__icon___qeVtm", "hop-Link__icon-list": "Link-module__hop-Link__icon-list___yrSpP", "hop-Link__text": "Link-module__hop-Link__text___wsmkJ", "hop-Link__start-icon": "Link-module__hop-Link__start-icon___3E45I", "hop-Link__start-icon-list": "Link-module__hop-Link__start-icon-list___AFZw5" };
 var GlobalLinkCssSelector = "hop-Link";
 var LinkToIconSizeAdapter = {
   inherit: void 0,

package/dist/{chunk-6MY6YECS.js → chunk-F3I7ZVUI.js}

@@ -1,6 +1,6 @@
 import { RadioContext } from './chunk-FU5CCPLP.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
-import { ensureTextWrapper } from './chunk-Q5E3TQRF.js';
+import { ensureTextWrapper } from './chunk-PNRCYEDV.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___Tce5N", "hop-Radio--sm": "Radio-module__hop-Radio--sm___yvOi2", "hop-Radio--md": "Radio-module__hop-Radio--md___KNF0G", "hop-Radio__icon": "Radio-module__hop-Radio__icon___-mBw1", "hop-Radio__icon-list": "Radio-module__hop-Radio__icon-list___K6ljx", "hop-Radio__box": "Radio-module__hop-Radio__box___tg8BT", "hop-Radio__bullet": "Radio-module__hop-Radio__bullet___vC-1l", "hop-Radio__text": "Radio-module__hop-Radio__text___41gUl" };
+var Radio_module_default = { "hop-Radio": "Radio-module__hop-Radio___ncN-g", "hop-Radio--sm": "Radio-module__hop-Radio--sm___lmI69", "hop-Radio--md": "Radio-module__hop-Radio--md___nqnhp", "hop-Radio__icon": "Radio-module__hop-Radio__icon___pQ5lq", "hop-Radio__icon-list": "Radio-module__hop-Radio__icon-list___6LmNE", "hop-Radio__box": "Radio-module__hop-Radio__box___vvW-U", "hop-Radio__bullet": "Radio-module__hop-Radio__bullet___jGOaB", "hop-Radio__text": "Radio-module__hop-Radio__text___7ucBd" };
 var GlobalRadioCssSelector = "hop-Radio";
 function Radio(props, ref) {
   var _a;

package/dist/{chunk-64BCMHW2.js → chunk-FDCAYJ5A.js}

@@ -1,5 +1,5 @@
 import { ClearButtonContext } from './chunk-DXVKHP4V.js';
-import { _EmbeddedButton } from './chunk-XEUVFD47.js';
+import { _EmbeddedButton } from './chunk-IIBGMFOV.js';
 import { useLocalizedString } from './chunk-TFVDF4YH.js';
 import { DismissIcon } from '@hopper-ui/icons';
 import { forwardRef } from 'react';

package/dist/{chunk-OUY6UXVS.js → chunk-FZSIUTUC.js}

@@ -1,4 +1,4 @@
-import { ensureTextWrapper } from './chunk-Q5E3TQRF.js';
+import { ensureTextWrapper } from './chunk-PNRCYEDV.js';
 import { FormContext } from './chunk-Q7NXUUB3.js';
 import { DisclosureContext } from './chunk-MUAXK42C.js';
 import { DisclosurePanelContext } from './chunk-7CJXILRD.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___gTEHn", "hop-DisclosurePanel--inline": "DisclosurePanel-module__hop-DisclosurePanel--inline___VwxUw", "hop-DisclosurePanel--disabled": "DisclosurePanel-module__hop-DisclosurePanel--disabled___Z7PVi", "hop-DisclosurePanel__text": "DisclosurePanel-module__hop-DisclosurePanel__text___eWYZY" };
+var DisclosurePanel_module_default = { "hop-DisclosurePanel": "DisclosurePanel-module__hop-DisclosurePanel___Mp7NQ", "hop-DisclosurePanel--inline": "DisclosurePanel-module__hop-DisclosurePanel--inline___L0qlQ", "hop-DisclosurePanel--disabled": "DisclosurePanel-module__hop-DisclosurePanel--disabled___wSqvk", "hop-DisclosurePanel__text": "DisclosurePanel-module__hop-DisclosurePanel__text___0EzxS" };
 var GlobalDisclosurePanelCssSelector = "hop-DisclosurePanel";
 function DisclosurePanel(props, ref) {
   [props, ref] = useContextProps(props, ref, DisclosurePanelContext);

package/dist/{chunk-5EC2BYL7.js → chunk-HAA6MG3M.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___yi-sc", "placeholder-shimmer": "ListBoxItemSkeleton-module__placeholder-shimmer___BclvN", "hop-ListBoxItemSkeleton--xs": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___YkV4k", "hop-ListBoxItemSkeleton--sm": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___lXKkI", "hop-ListBoxItemSkeleton--md": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___Xf5TM", "hop-ListBoxItemSkeleton--lg": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___AjLLP" };
+var ListBoxItemSkeleton_module_default = { "hop-ListBoxItemSkeleton": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___l0RVH", "placeholder-shimmer": "ListBoxItemSkeleton-module__placeholder-shimmer___dLH2X", "hop-ListBoxItemSkeleton--xs": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___sLKOR", "hop-ListBoxItemSkeleton--sm": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___FvrjT", "hop-ListBoxItemSkeleton--md": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___BycOD", "hop-ListBoxItemSkeleton--lg": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___wsA9m" };
 var GlobalListBoxItemSkeletonCssSelector = "hop-ListBoxItemSkeleton";
 function ListBoxItemSkeleton(props, ref) {
   var _a;

package/dist/{chunk-NCRCC7XA.js → chunk-HOCZEYM2.js}

@@ -1,5 +1,5 @@
 import { ErrorMessageContext } from './chunk-FAE27DLF.js';
-import { _Text } from './chunk-6ZYGCRKJ.js';
+import { _Text } from './chunk-2QQKKCA6.js';
 import { useRenderProps } from './chunk-NH3IVMXB.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
@@ -10,7 +10,7 @@ import { FieldErrorContext, useContextProps, composeRenderProps } from 'react-ar
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./ErrorMessage.module.css#css-module
-var ErrorMessage_module_default = { "hop-ErrorMessage": "ErrorMessage-module__hop-ErrorMessage___lXxDa", "hop-ErrorMessage__icon": "ErrorMessage-module__hop-ErrorMessage__icon___z6anI" };
+var ErrorMessage_module_default = { "hop-ErrorMessage": "ErrorMessage-module__hop-ErrorMessage___BRJVF", "hop-ErrorMessage__icon": "ErrorMessage-module__hop-ErrorMessage__icon___XopkX" };
 var GlobalErrorMessageCssSelector = "hop-ErrorMessage";
 function ErrorMessage(props, ref) {
   const validation = useContext(FieldErrorContext);