@hopper-ui/components 1.3.32 → 1.3.34

package/dist/checkbox/src/index.js

@@ -1,26 +1,28 @@
-export { _CheckboxField as CheckboxField, GlobalCheckboxFieldCssSelector } from '../../chunk-QDIICTRS.js';
-export { _CheckboxGroup as CheckboxGroup, GlobalCheckboxGroupCssSelector } from '../../chunk-KXZYWFM3.js';
-export { _Checkbox as Checkbox, GlobalCheckboxCssSelector } from '../../chunk-VYFGV7LF.js';
+export { _Checkbox as Checkbox, GlobalCheckboxCssSelector } from '../../chunk-GYJQJEJS.js';
+export { _CheckboxField as CheckboxField, GlobalCheckboxFieldCssSelector } from '../../chunk-DVIAXHYK.js';
+export { _CheckboxGroup as CheckboxGroup, GlobalCheckboxGroupCssSelector } from '../../chunk-UMCSSGCS.js';
 export { CheckboxFieldContext } from '../../chunk-ZGNK4GWA.js';
 export { CheckboxGroupContext } from '../../chunk-N7YDPVZL.js';
-export { _DecorativeCheckbox as DecorativeCheckbox, GlobalDecorativeCheckboxCssSelector } from '../../chunk-OEMWDVBB.js';
-import '../../chunk-UYXVO6TB.js';
-import '../../chunk-ZWU6DRRZ.js';
-import '../../chunk-X5SCISRD.js';
-import '../../chunk-HZKFQ33E.js';
-import '../../chunk-DHVVYSLB.js';
+export { _DecorativeCheckbox as DecorativeCheckbox, GlobalDecorativeCheckboxCssSelector } from '../../chunk-K22HKHG2.js';
 export { CheckboxContext } from '../../chunk-2EAZPH3M.js';
+import '../../chunk-DHVVYSLB.js';
+import '../../chunk-EXO4OJ7Z.js';
+import '../../chunk-HZKFQ33E.js';
+import '../../chunk-WILQEDLK.js';
+import '../../chunk-ZWU6DRRZ.js';
+import '../../chunk-KFPJZFZS.js';
+import '../../chunk-FAE27DLF.js';
 import '../../chunk-DBIN32YS.js';
-import '../../chunk-HPEGBHAQ.js';
+import '../../chunk-K5WUDBPF.js';
 import '../../chunk-TXZ6BMFR.js';
-import '../../chunk-BAX352BZ.js';
+import '../../chunk-6NX5XSZH.js';
 import '../../chunk-QCA3ZR56.js';
 import '../../chunk-TFVDF4YH.js';
-import '../../chunk-N7ORIARY.js';
-import '../../chunk-FAE27DLF.js';
-import '../../chunk-JHZLRSJY.js';
+import '../../chunk-SH3CLZKH.js';
+import '../../chunk-Q7NXUUB3.js';
+import '../../chunk-NUV3PDGE.js';
 import '../../chunk-WPNVVGFW.js';
-import '../../chunk-2ZAWI3VO.js';
+import '../../chunk-75I7LTO3.js';
 import '../../chunk-X6SER3TZ.js';
 import '../../chunk-HXI3MEEK.js';
 import '../../chunk-NH3IVMXB.js';

package/dist/{chunk-B2PZHGGT.js → chunk-2DFRNPSR.js}

@@ -1,6 +1,6 @@
 import { SwitchContext } from './chunk-YHBJAXUY.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 { 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___0IBC-", "hop-Switch--sm": "Switch-module__hop-Switch--sm___P1dbZ", "hop-Switch--md": "Switch-module__hop-Switch--md___dyoLU", "hop-Switch__indicator": "Switch-module__hop-Switch__indicator___jDoDu", "hop-Switch__text": "Switch-module__hop-Switch__text___qg40Z", "hop-Switch__icon-list": "Switch-module__hop-Switch__icon-list___AyhrZ", "hop-Switch__icon": "Switch-module__hop-Switch__icon___oMPEr" };
