@hopper-ui/components 1.3.33 → 1.3.35

package/dist/checkbox/src/index.js

@@ -1,26 +1,28 @@
-export { _CheckboxField as CheckboxField, GlobalCheckboxFieldCssSelector } from '../../chunk-JCJA22ZN.js';
-export { _CheckboxGroup as CheckboxGroup, GlobalCheckboxGroupCssSelector } from '../../chunk-O44XKAD6.js';
-export { _Checkbox as Checkbox, GlobalCheckboxCssSelector } from '../../chunk-OQ5ANYTP.js';
+export { _Checkbox as Checkbox, GlobalCheckboxCssSelector } from '../../chunk-6LK7QKDE.js';
+export { _CheckboxField as CheckboxField, GlobalCheckboxFieldCssSelector } from '../../chunk-XJUDFLDF.js';
+export { _CheckboxGroup as CheckboxGroup, GlobalCheckboxGroupCssSelector } from '../../chunk-SYXSGWNE.js';
 export { CheckboxFieldContext } from '../../chunk-ZGNK4GWA.js';
 export { CheckboxGroupContext } from '../../chunk-N7YDPVZL.js';
-export { _DecorativeCheckbox as DecorativeCheckbox, GlobalDecorativeCheckboxCssSelector } from '../../chunk-JQDHDPWX.js';
-import '../../chunk-R5756BNI.js';
-import '../../chunk-ZWU6DRRZ.js';
-import '../../chunk-5L4SRFMM.js';
-import '../../chunk-HZKFQ33E.js';
-import '../../chunk-DHVVYSLB.js';
+export { _DecorativeCheckbox as DecorativeCheckbox, GlobalDecorativeCheckboxCssSelector } from '../../chunk-YGFDJWW6.js';
 export { CheckboxContext } from '../../chunk-2EAZPH3M.js';
+import '../../chunk-DHVVYSLB.js';
+import '../../chunk-5MVIPFJG.js';
+import '../../chunk-HZKFQ33E.js';
+import '../../chunk-X3G7OJKA.js';
+import '../../chunk-ZWU6DRRZ.js';
+import '../../chunk-EJGX57JX.js';
+import '../../chunk-FAE27DLF.js';
 import '../../chunk-DBIN32YS.js';
-import '../../chunk-BCUIZE4G.js';
+import '../../chunk-ZTSBOPRT.js';
 import '../../chunk-TXZ6BMFR.js';
-import '../../chunk-YQXI64TQ.js';
+import '../../chunk-NEVRDLRS.js';
 import '../../chunk-QCA3ZR56.js';
 import '../../chunk-TFVDF4YH.js';
-import '../../chunk-Z2UVDVEE.js';
-import '../../chunk-FAE27DLF.js';
-import '../../chunk-ETR3U3FY.js';
+import '../../chunk-RTABBR2E.js';
+import '../../chunk-Q7NXUUB3.js';
+import '../../chunk-MI3FZZRE.js';
 import '../../chunk-WPNVVGFW.js';
-import '../../chunk-5V32JYKM.js';
+import '../../chunk-MM727X5U.js';
 import '../../chunk-X6SER3TZ.js';
 import '../../chunk-HXI3MEEK.js';
 import '../../chunk-NH3IVMXB.js';

package/dist/{chunk-6SOC4ZCP.js → chunk-2HHYW5O7.js}

@@ -1,6 +1,6 @@
 import { SwitchContext } from './chunk-YHBJAXUY.js';
 import { SwitchFieldContext } from './chunk-H7VJS4MX.js';
-import { _Text } from './chunk-5V32JYKM.js';
+import { _Text } from './chunk-MM727X5U.js';
 import { useRenderProps } from './chunk-NH3IVMXB.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
