@hopper-ui/components 1.4.3 → 1.4.5

package/dist/{chunk-4CMW6FL7.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___PAz8d", "placeholder-shimmer": "ListBoxItemSkeleton-module__placeholder-shimmer___-jQEc", "hop-ListBoxItemSkeleton--xs": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___JJrva", "hop-ListBoxItemSkeleton--sm": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___bsasA", "hop-ListBoxItemSkeleton--md": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___7PlVd", "hop-ListBoxItemSkeleton--lg": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___beFqA" };
+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-ODNRQDFF.js → chunk-HOCZEYM2.js}

@@ -1,5 +1,5 @@
 import { ErrorMessageContext } from './chunk-FAE27DLF.js';
-import { _Text } from './chunk-OFI3LBBH.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___r4V4k", "hop-ErrorMessage__icon": "ErrorMessage-module__hop-ErrorMessage__icon___4bjKj" };
+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);

package/dist/chunk-IH5J4BVC.js

@@ -0,0 +1,89 @@
+import { SegmentedControlContext, InternalSegmentedControlContext } from './chunk-JHX5QEIH.js';
+import { SegmentedControlItemContext } from './chunk-TDKQPTN6.js';
+import { cssModule } from './chunk-KVDXQMWI.js';
+import { useStyledSystem } from '@hopper-ui/styled-system';
+import clsx from 'clsx';
+import { forwardRef, useContext, useRef, useEffect } from 'react';
+import { useContextProps, ToggleGroupStateContext, ToggleButtonGroup, Provider } from 'react-aria-components';
+import { jsx } from 'react/jsx-runtime';
+
+// css-module:./SegmentedControl.module.css#css-module
+var SegmentedControl_module_default = { "hop-SegmentedControl": "SegmentedControl-module__hop-SegmentedControl___HjcCV" };
+var GlobalSegmentedControlCssSelector = "hop-SegmentedControl";
+var SegmentedControl = (props, ref) => {
+  [props, ref] = useContextProps(props, ref, SegmentedControlContext);
+  const state = useContext(ToggleGroupStateContext);
+  const prevRef = useRef(null);
+  const currentSelectedRef = useRef(null);
+  const { stylingProps, ...ownProps } = useStyledSystem(props);
+  const {
+    className,
+    children,
+    style,
+    slot,
+    defaultSelectedKey,
+    selectedKey,
+    onSelectionChange,
+    size,
+    isJustified,
+    ...otherProps
+  } = ownProps;
+  const classNames = clsx(
+    GlobalSegmentedControlCssSelector,
+    cssModule(
+      SegmentedControl_module_default,
+      "hop-SegmentedControl"
+    ),
+    stylingProps.className,
+    className
+  );
+  const mergedStyles = {
+    ...style,
+    ...stylingProps.style
+  };
+  const onChange = (values) => {
+    const [firstKey] = values;
+    if (!firstKey) {
+      return;
+    }
+    if (currentSelectedRef.current) {
+      prevRef.current = currentSelectedRef.current.getBoundingClientRect();
+    }
+    onSelectionChange == null ? void 0 : onSelectionChange(firstKey);
+  };
+  useEffect(() => {
+    const key = defaultSelectedKey != null ? defaultSelectedKey : selectedKey;
+    if (key) {
+      state == null ? void 0 : state.toggleKey(key);
+    }
+  }, []);
+  return /* @__PURE__ */ jsx(
+    ToggleButtonGroup,
+    {
+      ref,
+      className: classNames,
+      style: mergedStyles,
+      slot: slot != null ? slot : void 0,
+      orientation: "horizontal",
+      onSelectionChange: onChange,
+      selectedKeys: selectedKey != null ? [selectedKey] : void 0,
+      defaultSelectedKeys: defaultSelectedKey != null ? [defaultSelectedKey] : void 0,
+      disallowEmptySelection: true,
+      ...otherProps,
+      children: /* @__PURE__ */ jsx(
+        Provider,
+        {
+          values: [
+            [SegmentedControlItemContext, { size, isDisabled: otherProps.isDisabled }],
+            [InternalSegmentedControlContext, { prevRef, currentSelectedRef, isJustified }]
+          ],
+          children
+        }
+      )
+    }
+  );
+};
+var _SegmentedControl = forwardRef(SegmentedControl);
+_SegmentedControl.displayName = "SegmentedControl";
+
+export { GlobalSegmentedControlCssSelector, _SegmentedControl };

package/dist/{chunk-S7OM5R4X.js → chunk-IIBGMFOV.js}

@@ -20,7 +20,7 @@ function mapOrbiterToHopperVariants(variant) {
 }
 
 // css-module:./EmbeddedButton.module.css#css-module