+var Switch_module_default = { "hop-Switch": "Switch-module__hop-Switch___EiW97", "hop-Switch--sm": "Switch-module__hop-Switch--sm___M7qZE", "hop-Switch--md": "Switch-module__hop-Switch--md___gZedf", "hop-Switch__indicator": "Switch-module__hop-Switch__indicator___TFun4", "hop-Switch__text": "Switch-module__hop-Switch__text___7Bdx3", "hop-Switch__icon-list": "Switch-module__hop-Switch__icon-list___nBg0l", "hop-Switch__icon": "Switch-module__hop-Switch__icon___9C-Id" };
 var GlobalSwitchCssSelector = "hop-Switch";
 function Switch(props, ref) {
   var _a;

package/dist/{chunk-PR6Q2XJD.js → chunk-333PGOMR.js}

@@ -1,18 +1,20 @@
-import { _Popover } from './chunk-7RTEFFZS.js';
+import { _Popover } from './chunk-VHRMFZPJ.js';
 import { _Footer } from './chunk-VOZN65OL.js';
-import { _ListBox } from './chunk-WXP3P4KY.js';
-import { ensureTextWrapper } from './chunk-UYXVO6TB.js';
-import { _HelperMessage } from './chunk-X5SCISRD.js';
-import { _Label } from './chunk-BAX352BZ.js';
+import { _ListBox } from './chunk-EABCCXRD.js';
+import { _HelperMessage } from './chunk-EXO4OJ7Z.js';
+import { ensureTextWrapper } from './chunk-WILQEDLK.js';
+import { _ErrorMessage } from './chunk-KFPJZFZS.js';
 import { ComboBoxContext } from './chunk-4XHTP4GX.js';
-import { _ErrorMessage } from './chunk-N7ORIARY.js';
+import { _ToggleArrow } from './chunk-LHX75LVJ.js';
+import { _Label } from './chunk-6NX5XSZH.js';
+import { useFormProps } from './chunk-SH3CLZKH.js';
 import { BadgeContext } from './chunk-CQDLZ42T.js';
 import { TextContext as TextContext$1 } from './chunk-X6SER3TZ.js';
 import { ClearProviders, ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
 import { 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___XHuS3", "hop-ComboBox--fluid": "ComboBox-module__hop-ComboBox--fluid___rYnlH", "hop-ComboBox__label": "ComboBox-module__hop-ComboBox__label___Jzb0y", "hop-ComboBox__trigger": "ComboBox-module__hop-ComboBox__trigger___fV-1a", "hop-ComboBox__trigger--sm": "ComboBox-module__hop-ComboBox__trigger--sm___gigfO", "hop-ComboBox__trigger--md": "ComboBox-module__hop-ComboBox__trigger--md___aGyqc", "hop-ComboBox__input": "ComboBox-module__hop-ComboBox__input___3yJyH", "hop-ComboBox__button": "ComboBox-module__hop-ComboBox__button___UsOgJ", "hop-ComboBox__prefix": "ComboBox-module__hop-ComboBox__prefix___gkU12", "hop-ComboBox__button-icon": "ComboBox-module__hop-ComboBox__button-icon___Hq9L2", "hop-ComboBox__helper-message": "ComboBox-module__hop-ComboBox__helper-message___cVFuZ", "hop-ComboBox__error-message": "ComboBox-module__hop-ComboBox__error-message___8CZCp" };
+var ComboBox_module_default = { "hop-ComboBox": "ComboBox-module__hop-ComboBox___G0jme", "hop-ComboBox--fluid": "ComboBox-module__hop-ComboBox--fluid___JW6UO", "hop-ComboBox__label": "ComboBox-module__hop-ComboBox__label___-mswA", "hop-ComboBox__trigger": "ComboBox-module__hop-ComboBox__trigger___mrtHx", "hop-ComboBox__trigger--sm": "ComboBox-module__hop-ComboBox__trigger--sm___FuK81", "hop-ComboBox__trigger--md": "ComboBox-module__hop-ComboBox__trigger--md___uhTg9", "hop-ComboBox__input": "ComboBox-module__hop-ComboBox__input___aJeR-", "hop-ComboBox__button": "ComboBox-module__hop-ComboBox__button___4itcB", "hop-ComboBox__prefix": "ComboBox-module__hop-ComboBox__prefix___32Pl0", "hop-ComboBox__button-icon": "ComboBox-module__hop-ComboBox__button-icon___KXj6R", "hop-ComboBox__helper-message": "ComboBox-module__hop-ComboBox__helper-message___W5YZG", "hop-ComboBox__error-message": "ComboBox-module__hop-ComboBox__error-message___0cWJf" };
 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-SWQEWYNM.js → chunk-566DZ4RC.js}

@@ -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___sciln", "hop-RichIconAvatarImage--xs": "RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___0t8wK", "hop-RichIconAvatarImage--sm": "RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___qbuKo", "hop-RichIconAvatarImage--md": "RichIconAvatarImage-module__hop-RichIconAvatarImage--md___Thvly", "hop-RichIconAvatarImage--lg": "RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___CH9ui", "hop-RichIconAvatarImage--xl": "RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___Kx4LY", "hop-RichIconAvatarImage--2xl": "RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___pPJGO", "hop-RichIconAvatarImage__icon": "RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___qdQ1m" };
+var RichIconAvatarImage_module_default = { "hop-RichIconAvatarImage": "RichIconAvatarImage-module__hop-RichIconAvatarImage___i42N-", "hop-RichIconAvatarImage--xs": "RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___K8a9l", "hop-RichIconAvatarImage--sm": "RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___ce7Gs", "hop-RichIconAvatarImage--md": "RichIconAvatarImage-module__hop-RichIconAvatarImage--md___-AbNA", "hop-RichIconAvatarImage--lg": "RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___9WaH2", "hop-RichIconAvatarImage--xl": "RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___N9NHN", "hop-RichIconAvatarImage--2xl": "RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___bkXaL", "hop-RichIconAvatarImage__icon": "RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___lN8s2" };
 var GlobalRichIconAvatarImageCssSelector = "hop-RichIconAvatarImage";
 var AvatarToIconSizeAdapter = {
   xs: "md",

package/dist/{chunk-2PIWQBQ7.js → chunk-5SMJSNMW.js}

@@ -1,6 +1,6 @@
 import { useIsOverflow } from './chunk-EHXOXTDN.js';
 import { useLocalizedString } from './chunk-TFVDF4YH.js';
-import { _Text } from './chunk-2ZAWI3VO.js';
+import { _Text } from './chunk-75I7LTO3.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { AvatarContext } from './chunk-AES7QBQE.js';
@@ -16,7 +16,7 @@ import { useContextProps, SelectValueContext, SelectStateContext, useSlottedCont
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./SelectValue.module.css#css-module
-var SelectValue_module_default = { "hop-SelectValue": "SelectValue-module__hop-SelectValue___6oEcc", "hop-SelectValue__text": "SelectValue-module__hop-SelectValue__text___wajRT", "hop-SelectValue__avatar": "SelectValue-module__hop-SelectValue__avatar___BoNKy", "hop-SelectValue__icon": "SelectValue-module__hop-SelectValue__icon___RVcVl", "hop-SelectValue__end-icon": "SelectValue-module__hop-SelectValue__end-icon___t-n84" };
+var SelectValue_module_default = { "hop-SelectValue": "SelectValue-module__hop-SelectValue___RkG5j", "hop-SelectValue__text": "SelectValue-module__hop-SelectValue__text___agZ-x", "hop-SelectValue__avatar": "SelectValue-module__hop-SelectValue__avatar___zcflr", "hop-SelectValue__icon": "SelectValue-module__hop-SelectValue__icon___bo6xX", "hop-SelectValue__end-icon": "SelectValue-module__hop-SelectValue__end-icon___TOmKt" };
 var GlobalSelectValueCssSelector = "hop-SelectValue";
 var SelectValueToAvatarSizeAdapter = {
   sm: "xs",

package/dist/chunk-5ZXBTCX3.js

@@ -0,0 +1,124 @@
+import { _ToggleArrow } from './chunk-LHX75LVJ.js';
+import { _Heading } from './chunk-K5WUDBPF.js';
+import { DisclosureContext } from './chunk-MUAXK42C.js';
+import { DisclosureHeaderContext } from './chunk-GFRTCF4B.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___gizcm", "hop-DisclosureHeader__button": "DisclosureHeader-module__hop-DisclosureHeader__button___V8h5M", "hop-DisclosureHeader__button--inline": "DisclosureHeader-module__hop-DisclosureHeader__button--inline___-ewzd", "hop-DisclosureHeader__icon": "DisclosureHeader-module__hop-DisclosureHeader__icon___Lp9gl", "hop-DisclosureHeader__title": "DisclosureHeader-module__hop-DisclosureHeader__title___mjkG0", "hop-DisclosureHeader__toggle-arrow": "DisclosureHeader-module__hop-DisclosureHeader__toggle-arrow___BmWee" };
+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 };

package/dist/{chunk-425TRLX5.js → chunk-6AMCBCFX.js}

@@ -1,5 +1,5 @@
-import { FooterContext } from './chunk-I67NHYK4.js';
 import { ContentContext } from './chunk-IXB2WK56.js';
+import { FooterContext } from './chunk-I67NHYK4.js';
 import { CardContext } from './chunk-V2EQFVTJ.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
@@ -10,7 +10,7 @@ import { useContextProps, HeaderContext } 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___95mWR", "hop-Card--main": "Card-module__hop-Card--main___smNQ8", "hop-Card--second-level": "Card-module__hop-Card--second-level___VQ5lc" };
+var Card_module_default = { "hop-Card": "Card-module__hop-Card___K7GQr", "hop-Card--main": "Card-module__hop-Card--main___5WRl5", "hop-Card--second-level": "Card-module__hop-Card--second-level___qgEs4" };
 var GlobalCardCssSelector = "hop-Card";
 var Card = (props, ref) => {
   [props, ref] = useContextProps(props, ref, CardContext);

package/dist/{chunk-7ITDXJPN.js → chunk-6L4MTZT4.js}

@@ -1,10 +1,11 @@
 import { TagContext } from './chunk-EWMWQ2MC.js';
-import { _ClearButton } from './chunk-VYNPGUH2.js';
-import { mapOrbiterToHopperVariants } from './chunk-Y75VH6OP.js';
-import { _Spinner } from './chunk-FXB7BBJB.js';
-import { ensureTextWrapper } from './chunk-UYXVO6TB.js';
+import { _ClearButton } from './chunk-7FV3FDFI.js';
+import { mapOrbiterToHopperVariants } from './chunk-G7QY3NWV.js';
+import { _Spinner } from './chunk-CC5QQ4YM.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
+import { ensureTextWrapper } from './chunk-WILQEDLK.js';
 import { useLocalizedString } from './chunk-TFVDF4YH.js';
+import { useFormProps } from './chunk-SH3CLZKH.js';
 import { BadgeContext } from './chunk-CQDLZ42T.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
@@ -20,7 +21,7 @@ import { useContextProps, composeRenderProps, Tag as Tag$1 } from 'react-aria-co
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./Tag.module.css#css-module
-var Tag_module_default = { "hop-Tag": "Tag-module__hop-Tag___oOdEt", "hop-Tag--sm": "Tag-module__hop-Tag--sm___joTjE", "hop-Tag__remove-btn": "Tag-module__hop-Tag__remove-btn___GEen-", "hop-Tag__Spinner": "Tag-module__hop-Tag__Spinner___w1cy4", "hop-Tag__avatar": "Tag-module__hop-Tag__avatar___Mxc-0", "hop-Tag--md": "Tag-module__hop-Tag--md___JMiJP", "hop-Tag--lg": "Tag-module__hop-Tag--lg___hbsSP", "hop-Tag--neutral": "Tag-module__hop-Tag--neutral___H0xBL", "hop-Tag--subdued": "Tag-module__hop-Tag--subdued___uiPg-", "hop-Tag--progress": "Tag-module__hop-Tag--progress___4Q-xU", "hop-Tag--positive": "Tag-module__hop-Tag--positive___f9WXy", "hop-Tag--caution": "Tag-module__hop-Tag--caution___Q7iVR", "hop-Tag--negative": "Tag-module__hop-Tag--negative___8fE8a", "hop-Tag--option1": "Tag-module__hop-Tag--option1___zYsEb", "hop-Tag--option2": "Tag-module__hop-Tag--option2___d41eM", "hop-Tag--option3": "Tag-module__hop-Tag--option3___H9bGN", "hop-Tag--option4": "Tag-module__hop-Tag--option4___UzGHz", "hop-Tag--option5": "Tag-module__hop-Tag--option5___lt-uX", "hop-Tag--option6": "Tag-module__hop-Tag--option6___7o2Wz", "hop-Tag__icon": "Tag-module__hop-Tag__icon___gERIu", "hop-Tag__icon-list": "Tag-module__hop-Tag__icon-list___Ov4SR", "hop-Tag__text": "Tag-module__hop-Tag__text___wEzsX", "hop-Tag__badge": "Tag-module__hop-Tag__badge___0gw-w", "hop-Tag__badge--subdued": "Tag-module__hop-Tag__badge--subdued___3F6GN" };
+var Tag_module_default = { "hop-Tag": "Tag-module__hop-Tag___5VrwY", "hop-Tag--sm": "Tag-module__hop-Tag--sm___IhQ0r", "hop-Tag__remove-btn": "Tag-module__hop-Tag__remove-btn___PL1DR", "hop-Tag__Spinner": "Tag-module__hop-Tag__Spinner___gVDY1", "hop-Tag__avatar": "Tag-module__hop-Tag__avatar___6e1MD", "hop-Tag--md": "Tag-module__hop-Tag--md___Gh9GZ", "hop-Tag--lg": "Tag-module__hop-Tag--lg___3nGOI", "hop-Tag--neutral": "Tag-module__hop-Tag--neutral___GoYOf", "hop-Tag--subdued": "Tag-module__hop-Tag--subdued___BN71F", "hop-Tag--progress": "Tag-module__hop-Tag--progress___tw0Kv", "hop-Tag--positive": "Tag-module__hop-Tag--positive___WDK8Q", "hop-Tag--caution": "Tag-module__hop-Tag--caution___-sXJn", "hop-Tag--negative": "Tag-module__hop-Tag--negative___lypAp", "hop-Tag--option1": "Tag-module__hop-Tag--option1___H9NF-", "hop-Tag--option2": "Tag-module__hop-Tag--option2___Ktpan", "hop-Tag--option3": "Tag-module__hop-Tag--option3___wGnFx", "hop-Tag--option4": "Tag-module__hop-Tag--option4___-kLHN", "hop-Tag--option5": "Tag-module__hop-Tag--option5___BhgVR", "hop-Tag--option6": "Tag-module__hop-Tag--option6___Oy4ZE", "hop-Tag__icon": "Tag-module__hop-Tag__icon___gToHE", "hop-Tag__icon-list": "Tag-module__hop-Tag__icon-list___GkU-Q", "hop-Tag__text": "Tag-module__hop-Tag__text___aVAKi", "hop-Tag__badge": "Tag-module__hop-Tag__badge___HuplQ", "hop-Tag__badge--subdued": "Tag-module__hop-Tag__badge--subdued___85hnw" };
 var GlobalTagCssSelector = "hop-Tag";
 var TagToTextSizeAdapter = {
   sm: "xs",
@@ -40,6 +41,7 @@ var TagToButtonSizeAdapter = {
 function Tag(props, ref) {
   var _a;
   [props, ref] = useContextProps(props, ref, TagContext);
+  props = useFormProps(props);
   const { stylingProps, ...ownProps } = useStyledSystem(props);
   const {
     className,

package/dist/{chunk-BAX352BZ.js → chunk-6NX5XSZH.js}

@@ -1,21 +1,25 @@
 import { LabelContext } from './chunk-QCA3ZR56.js';
 import { useLocalizedString } from './chunk-TFVDF4YH.js';
+import { useFormProps } from './chunk-SH3CLZKH.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { useStyledSystem } from '@hopper-ui/styled-system';
+import { filterDOMProps } from '@react-aria/utils';
 import clsx from 'clsx';
 import { forwardRef } from 'react';
 import { useContextProps, Label as Label$1 } from 'react-aria-components';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // css-module:./Label.module.css#css-module
-var Label_module_default = { "hop-Label": "Label-module__hop-Label___BRqtH", "hop-Label__indicator": "Label-module__hop-Label__indicator___78Snn" };
+var Label_module_default = { "hop-Label": "Label-module__hop-Label___bYJKr", "hop-Label__indicator": "Label-module__hop-Label__indicator___AtTcd" };
 var GlobalLabelCssSelector = "hop-Label";
 function Label(props, ref) {
   [props, ref] = useContextProps(props, ref, LabelContext);
+  props = useFormProps(props);
   const { stylingProps, ...ownProps } = useStyledSystem(props);
   const {
     className,
     children,
+    slot,
     style,
     isRequired,
     necessityIndicator,
@@ -45,13 +49,15 @@ function Label(props, ref) {
       children: "*"
     }
   );
+  const filteredProps = filterDOMProps(otherProps, { labelable: true });
   return /* @__PURE__ */ jsxs(
     Label$1,
     {
       ref,
       className: classNames,
+      slot: slot || void 0,
       style: mergedStyles,
-      ...otherProps,
+      ...filteredProps,
       children: [
         children,
         necessityIndicator === "label" && !isRequired && /* @__PURE__ */ jsxs("span", { className: Label_module_default["hop-Label__label-indicator"], children: [

package/dist/{chunk-2ZAWI3VO.js → chunk-75I7LTO3.js}

@@ -9,7 +9,7 @@ import { useContextProps, Text as Text$1 } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Text.module.css#css-module
-var Text_module_default = { "hop-Text": "Text-module__hop-Text___mlsmJ", "hop-Text--xs": "Text-module__hop-Text--xs___4g9Hm", "hop-Text--sm": "Text-module__hop-Text--sm___w-WWU", "hop-Text--md": "Text-module__hop-Text--md___FHx98", "hop-Text--lg": "Text-module__hop-Text--lg___N-Ov9", "hop-Text--xl": "Text-module__hop-Text--xl___O0xxj", "hop-Text--2xl": "Text-module__hop-Text--2xl___7cgXw", "hop-Text--inherit": "Text-module__hop-Text--inherit___CD7Gr" };
+var Text_module_default = { "hop-Text": "Text-module__hop-Text___Fxj3U", "hop-Text--xs": "Text-module__hop-Text--xs___OBqqd", "hop-Text--sm": "Text-module__hop-Text--sm___W0t5J", "hop-Text--md": "Text-module__hop-Text--md___0XAci", "hop-Text--lg": "Text-module__hop-Text--lg___fe6zi", "hop-Text--xl": "Text-module__hop-Text--xl___Yu73w", "hop-Text--2xl": "Text-module__hop-Text--2xl___XUoUN", "hop-Text--inherit": "Text-module__hop-Text--inherit___zBVgd" };
 var GlobalTextCssSelector = "hop-Text";
 function Text(props, ref) {
   [props, ref] = useContextProps(props, ref, TextContext);

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-UOVCHVGX.js → chunk-7FQHEXNP.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-X5SCISRD.js';
-import { _Label } from './chunk-BAX352BZ.js';
-import { _ErrorMessage } from './chunk-N7ORIARY.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 { 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___CoiPr", "hop-RadioGroup--bordered": "RadioGroup-module__hop-RadioGroup--bordered___SgmMj", "hop-RadioGroup--sm": "RadioGroup-module__hop-RadioGroup--sm___TFTYI", "hop-RadioGroup--md": "RadioGroup-module__hop-RadioGroup--md___QnMhM", "hop-RadioGroup__label": "RadioGroup-module__hop-RadioGroup__label___7wadH", "hop-RadioGroup__list": "RadioGroup-module__hop-RadioGroup__list___8yU6S", "hop-RadioGroup__radio": "RadioGroup-module__hop-RadioGroup__radio___35VDB", "hop-RadioGroup__error-message": "RadioGroup-module__hop-RadioGroup__error-message___sTi-m", "hop-RadioGroup__helper-message": "RadioGroup-module__hop-RadioGroup__helper-message___-QTtZ" };
+var RadioGroup_module_default = { "hop-RadioGroup": "RadioGroup-module__hop-RadioGroup___eVzJc", "hop-RadioGroup--bordered": "RadioGroup-module__hop-RadioGroup--bordered___1D5B2", "hop-RadioGroup--sm": "RadioGroup-module__hop-RadioGroup--sm___XN1LJ", "hop-RadioGroup--md": "RadioGroup-module__hop-RadioGroup--md___F-BOQ", "hop-RadioGroup__label": "RadioGroup-module__hop-RadioGroup__label___-Xk4v", "hop-RadioGroup__list": "RadioGroup-module__hop-RadioGroup__list___cschd", "hop-RadioGroup__radio": "RadioGroup-module__hop-RadioGroup__radio___jMtni", "hop-RadioGroup__error-message": "RadioGroup-module__hop-RadioGroup__error-message___fCdg7", "hop-RadioGroup__helper-message": "RadioGroup-module__hop-RadioGroup__helper-message___-9BLW" };
 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-7OZNJCXL.js → chunk-7FQXKGYA.js}

@@ -1,10 +1,11 @@
-import { _InputGroup } from './chunk-F3GTLFKR.js';
-import { _EmbeddedButton } from './chunk-Y75VH6OP.js';
 import { PasswordFieldContext } from './chunk-QW45G6K4.js';
-import { _HelperMessage } from './chunk-X5SCISRD.js';
-import { _Label } from './chunk-BAX352BZ.js';
+import { _InputGroup } from './chunk-7H7A6BGG.js';
+import { _EmbeddedButton } from './chunk-G7QY3NWV.js';
+import { _HelperMessage } from './chunk-EXO4OJ7Z.js';
+import { _ErrorMessage } from './chunk-KFPJZFZS.js';
+import { _Label } from './chunk-6NX5XSZH.js';
 import { useLocalizedString } from './chunk-TFVDF4YH.js';
-import { _ErrorMessage } from './chunk-N7ORIARY.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';
@@ -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___o1uX-", "hop-PasswordField--fluid": "PasswordField-module__hop-PasswordField--fluid___BjuxV", "hop-PasswordField__Label": "PasswordField-module__hop-PasswordField__Label___MdKAI", "hop-PasswordField__InputGroup": "PasswordField-module__hop-PasswordField__InputGroup___vl5gH", "hop-PasswordField__ErrorMessage": "PasswordField-module__hop-PasswordField__ErrorMessage___ZwfYI", "hop-PasswordField__HelperMessage": "PasswordField-module__hop-PasswordField__HelperMessage___z1N5m" };
+var PasswordField_module_default = { "hop-PasswordField": "PasswordField-module__hop-PasswordField___9cW0X", "hop-PasswordField--fluid": "PasswordField-module__hop-PasswordField--fluid___EHA4y", "hop-PasswordField__Label": "PasswordField-module__hop-PasswordField__Label___ajz98", "hop-PasswordField__InputGroup": "PasswordField-module__hop-PasswordField__InputGroup___DgcQ2", "hop-PasswordField__ErrorMessage": "PasswordField-module__hop-PasswordField__ErrorMessage___7ASTp", "hop-PasswordField__HelperMessage": "PasswordField-module__hop-PasswordField__HelperMessage___ag7YT" };
 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-VYNPGUH2.js → chunk-7FV3FDFI.js}

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

package/dist/{chunk-F3GTLFKR.js → chunk-7H7A6BGG.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___TWbxl", "hop-InputGroup--fluid": "InputGroup-module__hop-InputGroup--fluid___69tur", "hop-InputGroup--sm": "InputGroup-module__hop-InputGroup--sm___MRfoU", "hop-InputGroup__input": "InputGroup-module__hop-InputGroup__input___63xPs", "hop-InputGroup__textarea": "InputGroup-module__hop-InputGroup__textarea___TBceB", "hop-InputGroup__embedded-button": "InputGroup-module__hop-InputGroup__embedded-button___-r1aN" };
+var InputGroup_module_default = { "hop-InputGroup": "InputGroup-module__hop-InputGroup___4l-iO", "hop-InputGroup--fluid": "InputGroup-module__hop-InputGroup--fluid___S7AfK", "hop-InputGroup--sm": "InputGroup-module__hop-InputGroup--sm___EG910", "hop-InputGroup__input": "InputGroup-module__hop-InputGroup__input___UZwnp", "hop-InputGroup__textarea": "InputGroup-module__hop-InputGroup__textarea___DNTDz", "hop-InputGroup__embedded-button": "InputGroup-module__hop-InputGroup__embedded-button___fkVoL" };
 var GlobalInputGroupCssSelector = "hop-InputGroup";
 function InputGroup(props, ref) {
   var _a, _b;

package/dist/{chunk-ZUL2DWRU.js → chunk-BFYJWYHU.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 { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
@@ -13,7 +13,7 @@ import { useContextProps, composeRenderProps, Radio as Radio$1 } from 'react-ari
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./Radio.module.css#css-module
-var Radio_module_default = { "hop-Radio": "Radio-module__hop-Radio___dqo1a", "hop-Radio--sm": "Radio-module__hop-Radio--sm___kXHtb", "hop-Radio--md": "Radio-module__hop-Radio--md___9-Uza", "hop-Radio__icon": "Radio-module__hop-Radio__icon___-IP5F", "hop-Radio__icon-list": "Radio-module__hop-Radio__icon-list___dGgr0", "hop-Radio__box": "Radio-module__hop-Radio__box___13G2q", "hop-Radio__bullet": "Radio-module__hop-Radio__bullet___G4ui2", "hop-Radio__text": "Radio-module__hop-Radio__text___h2OQE" };
+var Radio_module_default = { "hop-Radio": "Radio-module__hop-Radio___izkpm", "hop-Radio--sm": "Radio-module__hop-Radio--sm___fJH1M", "hop-Radio--md": "Radio-module__hop-Radio--md___mxR3S", "hop-Radio__icon": "Radio-module__hop-Radio__icon___FnTgU", "hop-Radio__icon-list": "Radio-module__hop-Radio__icon-list___QP7Cf", "hop-Radio__box": "Radio-module__hop-Radio__box___61ph-", "hop-Radio__bullet": "Radio-module__hop-Radio__bullet___nWPay", "hop-Radio__text": "Radio-module__hop-Radio__text___x7XaX" };
 var GlobalRadioCssSelector = "hop-Radio";
 function Radio(props, ref) {
   var _a;

package/dist/{chunk-MY7R6ZMF.js → chunk-C2ON6QTY.js}

@@ -1,4 +1,4 @@
-import { _OverlineText } from './chunk-JHZLRSJY.js';
+import { _OverlineText } from './chunk-NUV3PDGE.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___4pcJq", "hop-Badge--primary": "Badge-module__hop-Badge--primary___6XVJb", "hop-Badge--secondary": "Badge-module__hop-Badge--secondary___wRFvz", "hop-Badge--subdued": "Badge-module__hop-Badge--subdued___QK3Fi" };
+var Badge_module_default = { "hop-Badge": "Badge-module__hop-Badge___Y75Nt", "hop-Badge--primary": "Badge-module__hop-Badge--primary___O16gy", "hop-Badge--secondary": "Badge-module__hop-Badge--secondary___IOaYF", "hop-Badge--subdued": "Badge-module__hop-Badge--subdued___Xhin7" };
 var GlobalBadgeCssSelector = "hop-Badge";
 function Badge(props, ref) {
   [props, ref] = useContextProps(props, ref, BadgeContext);

package/dist/{chunk-FXB7BBJB.js → chunk-CC5QQ4YM.js}

@@ -1,5 +1,5 @@
 import { SpinnerContext } from './chunk-4ZYV2XLW.js';
-import { _Text } from './chunk-2ZAWI3VO.js';
+import { _Text } from './chunk-75I7LTO3.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
@@ -9,7 +9,7 @@ import { useContextProps, ProgressBar } from 'react-aria-components';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // css-module:./Spinner.module.css#css-module
-var Spinner_module_default = { "hop-Spinner": "Spinner-module__hop-Spinner___7E2eM", "spin": "Spinner-module__spin___ViS32", "hop-Spinner--sm": "Spinner-module__hop-Spinner--sm___kpiu9", "hop-Spinner--md": "Spinner-module__hop-Spinner--md___j6Sdr", "hop-Spinner--lg": "Spinner-module__hop-Spinner--lg___v1lHA", "hop-Spinner__track": "Spinner-module__hop-Spinner__track___b-BXu", "hop-Spinner__fill": "Spinner-module__hop-Spinner__fill___zD8ub", "hop-Spinner__label": "Spinner-module__hop-Spinner__label___z37tv" };
+var Spinner_module_default = { "hop-Spinner": "Spinner-module__hop-Spinner___0THu8", "spin": "Spinner-module__spin___Q2ZYo", "hop-Spinner--sm": "Spinner-module__hop-Spinner--sm___PVr-T", "hop-Spinner--md": "Spinner-module__hop-Spinner--md___DkDx6", "hop-Spinner--lg": "Spinner-module__hop-Spinner--lg___bqHkM", "hop-Spinner__track": "Spinner-module__hop-Spinner__track___B5Dai", "hop-Spinner__fill": "Spinner-module__hop-Spinner__fill___-UaCn", "hop-Spinner__label": "Spinner-module__hop-Spinner__label___GhNV8" };
 var GlobalSpinnerCssSelector = "hop-Spinner";
 var SpinnerToTextSizeAdapter = {
   sm: "xs",

package/dist/{chunk-ZTS67CFU.js → chunk-CS2YF25E.js}

@@ -1,6 +1,6 @@
 import { SwitchContext } from './chunk-YHBJAXUY.js';
 import { SwitchFieldContext } from './chunk-H7VJS4MX.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 { 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___RhshR", "hop-SwitchField--sm": "SwitchField-module__hop-SwitchField--sm___5jzM3", "hop-SwitchField--md": "SwitchField-module__hop-SwitchField--md___KCmFX", "hop-SwitchField__description": "SwitchField-module__hop-SwitchField__description___78I5-", "hop-SwitchField__switch": "SwitchField-module__hop-SwitchField__switch___NRAtt" };
+var SwitchField_module_default = { "hop-SwitchField": "SwitchField-module__hop-SwitchField___yOp0D", "hop-SwitchField--sm": "SwitchField-module__hop-SwitchField--sm___ThfcP", "hop-SwitchField--md": "SwitchField-module__hop-SwitchField--md___yKQkj", "hop-SwitchField__description": "SwitchField-module__hop-SwitchField__description___-473U", "hop-SwitchField__switch": "SwitchField-module__hop-SwitchField__switch___EGUdy" };
 var GlobalSwitchFieldCssSelector = "hop-SwitchField";
 var SwitchToDescriptionSizeAdapter = {
   sm: "xs",

package/dist/{chunk-QDIICTRS.js → chunk-DVIAXHYK.js}

@@ -1,6 +1,7 @@
 import { CheckboxFieldContext } from './chunk-ZGNK4GWA.js';
 import { CheckboxContext } from './chunk-2EAZPH3M.js';
-import { _Text } from './chunk-2ZAWI3VO.js';
+import { useFormProps } from './chunk-SH3CLZKH.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 +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___wCqNN", "hop-CheckboxField--sm": "CheckboxField-module__hop-CheckboxField--sm___qR6mK", "hop-CheckboxField--md": "CheckboxField-module__hop-CheckboxField--md___dl-jS", "hop-CheckboxField__description": "CheckboxField-module__hop-CheckboxField__description___0zRU3", "hop-CheckboxField__checkbox": "CheckboxField-module__hop-CheckboxField__checkbox___5-89Z" };
+var CheckboxField_module_default = { "hop-CheckboxField": "CheckboxField-module__hop-CheckboxField___SMhkE", "hop-CheckboxField--sm": "CheckboxField-module__hop-CheckboxField--sm___wLg7-", "hop-CheckboxField--md": "CheckboxField-module__hop-CheckboxField--md___6FeJ3", "hop-CheckboxField__description": "CheckboxField-module__hop-CheckboxField__description___yyNXs", "hop-CheckboxField__checkbox": "CheckboxField-module__hop-CheckboxField__checkbox___IYOq4" };
 var GlobalCheckboxFieldCssSelector = "hop-CheckboxField";
 var CheckboxToDescriptionSizeAdapter = {
   sm: "xs",
@@ -23,6 +24,7 @@ var CheckboxToDescriptionSizeAdapter = {
 function CheckboxField(props, ref) {
   var _a;
   [props, ref] = useContextProps(props, ref, CheckboxFieldContext);
+  props = useFormProps(props);
   const { stylingProps, ...ownProps } = useStyledSystem(props);
   const {
     className,

package/dist/{chunk-MOIFFJJ3.js → chunk-E6TOJ3QU.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___TmoBL", "hop-Divider--vertical": "Divider-module__hop-Divider--vertical___WQ-0H" };
+var Divider_module_default = { "hop-Divider": "Divider-module__hop-Divider___at3vn", "hop-Divider--vertical": "Divider-module__hop-Divider--vertical___IDbAI" };
 var GlobalDividerCssSelector = "hop-Divider";
 function Divider(props, ref) {
   [props, ref] = useContextProps(props, ref, DividerContext);