@hopper-ui/components 1.3.32 → 1.3.34

package/dist/{chunk-WXP3P4KY.js → chunk-EABCCXRD.js}

@@ -1,11 +1,11 @@
 import { isFunction } from './chunk-TIPN4VYD.js';
 import { SectionContext } from './chunk-5H5AZJPQ.js';
 import { ListBoxContext } from './chunk-UIEP5BA5.js';
-import { _ListBoxItem } from './chunk-JZV3EU5P.js';
+import { _ListBoxItem } from './chunk-RBENLQVB.js';
 import { ListBoxItemContext } from './chunk-Y2POLIXK.js';
-import { useLocalizedString } from './chunk-TFVDF4YH.js';
 import { HeaderContext } from './chunk-7JOGKC3W.js';
-import { _Text } from './chunk-2ZAWI3VO.js';
+import { useLocalizedString } from './chunk-TFVDF4YH.js';
+import { _Text } from './chunk-75I7LTO3.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
@@ -17,7 +17,7 @@ import { useContextProps, composeRenderProps, ListBox as ListBox$1, Collection }
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./ListBox.module.css#css-module
-var ListBox_module_default = { "hop-ListBox": "ListBox-module__hop-ListBox___o3TiT", "hop-ListBox--fluid": "ListBox-module__hop-ListBox--fluid___9Jmrx", "hop-ListBox__section": "ListBox-module__hop-ListBox__section___8-sHc", "hop-ListBox__item": "ListBox-module__hop-ListBox__item___Y8r2l", "hop-ListBox__section-header": "ListBox-module__hop-ListBox__section-header___qQVx7" };
+var ListBox_module_default = { "hop-ListBox": "ListBox-module__hop-ListBox___zgpB-", "hop-ListBox--fluid": "ListBox-module__hop-ListBox--fluid___lgUzj", "hop-ListBox__section": "ListBox-module__hop-ListBox__section___MjTP8", "hop-ListBox__item": "ListBox-module__hop-ListBox__item___v-LeI", "hop-ListBox__section-header": "ListBox-module__hop-ListBox__section-header___USUd7" };
 var GlobalListBoxCssSelector = "hop-ListBox";
 var GlobalListBoxEmptyItemCssSelector = "hop-ListBox__empty-item";
 var ListBoxToTextSizeAdapter = {

package/dist/{chunk-X5SCISRD.js → chunk-EXO4OJ7Z.js}

@@ -1,5 +1,5 @@
 import { HelperMessageContext } from './chunk-HZKFQ33E.js';
-import { _Text } from './chunk-2ZAWI3VO.js';
+import { _Text } from './chunk-75I7LTO3.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___wwxDN", "hop-HelperMessage__icon": "HelperMessage-module__hop-HelperMessage__icon___8k1Gi" };
+var HelperMessage_module_default = { "hop-HelperMessage": "HelperMessage-module__hop-HelperMessage___2u276", "hop-HelperMessage__icon": "HelperMessage-module__hop-HelperMessage__icon___qXSF9" };
 var GlobalHelperMessageCssSelector = "hop-HelperMessage";
 function HelperMessage(props, ref) {
   const validation = useContext(FieldErrorContext);

package/dist/{chunk-Y75VH6OP.js → chunk-G7QY3NWV.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___xmpEU", "hop-EmbeddedButton--md": "EmbeddedButton-module__hop-EmbeddedButton--md___8D9OF", "hop-EmbeddedButton--lg": "EmbeddedButton-module__hop-EmbeddedButton--lg___Fonmy", "hop-EmbeddedButton--neutral": "EmbeddedButton-module__hop-EmbeddedButton--neutral___b6ANF", "hop-EmbeddedButton--subdued": "EmbeddedButton-module__hop-EmbeddedButton--subdued___I4m06", "hop-EmbeddedButton--progress": "EmbeddedButton-module__hop-EmbeddedButton--progress___HwECy", "hop-EmbeddedButton--positive": "EmbeddedButton-module__hop-EmbeddedButton--positive___MxglL", "hop-EmbeddedButton--caution": "EmbeddedButton-module__hop-EmbeddedButton--caution___kztV4", "hop-EmbeddedButton--negative": "EmbeddedButton-module__hop-EmbeddedButton--negative___09JwR", "hop-EmbeddedButton--option1": "EmbeddedButton-module__hop-EmbeddedButton--option1___Wpfvw", "hop-EmbeddedButton--option2": "EmbeddedButton-module__hop-EmbeddedButton--option2___Sf66e", "hop-EmbeddedButton--option3": "EmbeddedButton-module__hop-EmbeddedButton--option3___6LcW4", "hop-EmbeddedButton--option4": "EmbeddedButton-module__hop-EmbeddedButton--option4___us6jw", "hop-EmbeddedButton--option5": "EmbeddedButton-module__hop-EmbeddedButton--option5___AMUi6", "hop-EmbeddedButton--option6": "EmbeddedButton-module__hop-EmbeddedButton--option6___9z2Y0", "hop-EmbeddedButton__icon": "EmbeddedButton-module__hop-EmbeddedButton__icon___zDq1L" };
+var EmbeddedButton_module_default = { "hop-EmbeddedButton": "EmbeddedButton-module__hop-EmbeddedButton___U95Sy", "hop-EmbeddedButton--md": "EmbeddedButton-module__hop-EmbeddedButton--md___hbpeA", "hop-EmbeddedButton--lg": "EmbeddedButton-module__hop-EmbeddedButton--lg___CZhR9", "hop-EmbeddedButton--neutral": "EmbeddedButton-module__hop-EmbeddedButton--neutral___e6JwV", "hop-EmbeddedButton--subdued": "EmbeddedButton-module__hop-EmbeddedButton--subdued___i-2qa", "hop-EmbeddedButton--progress": "EmbeddedButton-module__hop-EmbeddedButton--progress___jDT6T", "hop-EmbeddedButton--positive": "EmbeddedButton-module__hop-EmbeddedButton--positive___sywpr", "hop-EmbeddedButton--caution": "EmbeddedButton-module__hop-EmbeddedButton--caution___9HpKn", "hop-EmbeddedButton--negative": "EmbeddedButton-module__hop-EmbeddedButton--negative___XqVQE", "hop-EmbeddedButton--option1": "EmbeddedButton-module__hop-EmbeddedButton--option1___vZ2qH", "hop-EmbeddedButton--option2": "EmbeddedButton-module__hop-EmbeddedButton--option2___W0qJU", "hop-EmbeddedButton--option3": "EmbeddedButton-module__hop-EmbeddedButton--option3___KYLG7", "hop-EmbeddedButton--option4": "EmbeddedButton-module__hop-EmbeddedButton--option4___EFIcJ", "hop-EmbeddedButton--option5": "EmbeddedButton-module__hop-EmbeddedButton--option5___dlQOG", "hop-EmbeddedButton--option6": "EmbeddedButton-module__hop-EmbeddedButton--option6___RZkSJ", "hop-EmbeddedButton__icon": "EmbeddedButton-module__hop-EmbeddedButton__icon___MPwAs" };
 var GlobalEmbeddedButtonCssSelector = "hop-EmbeddedButton";
 function EmbeddedButton(props, ref) {
   var _a;

package/dist/chunk-GFRTCF4B.js

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

package/dist/{chunk-UJAYZEVR.js → chunk-GO5KCRGN.js}

@@ -1,6 +1,6 @@
 import { RadioContext } from './chunk-FU5CCPLP.js';
-import { ensureTextWrapper } from './chunk-UYXVO6TB.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
+import { ensureTextWrapper } from './chunk-WILQEDLK.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___5l24i Radio-module__hop-Radio___dqo1a", "hop-DecorativeRadio--sm": "DecorativeRadio-module__hop-DecorativeRadio--sm___xVSDX Radio-module__hop-Radio--sm___kXHtb", "hop-DecorativeRadio--md": "DecorativeRadio-module__hop-DecorativeRadio--md___ZG2HZ Radio-module__hop-Radio--md___9-Uza", "hop-DecorativeRadio__icon": "DecorativeRadio-module__hop-DecorativeRadio__icon___ClgPx Radio-module__hop-Radio__icon___-IP5F", "hop-DecorativeRadio__icon-list": "DecorativeRadio-module__hop-DecorativeRadio__icon-list___w9Km2 Radio-module__hop-Radio__icon___-IP5F", "hop-DecorativeRadio__box": "DecorativeRadio-module__hop-DecorativeRadio__box___MYQ-F Radio-module__hop-Radio__box___13G2q", "hop-DecorativeRadio__bullet": "DecorativeRadio-module__hop-DecorativeRadio__bullet___c0sPv Radio-module__hop-Radio__bullet___G4ui2", "hop-DecorativeRadio__text": "DecorativeRadio-module__hop-DecorativeRadio__text___AC1V9 Radio-module__hop-Radio__text___h2OQE" };
+var DecorativeRadio_module_default = { "hop-DecorativeRadio": "DecorativeRadio-module__hop-DecorativeRadio___IEyJb Radio-module__hop-Radio___izkpm", "hop-DecorativeRadio--sm": "DecorativeRadio-module__hop-DecorativeRadio--sm___MnjI- Radio-module__hop-Radio--sm___fJH1M", "hop-DecorativeRadio--md": "DecorativeRadio-module__hop-DecorativeRadio--md___435kK Radio-module__hop-Radio--md___mxR3S", "hop-DecorativeRadio__icon": "DecorativeRadio-module__hop-DecorativeRadio__icon___LE8aU Radio-module__hop-Radio__icon___FnTgU", "hop-DecorativeRadio__icon-list": "DecorativeRadio-module__hop-DecorativeRadio__icon-list___tTwVE Radio-module__hop-Radio__icon___FnTgU", "hop-DecorativeRadio__box": "DecorativeRadio-module__hop-DecorativeRadio__box___melup Radio-module__hop-Radio__box___61ph-", "hop-DecorativeRadio__bullet": "DecorativeRadio-module__hop-DecorativeRadio__bullet___pOh7l Radio-module__hop-Radio__bullet___nWPay", "hop-DecorativeRadio__text": "DecorativeRadio-module__hop-DecorativeRadio__text___wXFty Radio-module__hop-Radio__text___x7XaX" };
 var GlobalDecorativeRadioCssSelector = "hop-DecorativeRadio";
 function DecorativeRadio(props, ref) {
   var _a;

package/dist/{chunk-UEZ6JMBX.js → chunk-GQJ7GNYQ.js}

@@ -11,7 +11,7 @@ import { useContextProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./ButtonGroup.module.css#css-module
-var ButtonGroup_module_default = { "hop-ButtonGroup": "ButtonGroup-module__hop-ButtonGroup___qZZvz", "hop-ButtonGroup--horizontal": "ButtonGroup-module__hop-ButtonGroup--horizontal___BqExP", "hop-ButtonGroup--vertical": "ButtonGroup-module__hop-ButtonGroup--vertical___Y1h0w", "hop-ButtonGroup--start": "ButtonGroup-module__hop-ButtonGroup--start___4uIzc", "hop-ButtonGroup--center": "ButtonGroup-module__hop-ButtonGroup--center___QMUIS", "hop-ButtonGroup--end": "ButtonGroup-module__hop-ButtonGroup--end___0X0T1", "hop-ButtonGroup--wrap": "ButtonGroup-module__hop-ButtonGroup--wrap___oVOWS", "hop-ButtonGroup--fluid": "ButtonGroup-module__hop-ButtonGroup--fluid___c11bZ" };
+var ButtonGroup_module_default = { "hop-ButtonGroup": "ButtonGroup-module__hop-ButtonGroup___hqLSF", "hop-ButtonGroup--horizontal": "ButtonGroup-module__hop-ButtonGroup--horizontal___3av6y", "hop-ButtonGroup--vertical": "ButtonGroup-module__hop-ButtonGroup--vertical___gv-ld", "hop-ButtonGroup--start": "ButtonGroup-module__hop-ButtonGroup--start___kJMSf", "hop-ButtonGroup--center": "ButtonGroup-module__hop-ButtonGroup--center___3hmgX", "hop-ButtonGroup--end": "ButtonGroup-module__hop-ButtonGroup--end___oVQYE", "hop-ButtonGroup--wrap": "ButtonGroup-module__hop-ButtonGroup--wrap___qi3Sl", "hop-ButtonGroup--fluid": "ButtonGroup-module__hop-ButtonGroup--fluid___v7t-F" };
 var GlobalButtonGroupCssSelector = "hop-ButtonGroup";
 function ButtonGroup(props, ref) {
   var _a, _b, _c, _d;

package/dist/chunk-GUCWHJZX.js

@@ -0,0 +1,79 @@
+import { DisclosurePanelContext } from './chunk-7CJXILRD.js';
+import { ToggleArrowContext } from './chunk-J6WBI2I2.js';
+import { DisclosureContext } from './chunk-MUAXK42C.js';
+import { DisclosureHeaderContext } from './chunk-GFRTCF4B.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___gvlxa", "hop-Disclosure__header": "Disclosure-module__hop-Disclosure__header___ucZIG", "hop-Disclosure--inline": "Disclosure-module__hop-Disclosure--inline___q-0k4", "hop-Disclosure__panel": "Disclosure-module__hop-Disclosure__panel___bjiCz" };
+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-GVEPINW7.js

@@ -0,0 +1,67 @@
+import { ensureTextWrapper } from './chunk-WILQEDLK.js';
+import { DisclosurePanelContext } from './chunk-7CJXILRD.js';
+import { FormContext } from './chunk-Q7NXUUB3.js';
+import { DisclosureContext } from './chunk-MUAXK42C.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 { useStyledSystem } from '@hopper-ui/styled-system';
+import { forwardRef } from 'react';
+import { useContextProps, useSlottedContext, composeRenderProps, DisclosurePanel as DisclosurePanel$1 } from 'react-aria-components';
+import { jsx } from 'react/jsx-runtime';
+
+// css-module:./DisclosurePanel.module.css#css-module
+var DisclosurePanel_module_default = { "hop-DisclosurePanel": "DisclosurePanel-module__hop-DisclosurePanel___HlzkD", "hop-DisclosurePanel--inline": "DisclosurePanel-module__hop-DisclosurePanel--inline___1GycZ", "hop-DisclosurePanel--disabled": "DisclosurePanel-module__hop-DisclosurePanel--disabled___CYfsT", "hop-DisclosurePanel__text": "DisclosurePanel-module__hop-DisclosurePanel__text___47Nfk" };
+var GlobalDisclosurePanelCssSelector = "hop-DisclosurePanel";
+function DisclosurePanel(props, ref) {
+  [props, ref] = useContextProps(props, ref, DisclosurePanelContext);
+  const { stylingProps, ...ownProps } = useStyledSystem(props);
+  const {
+    className,
+    children,
+    style: styleProp,
+    ...otherProps
+  } = ownProps;
+  const { isDisabled, variant } = useSlottedContext(DisclosureContext);
+  const classNames = composeClassnameRenderProps(
+    className,
+    GlobalDisclosurePanelCssSelector,
+    cssModule(
+      DisclosurePanel_module_default,
+      "hop-DisclosurePanel",
+      variant,
+      isDisabled && "disabled"
+    ),
+    stylingProps.className
+  );
+  const style = composeRenderProps(styleProp, (prev) => {
+    return {
+      ...stylingProps.style,
+      ...prev
+    };
+  });
+  return /* @__PURE__ */ jsx(
+    DisclosurePanel$1,
+    {
+      ref,
+      className: classNames,
+      style,
+      ...otherProps,
+      children: /* @__PURE__ */ jsx(
+        SlotProvider,
+        {
+          values: [
+            [TextContext, { size: "sm", className: DisclosurePanel_module_default["hop-DisclosurePanel__text"] }],
+            [FormContext, { size: "sm", isDisabled }]
+          ],
+          children: ensureTextWrapper(children, "p")
+        }
+      )
+    }
+  );
+}
+var _DisclosurePanel = forwardRef(DisclosurePanel);
+_DisclosurePanel.displayName = "DisclosurePanel";
+
+export { GlobalDisclosurePanelCssSelector, _DisclosurePanel };

package/dist/{chunk-VYFGV7LF.js → chunk-GYJQJEJS.js}

@@ -1,6 +1,7 @@
-import { ensureTextWrapper } from './chunk-UYXVO6TB.js';
-import { IconListContext } from './chunk-DHVVYSLB.js';
 import { CheckboxContext } from './chunk-2EAZPH3M.js';
+import { IconListContext } from './chunk-DHVVYSLB.js';
+import { ensureTextWrapper } from './chunk-WILQEDLK.js';
+import { useFormProps } from './chunk-SH3CLZKH.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___Z-y0e", "hop-Checkbox--sm": "Checkbox-module__hop-Checkbox--sm___5J3HW", "hop-Checkbox--md": "Checkbox-module__hop-Checkbox--md___PZTMw", "hop-Checkbox__icon": "Checkbox-module__hop-Checkbox__icon___MY2sJ", "hop-Checkbox__icon-list": "Checkbox-module__hop-Checkbox__icon-list___jHQMo", "hop-Checkbox__box": "Checkbox-module__hop-Checkbox__box___nMgAo", "hop-Checkbox__check": "Checkbox-module__hop-Checkbox__check___4g1qS", "hop-Checkbox__text": "Checkbox-module__hop-Checkbox__text___QBE-c" };
+var Checkbox_module_default = { "hop-Checkbox": "Checkbox-module__hop-Checkbox___KXJNl", "hop-Checkbox--sm": "Checkbox-module__hop-Checkbox--sm___3u1nr", "hop-Checkbox--md": "Checkbox-module__hop-Checkbox--md___sBiRN", "hop-Checkbox__icon": "Checkbox-module__hop-Checkbox__icon___-9JFc", "hop-Checkbox__icon-list": "Checkbox-module__hop-Checkbox__icon-list___Uad5p", "hop-Checkbox__box": "Checkbox-module__hop-Checkbox__box___67wkL", "hop-Checkbox__check": "Checkbox-module__hop-Checkbox__check___r6Mbn", "hop-Checkbox__text": "Checkbox-module__hop-Checkbox__text___6DKyb" };
 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-J6WBI2I2.js

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

package/dist/{chunk-OEMWDVBB.js → chunk-K22HKHG2.js}

@@ -1,6 +1,6 @@
-import { ensureTextWrapper } from './chunk-UYXVO6TB.js';
-import { IconListContext } from './chunk-DHVVYSLB.js';
 import { CheckboxContext } from './chunk-2EAZPH3M.js';
+import { IconListContext } from './chunk-DHVVYSLB.js';
+import { ensureTextWrapper } from './chunk-WILQEDLK.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:./DecorativeCheckbox.module.css#css-module
-var DecorativeCheckbox_module_default = { "hop-DecorativeCheckbox": "DecorativeCheckbox-module__hop-DecorativeCheckbox___KYkbr Checkbox-module__hop-Checkbox___Z-y0e", "hop-DecorativeCheckbox--sm": "DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___615B0 Checkbox-module__hop-Checkbox--sm___5J3HW", "hop-DecorativeCheckbox--md": "DecorativeCheckbox-module__hop-DecorativeCheckbox--md___B141G Checkbox-module__hop-Checkbox--md___PZTMw", "hop-DecorativeCheckbox__icon": "DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___qoWh1 Checkbox-module__hop-Checkbox__icon___MY2sJ", "hop-DecorativeCheckbox__icon-list": "DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___eSW-g Checkbox-module__hop-Checkbox__icon___MY2sJ", "hop-DecorativeCheckbox__box": "DecorativeCheckbox-module__hop-DecorativeCheckbox__box___Pxc1V Checkbox-module__hop-Checkbox__box___nMgAo", "hop-DecorativeCheckbox__check": "DecorativeCheckbox-module__hop-DecorativeCheckbox__check___iA-33 Checkbox-module__hop-Checkbox__check___4g1qS", "hop-DecorativeCheckbox__text": "DecorativeCheckbox-module__hop-DecorativeCheckbox__text___T6T6R Checkbox-module__hop-Checkbox__text___QBE-c" };
+var DecorativeCheckbox_module_default = { "hop-DecorativeCheckbox": "DecorativeCheckbox-module__hop-DecorativeCheckbox___Pavnn Checkbox-module__hop-Checkbox___KXJNl", "hop-DecorativeCheckbox--sm": "DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___s-OUL Checkbox-module__hop-Checkbox--sm___3u1nr", "hop-DecorativeCheckbox--md": "DecorativeCheckbox-module__hop-DecorativeCheckbox--md___uTiEf Checkbox-module__hop-Checkbox--md___sBiRN", "hop-DecorativeCheckbox__icon": "DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___jdsmD Checkbox-module__hop-Checkbox__icon___-9JFc", "hop-DecorativeCheckbox__icon-list": "DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___DR06I Checkbox-module__hop-Checkbox__icon___-9JFc", "hop-DecorativeCheckbox__box": "DecorativeCheckbox-module__hop-DecorativeCheckbox__box___CSIFx Checkbox-module__hop-Checkbox__box___67wkL", "hop-DecorativeCheckbox__check": "DecorativeCheckbox-module__hop-DecorativeCheckbox__check___CvGk4 Checkbox-module__hop-Checkbox__check___r6Mbn", "hop-DecorativeCheckbox__text": "DecorativeCheckbox-module__hop-DecorativeCheckbox__text___ffON5 Checkbox-module__hop-Checkbox__text___6DKyb" };
 var GlobalDecorativeCheckboxCssSelector = "hop-DecorativeCheckbox";
 function DecorativeCheckbox(props, ref) {
   var _a;

package/dist/{chunk-HPEGBHAQ.js → chunk-K5WUDBPF.js}

@@ -7,7 +7,7 @@ import { useContextProps, Heading as Heading$1 } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Heading.module.css#css-module
-var Heading_module_default = { "hop-Heading": "Heading-module__hop-Heading___yXCh3", "hop-Heading--xs": "Heading-module__hop-Heading--xs___cgxRO", "hop-Heading--sm": "Heading-module__hop-Heading--sm___9XWSE", "hop-Heading--md": "Heading-module__hop-Heading--md___dSJp9", "hop-Heading--lg": "Heading-module__hop-Heading--lg___7BQM-", "hop-Heading--xl": "Heading-module__hop-Heading--xl___mc-2D", "hop-Heading--2xl": "Heading-module__hop-Heading--2xl___b9d1O", "hop-Heading--3xl": "Heading-module__hop-Heading--3xl___mSP0w" };
+var Heading_module_default = { "hop-Heading": "Heading-module__hop-Heading___UhOuN", "hop-Heading--xs": "Heading-module__hop-Heading--xs___mgq0R", "hop-Heading--sm": "Heading-module__hop-Heading--sm___Sd105", "hop-Heading--md": "Heading-module__hop-Heading--md___OeuQ-", "hop-Heading--lg": "Heading-module__hop-Heading--lg___937DG", "hop-Heading--xl": "Heading-module__hop-Heading--xl___PA7Cj", "hop-Heading--2xl": "Heading-module__hop-Heading--2xl___9H5AH", "hop-Heading--3xl": "Heading-module__hop-Heading--3xl___BC0kT" };
 var GlobalHeadingCssSelector = "hop-Heading";
 function Heading(props, ref) {
   [props, ref] = useContextProps(props, ref, HeadingContext);

package/dist/{chunk-OFYHUD3N.js → chunk-KFMYXZFT.js}

@@ -1,6 +1,6 @@
 import { RadioFieldContext } from './chunk-DGLAGYBD.js';
 import { RadioContext } from './chunk-FU5CCPLP.js';
-import { _Text } from './chunk-2ZAWI3VO.js';
+import { _Text } from './chunk-75I7LTO3.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___i9uRv", "hop-RadioField--sm": "RadioField-module__hop-RadioField--sm___mgBvw", "hop-RadioField--md": "RadioField-module__hop-RadioField--md___H8PcX", "hop-RadioField__description": "RadioField-module__hop-RadioField__description___-rpFO", "hop-RadioField__radio": "RadioField-module__hop-RadioField__radio___4mpOv" };
+var RadioField_module_default = { "hop-RadioField": "RadioField-module__hop-RadioField___mf5HF", "hop-RadioField--sm": "RadioField-module__hop-RadioField--sm___Mjtg9", "hop-RadioField--md": "RadioField-module__hop-RadioField--md___UO8HE", "hop-RadioField__description": "RadioField-module__hop-RadioField__description___wCpfE", "hop-RadioField__radio": "RadioField-module__hop-RadioField__radio___ocTvT" };
 var GlobalRadioFieldCssSelector = "hop-RadioField";
 var RadioToDescriptionSizeAdapter = {
   sm: "xs",

package/dist/{chunk-N7ORIARY.js → chunk-KFPJZFZS.js}

@@ -1,5 +1,5 @@
 import { ErrorMessageContext } from './chunk-FAE27DLF.js';
-import { _Text } from './chunk-2ZAWI3VO.js';
+import { _Text } from './chunk-75I7LTO3.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___-OJ96", "hop-ErrorMessage__icon": "ErrorMessage-module__hop-ErrorMessage__icon___G-fBg" };
+var ErrorMessage_module_default = { "hop-ErrorMessage": "ErrorMessage-module__hop-ErrorMessage___1ogYr", "hop-ErrorMessage__icon": "ErrorMessage-module__hop-ErrorMessage__icon___NXHIT" };
 var GlobalErrorMessageCssSelector = "hop-ErrorMessage";
 function ErrorMessage(props, ref) {
   const validation = useContext(FieldErrorContext);

package/dist/{chunk-OAUTLKSG.js → chunk-L7ORX4VV.js}

@@ -1,11 +1,12 @@
 import { useFontFaceReady } from './chunk-IU6XMS2X.js';
-import { useTruncatedText } from './chunk-Z57VHYOF.js';
-import { _InputGroup } from './chunk-F3GTLFKR.js';
-import { _RemainingCharacterCount } from './chunk-MMCWVCOD.js';
 import { TextAreaContext } from './chunk-MHQZXLKW.js';
-import { _HelperMessage } from './chunk-X5SCISRD.js';
-import { _Label } from './chunk-BAX352BZ.js';
-import { _ErrorMessage } from './chunk-N7ORIARY.js';
+import { useTruncatedText } from './chunk-Z57VHYOF.js';
+import { _RemainingCharacterCount } from './chunk-NR7UTMYX.js';
+import { _InputGroup } from './chunk-7H7A6BGG.js';
+import { _HelperMessage } from './chunk-EXO4OJ7Z.js';
+import { _ErrorMessage } from './chunk-KFPJZFZS.js';
+import { _Label } from './chunk-6NX5XSZH.js';
+import { useFormProps } from './chunk-SH3CLZKH.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
@@ -78,7 +79,7 @@ function $b5e257d569688ac6$export$535bd6ca7f90a273() {
 }
 
 // css-module:./TextArea.module.css#css-module
-var TextArea_module_default = { "hop-TextArea": "TextArea-module__hop-TextArea___KIaZD", "hop-TextArea--fluid": "TextArea-module__hop-TextArea--fluid___WCRS5", "hop-TextArea__Label": "TextArea-module__hop-TextArea__Label___9L3xU", "hop-TextArea__prefix": "TextArea-module__hop-TextArea__prefix___cehps", "hop-TextArea__InputGroup": "TextArea-module__hop-TextArea__InputGroup___xWuhF", "hop-TextArea__RemainingCharacterCount": "TextArea-module__hop-TextArea__RemainingCharacterCount___WOL0F", "hop-TextArea__textarea": "TextArea-module__hop-TextArea__textarea___idyBQ", "hop-TextArea__ErrorMessage": "TextArea-module__hop-TextArea__ErrorMessage___3vVZO", "hop-TextArea__HelperMessage": "TextArea-module__hop-TextArea__HelperMessage___y9qX5" };
+var TextArea_module_default = { "hop-TextArea": "TextArea-module__hop-TextArea___1FtH-", "hop-TextArea--fluid": "TextArea-module__hop-TextArea--fluid___L5apr", "hop-TextArea__Label": "TextArea-module__hop-TextArea__Label___iBvOX", "hop-TextArea__prefix": "TextArea-module__hop-TextArea__prefix___kiRsf", "hop-TextArea__InputGroup": "TextArea-module__hop-TextArea__InputGroup___z0ehB", "hop-TextArea__RemainingCharacterCount": "TextArea-module__hop-TextArea__RemainingCharacterCount___w9NAd", "hop-TextArea__textarea": "TextArea-module__hop-TextArea__textarea___GXo0W", "hop-TextArea__ErrorMessage": "TextArea-module__hop-TextArea__ErrorMessage___b4bWF", "hop-TextArea__HelperMessage": "TextArea-module__hop-TextArea__HelperMessage___D9fY3" };
 var GlobalTextAreaCssSelector = "hop-TextArea";
 var DefaultMinimumTextAreaRows = 3;
 var pxToInt = (value) => {
@@ -117,6 +118,7 @@ function TextArea(props, ref) {
     ...propsWithoutRef
   } = props;
   [props, ref] = useContextProps(propsWithoutRef, ref, TextAreaContext);
+  props = useFormProps(props);
   const { stylingProps, ...ownProps } = useStyledSystem(props);
   const [characterCount, setCharacterCount] = useState(() => {
     var _a2, _b2, _c, _d;

package/dist/chunk-LHX75LVJ.js

@@ -0,0 +1,50 @@
+import { ToggleArrowContext } from './chunk-J6WBI2I2.js';
+import { cssModule } from './chunk-KVDXQMWI.js';
+import { AngleDownIcon } from '@hopper-ui/icons';
+import { useStyledSystem } from '@hopper-ui/styled-system';
+import clsx from 'clsx';
+import { forwardRef } from 'react';
+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___jZilu" };
+var GlobalToggleArrowCssSelector = "hop-ToggleArrow";
+function ToggleArrow(props, ref) {
+  [props, ref] = useContextProps(props, ref, ToggleArrowContext);
+  const { stylingProps, ...ownProps } = useStyledSystem(props);
+  const {
+    className,
+    isExpanded,
+    style: styleProp,
+    ...otherProps
+  } = ownProps;
+  const classNames = clsx(
+    GlobalToggleArrowCssSelector,
+    cssModule(
+      ToggleArrow_module_default,
+      "hop-ToggleArrow"
+    ),
+    stylingProps.className,
+    className
+  );
+  const style = {
+    ...stylingProps.style,
+    ...styleProp
+  };
+  return /* @__PURE__ */ jsx(
+    AngleDownIcon,
+    {
+      ref,
+      className: classNames,
+      style,
+      size: "sm",
+      "data-expanded": isExpanded || void 0,
+      ...otherProps
+    }
+  );
+}
+var _ToggleArrow = forwardRef(ToggleArrow);
+_ToggleArrow.displayName = "ToggleArrow";
+
+export { GlobalToggleArrowCssSelector, _ToggleArrow };

package/dist/{chunk-77K422AK.js → chunk-LVCA23CC.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___s1jYT" };
+var IconList_module_default = { "hop-IconList": "IconList-module__hop-IconList___6xhpN" };
 var GlobalIconListCssSelector = "hop-IconList";
 function IconList(props, ref) {
   [props, ref] = useContextProps(props, ref, IconListContext);

package/dist/chunk-MUAXK42C.js

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

package/dist/{chunk-WJ6YDFFC.js → chunk-NIERUDZ6.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___nROIw", "placeholder-shimmer": "ListBoxItemSkeleton-module__placeholder-shimmer___EbN08", "hop-ListBoxItemSkeleton--xs": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___-BDiH", "hop-ListBoxItemSkeleton--sm": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___mvEwS", "hop-ListBoxItemSkeleton--md": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___mRknk", "hop-ListBoxItemSkeleton--lg": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___XvvDy" };
+var ListBoxItemSkeleton_module_default = { "hop-ListBoxItemSkeleton": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___Rg9Fq", "placeholder-shimmer": "ListBoxItemSkeleton-module__placeholder-shimmer___u6ub-", "hop-ListBoxItemSkeleton--xs": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___DQk--", "hop-ListBoxItemSkeleton--sm": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___5L8ib", "hop-ListBoxItemSkeleton--md": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___CAEDi", "hop-ListBoxItemSkeleton--lg": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___eP2l4" };
 var GlobalListBoxItemSkeletonCssSelector = "hop-ListBoxItemSkeleton";
 function ListBoxItemSkeleton(props, ref) {
   var _a;

package/dist/{chunk-MMCWVCOD.js → chunk-NR7UTMYX.js}

@@ -1,5 +1,5 @@
 import { useLocalizedString } from './chunk-TFVDF4YH.js';
-import { _Text } from './chunk-2ZAWI3VO.js';
+import { _Text } from './chunk-75I7LTO3.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___SdAX-" };
+var RemainingCharacterCount_module_default = { "hop-RemainingCharacterCount": "RemainingCharacterCount-module__hop-RemainingCharacterCount___cCpzk" };
 var GlobalRemainingCharacterCountCssSelector = "hop-RemainingCharacterCount";
 function RemainingCharacterCount(props, ref) {
   const { stylingProps, ...ownProps } = useStyledSystem(props);

package/dist/{chunk-JHZLRSJY.js → chunk-NUV3PDGE.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___5ke-P", "hop-OverlineText__text": "OverlineText-module__hop-OverlineText__text___WdEoR" };
+var OverlineText_module_default = { "hop-OverlineText": "OverlineText-module__hop-OverlineText___bCG0m", "hop-OverlineText__text": "OverlineText-module__hop-OverlineText__text___o7Sr6" };
 var GlobalOverlineTextCssSelector = "hop-OverlineText";
 function OverlineText(props, ref) {
   [props, ref] = useContextProps(props, ref, OverlineTextContext);

package/dist/{chunk-5YGTZWHS.js → chunk-O5LFX4XZ.js}

@@ -1,5 +1,5 @@
 import { AvatarContext } from './chunk-AES7QBQE.js';
-import { _RichIconAvatarImage } from './chunk-SWQEWYNM.js';
+import { _RichIconAvatarImage } from './chunk-566DZ4RC.js';
 import { useRenderProps } from './chunk-NH3IVMXB.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { AnonymousRichIcon } from '@hopper-ui/icons';

package/dist/{chunk-U7NERCPG.js → chunk-OFQN5TXX.js}

@@ -1,10 +1,11 @@
 import { useScale } from './chunk-MTDFS4CZ.js';
-import { _InputGroup } from './chunk-F3GTLFKR.js';
 import { NumberFieldContext } from './chunk-ZQ3AWYRR.js';
-import { ensureTextWrapper } from './chunk-UYXVO6TB.js';
-import { _HelperMessage } from './chunk-X5SCISRD.js';
-import { _Label } from './chunk-BAX352BZ.js';
-import { _ErrorMessage } from './chunk-N7ORIARY.js';
+import { _InputGroup } from './chunk-7H7A6BGG.js';
+import { _HelperMessage } from './chunk-EXO4OJ7Z.js';
+import { ensureTextWrapper } from './chunk-WILQEDLK.js';
+import { _ErrorMessage } from './chunk-KFPJZFZS.js';
+import { _Label } from './chunk-6NX5XSZH.js';
+import { useFormProps } from './chunk-SH3CLZKH.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___SzZFL", "hop-NumberField--fluid": "NumberField-module__hop-NumberField--fluid___HAcFD", "hop-NumberField--mobile": "NumberField-module__hop-NumberField--mobile___o5jp-", "hop-NumberField__Label": "NumberField-module__hop-NumberField__Label___wyxWA", "hop-NumberField__prefix": "NumberField-module__hop-NumberField__prefix___W9qgl", "hop-NumberField__InputGroup": "NumberField-module__hop-NumberField__InputGroup___bhQ-m", "hop-NumberField__ErrorMessage": "NumberField-module__hop-NumberField__ErrorMessage___P4JtX", "hop-NumberField__HelperMessage": "NumberField-module__hop-NumberField__HelperMessage___4Ow7r", "hop-NumberField__stepper-button": "NumberField-module__hop-NumberField__stepper-button___1vuYG", "hop-NumberField__stepper-button--increment": "NumberField-module__hop-NumberField__stepper-button--increment___wtqxH", "hop-NumberField__stepper-button--decrement": "NumberField-module__hop-NumberField__stepper-button--decrement___Js9Gj", "hop-NumberField__stepper-button--mobile": "NumberField-module__hop-NumberField__stepper-button--mobile___AomVg", "hop-NumberField__stepper-button__icon": "NumberField-module__hop-NumberField__stepper-button__icon___muxeR", "hop-NumberField__input": "NumberField-module__hop-NumberField__input___g2VOC" };
+var NumberField_module_default = { "hop-NumberField": "NumberField-module__hop-NumberField___0xDEK", "hop-NumberField--fluid": "NumberField-module__hop-NumberField--fluid___hnwEK", "hop-NumberField--mobile": "NumberField-module__hop-NumberField--mobile___Nee2r", "hop-NumberField__Label": "NumberField-module__hop-NumberField__Label___SR3Gs", "hop-NumberField__prefix": "NumberField-module__hop-NumberField__prefix___bmX-H", "hop-NumberField__InputGroup": "NumberField-module__hop-NumberField__InputGroup___h-I-D", "hop-NumberField__ErrorMessage": "NumberField-module__hop-NumberField__ErrorMessage___4dXol", "hop-NumberField__HelperMessage": "NumberField-module__hop-NumberField__HelperMessage___S35Zn", "hop-NumberField__stepper-button": "NumberField-module__hop-NumberField__stepper-button___pxqlA", "hop-NumberField__stepper-button--increment": "NumberField-module__hop-NumberField__stepper-button--increment___ktXFG", "hop-NumberField__stepper-button--decrement": "NumberField-module__hop-NumberField__stepper-button--decrement___gWipP", "hop-NumberField__stepper-button--mobile": "NumberField-module__hop-NumberField__stepper-button--mobile___cSGer", "hop-NumberField__stepper-button__icon": "NumberField-module__hop-NumberField__stepper-button__icon___RO-tI", "hop-NumberField__input": "NumberField-module__hop-NumberField__input___keTth" };
 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-6XSOF5IT.js → chunk-PUQ7RTX4.js}

@@ -1,7 +1,8 @@
 import { useSlot } from './chunk-H5YTU3U7.js';
-import { ensureTextWrapper } from './chunk-UYXVO6TB.js';
-import { IconListContext } from './chunk-DHVVYSLB.js';
 import { LinkButtonContext } from './chunk-3UQFC2NQ.js';
+import { IconListContext } from './chunk-DHVVYSLB.js';
+import { ensureTextWrapper } from './chunk-WILQEDLK.js';
+import { useFormProps } from './chunk-SH3CLZKH.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
@@ -13,11 +14,12 @@ import { useContextProps, composeRenderProps, DEFAULT_SLOT, Link } from 'react-a
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./LinkButton.module.css#css-module
-var LinkButton_module_default = { "hop-LinkButton": "LinkButton-module__hop-LinkButton___SY9j8 Button-module__hop-Button___g0bsX", "hop-LinkButton--fluid": "LinkButton-module__hop-LinkButton--fluid___lGULN Button-module__hop-Button--fluid___U1pC7", "hop-LinkButton--sm": "LinkButton-module__hop-LinkButton--sm___Xlnqe Button-module__hop-Button--sm___JkRfc", "hop-LinkButton--icon-only": "LinkButton-module__hop-LinkButton--icon-only___EWWG2 Button-module__hop-Button--icon-only___9-rM-", "hop-LinkButton--primary": "LinkButton-module__hop-LinkButton--primary___WU7Bb Button-module__hop-Button--primary___3Jpwh", "hop-LinkButton--secondary": "LinkButton-module__hop-LinkButton--secondary___LmSA3 Button-module__hop-Button--secondary___NU-Ve", "hop-LinkButton--upsell": "LinkButton-module__hop-LinkButton--upsell___JLqUt Button-module__hop-Button--upsell___Zjxjx", "hop-LinkButton--danger": "LinkButton-module__hop-LinkButton--danger___WNOwr Button-module__hop-Button--danger___MoOv-", "hop-LinkButton--ghost-primary": "LinkButton-module__hop-LinkButton--ghost-primary___QBdt5 Button-module__hop-Button--ghost-primary___WC15g", "hop-LinkButton--ghost-secondary": "LinkButton-module__hop-LinkButton--ghost-secondary___wyw-O Button-module__hop-Button--ghost-secondary___kxQsj", "hop-LinkButton--ghost-danger": "LinkButton-module__hop-LinkButton--ghost-danger___w5RZy Button-module__hop-Button--ghost-danger___kblVO", "hop-LinkButton__Spinner": "LinkButton-module__hop-LinkButton__Spinner___F-sPd Button-module__hop-Button__Spinner___3NSsM", "hop-LinkButton__icon": "LinkButton-module__hop-LinkButton__icon___59s41 Button-module__hop-Button__icon___znSPX", "hop-LinkButton__icon-list": "LinkButton-module__hop-LinkButton__icon-list___WDg68 Button-module__hop-Button__icon___znSPX", "hop-LinkButton__text": "LinkButton-module__hop-LinkButton__text___pvp40 Button-module__hop-Button__text___ud1xn", "hop-LinkButton__end-icon": "LinkButton-module__hop-LinkButton__end-icon___mJ7Ap Button-module__hop-Button__end-icon___05XHV", "hop-LinkButton__end-icon-list": "LinkButton-module__hop-LinkButton__end-icon-list___wnphx Button-module__hop-Button__end-icon___05XHV" };
+var LinkButton_module_default = { "hop-LinkButton": "LinkButton-module__hop-LinkButton___n1i2C Button-module__hop-Button___aWAvb", "hop-LinkButton--fluid": "LinkButton-module__hop-LinkButton--fluid___C-q7f Button-module__hop-Button--fluid___pOgS1", "hop-LinkButton--sm": "LinkButton-module__hop-LinkButton--sm___Jm9cq Button-module__hop-Button--sm___EJn1m", "hop-LinkButton--icon-only": "LinkButton-module__hop-LinkButton--icon-only___G-7ia Button-module__hop-Button--icon-only___E63X8", "hop-LinkButton--primary": "LinkButton-module__hop-LinkButton--primary___oT9il Button-module__hop-Button--primary___Lm30i", "hop-LinkButton--secondary": "LinkButton-module__hop-LinkButton--secondary___lf59Y Button-module__hop-Button--secondary___bl3yb", "hop-LinkButton--upsell": "LinkButton-module__hop-LinkButton--upsell___kMlgg Button-module__hop-Button--upsell___ZsXQr", "hop-LinkButton--danger": "LinkButton-module__hop-LinkButton--danger___iQMcR Button-module__hop-Button--danger___VMtVT", "hop-LinkButton--ghost-primary": "LinkButton-module__hop-LinkButton--ghost-primary___ow8OT Button-module__hop-Button--ghost-primary___7eXLd", "hop-LinkButton--ghost-secondary": "LinkButton-module__hop-LinkButton--ghost-secondary___SakNp Button-module__hop-Button--ghost-secondary___6099y", "hop-LinkButton--ghost-danger": "LinkButton-module__hop-LinkButton--ghost-danger___tQ73M Button-module__hop-Button--ghost-danger___NOYOj", "hop-LinkButton__Spinner": "LinkButton-module__hop-LinkButton__Spinner___pNuSh Button-module__hop-Button__Spinner___tUy92", "hop-LinkButton__icon": "LinkButton-module__hop-LinkButton__icon___6OZS4 Button-module__hop-Button__icon___WqWnu", "hop-LinkButton__icon-list": "LinkButton-module__hop-LinkButton__icon-list___cstbL Button-module__hop-Button__icon___WqWnu", "hop-LinkButton__text": "LinkButton-module__hop-LinkButton__text___4iZKg Button-module__hop-Button__text___yHV7K", "hop-LinkButton__end-icon": "LinkButton-module__hop-LinkButton__end-icon___tbINE Button-module__hop-Button__end-icon___YziQH", "hop-LinkButton__end-icon-list": "LinkButton-module__hop-LinkButton__end-icon-list___zkFzr Button-module__hop-Button__end-icon___YziQH" };
 var GlobalLinkButtonCssSelector = "hop-LinkButton";
 function LinkButton(props, ref) {
   var _a, _b;
   [props, ref] = useContextProps(props, ref, LinkButtonContext);
+  props = useFormProps(props);
   const { stylingProps, ...ownProps } = useStyledSystem(props);
   const {
     className,

package/dist/{chunk-EURJK4ZT.js → chunk-Q7NXUUB3.js}

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

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

@@ -2,7 +2,7 @@ import { SectionContext } from './chunk-5H5AZJPQ.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 } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 var GlobalSectionCssSelector = "hop-Section";
@@ -25,7 +25,7 @@ function Section(props, ref) {
     ...style
   };
   return /* @__PURE__ */ jsx(
-    Section$1,
+    ListBoxSection,
     {
       ref,
       className: classNames,