-var EmbeddedButton_module_default = { "hop-EmbeddedButton": "EmbeddedButton-module__hop-EmbeddedButton___nJRXd", "hop-EmbeddedButton--md": "EmbeddedButton-module__hop-EmbeddedButton--md___cMuQs", "hop-EmbeddedButton--lg": "EmbeddedButton-module__hop-EmbeddedButton--lg___jKIsO", "hop-EmbeddedButton--neutral": "EmbeddedButton-module__hop-EmbeddedButton--neutral___vxE9X", "hop-EmbeddedButton--subdued": "EmbeddedButton-module__hop-EmbeddedButton--subdued___tVL79", "hop-EmbeddedButton--progress": "EmbeddedButton-module__hop-EmbeddedButton--progress___cOTpy", "hop-EmbeddedButton--positive": "EmbeddedButton-module__hop-EmbeddedButton--positive___mtveK", "hop-EmbeddedButton--caution": "EmbeddedButton-module__hop-EmbeddedButton--caution___33UIA", "hop-EmbeddedButton--negative": "EmbeddedButton-module__hop-EmbeddedButton--negative___d66dF", "hop-EmbeddedButton--option1": "EmbeddedButton-module__hop-EmbeddedButton--option1___Zu9Cb", "hop-EmbeddedButton--option2": "EmbeddedButton-module__hop-EmbeddedButton--option2___bEV9j", "hop-EmbeddedButton--option3": "EmbeddedButton-module__hop-EmbeddedButton--option3___fEDD-", "hop-EmbeddedButton--option4": "EmbeddedButton-module__hop-EmbeddedButton--option4___951-D", "hop-EmbeddedButton--option5": "EmbeddedButton-module__hop-EmbeddedButton--option5___AcVOa", "hop-EmbeddedButton--option6": "EmbeddedButton-module__hop-EmbeddedButton--option6___7UeBQ", "hop-EmbeddedButton__icon": "EmbeddedButton-module__hop-EmbeddedButton__icon___7bs4b" };
+var EmbeddedButton_module_default = { "hop-EmbeddedButton": "EmbeddedButton-module__hop-EmbeddedButton___R6m7s", "hop-EmbeddedButton--md": "EmbeddedButton-module__hop-EmbeddedButton--md___zZqaK", "hop-EmbeddedButton--lg": "EmbeddedButton-module__hop-EmbeddedButton--lg___yWXGG", "hop-EmbeddedButton--neutral": "EmbeddedButton-module__hop-EmbeddedButton--neutral___lkZqd", "hop-EmbeddedButton--subdued": "EmbeddedButton-module__hop-EmbeddedButton--subdued___-dOyC", "hop-EmbeddedButton--progress": "EmbeddedButton-module__hop-EmbeddedButton--progress___ChJF7", "hop-EmbeddedButton--positive": "EmbeddedButton-module__hop-EmbeddedButton--positive___HheoT", "hop-EmbeddedButton--caution": "EmbeddedButton-module__hop-EmbeddedButton--caution___aUad-", "hop-EmbeddedButton--negative": "EmbeddedButton-module__hop-EmbeddedButton--negative___E9mBi", "hop-EmbeddedButton--option1": "EmbeddedButton-module__hop-EmbeddedButton--option1___EnRqX", "hop-EmbeddedButton--option2": "EmbeddedButton-module__hop-EmbeddedButton--option2___JkPx3", "hop-EmbeddedButton--option3": "EmbeddedButton-module__hop-EmbeddedButton--option3___ZmE6i", "hop-EmbeddedButton--option4": "EmbeddedButton-module__hop-EmbeddedButton--option4___wigL-", "hop-EmbeddedButton--option5": "EmbeddedButton-module__hop-EmbeddedButton--option5___zoUrM", "hop-EmbeddedButton--option6": "EmbeddedButton-module__hop-EmbeddedButton--option6___5ET-x", "hop-EmbeddedButton__icon": "EmbeddedButton-module__hop-EmbeddedButton__icon___Qkka9" };
 var GlobalEmbeddedButtonCssSelector = "hop-EmbeddedButton";
 function EmbeddedButton(props, ref) {
   var _a;

package/dist/{chunk-LY3PO4EZ.js → chunk-ILMELMNG.js}

@@ -1,7 +1,7 @@
 import { CheckboxFieldContext } from './chunk-ZGNK4GWA.js';
 import { CheckboxContext } from './chunk-2EAZPH3M.js';
-import { useFormProps } from './chunk-IJRDG3TE.js';
-import { _Text } from './chunk-OFI3LBBH.js';
+import { useFormProps } from './chunk-R3XRXUM2.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';
@@ -15,7 +15,7 @@ import { useContextProps, composeRenderProps } from 'react-aria-components';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // css-module:./CheckboxField.module.css#css-module
-var CheckboxField_module_default = { "hop-CheckboxField": "CheckboxField-module__hop-CheckboxField___Hs4CD", "hop-CheckboxField--sm": "CheckboxField-module__hop-CheckboxField--sm___kDJp8", "hop-CheckboxField--md": "CheckboxField-module__hop-CheckboxField--md___Z3Ka0", "hop-CheckboxField__description": "CheckboxField-module__hop-CheckboxField__description___5CDHQ", "hop-CheckboxField__checkbox": "CheckboxField-module__hop-CheckboxField__checkbox___ZrHG8" };
+var CheckboxField_module_default = { "hop-CheckboxField": "CheckboxField-module__hop-CheckboxField___23gwg", "hop-CheckboxField--sm": "CheckboxField-module__hop-CheckboxField--sm___QQ2IO", "hop-CheckboxField--md": "CheckboxField-module__hop-CheckboxField--md___EZK-q", "hop-CheckboxField__description": "CheckboxField-module__hop-CheckboxField__description___OWXRg", "hop-CheckboxField__checkbox": "CheckboxField-module__hop-CheckboxField__checkbox___TkI47" };
 var GlobalCheckboxFieldCssSelector = "hop-CheckboxField";
 var CheckboxToDescriptionSizeAdapter = {
   sm: "xs",

package/dist/{chunk-LWOYB2BH.js → chunk-IRDC4A5V.js}

@@ -1,10 +1,10 @@
 import { CheckboxFieldContext } from './chunk-ZGNK4GWA.js';
 import { CheckboxGroupContext } from './chunk-N7YDPVZL.js';
 import { CheckboxContext } from './chunk-2EAZPH3M.js';
-import { _HelperMessage } from './chunk-75S4IAP7.js';
-import { _ErrorMessage } from './chunk-ODNRQDFF.js';
-import { _Label } from './chunk-RK2Y6VIU.js';
-import { useFormProps } from './chunk-IJRDG3TE.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 { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
@@ -15,7 +15,7 @@ import { useContextProps, composeRenderProps, CheckboxGroup as CheckboxGroup$1 }
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./CheckboxGroup.module.css#css-module
-var CheckboxGroup_module_default = { "hop-CheckboxGroup": "CheckboxGroup-module__hop-CheckboxGroup___PVHBD", "hop-CheckboxGroup--bordered": "CheckboxGroup-module__hop-CheckboxGroup--bordered___4SyID", "hop-CheckboxGroup--sm": "CheckboxGroup-module__hop-CheckboxGroup--sm___Ojaln", "hop-CheckboxGroup--md": "CheckboxGroup-module__hop-CheckboxGroup--md___BZnRL", "hop-CheckboxGroup__label": "CheckboxGroup-module__hop-CheckboxGroup__label___eZFHy", "hop-CheckboxGroup__list": "CheckboxGroup-module__hop-CheckboxGroup__list___wZQrP", "hop-CheckboxGroup__checkbox": "CheckboxGroup-module__hop-CheckboxGroup__checkbox___Md4HF", "hop-CheckboxGroup__error-message": "CheckboxGroup-module__hop-CheckboxGroup__error-message___MdudD", "hop-CheckboxGroup__helper-message": "CheckboxGroup-module__hop-CheckboxGroup__helper-message___43uOM" };
+var CheckboxGroup_module_default = { "hop-CheckboxGroup": "CheckboxGroup-module__hop-CheckboxGroup___LA86B", "hop-CheckboxGroup--bordered": "CheckboxGroup-module__hop-CheckboxGroup--bordered___xDzsX", "hop-CheckboxGroup--sm": "CheckboxGroup-module__hop-CheckboxGroup--sm___YdFjD", "hop-CheckboxGroup--md": "CheckboxGroup-module__hop-CheckboxGroup--md___qFVhz", "hop-CheckboxGroup__label": "CheckboxGroup-module__hop-CheckboxGroup__label___Jv9ym", "hop-CheckboxGroup__list": "CheckboxGroup-module__hop-CheckboxGroup__list___4TkKj", "hop-CheckboxGroup__checkbox": "CheckboxGroup-module__hop-CheckboxGroup__checkbox___hPvG5", "hop-CheckboxGroup__error-message": "CheckboxGroup-module__hop-CheckboxGroup__error-message___6ux-r", "hop-CheckboxGroup__helper-message": "CheckboxGroup-module__hop-CheckboxGroup__helper-message___z8wh9" };
 var GlobalCheckboxGroupCssSelector = "hop-CheckboxGroup";
 function CheckboxGroup(props, ref) {
   var _a, _b, _c;

package/dist/{chunk-NRJ4NIRB.js → chunk-IUEZ452B.js}

@@ -1,5 +1,5 @@
 import { useLocalizedString } from './chunk-TFVDF4YH.js';
-import { _Text } from './chunk-OFI3LBBH.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 { composeRenderProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./RemainingCharacterCount.module.css#css-module
-var RemainingCharacterCount_module_default = { "hop-RemainingCharacterCount": "RemainingCharacterCount-module__hop-RemainingCharacterCount___9xsbm" };
+var RemainingCharacterCount_module_default = { "hop-RemainingCharacterCount": "RemainingCharacterCount-module__hop-RemainingCharacterCount___djiV8" };
 var GlobalRemainingCharacterCountCssSelector = "hop-RemainingCharacterCount";
 function RemainingCharacterCount(props, ref) {
   const { stylingProps, ...ownProps } = useStyledSystem(props);

package/dist/chunk-JHX5QEIH.js

@@ -0,0 +1,8 @@
+import { createContext } from 'react';
+
+// src/SegmentedControl/src/SegmentedControlContext.ts
+var SegmentedControlContext = createContext({});
+SegmentedControlContext.displayName = "SegmentedControlContext";
+var InternalSegmentedControlContext = createContext({});
+
+export { InternalSegmentedControlContext, SegmentedControlContext };

package/dist/{chunk-F6JYIRDV.js → chunk-JPKQVKZQ.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___TAuJ0" };
+var IconList_module_default = { "hop-IconList": "IconList-module__hop-IconList___-EHZR" };
 var GlobalIconListCssSelector = "hop-IconList";
 function IconList(props, ref) {
   [props, ref] = useContextProps(props, ref, IconListContext);

package/dist/{chunk-ZEWMI5W6.js → chunk-L5FIZTGO.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___ietsP", "hop-OverlineText__text": "OverlineText-module__hop-OverlineText__text___M1cCG" };
+var OverlineText_module_default = { "hop-OverlineText": "OverlineText-module__hop-OverlineText___ylqIL", "hop-OverlineText__text": "OverlineText-module__hop-OverlineText__text___VXI1W" };
 var GlobalOverlineTextCssSelector = "hop-OverlineText";
 function OverlineText(props, ref) {
   [props, ref] = useContextProps(props, ref, OverlineTextContext);

package/dist/{chunk-WMXOFQB6.js → chunk-NBCVQB4U.js}

@@ -1,6 +1,6 @@
 import { SwitchContext } from './chunk-YHBJAXUY.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
-import { ensureTextWrapper } from './chunk-RWTLMOQU.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, 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___k1qIQ", "hop-Switch--sm": "Switch-module__hop-Switch--sm___5rG4o", "hop-Switch--md": "Switch-module__hop-Switch--md___yH-IC", "hop-Switch__indicator": "Switch-module__hop-Switch__indicator___ho1t9", "hop-Switch__text": "Switch-module__hop-Switch__text___vDja5", "hop-Switch__icon-list": "Switch-module__hop-Switch__icon-list___43ZWY", "hop-Switch__icon": "Switch-module__hop-Switch__icon___RiAlK" };
+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 GlobalSwitchCssSelector = "hop-Switch";
 function Switch(props, ref) {
   var _a;

package/dist/{chunk-EWJDG7EF.js → chunk-NJVZCXT2.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-LN2F7IS3.js';
+import { _ListBoxItem } from './chunk-DOUSEJVO.js';
 import { ListBoxItemContext } from './chunk-Y2POLIXK.js';
 import { HeaderContext } from './chunk-7JOGKC3W.js';
 import { useLocalizedString } from './chunk-TFVDF4YH.js';
-import { _Text } from './chunk-OFI3LBBH.js';
+import { _Text } from './chunk-2QQKKCA6.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___yJuJZ", "hop-ListBox--fluid": "ListBox-module__hop-ListBox--fluid___wPcif", "hop-ListBox__section": "ListBox-module__hop-ListBox__section___C7-ry", "hop-ListBox__item": "ListBox-module__hop-ListBox__item___T-l7B", "hop-ListBox__section-header": "ListBox-module__hop-ListBox__section-header___baefO" };
+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 GlobalListBoxCssSelector = "hop-ListBox";
 var GlobalListBoxEmptyItemCssSelector = "hop-ListBox__empty-item";
 var ListBoxToTextSizeAdapter = {

package/dist/{chunk-DKHCH65G.js → chunk-OIPDQPIS.js}

@@ -10,7 +10,7 @@ import { useContextProps, useSlottedContext, InputContext, TextAreaContext, Fiel
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./InputGroup.module.css#css-module
-var InputGroup_module_default = { "hop-InputGroup": "InputGroup-module__hop-InputGroup___tf0Y1", "hop-InputGroup--fluid": "InputGroup-module__hop-InputGroup--fluid___1ZztT", "hop-InputGroup--sm": "InputGroup-module__hop-InputGroup--sm___kbzm1", "hop-InputGroup__input": "InputGroup-module__hop-InputGroup__input___CNGBm", "hop-InputGroup__textarea": "InputGroup-module__hop-InputGroup__textarea___bOMUC", "hop-InputGroup__embedded-button": "InputGroup-module__hop-InputGroup__embedded-button___TSr04" };
+var InputGroup_module_default = { "hop-InputGroup": "InputGroup-module__hop-InputGroup___HpS9V", "hop-InputGroup--fluid": "InputGroup-module__hop-InputGroup--fluid___AUFRM", "hop-InputGroup--sm": "InputGroup-module__hop-InputGroup--sm___xfUg7", "hop-InputGroup__input": "InputGroup-module__hop-InputGroup__input___5VK78", "hop-InputGroup__textarea": "InputGroup-module__hop-InputGroup__textarea___GatiP", "hop-InputGroup__embedded-button": "InputGroup-module__hop-InputGroup__embedded-button___ByrkK" };
 var GlobalInputGroupCssSelector = "hop-InputGroup";
 function InputGroup(props, ref) {
   var _a, _b;

package/dist/{chunk-B6KA3DJV.js → chunk-P7BDCUU6.js}

@@ -1,14 +1,14 @@
 import { SelectContext } from './chunk-T24MBA34.js';
-import { _SelectValue } from './chunk-J66EWPPW.js';
-import { _Popover } from './chunk-L4AMK7LE.js';
+import { _SelectValue } from './chunk-WYBZUVI5.js';
+import { _Popover } from './chunk-PHUI65VC.js';
 import { _Footer } from './chunk-VOZN65OL.js';
-import { _ListBox } from './chunk-EWJDG7EF.js';
-import { _HelperMessage } from './chunk-75S4IAP7.js';
-import { ensureTextWrapper } from './chunk-RWTLMOQU.js';
-import { _ErrorMessage } from './chunk-ODNRQDFF.js';
-import { _ToggleArrow } from './chunk-CTSJOSAY.js';
-import { _Label } from './chunk-RK2Y6VIU.js';
-import { useFormProps } from './chunk-IJRDG3TE.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 { BadgeContext } from './chunk-CQDLZ42T.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { ClearContainerSlots, ClearProviders } from './chunk-HXI3MEEK.js';
@@ -22,7 +22,7 @@ import { useContextProps, composeRenderProps, TextContext as TextContext$1, Butt
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./Select.module.css#css-module
-var Select_module_default = { "hop-Select": "Select-module__hop-Select___lCONC", "hop-Select--fluid": "Select-module__hop-Select--fluid___PvHTD", "hop-Select__label": "Select-module__hop-Select__label___B94kl", "hop-Select__button": "Select-module__hop-Select__button___F0VNN", "hop-Select__button--sm": "Select-module__hop-Select__button--sm___zvCyj", "hop-Select__button--md": "Select-module__hop-Select__button--md___FOT90", "hop-Select__prefix": "Select-module__hop-Select__prefix___lPSCx", "hop-Select__button-icon": "Select-module__hop-Select__button-icon___25U3K", "hop-Select__helper-message": "Select-module__hop-Select__helper-message___w4LRG", "hop-Select__error-message": "Select-module__hop-Select__error-message___FpiyX" };
+var Select_module_default = { "hop-Select": "Select-module__hop-Select___4hUV-", "hop-Select--fluid": "Select-module__hop-Select--fluid___oIKXC", "hop-Select__label": "Select-module__hop-Select__label___sARJb", "hop-Select__button": "Select-module__hop-Select__button___gvovZ", "hop-Select__button--sm": "Select-module__hop-Select__button--sm___iQlXp", "hop-Select__button--md": "Select-module__hop-Select__button--md___VUi5q", "hop-Select__prefix": "Select-module__hop-Select__prefix___JBo-G", "hop-Select__button-icon": "Select-module__hop-Select__button-icon___VKasH", "hop-Select__helper-message": "Select-module__hop-Select__helper-message___7V--C", "hop-Select__error-message": "Select-module__hop-Select__error-message___mDbtt" };
 var GlobalSelectCssSelector = "hop-Select";
 function Select(props, ref) {
   var _a, _b, _c, _d;

package/dist/{chunk-EOIARBSV.js → chunk-PBW55YB6.js}

@@ -1,5 +1,5 @@
-import { FloatingBadgeContext } from './chunk-CIGS4QGT.js';
 import { BadgeContext } from './chunk-CQDLZ42T.js';
+import { FloatingBadgeContext } from './chunk-CIGS4QGT.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
@@ -10,7 +10,7 @@ import { useContextProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./FloatingBadge.module.css#css-module
-var FloatingBadge_module_default = { "hop-FloatingBadge": "FloatingBadge-module__hop-FloatingBadge___MRNG2", "hop-FloatingBadge__badge": "FloatingBadge-module__hop-FloatingBadge__badge___47xjK" };
+var FloatingBadge_module_default = { "hop-FloatingBadge": "FloatingBadge-module__hop-FloatingBadge___SF-4H", "hop-FloatingBadge__badge": "FloatingBadge-module__hop-FloatingBadge__badge___xU3Uu" };
 var GlobalFloatingBadgeCssSelector = "hop-FloatingBadge";
 function FloatingBadge(props, ref) {
   [props, ref] = useContextProps(props, ref, FloatingBadgeContext);

package/dist/{chunk-O3YF6JLI.js → chunk-PE4RUTRT.js}

@@ -1,6 +1,6 @@
 import { RadioContext } from './chunk-FU5CCPLP.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
-import { ensureTextWrapper } from './chunk-RWTLMOQU.js';
+import { ensureTextWrapper } from './chunk-PNRCYEDV.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { useRenderProps } from './chunk-NH3IVMXB.js';
@@ -15,7 +15,7 @@ import { useContextProps, composeRenderProps } from 'react-aria-components';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 // css-module:./DecorativeRadio.module.css#css-module
-var DecorativeRadio_module_default = { "hop-DecorativeRadio": "DecorativeRadio-module__hop-DecorativeRadio___TyRBM Radio-module__hop-Radio___0t1qk", "hop-DecorativeRadio--sm": "DecorativeRadio-module__hop-DecorativeRadio--sm___-Kx8Z Radio-module__hop-Radio--sm___ZivZ3", "hop-DecorativeRadio--md": "DecorativeRadio-module__hop-DecorativeRadio--md___sEu7O Radio-module__hop-Radio--md___tAZ4g", "hop-DecorativeRadio__icon": "DecorativeRadio-module__hop-DecorativeRadio__icon___rPEHC Radio-module__hop-Radio__icon___--ntC", "hop-DecorativeRadio__icon-list": "DecorativeRadio-module__hop-DecorativeRadio__icon-list___hevTO Radio-module__hop-Radio__icon___--ntC", "hop-DecorativeRadio__box": "DecorativeRadio-module__hop-DecorativeRadio__box___CfbNy Radio-module__hop-Radio__box___6MZrl", "hop-DecorativeRadio__bullet": "DecorativeRadio-module__hop-DecorativeRadio__bullet___6mbqa Radio-module__hop-Radio__bullet___OXJuH", "hop-DecorativeRadio__text": "DecorativeRadio-module__hop-DecorativeRadio__text___QTJcQ Radio-module__hop-Radio__text___NkoVY" };
+var DecorativeRadio_module_default = { "hop-DecorativeRadio": "DecorativeRadio-module__hop-DecorativeRadio___2bOw2 Radio-module__hop-Radio___ncN-g", "hop-DecorativeRadio--sm": "DecorativeRadio-module__hop-DecorativeRadio--sm___EA5L6 Radio-module__hop-Radio--sm___lmI69", "hop-DecorativeRadio--md": "DecorativeRadio-module__hop-DecorativeRadio--md___hTfkr Radio-module__hop-Radio--md___nqnhp", "hop-DecorativeRadio__icon": "DecorativeRadio-module__hop-DecorativeRadio__icon___TwekP Radio-module__hop-Radio__icon___pQ5lq", "hop-DecorativeRadio__icon-list": "DecorativeRadio-module__hop-DecorativeRadio__icon-list___JAsIg Radio-module__hop-Radio__icon___pQ5lq", "hop-DecorativeRadio__box": "DecorativeRadio-module__hop-DecorativeRadio__box___7do7S Radio-module__hop-Radio__box___vvW-U", "hop-DecorativeRadio__bullet": "DecorativeRadio-module__hop-DecorativeRadio__bullet___YSl6k Radio-module__hop-Radio__bullet___jGOaB", "hop-DecorativeRadio__text": "DecorativeRadio-module__hop-DecorativeRadio__text___vjCQt Radio-module__hop-Radio__text___7ucBd" };
 var GlobalDecorativeRadioCssSelector = "hop-DecorativeRadio";
 function DecorativeRadio(props, ref) {
   var _a;

package/dist/{chunk-N5YLABIJ.js → chunk-PG3QT3L4.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___luFE-", "hop-Divider--vertical": "Divider-module__hop-Divider--vertical___BufAu" };
+var Divider_module_default = { "hop-Divider": "Divider-module__hop-Divider___fG7LR", "hop-Divider--vertical": "Divider-module__hop-Divider--vertical___Ej8FH" };
 var GlobalDividerCssSelector = "hop-Divider";
 function Divider(props, ref) {
   [props, ref] = useContextProps(props, ref, DividerContext);

package/dist/{chunk-L4AMK7LE.js → chunk-PHUI65VC.js}

@@ -1,13 +1,13 @@
 import { PopoverContext } from './chunk-SC6ZK5ON.js';
 import { FooterContext } from './chunk-I67NHYK4.js';
 import { LinkButtonContext } from './chunk-3UQFC2NQ.js';
+import { LinkContext } from './chunk-4VVNSXIB.js';
 import { isFunction, isNil } from './chunk-TIPN4VYD.js';
 import { ListBoxContext } from './chunk-UIEP5BA5.js';
-import { LinkContext } from './chunk-4VVNSXIB.js';
-import { _HopperProvider } from './chunk-NMKBUGSO.js';
 import { ContentContext } from './chunk-IXB2WK56.js';
 import { ButtonGroupContext } from './chunk-VJQ7M2BK.js';
 import { ButtonContext } from './chunk-WMTWFKKP.js';
+import { _HopperProvider } from './chunk-NMKBUGSO.js';
 import { HeadingContext } from './chunk-TXZ6BMFR.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
@@ -19,7 +19,7 @@ import { useContextProps, composeRenderProps, Popover as Popover$1, Dialog } fro
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Popover.module.css#css-module
-var Popover_module_default = { "hop-Popover": "Popover-module__hop-Popover___842bH", "fade": "Popover-module__fade___faogg", "hop-Popover__wrapper": "Popover-module__hop-Popover__wrapper___72zFH", "hop-Popover__dialog": "Popover-module__hop-Popover__dialog___P5HHH", "hop-Popover__dropdown": "Popover-module__hop-Popover__dropdown___yNd2W", "hop-Popover__title": "Popover-module__hop-Popover__title___YxoWB", "hop-Popover__content": "Popover-module__hop-Popover__content___19mjT", "hop-Popover__list-box": "Popover-module__hop-Popover__list-box___IwUXo", "hop-Popover__footer": "Popover-module__hop-Popover__footer___68xrj", "hop-Popover__actions": "Popover-module__hop-Popover__actions___nCYeX", "hop-Popover__action": "Popover-module__hop-Popover__action___tm-1f" };
+var Popover_module_default = { "hop-Popover": "Popover-module__hop-Popover___D3Ng4", "fade": "Popover-module__fade___70DEo", "hop-Popover__wrapper": "Popover-module__hop-Popover__wrapper___SBq2a", "hop-Popover__dialog": "Popover-module__hop-Popover__dialog___270wW", "hop-Popover__dropdown": "Popover-module__hop-Popover__dropdown___OR6kR", "hop-Popover__title": "Popover-module__hop-Popover__title___ttP2a", "hop-Popover__content": "Popover-module__hop-Popover__content___NZMo3", "hop-Popover__list-box": "Popover-module__hop-Popover__list-box___2QxP-", "hop-Popover__footer": "Popover-module__hop-Popover__footer___vg8ZV", "hop-Popover__actions": "Popover-module__hop-Popover__actions___EcbSA", "hop-Popover__action": "Popover-module__hop-Popover__action___d5Dii" };
 var GlobalPopoverCssSelector = "hop-Popover";
 function Popover(props, ref) {
   var _a;

package/dist/{chunk-HQPNYGB7.js → chunk-PIUO4NSJ.js}

@@ -1,17 +1,18 @@
-import { DisclosurePanelContext } from './chunk-7CJXILRD.js';
-import { DisclosureContext } from './chunk-MUAXK42C.js';
-import { DisclosureHeaderContext } from './chunk-GFRTCF4B.js';
 import { ToggleArrowContext } from './chunk-J6WBI2I2.js';
+import { DisclosureHeaderContext } from './chunk-GFRTCF4B.js';
+import { DisclosureContext } from './chunk-MUAXK42C.js';
+import { DisclosurePanelContext } from './chunk-7CJXILRD.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.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, composeRenderProps, Disclosure as Disclosure$1 } from 'react-aria-components';
+import { useContextProps, useSlottedContext, composeRenderProps, Disclosure as Disclosure$1 } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Disclosure.module.css#css-module
-var Disclosure_module_default = { "hop-Disclosure": "Disclosure-module__hop-Disclosure___j-60V", "hop-Disclosure__header": "Disclosure-module__hop-Disclosure__header___gbp0D", "hop-Disclosure--inline": "Disclosure-module__hop-Disclosure--inline___Po5-M", "hop-Disclosure__panel": "Disclosure-module__hop-Disclosure__panel___hE0Ec" };
+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 GlobalDisclosureCssSelector = "hop-Disclosure";
 function Disclosure(props, ref) {
   [props, ref] = useContextProps(props, ref, DisclosureContext);
@@ -23,6 +24,8 @@ function Disclosure(props, ref) {
     variant = "standalone",
     ...otherProps
   } = ownProps;
+  const disclosureHeaderCtx = useSlottedContext(DisclosureHeaderContext);
+  const disclosurePanelCtx = useSlottedContext(DisclosurePanelContext);
   const classNames = composeClassnameRenderProps(
     className,
     GlobalDisclosureCssSelector,
@@ -58,10 +61,10 @@ function Disclosure(props, ref) {
               variant
             }],
             [DisclosureHeaderContext, {
-              className: Disclosure_module_default["hop-Disclosure__header"]
+              className: clsx(disclosureHeaderCtx == null ? void 0 : disclosureHeaderCtx.className, Disclosure_module_default["hop-Disclosure__header"])
             }],
             [DisclosurePanelContext, {
-              className: Disclosure_module_default["hop-Disclosure__panel"]
+              className: clsx(disclosurePanelCtx == null ? void 0 : disclosurePanelCtx.className, Disclosure_module_default["hop-Disclosure__panel"])
             }],
             [ToggleArrowContext, {
               isExpanded: disclosureRenderProps.isExpanded

package/dist/{chunk-RWTLMOQU.js → chunk-PNRCYEDV.js}

@@ -1,5 +1,5 @@
 import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
-import { _Text } from './chunk-OFI3LBBH.js';
+import { _Text } from './chunk-2QQKKCA6.js';
 import { jsx } from 'react/jsx-runtime';
 
 function ensureTextWrapper(children, elementType) {

package/dist/{chunk-73CBMSHN.js → chunk-R3EA53KY.js}

@@ -1,11 +1,11 @@
 import { useScale } from './chunk-MTDFS4CZ.js';
 import { NumberFieldContext } from './chunk-ZQ3AWYRR.js';
-import { _InputGroup } from './chunk-DKHCH65G.js';
-import { _HelperMessage } from './chunk-75S4IAP7.js';
-import { ensureTextWrapper } from './chunk-RWTLMOQU.js';
-import { _ErrorMessage } from './chunk-ODNRQDFF.js';
-import { _Label } from './chunk-RK2Y6VIU.js';
-import { useFormProps } from './chunk-IJRDG3TE.js';
+import { _InputGroup } from './chunk-OIPDQPIS.js';
+import { _ErrorMessage } from './chunk-HOCZEYM2.js';
+import { _HelperMessage } from './chunk-VEEIDUMU.js';
+import { ensureTextWrapper } from './chunk-PNRCYEDV.js';
+import { _Label } from './chunk-DL26PLJ5.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';
@@ -22,7 +22,7 @@ import { useContextProps, composeRenderProps, Input, NumberField as NumberField$
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./NumberField.module.css#css-module
-var NumberField_module_default = { "hop-NumberField": "NumberField-module__hop-NumberField___GUl-f", "hop-NumberField--fluid": "NumberField-module__hop-NumberField--fluid___MHjTK", "hop-NumberField--mobile": "NumberField-module__hop-NumberField--mobile___Nyi5m", "hop-NumberField__Label": "NumberField-module__hop-NumberField__Label___vzP5A", "hop-NumberField__prefix": "NumberField-module__hop-NumberField__prefix___PaBC5", "hop-NumberField__InputGroup": "NumberField-module__hop-NumberField__InputGroup___0zMmD", "hop-NumberField__ErrorMessage": "NumberField-module__hop-NumberField__ErrorMessage___44UTA", "hop-NumberField__HelperMessage": "NumberField-module__hop-NumberField__HelperMessage___kfcx-", "hop-NumberField__stepper-button": "NumberField-module__hop-NumberField__stepper-button___FMtJE", "hop-NumberField__stepper-button--increment": "NumberField-module__hop-NumberField__stepper-button--increment___hagvS", "hop-NumberField__stepper-button--decrement": "NumberField-module__hop-NumberField__stepper-button--decrement___oiBli", "hop-NumberField__stepper-button--mobile": "NumberField-module__hop-NumberField__stepper-button--mobile___aGTQv", "hop-NumberField__stepper-button__icon": "NumberField-module__hop-NumberField__stepper-button__icon___byCSf", "hop-NumberField__input": "NumberField-module__hop-NumberField__input___yHY8W" };
+var NumberField_module_default = { "hop-NumberField": "NumberField-module__hop-NumberField___Yr92E", "hop-NumberField--fluid": "NumberField-module__hop-NumberField--fluid___yDu-c", "hop-NumberField--mobile": "NumberField-module__hop-NumberField--mobile___nd13U", "hop-NumberField__Label": "NumberField-module__hop-NumberField__Label___I22co", "hop-NumberField__prefix": "NumberField-module__hop-NumberField__prefix___hcUSl", "hop-NumberField__InputGroup": "NumberField-module__hop-NumberField__InputGroup___54w4O", "hop-NumberField__ErrorMessage": "NumberField-module__hop-NumberField__ErrorMessage___wp-B-", "hop-NumberField__HelperMessage": "NumberField-module__hop-NumberField__HelperMessage___p9fBH", "hop-NumberField__stepper-button": "NumberField-module__hop-NumberField__stepper-button___0TKRt", "hop-NumberField__stepper-button--increment": "NumberField-module__hop-NumberField__stepper-button--increment___Use6w", "hop-NumberField__stepper-button--decrement": "NumberField-module__hop-NumberField__stepper-button--decrement___UypXg", "hop-NumberField__stepper-button--mobile": "NumberField-module__hop-NumberField__stepper-button--mobile___WhYPr", "hop-NumberField__stepper-button__icon": "NumberField-module__hop-NumberField__stepper-button__icon___BP-4V", "hop-NumberField__input": "NumberField-module__hop-NumberField__input___8KT2t" };
 var GlobalNumberFieldCssSelector = "hop-NumberField";
 var StepperButton = ({ direction }) => {
   const scale = useScale();

package/dist/{chunk-IJRDG3TE.js → chunk-R3XRXUM2.js}

@@ -7,7 +7,7 @@ import { Form as Form$1 } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Form.module.css#css-module
-var Form_module_default = { "hop-Form": "Form-module__hop-Form___6XUMw" };
+var Form_module_default = { "hop-Form": "Form-module__hop-Form___CUW7s" };
 var GlobalFormCssSelector = "hop-Form";
 function useFormProps(props) {
   const ctx = useContext(FormContext);

package/dist/{chunk-C6YSH23D.js → chunk-RBX5I4PK.js}

@@ -1,8 +1,8 @@
+import { RichIconAvatarImageContext } from './chunk-JWW56J7M.js';
 import { useRenderProps } from './chunk-NH3IVMXB.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
-import { RichIconAvatarImageContext } from './chunk-JWW56J7M.js';
 import { RichIconContext } from '@hopper-ui/icons';
 import { slot, useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
 import { forwardRef } from 'react';
@@ -11,7 +11,7 @@ import { useContextProps, composeRenderProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./RichIconAvatarImage.module.css#css-module
-var RichIconAvatarImage_module_default = { "hop-RichIconAvatarImage": "RichIconAvatarImage-module__hop-RichIconAvatarImage___02Q4u", "hop-RichIconAvatarImage--xs": "RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___cWqTY", "hop-RichIconAvatarImage--sm": "RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___L-UlV", "hop-RichIconAvatarImage--md": "RichIconAvatarImage-module__hop-RichIconAvatarImage--md___kS-Tn", "hop-RichIconAvatarImage--lg": "RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___L2dwN", "hop-RichIconAvatarImage--xl": "RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___k2ZEx", "hop-RichIconAvatarImage--2xl": "RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___ycGmd", "hop-RichIconAvatarImage__icon": "RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___Xyoga" };
+var RichIconAvatarImage_module_default = { "hop-RichIconAvatarImage": "RichIconAvatarImage-module__hop-RichIconAvatarImage___9jfhn", "hop-RichIconAvatarImage--xs": "RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___SzArm", "hop-RichIconAvatarImage--sm": "RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___GBM6B", "hop-RichIconAvatarImage--md": "RichIconAvatarImage-module__hop-RichIconAvatarImage--md___ywXzy", "hop-RichIconAvatarImage--lg": "RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___WuvOq", "hop-RichIconAvatarImage--xl": "RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___rZ0c2", "hop-RichIconAvatarImage--2xl": "RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___SFJg-", "hop-RichIconAvatarImage__icon": "RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___4GNy9" };
 var GlobalRichIconAvatarImageCssSelector = "hop-RichIconAvatarImage";
 var AvatarToIconSizeAdapter = {
   xs: "md",

package/dist/{chunk-TGBZ3PQC.js → chunk-RELQCWQJ.js}

@@ -1,13 +1,13 @@
 import { useTruncatedText } from './chunk-Z57VHYOF.js';
-import { _RemainingCharacterCount } from './chunk-NRJ4NIRB.js';
+import { _RemainingCharacterCount } from './chunk-IUEZ452B.js';
 import { TextFieldContext } from './chunk-O4XPUINW.js';
-import { _InputGroup } from './chunk-DKHCH65G.js';
-import { _ClearButton } from './chunk-7JWBRULR.js';
-import { _HelperMessage } from './chunk-75S4IAP7.js';
-import { ensureTextWrapper } from './chunk-RWTLMOQU.js';
-import { _ErrorMessage } from './chunk-ODNRQDFF.js';
-import { _Label } from './chunk-RK2Y6VIU.js';
-import { useFormProps } from './chunk-IJRDG3TE.js';
+import { _InputGroup } from './chunk-OIPDQPIS.js';
+import { _ClearButton } from './chunk-FDCAYJ5A.js';
+import { _ErrorMessage } from './chunk-HOCZEYM2.js';
+import { _HelperMessage } from './chunk-VEEIDUMU.js';
+import { ensureTextWrapper } from './chunk-PNRCYEDV.js';
+import { _Label } from './chunk-DL26PLJ5.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';
@@ -24,7 +24,7 @@ import { useContextProps, composeRenderProps, Input, TextField as TextField$1 }
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./TextField.module.css#css-module
-var TextField_module_default = { "hop-TextField": "TextField-module__hop-TextField___vEq1N", "hop-TextField--fluid": "TextField-module__hop-TextField--fluid___K0rjp", "hop-TextField__Label": "TextField-module__hop-TextField__Label___R-wBQ", "hop-TextField__prefix": "TextField-module__hop-TextField__prefix___O4zDZ", "hop-TextField__InputGroup": "TextField-module__hop-TextField__InputGroup___nYm0y", "hop-TextField__ErrorMessage": "TextField-module__hop-TextField__ErrorMessage___qQQqd", "hop-TextField__HelperMessage": "TextField-module__hop-TextField__HelperMessage___hMbrN" };
+var TextField_module_default = { "hop-TextField": "TextField-module__hop-TextField___nktUs", "hop-TextField--fluid": "TextField-module__hop-TextField--fluid___Wua79", "hop-TextField__Label": "TextField-module__hop-TextField__Label___IM2vg", "hop-TextField__prefix": "TextField-module__hop-TextField__prefix___HGWZ0", "hop-TextField__InputGroup": "TextField-module__hop-TextField__InputGroup___93l2k", "hop-TextField__ErrorMessage": "TextField-module__hop-TextField__ErrorMessage___JP3Jo", "hop-TextField__HelperMessage": "TextField-module__hop-TextField__HelperMessage___1i7-G" };
 var GlobalTextFieldCssSelector = "hop-TextField";
 function TextField(props, ref) {
   var _a;

package/dist/{chunk-ANWJKO7G.js → chunk-RYVQOAWM.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___TLEi-", "hop-Card--main": "Card-module__hop-Card--main___HlP97", "hop-Card--second-level": "Card-module__hop-Card--second-level___8BlSv" };
+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 GlobalCardCssSelector = "hop-Card";
 var Card = (props, ref) => {
   [props, ref] = useContextProps(props, ref, CardContext);

package/dist/{chunk-CTSJOSAY.js → chunk-SNTJBZFO.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___f8B70" };
+var ToggleArrow_module_default = { "hop-ToggleArrow": "ToggleArrow-module__hop-ToggleArrow___k2P1d" };
 var GlobalToggleArrowCssSelector = "hop-ToggleArrow";
 function ToggleArrow(props, ref) {
   [props, ref] = useContextProps(props, ref, ToggleArrowContext);

package/dist/chunk-TDKQPTN6.js

@@ -0,0 +1,7 @@
+import { createContext } from 'react';
+
+// src/SegmentedControl/src/SegmentedControlItemContext.ts
+var SegmentedControlItemContext = createContext({});
+SegmentedControlItemContext.displayName = "SegmentedControlItemContext";
+
+export { SegmentedControlItemContext };

package/dist/{chunk-SBPPBKQY.js → chunk-U3OENUO3.js}

@@ -1,7 +1,7 @@
-import { AvatarContext } from './chunk-AES7QBQE.js';
-import { _RichIconAvatarImage } from './chunk-C6YSH23D.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';
 import { DeletedUserRichIcon } from '@hopper-ui/icons';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
 import { forwardRef } from 'react';