@@ -13,7 +13,7 @@ import { useContextProps, composeRenderProps } from 'react-aria-components';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // css-module:./SwitchField.module.css#css-module
-var SwitchField_module_default = { "hop-SwitchField": "SwitchField-module__hop-SwitchField___bYUhd", "hop-SwitchField--sm": "SwitchField-module__hop-SwitchField--sm___nf2Ff", "hop-SwitchField--md": "SwitchField-module__hop-SwitchField--md___rbt91", "hop-SwitchField__description": "SwitchField-module__hop-SwitchField__description___kLUCi", "hop-SwitchField__switch": "SwitchField-module__hop-SwitchField__switch___jtiwm" };
+var SwitchField_module_default = { "hop-SwitchField": "SwitchField-module__hop-SwitchField___mnbqO", "hop-SwitchField--sm": "SwitchField-module__hop-SwitchField--sm___k6DMy", "hop-SwitchField--md": "SwitchField-module__hop-SwitchField--md___lXSm2", "hop-SwitchField__description": "SwitchField-module__hop-SwitchField__description___At8fQ", "hop-SwitchField__switch": "SwitchField-module__hop-SwitchField__switch___YHUZ0" };
 var GlobalSwitchFieldCssSelector = "hop-SwitchField";
 var SwitchToDescriptionSizeAdapter = {
   sm: "xs",

package/dist/{chunk-DPGUTB2Z.js → chunk-2VRVLS4A.js}

@@ -1,6 +1,6 @@
 import { LinkContext } from './chunk-4VVNSXIB.js';
-import { ensureTextWrapper } from './chunk-R5756BNI.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
+import { ensureTextWrapper } from './chunk-X3G7OJKA.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___56Bex", "hop-Link--quiet": "Link-module__hop-Link--quiet___svLBR", "hop-Link--primary": "Link-module__hop-Link--primary___aFXg9", "hop-Link--secondary": "Link-module__hop-Link--secondary___WxTQA", "hop-Link__icon": "Link-module__hop-Link__icon___YCbAM", "hop-Link__icon-list": "Link-module__hop-Link__icon-list___8YC4s", "hop-Link__text": "Link-module__hop-Link__text___IFLMX", "hop-Link__start-icon": "Link-module__hop-Link__start-icon___OpzmE", "hop-Link__start-icon-list": "Link-module__hop-Link__start-icon-list___DnJF9" };
+var Link_module_default = { "hop-Link": "Link-module__hop-Link___T-h6-", "hop-Link--quiet": "Link-module__hop-Link--quiet___ZXgx1", "hop-Link--primary": "Link-module__hop-Link--primary___wEvDO", "hop-Link--secondary": "Link-module__hop-Link--secondary___GWtNa", "hop-Link__icon": "Link-module__hop-Link__icon___Ezdkp", "hop-Link__icon-list": "Link-module__hop-Link__icon-list___wjqa-", "hop-Link__text": "Link-module__hop-Link__text___1OL2p", "hop-Link__start-icon": "Link-module__hop-Link__start-icon___cTvd-", "hop-Link__start-icon-list": "Link-module__hop-Link__start-icon-list___Y4VyG" };
 var GlobalLinkCssSelector = "hop-Link";
 var LinkToIconSizeAdapter = {
   inherit: void 0,

package/dist/{chunk-JGHJ2M26.js → chunk-3THUO6AY.js}

@@ -1,10 +1,12 @@
-import { _Popover } from './chunk-6URDOTFT.js';
+import { _Popover } from './chunk-ZUSVLWHC.js';
 import { _Footer } from './chunk-VOZN65OL.js';
-import { _ListBox } from './chunk-DJWMHKN5.js';
-import { ensureTextWrapper } from './chunk-R5756BNI.js';
-import { _HelperMessage } from './chunk-5L4SRFMM.js';
-import { _Label } from './chunk-YQXI64TQ.js';
-import { _ErrorMessage } from './chunk-Z2UVDVEE.js';
+import { _ListBox } from './chunk-TP3LLTP7.js';
+import { _HelperMessage } from './chunk-5MVIPFJG.js';
+import { ensureTextWrapper } from './chunk-X3G7OJKA.js';
+import { _ErrorMessage } from './chunk-EJGX57JX.js';
+import { _ToggleArrow } from './chunk-XJPH3TL7.js';
+import { _Label } from './chunk-NEVRDLRS.js';
+import { useFormProps } from './chunk-RTABBR2E.js';
 import { BadgeContext } from './chunk-CQDLZ42T.js';
 import { ComboBoxContext } from './chunk-4XHTP4GX.js';
 import { TextContext as TextContext$1 } from './chunk-X6SER3TZ.js';
@@ -12,7 +14,7 @@ import { ClearProviders, ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
-import { IconContext, AngleUpIcon, AngleDownIcon } from '@hopper-ui/icons';
+import { IconContext } from '@hopper-ui/icons';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
 import { useObjectRef, mergeRefs, useResizeObserver } from '@react-aria/utils';
 import { forwardRef, useRef, useState, useCallback } from 'react';
@@ -20,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___ig3d7", "hop-ComboBox--fluid": "ComboBox-module__hop-ComboBox--fluid___Ua0Y5", "hop-ComboBox__label": "ComboBox-module__hop-ComboBox__label___lA51F", "hop-ComboBox__trigger": "ComboBox-module__hop-ComboBox__trigger___Qg8CE", "hop-ComboBox__trigger--sm": "ComboBox-module__hop-ComboBox__trigger--sm___nXH3X", "hop-ComboBox__trigger--md": "ComboBox-module__hop-ComboBox__trigger--md___GNL6k", "hop-ComboBox__input": "ComboBox-module__hop-ComboBox__input___fMRzq", "hop-ComboBox__button": "ComboBox-module__hop-ComboBox__button___Ity2t", "hop-ComboBox__prefix": "ComboBox-module__hop-ComboBox__prefix___4nCAP", "hop-ComboBox__button-icon": "ComboBox-module__hop-ComboBox__button-icon___quIBU", "hop-ComboBox__helper-message": "ComboBox-module__hop-ComboBox__helper-message___AmZCd", "hop-ComboBox__error-message": "ComboBox-module__hop-ComboBox__error-message___hxTeb" };
+var ComboBox_module_default = { "hop-ComboBox": "ComboBox-module__hop-ComboBox___AKDEt", "hop-ComboBox--fluid": "ComboBox-module__hop-ComboBox--fluid___BmR9n", "hop-ComboBox__label": "ComboBox-module__hop-ComboBox__label___pjJQI", "hop-ComboBox__trigger": "ComboBox-module__hop-ComboBox__trigger___u02GY", "hop-ComboBox__trigger--sm": "ComboBox-module__hop-ComboBox__trigger--sm___P4Pqu", "hop-ComboBox__trigger--md": "ComboBox-module__hop-ComboBox__trigger--md___FsKTM", "hop-ComboBox__input": "ComboBox-module__hop-ComboBox__input___JK-eK", "hop-ComboBox__button": "ComboBox-module__hop-ComboBox__button___azazS", "hop-ComboBox__prefix": "ComboBox-module__hop-ComboBox__prefix___cZ67H", "hop-ComboBox__button-icon": "ComboBox-module__hop-ComboBox__button-icon___kyy8-", "hop-ComboBox__helper-message": "ComboBox-module__hop-ComboBox__helper-message___ej1ng", "hop-ComboBox__error-message": "ComboBox-module__hop-ComboBox__error-message___wM56e" };
 var GlobalComboBoxCssSelector = "hop-ComboBox";
 function ComboBox(props, ref) {
   var _a, _b, _c, _d, _e;
@@ -29,6 +31,7 @@ function ComboBox(props, ref) {
     ...propsWithoutRef
   } = props;
   [props, ref] = useContextProps(propsWithoutRef, ref, ComboBoxContext);
+  props = useFormProps(props);
   const { stylingProps, ...ownProps } = useStyledSystem(props);
   const {
     align: alignProp,
@@ -185,7 +188,6 @@ function ComboBox(props, ref) {
       ...otherProps,
       children: (comboBoxRenderProps) => {
         const { isOpen } = comboBoxRenderProps;
-        const ButtonIcon = isOpen ? AngleUpIcon : AngleDownIcon;
         return /* @__PURE__ */ jsxs(Fragment, { children: [
           label && /* @__PURE__ */ jsx(
             _Label,
@@ -253,7 +255,13 @@ function ComboBox(props, ref) {
                     placeholder
                   }
                 ),
-                /* @__PURE__ */ jsx(Button, { className: buttonClassNames, ref: buttonRef, children: /* @__PURE__ */ jsx(ButtonIcon, { size: "sm", className: ComboBox_module_default["hop-ComboBox__button-icon"] }) })
+                /* @__PURE__ */ jsx(Button, { className: buttonClassNames, ref: buttonRef, children: /* @__PURE__ */ jsx(
+                  _ToggleArrow,
+                  {
+                    className: ComboBox_module_default["hop-ComboBox__button-icon"],
+                    isExpanded: isOpen
+                  }
+                ) })
               ]
             }
           ),

package/dist/{chunk-WUXVBNRQ.js → chunk-5LMIPWJ4.js}

@@ -1,10 +1,11 @@
-import { _InputGroup } from './chunk-7TNFRZPO.js';
-import { _EmbeddedButton } from './chunk-PSIGABQ5.js';
 import { PasswordFieldContext } from './chunk-QW45G6K4.js';
-import { _HelperMessage } from './chunk-5L4SRFMM.js';
-import { _Label } from './chunk-YQXI64TQ.js';
+import { _InputGroup } from './chunk-M4HNTQU7.js';
+import { _EmbeddedButton } from './chunk-QZTLUJBL.js';
+import { _HelperMessage } from './chunk-5MVIPFJG.js';
+import { _ErrorMessage } from './chunk-EJGX57JX.js';
+import { _Label } from './chunk-NEVRDLRS.js';
 import { useLocalizedString } from './chunk-TFVDF4YH.js';
-import { _ErrorMessage } from './chunk-Z2UVDVEE.js';
+import { useFormProps } from './chunk-RTABBR2E.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
@@ -18,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___BWkk1", "hop-PasswordField--fluid": "PasswordField-module__hop-PasswordField--fluid___hV4BX", "hop-PasswordField__Label": "PasswordField-module__hop-PasswordField__Label___0zgdP", "hop-PasswordField__InputGroup": "PasswordField-module__hop-PasswordField__InputGroup___P-i2T", "hop-PasswordField__ErrorMessage": "PasswordField-module__hop-PasswordField__ErrorMessage___9aZIG", "hop-PasswordField__HelperMessage": "PasswordField-module__hop-PasswordField__HelperMessage___Wvm9R" };
+var PasswordField_module_default = { "hop-PasswordField": "PasswordField-module__hop-PasswordField___912b5", "hop-PasswordField--fluid": "PasswordField-module__hop-PasswordField--fluid___znUlX", "hop-PasswordField__Label": "PasswordField-module__hop-PasswordField__Label___7lzpM", "hop-PasswordField__InputGroup": "PasswordField-module__hop-PasswordField__InputGroup___LcSH3", "hop-PasswordField__ErrorMessage": "PasswordField-module__hop-PasswordField__ErrorMessage___gZole", "hop-PasswordField__HelperMessage": "PasswordField-module__hop-PasswordField__HelperMessage___q-Fsc" };
 var GlobalPasswordFieldCssSelector = "hop-PasswordField";
 function PasswordField(props, ref) {
   var _a;
@@ -27,6 +28,7 @@ function PasswordField(props, ref) {
     ...propsWithoutRef
   } = props;
   [props, ref] = useContextProps(propsWithoutRef, ref, PasswordFieldContext);
+  props = useFormProps(props);
   const { stylingProps, ...ownProps } = useStyledSystem(props);
   const [showPassword, setShowPassword] = useState(false);
   const stringFormatter = useLocalizedString();

package/dist/{chunk-5L4SRFMM.js → chunk-5MVIPFJG.js}

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

package/dist/{chunk-OQ5ANYTP.js → chunk-6LK7QKDE.js}

@@ -1,6 +1,7 @@
-import { ensureTextWrapper } from './chunk-R5756BNI.js';
-import { IconListContext } from './chunk-DHVVYSLB.js';
 import { CheckboxContext } from './chunk-2EAZPH3M.js';
+import { IconListContext } from './chunk-DHVVYSLB.js';
+import { ensureTextWrapper } from './chunk-X3G7OJKA.js';
+import { useFormProps } from './chunk-RTABBR2E.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
@@ -13,11 +14,12 @@ 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___Ce4TM", "hop-Checkbox--sm": "Checkbox-module__hop-Checkbox--sm___XoeSg", "hop-Checkbox--md": "Checkbox-module__hop-Checkbox--md___eYKKq", "hop-Checkbox__icon": "Checkbox-module__hop-Checkbox__icon___hGFLW", "hop-Checkbox__icon-list": "Checkbox-module__hop-Checkbox__icon-list___zqmBZ", "hop-Checkbox__box": "Checkbox-module__hop-Checkbox__box___PYojt", "hop-Checkbox__check": "Checkbox-module__hop-Checkbox__check___wm88w", "hop-Checkbox__text": "Checkbox-module__hop-Checkbox__text___tks63" };
+var Checkbox_module_default = { "hop-Checkbox": "Checkbox-module__hop-Checkbox___fJ0hw", "hop-Checkbox--sm": "Checkbox-module__hop-Checkbox--sm___C3RYR", "hop-Checkbox--md": "Checkbox-module__hop-Checkbox--md___7jr7u", "hop-Checkbox__icon": "Checkbox-module__hop-Checkbox__icon___CorNP", "hop-Checkbox__icon-list": "Checkbox-module__hop-Checkbox__icon-list___WFFaF", "hop-Checkbox__box": "Checkbox-module__hop-Checkbox__box___Tpq92", "hop-Checkbox__check": "Checkbox-module__hop-Checkbox__check___bDkze", "hop-Checkbox__text": "Checkbox-module__hop-Checkbox__text___NlwJN" };
 var GlobalCheckboxCssSelector = "hop-Checkbox";
 function Checkbox(props, ref) {
   var _a;
   [props, ref] = useContextProps(props, ref, CheckboxContext);
+  props = useFormProps(props);
   const { stylingProps, ...ownProps } = useStyledSystem(props);
   const {
     className,

package/dist/{chunk-7W2MXYXZ.js → chunk-6XXPLEOU.js}

@@ -1,9 +1,10 @@
-import { RadioFieldContext } from './chunk-DGLAGYBD.js';
 import { RadioGroupContext } from './chunk-5MBJWRZD.js';
+import { RadioFieldContext } from './chunk-DGLAGYBD.js';
 import { RadioContext } from './chunk-FU5CCPLP.js';
-import { _HelperMessage } from './chunk-5L4SRFMM.js';
-import { _Label } from './chunk-YQXI64TQ.js';
-import { _ErrorMessage } from './chunk-Z2UVDVEE.js';
+import { _HelperMessage } from './chunk-5MVIPFJG.js';
+import { _ErrorMessage } from './chunk-EJGX57JX.js';
+import { _Label } from './chunk-NEVRDLRS.js';
+import { useFormProps } from './chunk-RTABBR2E.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
@@ -14,11 +15,12 @@ import { useContextProps, composeRenderProps, RadioGroup as RadioGroup$1 } from
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./RadioGroup.module.css#css-module
-var RadioGroup_module_default = { "hop-RadioGroup": "RadioGroup-module__hop-RadioGroup___ANP-d", "hop-RadioGroup--bordered": "RadioGroup-module__hop-RadioGroup--bordered___QAWzi", "hop-RadioGroup--sm": "RadioGroup-module__hop-RadioGroup--sm___Vv6Th", "hop-RadioGroup--md": "RadioGroup-module__hop-RadioGroup--md___IovHZ", "hop-RadioGroup__label": "RadioGroup-module__hop-RadioGroup__label___I5XvH", "hop-RadioGroup__list": "RadioGroup-module__hop-RadioGroup__list___2DqPP", "hop-RadioGroup__radio": "RadioGroup-module__hop-RadioGroup__radio___VeCwg", "hop-RadioGroup__error-message": "RadioGroup-module__hop-RadioGroup__error-message___IhqnK", "hop-RadioGroup__helper-message": "RadioGroup-module__hop-RadioGroup__helper-message___1kVej" };
+var RadioGroup_module_default = { "hop-RadioGroup": "RadioGroup-module__hop-RadioGroup___1NPQZ", "hop-RadioGroup--bordered": "RadioGroup-module__hop-RadioGroup--bordered___O04rj", "hop-RadioGroup--sm": "RadioGroup-module__hop-RadioGroup--sm___AccI8", "hop-RadioGroup--md": "RadioGroup-module__hop-RadioGroup--md___t46BC", "hop-RadioGroup__label": "RadioGroup-module__hop-RadioGroup__label___cWiik", "hop-RadioGroup__list": "RadioGroup-module__hop-RadioGroup__list___AyUy9", "hop-RadioGroup__radio": "RadioGroup-module__hop-RadioGroup__radio___GPDnQ", "hop-RadioGroup__error-message": "RadioGroup-module__hop-RadioGroup__error-message___FSkSN", "hop-RadioGroup__helper-message": "RadioGroup-module__hop-RadioGroup__helper-message___ueeau" };
 var GlobalRadioGroupCssSelector = "hop-RadioGroup";
 function RadioGroup(props, ref) {
   var _a, _b, _c;
   [props, ref] = useContextProps(props, ref, RadioGroupContext);
+  props = useFormProps(props);
   const { stylingProps, ...ownProps } = useStyledSystem(props);
   const { stylingProps: listStylingProps, ...listProps } = useStyledSystem((_a = ownProps.listProps) != null ? _a : {});
   const {

package/dist/chunk-7CJXILRD.js

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

package/dist/chunk-AYW3VAZY.js

@@ -0,0 +1,79 @@
+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 { 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 { forwardRef } from 'react';
+import { useContextProps, 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___xCpQ7", "hop-Disclosure__header": "Disclosure-module__hop-Disclosure__header___PTwfY", "hop-Disclosure--inline": "Disclosure-module__hop-Disclosure--inline___5P5N6", "hop-Disclosure__panel": "Disclosure-module__hop-Disclosure__panel___KGD3s" };
+var GlobalDisclosureCssSelector = "hop-Disclosure";
+function Disclosure(props, ref) {
+  [props, ref] = useContextProps(props, ref, DisclosureContext);
+  const { stylingProps, ...ownProps } = useStyledSystem(props);
+  const {
+    className,
+    children: childrenProp,
+    style: styleProp,
+    variant = "standalone",
+    ...otherProps
+  } = ownProps;
+  const classNames = composeClassnameRenderProps(
+    className,
+    GlobalDisclosureCssSelector,
+    cssModule(
+      Disclosure_module_default,
+      "hop-Disclosure",
+      variant
+    ),
+    stylingProps.className
+  );
+  const style = composeRenderProps(styleProp, (prev) => {
+    return {
+      ...stylingProps.style,
+      ...prev
+    };
+  });
+  const children = composeRenderProps(childrenProp, (prev) => {
+    return prev;
+  });
+  return /* @__PURE__ */ jsx(
+    Disclosure$1,
+    {
+      ref,
+      className: classNames,
+      style,
+      ...otherProps,
+      children: (disclosureRenderProps) => /* @__PURE__ */ jsx(
+        SlotProvider,
+        {
+          values: [
+            [DisclosureContext, {
+              isDisabled: disclosureRenderProps.isDisabled,
+              variant
+            }],
+            [DisclosureHeaderContext, {
+              className: Disclosure_module_default["hop-Disclosure__header"]
+            }],
+            [DisclosurePanelContext, {
+              className: Disclosure_module_default["hop-Disclosure__panel"]
+            }],
+            [ToggleArrowContext, {
+              isExpanded: disclosureRenderProps.isExpanded
+            }]
+          ],
+          children: children(disclosureRenderProps)
+        }
+      )
+    }
+  );
+}
+var _Disclosure = forwardRef(Disclosure);
+_Disclosure.displayName = "Disclosure";
+
+export { GlobalDisclosureCssSelector, _Disclosure };

package/dist/{chunk-VHQQVD4Y.js → chunk-BVZYQJKK.js}

@@ -1,8 +1,9 @@
-import { TagContext } from './chunk-EWMWQ2MC.js';
 import { TagGroupContext } from './chunk-LCAS3YQV.js';
-import { _HelperMessage } from './chunk-5L4SRFMM.js';
-import { _Label } from './chunk-YQXI64TQ.js';
-import { _ErrorMessage } from './chunk-Z2UVDVEE.js';
+import { TagContext } from './chunk-EWMWQ2MC.js';
+import { _HelperMessage } from './chunk-5MVIPFJG.js';
+import { _ErrorMessage } from './chunk-EJGX57JX.js';
+import { _Label } from './chunk-NEVRDLRS.js';
+import { useFormProps } from './chunk-RTABBR2E.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
@@ -13,11 +14,12 @@ import { useContextProps, composeRenderProps, FieldErrorContext, TagGroup as Tag
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // css-module:./TagGroup.module.css#css-module
-var TagGroup_module_default = { "hop-TagGroup": "TagGroup-module__hop-TagGroup___r75G6", "hop-TagGroup__label": "TagGroup-module__hop-TagGroup__label___fwjSr", "hop-TagGroup__list": "TagGroup-module__hop-TagGroup__list___cJoAk", "hop-TagGroup__error-message": "TagGroup-module__hop-TagGroup__error-message___-R-9d", "hop-TagGroup__helper-message": "TagGroup-module__hop-TagGroup__helper-message___h1vlD" };
+var TagGroup_module_default = { "hop-TagGroup": "TagGroup-module__hop-TagGroup___Zj6ZW", "hop-TagGroup__label": "TagGroup-module__hop-TagGroup__label___oCIWY", "hop-TagGroup__list": "TagGroup-module__hop-TagGroup__list___2A-ho", "hop-TagGroup__error-message": "TagGroup-module__hop-TagGroup__error-message___Pk6aF", "hop-TagGroup__helper-message": "TagGroup-module__hop-TagGroup__helper-message___jpLRp" };
 var GlobalTagGroupCssSelector = "hop-TagGroup";
 function TagGroup(props, ref) {
   var _a;
   [props, ref] = useContextProps(props, ref, TagGroupContext);
+  props = useFormProps(props);
   const { stylingProps, ...ownProps } = useStyledSystem(props);
   const {
     className,

package/dist/{chunk-ROBSHFBH.js → chunk-CGHAMVQH.js}

@@ -1,4 +1,4 @@
-import { _OverlineText } from './chunk-ETR3U3FY.js';
+import { _OverlineText } from './chunk-MI3FZZRE.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___77igA", "hop-Badge--primary": "Badge-module__hop-Badge--primary___UpldP", "hop-Badge--secondary": "Badge-module__hop-Badge--secondary___2Ukve", "hop-Badge--subdued": "Badge-module__hop-Badge--subdued___J4mz-" };
+var Badge_module_default = { "hop-Badge": "Badge-module__hop-Badge___wrGLz", "hop-Badge--primary": "Badge-module__hop-Badge--primary___HBtBu", "hop-Badge--secondary": "Badge-module__hop-Badge--secondary___VVOyJ", "hop-Badge--subdued": "Badge-module__hop-Badge--subdued___03nDA" };
 var GlobalBadgeCssSelector = "hop-Badge";
 function Badge(props, ref) {
   [props, ref] = useContextProps(props, ref, BadgeContext);

package/dist/{chunk-NLZXVLBW.js → chunk-DZJSSJVJ.js}

@@ -1,13 +1,13 @@
-import { SectionContext } from './chunk-5H5AZJPQ.js';
+import { ListBoxSectionContext } from './chunk-RLDIAT4F.js';
 import { useStyledSystem } from '@hopper-ui/styled-system';
 import clsx from 'clsx';
 import { forwardRef } from 'react';
-import { useContextProps, Section as Section$1 } from 'react-aria-components';
+import { useContextProps, ListBoxSection as ListBoxSection$1 } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
-var GlobalSectionCssSelector = "hop-Section";
-function Section(props, ref) {
-  [props, ref] = useContextProps(props, ref, SectionContext);
+var GlobalSectionCssSelector = "hop-ListBoxSection";
+function ListBoxSection(props, ref) {
+  [props, ref] = useContextProps(props, ref, ListBoxSectionContext);
   const { stylingProps, ...ownProps } = useStyledSystem(props);
   const {
     className,
@@ -25,7 +25,7 @@ function Section(props, ref) {
     ...style
   };
   return /* @__PURE__ */ jsx(
-    Section$1,
+    ListBoxSection$1,
     {
       ref,
       className: classNames,
@@ -35,7 +35,7 @@ function Section(props, ref) {
     }
   );
 }
-var _Section = forwardRef(Section);
-_Section.displayName = "Section";
+var _ListBoxSection = forwardRef(ListBoxSection);
+_ListBoxSection.displayName = "ListBoxSection";
 
-export { GlobalSectionCssSelector, _Section };
+export { GlobalSectionCssSelector, _ListBoxSection };

package/dist/{chunk-Z2UVDVEE.js → chunk-EJGX57JX.js}

@@ -1,5 +1,5 @@
 import { ErrorMessageContext } from './chunk-FAE27DLF.js';
-import { _Text } from './chunk-5V32JYKM.js';
+import { _Text } from './chunk-MM727X5U.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___IeyIQ", "hop-ErrorMessage__icon": "ErrorMessage-module__hop-ErrorMessage__icon___wmjDl" };
+var ErrorMessage_module_default = { "hop-ErrorMessage": "ErrorMessage-module__hop-ErrorMessage___eMQZh", "hop-ErrorMessage__icon": "ErrorMessage-module__hop-ErrorMessage__icon___-iyKo" };
 var GlobalErrorMessageCssSelector = "hop-ErrorMessage";
 function ErrorMessage(props, ref) {
   const validation = useContext(FieldErrorContext);

package/dist/{chunk-CWGQSZVV.js → chunk-EPSUB3U3.js}

@@ -1,10 +1,11 @@
 import { useScale } from './chunk-MTDFS4CZ.js';
-import { _InputGroup } from './chunk-7TNFRZPO.js';
 import { NumberFieldContext } from './chunk-ZQ3AWYRR.js';
-import { ensureTextWrapper } from './chunk-R5756BNI.js';
-import { _HelperMessage } from './chunk-5L4SRFMM.js';
-import { _Label } from './chunk-YQXI64TQ.js';
-import { _ErrorMessage } from './chunk-Z2UVDVEE.js';
+import { _InputGroup } from './chunk-M4HNTQU7.js';
+import { _HelperMessage } from './chunk-5MVIPFJG.js';
+import { ensureTextWrapper } from './chunk-X3G7OJKA.js';
+import { _ErrorMessage } from './chunk-EJGX57JX.js';
+import { _Label } from './chunk-NEVRDLRS.js';
+import { useFormProps } from './chunk-RTABBR2E.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
@@ -21,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___hkoPZ", "hop-NumberField--fluid": "NumberField-module__hop-NumberField--fluid___yTPaS", "hop-NumberField--mobile": "NumberField-module__hop-NumberField--mobile___pf6os", "hop-NumberField__Label": "NumberField-module__hop-NumberField__Label___JwYDT", "hop-NumberField__prefix": "NumberField-module__hop-NumberField__prefix___j0-Ws", "hop-NumberField__InputGroup": "NumberField-module__hop-NumberField__InputGroup___4jcXp", "hop-NumberField__ErrorMessage": "NumberField-module__hop-NumberField__ErrorMessage___Syo6-", "hop-NumberField__HelperMessage": "NumberField-module__hop-NumberField__HelperMessage___5U-9M", "hop-NumberField__stepper-button": "NumberField-module__hop-NumberField__stepper-button___U2brw", "hop-NumberField__stepper-button--increment": "NumberField-module__hop-NumberField__stepper-button--increment___cBDvb", "hop-NumberField__stepper-button--decrement": "NumberField-module__hop-NumberField__stepper-button--decrement___iAFy5", "hop-NumberField__stepper-button--mobile": "NumberField-module__hop-NumberField__stepper-button--mobile___vN-ak", "hop-NumberField__stepper-button__icon": "NumberField-module__hop-NumberField__stepper-button__icon___pTiYt", "hop-NumberField__input": "NumberField-module__hop-NumberField__input___h5-Zb" };
+var NumberField_module_default = { "hop-NumberField": "NumberField-module__hop-NumberField___hSsxT", "hop-NumberField--fluid": "NumberField-module__hop-NumberField--fluid___GFBV8", "hop-NumberField--mobile": "NumberField-module__hop-NumberField--mobile___ArQXO", "hop-NumberField__Label": "NumberField-module__hop-NumberField__Label___uIBXd", "hop-NumberField__prefix": "NumberField-module__hop-NumberField__prefix___tgtba", "hop-NumberField__InputGroup": "NumberField-module__hop-NumberField__InputGroup___TvSpd", "hop-NumberField__ErrorMessage": "NumberField-module__hop-NumberField__ErrorMessage___NnOQu", "hop-NumberField__HelperMessage": "NumberField-module__hop-NumberField__HelperMessage___l14gj", "hop-NumberField__stepper-button": "NumberField-module__hop-NumberField__stepper-button___ixKMN", "hop-NumberField__stepper-button--increment": "NumberField-module__hop-NumberField__stepper-button--increment___Mo-VG", "hop-NumberField__stepper-button--decrement": "NumberField-module__hop-NumberField__stepper-button--decrement___RZogl", "hop-NumberField__stepper-button--mobile": "NumberField-module__hop-NumberField__stepper-button--mobile___t1Sjb", "hop-NumberField__stepper-button__icon": "NumberField-module__hop-NumberField__stepper-button__icon___GqWyR", "hop-NumberField__input": "NumberField-module__hop-NumberField__input___VEMTb" };
 var GlobalNumberFieldCssSelector = "hop-NumberField";
 var StepperButton = ({ direction }) => {
   const scale = useScale();
@@ -58,6 +59,7 @@ function NumberField(props, ref) {
     ...propsWithoutRef
   } = props;
   [props, ref] = useContextProps(propsWithoutRef, ref, NumberFieldContext);
+  props = useFormProps(props);
   const { stylingProps, ...ownProps } = useStyledSystem(props);
   const {
     className,

package/dist/{chunk-VB4KGI6T.js → chunk-F7F57LOT.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___1jD7q", "hop-FloatingBadge__badge": "FloatingBadge-module__hop-FloatingBadge__badge___68XXE" };
+var FloatingBadge_module_default = { "hop-FloatingBadge": "FloatingBadge-module__hop-FloatingBadge___XVrt5", "hop-FloatingBadge__badge": "FloatingBadge-module__hop-FloatingBadge__badge___xkC6I" };
 var GlobalFloatingBadgeCssSelector = "hop-FloatingBadge";
 function FloatingBadge(props, ref) {
   [props, ref] = useContextProps(props, ref, FloatingBadgeContext);

package/dist/chunk-FSXFF7TJ.js

@@ -0,0 +1,124 @@
+import { DisclosureContext } from './chunk-MUAXK42C.js';
+import { DisclosureHeaderContext } from './chunk-GFRTCF4B.js';
+import { _ToggleArrow } from './chunk-XJPH3TL7.js';
+import { _Heading } from './chunk-ZTSBOPRT.js';
+import { TextContext } from './chunk-X6SER3TZ.js';
+import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
+import { SlotProvider } from './chunk-M36KANKC.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 } from 'react';
+import { useContextProps, DisclosureStateContext, useSlottedContext, composeRenderProps, Button, DEFAULT_SLOT } from 'react-aria-components';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+// css-module:./DisclosureHeader.module.css#css-module
+var DisclosureHeader_module_default = { "hop-DisclosureHeader": "DisclosureHeader-module__hop-DisclosureHeader___6dacL", "hop-DisclosureHeader__button": "DisclosureHeader-module__hop-DisclosureHeader__button___yefS-", "hop-DisclosureHeader__button--inline": "DisclosureHeader-module__hop-DisclosureHeader__button--inline___aie95", "hop-DisclosureHeader__icon": "DisclosureHeader-module__hop-DisclosureHeader__icon___PKvHT", "hop-DisclosureHeader__title": "DisclosureHeader-module__hop-DisclosureHeader__title___Nqvyi", "hop-DisclosureHeader__toggle-arrow": "DisclosureHeader-module__hop-DisclosureHeader__toggle-arrow___noLeO" };
+var GlobalDisclosureHeaderCssSelector = "hop-DisclosureHeader";
+function DisclosureHeader(props, ref) {
+  [props, ref] = useContextProps(props, ref, DisclosureHeaderContext);
+  const { stylingProps, ...ownProps } = useStyledSystem(props);
+  const {
+    buttonProps,
+    className,
+    children,
+    level = 3,
+    size = "xs",
+    style: styleProp,
+    ...otherProps
+  } = ownProps;
+  const { isExpanded } = useContext(DisclosureStateContext);
+  const { variant } = useSlottedContext(DisclosureContext);
+  const classNames = clsx(
+    GlobalDisclosureHeaderCssSelector,
+    cssModule(
+      DisclosureHeader_module_default,
+      "hop-DisclosureHeader"
+    ),
+    stylingProps.className,
+    className
+  );
+  const style = {
+    ...stylingProps.style,
+    ...styleProp
+  };
+  const { stylingProps: buttonStylingProps, ...buttonOwnProps } = useStyledSystem(buttonProps != null ? buttonProps : {});
+  const {
+    className: buttonClassName,
+    style: buttonStyleProp,
+    ...buttonOtherProps
+  } = buttonOwnProps;
+  const buttonClassNames = composeClassnameRenderProps(
+    buttonClassName,
+    cssModule(
+      DisclosureHeader_module_default,
+      "hop-DisclosureHeader__button",
+      variant
+    ),
+    buttonStylingProps.className
+  );
+  const buttonStyle = composeRenderProps(buttonStyleProp, (prev) => {
+    return {
+      ...buttonStylingProps.style,
+      ...prev
+    };
+  });
+  return /* @__PURE__ */ jsx(
+    _Heading,
+    {
+      ref,
+      className: classNames,
+      style,
+      level,
+      size,
+      ...otherProps,
+      children: /* @__PURE__ */ jsxs(
+        Button,
+        {
+          slot: "trigger",
+          className: buttonClassNames,
+          style: buttonStyle,
+          "data-expanded": isExpanded || void 0,
+          ...buttonOtherProps,
+          children: [
+            /* @__PURE__ */ jsx(
+              SlotProvider,
+              {
+                values: [
+                  [TextContext, {
+                    slots: {
+                      [DEFAULT_SLOT]: {
+                        className: DisclosureHeader_module_default["hop-DisclosureHeader__title"],
+                        size: "inherit"
+                      }
+                    }
+                  }],
+                  [IconContext, {
+                    slots: {
+                      [DEFAULT_SLOT]: {
+                        className: DisclosureHeader_module_default["hop-DisclosureHeader__icon"],
+                        size: "md"
+                      }
+                    }
+                  }]
+                ],
+                children
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              _ToggleArrow,
+              {
+                className: DisclosureHeader_module_default["hop-DisclosureHeader__toggle-arrow"]
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+}
+var _DisclosureHeader = forwardRef(DisclosureHeader);
+_DisclosureHeader.displayName = "DisclosureHeader";
+
+export { GlobalDisclosureHeaderCssSelector, _DisclosureHeader };