@hopper-ui/components 1.3.33 → 1.3.35

package/dist/{chunk-BYOQKF3I.js → chunk-FUSWS7EZ.js}

@@ -1,6 +1,6 @@
 import { RadioFieldContext } from './chunk-DGLAGYBD.js';
 import { RadioContext } from './chunk-FU5CCPLP.js';
-import { _Text } from './chunk-5V32JYKM.js';
+import { _Text } from './chunk-MM727X5U.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___VqoCO", "hop-RadioField--sm": "RadioField-module__hop-RadioField--sm___UZLOj", "hop-RadioField--md": "RadioField-module__hop-RadioField--md___voZ0v", "hop-RadioField__description": "RadioField-module__hop-RadioField__description___GpvYC", "hop-RadioField__radio": "RadioField-module__hop-RadioField__radio___EXtwL" };
+var RadioField_module_default = { "hop-RadioField": "RadioField-module__hop-RadioField___eRUbg", "hop-RadioField--sm": "RadioField-module__hop-RadioField--sm___lt51-", "hop-RadioField--md": "RadioField-module__hop-RadioField--md___hthTf", "hop-RadioField__description": "RadioField-module__hop-RadioField__description___nP5r9", "hop-RadioField__radio": "RadioField-module__hop-RadioField__radio___7mDGH" };
 var GlobalRadioFieldCssSelector = "hop-RadioField";
 var RadioToDescriptionSizeAdapter = {
   sm: "xs",

package/dist/{chunk-ECAM35AM.js → chunk-G34IZZZR.js}

@@ -1,9 +1,10 @@
 import { useSlot } from './chunk-H5YTU3U7.js';
-import { _Spinner } from './chunk-HLWX7CML.js';
-import { ensureTextWrapper } from './chunk-R5756BNI.js';
-import { IconListContext } from './chunk-DHVVYSLB.js';
+import { _Spinner } from './chunk-LL362RG6.js';
 import { ButtonContext } from './chunk-WMTWFKKP.js';
+import { IconListContext } from './chunk-DHVVYSLB.js';
+import { ensureTextWrapper } from './chunk-X3G7OJKA.js';
 import { useLocalizedString } from './chunk-TFVDF4YH.js';
+import { useFormProps } from './chunk-RTABBR2E.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
@@ -16,11 +17,12 @@ import { useContextProps, composeRenderProps, DEFAULT_SLOT, Button as Button$1 }
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./Button.module.css#css-module
-var Button_module_default = { "hop-Button": "Button-module__hop-Button___WzlOR", "hop-Button--fluid": "Button-module__hop-Button--fluid___F7Bj6", "hop-Button--sm": "Button-module__hop-Button--sm___Rwa3Y", "hop-Button--md": "Button-module__hop-Button--md___h8xzm", "hop-Button--icon-only": "Button-module__hop-Button--icon-only___ahMFW", "hop-Button--primary": "Button-module__hop-Button--primary___KSauO", "hop-Button--secondary": "Button-module__hop-Button--secondary___89Ki0", "hop-Button--upsell": "Button-module__hop-Button--upsell___PGrgx", "hop-Button--danger": "Button-module__hop-Button--danger___tceuw", "hop-Button--ghost-primary": "Button-module__hop-Button--ghost-primary___zhFtX", "hop-Button--ghost-secondary": "Button-module__hop-Button--ghost-secondary___SdEAq", "hop-Button--ghost-danger": "Button-module__hop-Button--ghost-danger___VK-9q", "hop-Button__Spinner": "Button-module__hop-Button__Spinner___cq-n1", "hop-Button__icon": "Button-module__hop-Button__icon___9hafi", "hop-Button__icon-list": "Button-module__hop-Button__icon-list___3dKQl", "hop-Button__text": "Button-module__hop-Button__text___P5odA", "hop-Button__end-icon": "Button-module__hop-Button__end-icon___m5iLl", "hop-Button__end-icon-list": "Button-module__hop-Button__end-icon-list___dVHTj" };
+var Button_module_default = { "hop-Button": "Button-module__hop-Button___KDYtZ", "hop-Button--fluid": "Button-module__hop-Button--fluid___ZOQ70", "hop-Button--sm": "Button-module__hop-Button--sm___PlAe6", "hop-Button--md": "Button-module__hop-Button--md___sCQzf", "hop-Button--icon-only": "Button-module__hop-Button--icon-only___8c-Sx", "hop-Button--primary": "Button-module__hop-Button--primary___Kb-uQ", "hop-Button--secondary": "Button-module__hop-Button--secondary___O4v2Q", "hop-Button--upsell": "Button-module__hop-Button--upsell___Ztsgb", "hop-Button--danger": "Button-module__hop-Button--danger___rLBG1", "hop-Button--ghost-primary": "Button-module__hop-Button--ghost-primary___E3iRx", "hop-Button--ghost-secondary": "Button-module__hop-Button--ghost-secondary___6czKV", "hop-Button--ghost-danger": "Button-module__hop-Button--ghost-danger___rvJYN", "hop-Button__Spinner": "Button-module__hop-Button__Spinner___Q-ree", "hop-Button__icon": "Button-module__hop-Button__icon___d5unn", "hop-Button__icon-list": "Button-module__hop-Button__icon-list___WH0t4", "hop-Button__text": "Button-module__hop-Button__text___Bfvnr", "hop-Button__end-icon": "Button-module__hop-Button__end-icon___Ufo59", "hop-Button__end-icon-list": "Button-module__hop-Button__end-icon-list___WL-Qi" };
 var GlobalButtonCssSelector = "hop-Button";
 function Button(props, ref) {
   var _a, _b;
   [props, ref] = useContextProps(props, ref, ButtonContext);
+  props = useFormProps(props);
   const { stylingProps, ...ownProps } = useStyledSystem(props);
   const stringFormatter = useLocalizedString();
   const {

package/dist/{chunk-YGEF3D4F.js → chunk-G3XUMSZ4.js}

@@ -1,7 +1,7 @@
 import { useImageFallback } from './chunk-LI5HSYF7.js';
-import { _Text } from './chunk-5V32JYKM.js';
+import { _Text } from './chunk-MM727X5U.js';
 import { AvatarContext } from './chunk-AES7QBQE.js';
-import { _RichIconAvatarImage } from './chunk-MYDEFJS3.js';
+import { _RichIconAvatarImage } from './chunk-ZFGFRLWN.js';
 import { useRenderProps } from './chunk-NH3IVMXB.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
@@ -13,7 +13,7 @@ import { useContextProps, composeRenderProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Avatar.module.css#css-module
-var Avatar_module_default = { "hop-Avatar": "Avatar-module__hop-Avatar___v9td5", "hop-Avatar--xs": "Avatar-module__hop-Avatar--xs___uzZ9v", "hop-Avatar--sm": "Avatar-module__hop-Avatar--sm___pvNM5", "hop-Avatar--md": "Avatar-module__hop-Avatar--md___hN9wr", "hop-Avatar--lg": "Avatar-module__hop-Avatar--lg___nrSCz", "hop-Avatar--xl": "Avatar-module__hop-Avatar--xl___eivGX", "hop-Avatar--2xl": "Avatar-module__hop-Avatar--2xl___FZqK6", "hop-Avatar--decorative-option1": "Avatar-module__hop-Avatar--decorative-option1___wGsYP", "hop-Avatar--decorative-option2": "Avatar-module__hop-Avatar--decorative-option2___uB4KZ", "hop-Avatar--decorative-option3": "Avatar-module__hop-Avatar--decorative-option3___ydtBm", "hop-Avatar--decorative-option4": "Avatar-module__hop-Avatar--decorative-option4___s-z5O", "hop-Avatar--decorative-option5": "Avatar-module__hop-Avatar--decorative-option5___c8-4a", "hop-Avatar--decorative-option6": "Avatar-module__hop-Avatar--decorative-option6___EI4ol", "hop-Avatar--decorative-option7": "Avatar-module__hop-Avatar--decorative-option7___mwC0B", "hop-Avatar--decorative-option8": "Avatar-module__hop-Avatar--decorative-option8___gW4DK", "hop-Avatar--decorative-option9": "Avatar-module__hop-Avatar--decorative-option9___RoPMj", "hop-Avatar__image": "Avatar-module__hop-Avatar__image___as4UI" };
+var Avatar_module_default = { "hop-Avatar": "Avatar-module__hop-Avatar___-S-fg", "hop-Avatar--xs": "Avatar-module__hop-Avatar--xs___DgFlq", "hop-Avatar--sm": "Avatar-module__hop-Avatar--sm___jXpex", "hop-Avatar--md": "Avatar-module__hop-Avatar--md___qblF4", "hop-Avatar--lg": "Avatar-module__hop-Avatar--lg___ML8Gz", "hop-Avatar--xl": "Avatar-module__hop-Avatar--xl___ofAgp", "hop-Avatar--2xl": "Avatar-module__hop-Avatar--2xl___fbmlO", "hop-Avatar--decorative-option1": "Avatar-module__hop-Avatar--decorative-option1___bJaOB", "hop-Avatar--decorative-option2": "Avatar-module__hop-Avatar--decorative-option2___hYJVz", "hop-Avatar--decorative-option3": "Avatar-module__hop-Avatar--decorative-option3___Wna9W", "hop-Avatar--decorative-option4": "Avatar-module__hop-Avatar--decorative-option4___jGIra", "hop-Avatar--decorative-option5": "Avatar-module__hop-Avatar--decorative-option5___lBDEE", "hop-Avatar--decorative-option6": "Avatar-module__hop-Avatar--decorative-option6___3Gi7-", "hop-Avatar--decorative-option7": "Avatar-module__hop-Avatar--decorative-option7___8ZRQS", "hop-Avatar--decorative-option8": "Avatar-module__hop-Avatar--decorative-option8___-nL1Z", "hop-Avatar--decorative-option9": "Avatar-module__hop-Avatar--decorative-option9___NbTFD", "hop-Avatar__image": "Avatar-module__hop-Avatar__image___mWFGU" };
 var GlobalAvatarCssSelector = "hop-Avatar";
 var AvatarToTextSizeAdapter = {
   xs: "xs",

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-JA3U74ZK.js → chunk-IAHBYEON.js}

@@ -1,5 +1,5 @@
 import { AvatarContext } from './chunk-AES7QBQE.js';
-import { _RichIconAvatarImage } from './chunk-MYDEFJS3.js';
+import { _RichIconAvatarImage } from './chunk-ZFGFRLWN.js';
 import { useRenderProps } from './chunk-NH3IVMXB.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { DeletedUserRichIcon } from '@hopper-ui/icons';

package/dist/chunk-IXXQUPXA.js

@@ -0,0 +1,67 @@
+import { DisclosurePanelContext } from './chunk-7CJXILRD.js';
+import { DisclosureContext } from './chunk-MUAXK42C.js';
+import { ensureTextWrapper } from './chunk-X3G7OJKA.js';
+import { FormContext } from './chunk-Q7NXUUB3.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___NcAZI", "hop-DisclosurePanel--inline": "DisclosurePanel-module__hop-DisclosurePanel--inline___Y8y9c", "hop-DisclosurePanel--disabled": "DisclosurePanel-module__hop-DisclosurePanel--disabled___aLmDO", "hop-DisclosurePanel__text": "DisclosurePanel-module__hop-DisclosurePanel__text___zuol-" };
+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-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-JTHUJSFK.js → chunk-JJ6IB366.js}

@@ -1,6 +1,6 @@
 import { SwitchContext } from './chunk-YHBJAXUY.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 { 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___HPjju", "hop-Switch--sm": "Switch-module__hop-Switch--sm___mrCFL", "hop-Switch--md": "Switch-module__hop-Switch--md___iCvba", "hop-Switch__indicator": "Switch-module__hop-Switch__indicator___MAY7M", "hop-Switch__text": "Switch-module__hop-Switch__text___KwKMR", "hop-Switch__icon-list": "Switch-module__hop-Switch__icon-list___so3Yb", "hop-Switch__icon": "Switch-module__hop-Switch__icon___9v8Qd" };
+var Switch_module_default = { "hop-Switch": "Switch-module__hop-Switch___WBRtu", "hop-Switch--sm": "Switch-module__hop-Switch--sm___iPDt3", "hop-Switch--md": "Switch-module__hop-Switch--md___o-yTv", "hop-Switch__indicator": "Switch-module__hop-Switch__indicator___yeACK", "hop-Switch__text": "Switch-module__hop-Switch__text___x23i9", "hop-Switch__icon-list": "Switch-module__hop-Switch__icon-list___poNOV", "hop-Switch__icon": "Switch-module__hop-Switch__icon___2Yu7-" };
 var GlobalSwitchCssSelector = "hop-Switch";
 function Switch(props, ref) {
   var _a;

package/dist/{chunk-GCPJ72ES.js → chunk-KM6OVMUI.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___V7CZR", "hop-ButtonGroup--horizontal": "ButtonGroup-module__hop-ButtonGroup--horizontal___RkXbb", "hop-ButtonGroup--vertical": "ButtonGroup-module__hop-ButtonGroup--vertical___YmBcu", "hop-ButtonGroup--start": "ButtonGroup-module__hop-ButtonGroup--start___H3G0F", "hop-ButtonGroup--center": "ButtonGroup-module__hop-ButtonGroup--center___Ofa5Q", "hop-ButtonGroup--end": "ButtonGroup-module__hop-ButtonGroup--end___5c33O", "hop-ButtonGroup--wrap": "ButtonGroup-module__hop-ButtonGroup--wrap___C5FgL", "hop-ButtonGroup--fluid": "ButtonGroup-module__hop-ButtonGroup--fluid___dBP8E" };
+var ButtonGroup_module_default = { "hop-ButtonGroup": "ButtonGroup-module__hop-ButtonGroup___cORKn", "hop-ButtonGroup--horizontal": "ButtonGroup-module__hop-ButtonGroup--horizontal___NHdiK", "hop-ButtonGroup--vertical": "ButtonGroup-module__hop-ButtonGroup--vertical___XzcPR", "hop-ButtonGroup--start": "ButtonGroup-module__hop-ButtonGroup--start___8TObt", "hop-ButtonGroup--center": "ButtonGroup-module__hop-ButtonGroup--center___k7SDM", "hop-ButtonGroup--end": "ButtonGroup-module__hop-ButtonGroup--end___kpTJH", "hop-ButtonGroup--wrap": "ButtonGroup-module__hop-ButtonGroup--wrap___G9jWL", "hop-ButtonGroup--fluid": "ButtonGroup-module__hop-ButtonGroup--fluid___LRhkV" };
 var GlobalButtonGroupCssSelector = "hop-ButtonGroup";
 function ButtonGroup(props, ref) {
   var _a, _b, _c, _d;

package/dist/{chunk-HLWX7CML.js → chunk-LL362RG6.js}

@@ -1,5 +1,5 @@
 import { SpinnerContext } from './chunk-4ZYV2XLW.js';
-import { _Text } from './chunk-5V32JYKM.js';
+import { _Text } from './chunk-MM727X5U.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___9g3mc", "spin": "Spinner-module__spin___GpF3a", "hop-Spinner--sm": "Spinner-module__hop-Spinner--sm___Sn8Ex", "hop-Spinner--md": "Spinner-module__hop-Spinner--md___xl5cv", "hop-Spinner--lg": "Spinner-module__hop-Spinner--lg___83WoZ", "hop-Spinner__track": "Spinner-module__hop-Spinner__track___chlyR", "hop-Spinner__fill": "Spinner-module__hop-Spinner__fill___c02Ru", "hop-Spinner__label": "Spinner-module__hop-Spinner__label___AeMTu" };
+var Spinner_module_default = { "hop-Spinner": "Spinner-module__hop-Spinner___f2Jew", "spin": "Spinner-module__spin___yY3cN", "hop-Spinner--sm": "Spinner-module__hop-Spinner--sm___YTD7u", "hop-Spinner--md": "Spinner-module__hop-Spinner--md___LX-AD", "hop-Spinner--lg": "Spinner-module__hop-Spinner--lg___eg9q8", "hop-Spinner__track": "Spinner-module__hop-Spinner__track___IW7Cd", "hop-Spinner__fill": "Spinner-module__hop-Spinner__fill___ED6C0", "hop-Spinner__label": "Spinner-module__hop-Spinner__label___EId-C" };
 var GlobalSpinnerCssSelector = "hop-Spinner";
 var SpinnerToTextSizeAdapter = {
   sm: "xs",

package/dist/{chunk-7TNFRZPO.js → chunk-M4HNTQU7.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___XY-7L", "hop-InputGroup--fluid": "InputGroup-module__hop-InputGroup--fluid___2CHIz", "hop-InputGroup--sm": "InputGroup-module__hop-InputGroup--sm___VZHA9", "hop-InputGroup__input": "InputGroup-module__hop-InputGroup__input___GkVqk", "hop-InputGroup__textarea": "InputGroup-module__hop-InputGroup__textarea___HyUS6", "hop-InputGroup__embedded-button": "InputGroup-module__hop-InputGroup__embedded-button___KUA2y" };
+var InputGroup_module_default = { "hop-InputGroup": "InputGroup-module__hop-InputGroup___lqcze", "hop-InputGroup--fluid": "InputGroup-module__hop-InputGroup--fluid___9vsnJ", "hop-InputGroup--sm": "InputGroup-module__hop-InputGroup--sm___fmNTG", "hop-InputGroup__input": "InputGroup-module__hop-InputGroup__input___N96kZ", "hop-InputGroup__textarea": "InputGroup-module__hop-InputGroup__textarea___l-fXQ", "hop-InputGroup__embedded-button": "InputGroup-module__hop-InputGroup__embedded-button___A5ODy" };
 var GlobalInputGroupCssSelector = "hop-InputGroup";
 function InputGroup(props, ref) {
   var _a, _b;

package/dist/{chunk-TUQXINCS.js → chunk-MAO7KM3A.js}

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

package/dist/{chunk-UBXBQMCI.js → chunk-MGZMC7Q2.js}

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

package/dist/{chunk-ETR3U3FY.js → chunk-MI3FZZRE.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___Fyhbp", "hop-OverlineText__text": "OverlineText-module__hop-OverlineText__text___-NVnD" };
+var OverlineText_module_default = { "hop-OverlineText": "OverlineText-module__hop-OverlineText___D-RLi", "hop-OverlineText__text": "OverlineText-module__hop-OverlineText__text___Y6Wnp" };
 var GlobalOverlineTextCssSelector = "hop-OverlineText";
 function OverlineText(props, ref) {
   [props, ref] = useContextProps(props, ref, OverlineTextContext);

package/dist/{chunk-5V32JYKM.js → chunk-MM727X5U.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___oqQoT", "hop-Text--xs": "Text-module__hop-Text--xs___gmh3H", "hop-Text--sm": "Text-module__hop-Text--sm___vOWCS", "hop-Text--md": "Text-module__hop-Text--md___k7DwC", "hop-Text--lg": "Text-module__hop-Text--lg___yM6qv", "hop-Text--xl": "Text-module__hop-Text--xl___2nk6L", "hop-Text--2xl": "Text-module__hop-Text--2xl___NUzYK", "hop-Text--inherit": "Text-module__hop-Text--inherit___WNcxc" };
+var Text_module_default = { "hop-Text": "Text-module__hop-Text___9GSuR", "hop-Text--xs": "Text-module__hop-Text--xs___oFNpU", "hop-Text--sm": "Text-module__hop-Text--sm___FaLG3", "hop-Text--md": "Text-module__hop-Text--md___pW7zQ", "hop-Text--lg": "Text-module__hop-Text--lg___8efIV", "hop-Text--xl": "Text-module__hop-Text--xl___R-9rB", "hop-Text--2xl": "Text-module__hop-Text--2xl___OTgcy", "hop-Text--inherit": "Text-module__hop-Text--inherit___5e8-3" };
 var GlobalTextCssSelector = "hop-Text";
 function Text(props, ref) {
   [props, ref] = useContextProps(props, ref, TextContext);

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-YQXI64TQ.js → chunk-NEVRDLRS.js}

@@ -1,21 +1,25 @@
 import { LabelContext } from './chunk-QCA3ZR56.js';
 import { useLocalizedString } from './chunk-TFVDF4YH.js';
+import { useFormProps } from './chunk-RTABBR2E.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___0IaEN", "hop-Label__indicator": "Label-module__hop-Label__indicator___ckLyt" };
+var Label_module_default = { "hop-Label": "Label-module__hop-Label___WAgRk", "hop-Label__indicator": "Label-module__hop-Label__indicator___KrKa0" };
 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-Z2LRCDGL.js → chunk-NGJP7SMI.js}

@@ -1,7 +1,8 @@
 import { useSlot } from './chunk-H5YTU3U7.js';
-import { ensureTextWrapper } from './chunk-R5756BNI.js';
-import { IconListContext } from './chunk-DHVVYSLB.js';
 import { LinkButtonContext } from './chunk-3UQFC2NQ.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 { 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___rBNcU Button-module__hop-Button___WzlOR", "hop-LinkButton--fluid": "LinkButton-module__hop-LinkButton--fluid___ThibR Button-module__hop-Button--fluid___F7Bj6", "hop-LinkButton--sm": "LinkButton-module__hop-LinkButton--sm___KHunk Button-module__hop-Button--sm___Rwa3Y", "hop-LinkButton--icon-only": "LinkButton-module__hop-LinkButton--icon-only___3fQZ8 Button-module__hop-Button--icon-only___ahMFW", "hop-LinkButton--primary": "LinkButton-module__hop-LinkButton--primary___Jui-z Button-module__hop-Button--primary___KSauO", "hop-LinkButton--secondary": "LinkButton-module__hop-LinkButton--secondary___cMB9E Button-module__hop-Button--secondary___89Ki0", "hop-LinkButton--upsell": "LinkButton-module__hop-LinkButton--upsell___dqrfz Button-module__hop-Button--upsell___PGrgx", "hop-LinkButton--danger": "LinkButton-module__hop-LinkButton--danger___LCidA Button-module__hop-Button--danger___tceuw", "hop-LinkButton--ghost-primary": "LinkButton-module__hop-LinkButton--ghost-primary___NJGok Button-module__hop-Button--ghost-primary___zhFtX", "hop-LinkButton--ghost-secondary": "LinkButton-module__hop-LinkButton--ghost-secondary___GRsYd Button-module__hop-Button--ghost-secondary___SdEAq", "hop-LinkButton--ghost-danger": "LinkButton-module__hop-LinkButton--ghost-danger___EdRS1 Button-module__hop-Button--ghost-danger___VK-9q", "hop-LinkButton__Spinner": "LinkButton-module__hop-LinkButton__Spinner___5kAim Button-module__hop-Button__Spinner___cq-n1", "hop-LinkButton__icon": "LinkButton-module__hop-LinkButton__icon___c4WR- Button-module__hop-Button__icon___9hafi", "hop-LinkButton__icon-list": "LinkButton-module__hop-LinkButton__icon-list___RR4d- Button-module__hop-Button__icon___9hafi", "hop-LinkButton__text": "LinkButton-module__hop-LinkButton__text___3ufYv Button-module__hop-Button__text___P5odA", "hop-LinkButton__end-icon": "LinkButton-module__hop-LinkButton__end-icon___UBZRj Button-module__hop-Button__end-icon___m5iLl", "hop-LinkButton__end-icon-list": "LinkButton-module__hop-LinkButton__end-icon-list___ZVh2w Button-module__hop-Button__end-icon___m5iLl" };
+var LinkButton_module_default = { "hop-LinkButton": "LinkButton-module__hop-LinkButton___8hiIp Button-module__hop-Button___KDYtZ", "hop-LinkButton--fluid": "LinkButton-module__hop-LinkButton--fluid___tPzcL Button-module__hop-Button--fluid___ZOQ70", "hop-LinkButton--sm": "LinkButton-module__hop-LinkButton--sm___VgEwO Button-module__hop-Button--sm___PlAe6", "hop-LinkButton--icon-only": "LinkButton-module__hop-LinkButton--icon-only___UBCRA Button-module__hop-Button--icon-only___8c-Sx", "hop-LinkButton--primary": "LinkButton-module__hop-LinkButton--primary___-0CLO Button-module__hop-Button--primary___Kb-uQ", "hop-LinkButton--secondary": "LinkButton-module__hop-LinkButton--secondary___0oZi4 Button-module__hop-Button--secondary___O4v2Q", "hop-LinkButton--upsell": "LinkButton-module__hop-LinkButton--upsell___EYyzR Button-module__hop-Button--upsell___Ztsgb", "hop-LinkButton--danger": "LinkButton-module__hop-LinkButton--danger___zPOHx Button-module__hop-Button--danger___rLBG1", "hop-LinkButton--ghost-primary": "LinkButton-module__hop-LinkButton--ghost-primary___X-0mA Button-module__hop-Button--ghost-primary___E3iRx", "hop-LinkButton--ghost-secondary": "LinkButton-module__hop-LinkButton--ghost-secondary___BVsqg Button-module__hop-Button--ghost-secondary___6czKV", "hop-LinkButton--ghost-danger": "LinkButton-module__hop-LinkButton--ghost-danger___VIqZ7 Button-module__hop-Button--ghost-danger___rvJYN", "hop-LinkButton__Spinner": "LinkButton-module__hop-LinkButton__Spinner___opDlf Button-module__hop-Button__Spinner___Q-ree", "hop-LinkButton__icon": "LinkButton-module__hop-LinkButton__icon___9PwgC Button-module__hop-Button__icon___d5unn", "hop-LinkButton__icon-list": "LinkButton-module__hop-LinkButton__icon-list___ceseg Button-module__hop-Button__icon___d5unn", "hop-LinkButton__text": "LinkButton-module__hop-LinkButton__text___0B6BF Button-module__hop-Button__text___Bfvnr", "hop-LinkButton__end-icon": "LinkButton-module__hop-LinkButton__end-icon___q5WIw Button-module__hop-Button__end-icon___Ufo59", "hop-LinkButton__end-icon-list": "LinkButton-module__hop-LinkButton__end-icon-list___mZHFb Button-module__hop-Button__end-icon___Ufo59" };
 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-ZV45TYGR.js → chunk-OQSYJW5D.js}

@@ -1,11 +1,12 @@
 import { useFontFaceReady } from './chunk-IU6XMS2X.js';
-import { useTruncatedText } from './chunk-Z57VHYOF.js';
-import { _InputGroup } from './chunk-7TNFRZPO.js';
-import { _RemainingCharacterCount } from './chunk-TUQXINCS.js';
 import { TextAreaContext } from './chunk-MHQZXLKW.js';
-import { _HelperMessage } from './chunk-5L4SRFMM.js';
-import { _Label } from './chunk-YQXI64TQ.js';
-import { _ErrorMessage } from './chunk-Z2UVDVEE.js';
+import { useTruncatedText } from './chunk-Z57VHYOF.js';
+import { _RemainingCharacterCount } from './chunk-MAO7KM3A.js';
+import { _InputGroup } from './chunk-M4HNTQU7.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 { 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___vwIiB", "hop-TextArea--fluid": "TextArea-module__hop-TextArea--fluid___wpLLJ", "hop-TextArea__Label": "TextArea-module__hop-TextArea__Label___gEnSU", "hop-TextArea__prefix": "TextArea-module__hop-TextArea__prefix___OcbQx", "hop-TextArea__InputGroup": "TextArea-module__hop-TextArea__InputGroup___2WTAP", "hop-TextArea__RemainingCharacterCount": "TextArea-module__hop-TextArea__RemainingCharacterCount___z3b-E", "hop-TextArea__textarea": "TextArea-module__hop-TextArea__textarea___wyiG5", "hop-TextArea__ErrorMessage": "TextArea-module__hop-TextArea__ErrorMessage___4qu04", "hop-TextArea__HelperMessage": "TextArea-module__hop-TextArea__HelperMessage___y9RO-" };
+var TextArea_module_default = { "hop-TextArea": "TextArea-module__hop-TextArea___F7U6X", "hop-TextArea--fluid": "TextArea-module__hop-TextArea--fluid___7DK9t", "hop-TextArea__Label": "TextArea-module__hop-TextArea__Label___3oSGP", "hop-TextArea__prefix": "TextArea-module__hop-TextArea__prefix___75djx", "hop-TextArea__InputGroup": "TextArea-module__hop-TextArea__InputGroup___UF09N", "hop-TextArea__RemainingCharacterCount": "TextArea-module__hop-TextArea__RemainingCharacterCount___0OcyS", "hop-TextArea__textarea": "TextArea-module__hop-TextArea__textarea___R2xFB", "hop-TextArea__ErrorMessage": "TextArea-module__hop-TextArea__ErrorMessage___S57sB", "hop-TextArea__HelperMessage": "TextArea-module__hop-TextArea__HelperMessage___BJvm8" };
 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-WOSZZL62.js → chunk-P7VQVTDQ.js}

@@ -1,9 +1,10 @@
-import { _InputGroup } from './chunk-7TNFRZPO.js';
-import { _ClearButton } from './chunk-5N6R4USJ.js';
 import { SearchFieldContext } from './chunk-3NKF5TPD.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 { _ClearButton } from './chunk-SDNIPJPM.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 { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
@@ -18,7 +19,7 @@ import { useContextProps, composeRenderProps, Input, SearchField as SearchField$
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./SearchField.module.css#css-module
-var SearchField_module_default = { "hop-SearchField": "SearchField-module__hop-SearchField___Wvl1n", "hop-SearchField--fluid": "SearchField-module__hop-SearchField--fluid___FF-TR", "hop-SearchField__Label": "SearchField-module__hop-SearchField__Label___gLahh", "hop-SearchField__prefix": "SearchField-module__hop-SearchField__prefix___wWj3L", "hop-SearchField__InputGroup": "SearchField-module__hop-SearchField__InputGroup___HPLsV", "hop-SearchField--clearable": "SearchField-module__hop-SearchField--clearable___3L2RZ", "hop-SearchField__ErrorMessage": "SearchField-module__hop-SearchField__ErrorMessage___eyzVS", "hop-SearchField__HelperMessage": "SearchField-module__hop-SearchField__HelperMessage___2ss8S", "hop-SearchField__ClearButton": "SearchField-module__hop-SearchField__ClearButton___LPW1G" };
+var SearchField_module_default = { "hop-SearchField": "SearchField-module__hop-SearchField___-UtsJ", "hop-SearchField--fluid": "SearchField-module__hop-SearchField--fluid___AiNty", "hop-SearchField__Label": "SearchField-module__hop-SearchField__Label___w8qs6", "hop-SearchField__prefix": "SearchField-module__hop-SearchField__prefix___CRkdK", "hop-SearchField__InputGroup": "SearchField-module__hop-SearchField__InputGroup___7B9Iw", "hop-SearchField--clearable": "SearchField-module__hop-SearchField--clearable___UewJK", "hop-SearchField__ErrorMessage": "SearchField-module__hop-SearchField__ErrorMessage___jlbS4", "hop-SearchField__HelperMessage": "SearchField-module__hop-SearchField__HelperMessage___-ZEf8", "hop-SearchField__ClearButton": "SearchField-module__hop-SearchField__ClearButton___sGdm7" };
 var GlobalSearchFieldCssSelector = "hop-SearchField";
 function SearchField(props, ref) {
   var _a;
@@ -27,6 +28,7 @@ function SearchField(props, ref) {
     ...propsWithoutRef
   } = props;
   [props, ref] = useContextProps(propsWithoutRef, ref, SearchFieldContext);
+  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-ZWNZNKIJ.js → chunk-QBOXEWTP.js}

@@ -1,6 +1,6 @@
 import { CardContext } from './chunk-V2EQFVTJ.js';
-import { FooterContext } from './chunk-I67NHYK4.js';
 import { ContentContext } from './chunk-IXB2WK56.js';
+import { FooterContext } from './chunk-I67NHYK4.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { useStyledSystem } from '@hopper-ui/styled-system';
@@ -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___YJAa7", "hop-Card--main": "Card-module__hop-Card--main___s2OQD", "hop-Card--second-level": "Card-module__hop-Card--second-level___DPJEj" };
+var Card_module_default = { "hop-Card": "Card-module__hop-Card___1xTPS", "hop-Card--main": "Card-module__hop-Card--main___CaABR", "hop-Card--second-level": "Card-module__hop-Card--second-level___ofQ-w" };
 var GlobalCardCssSelector = "hop-Card";
 var Card = (props, ref) => {
   [props, ref] = useContextProps(props, ref, CardContext);

package/dist/{chunk-MAMRCWYC.js → chunk-QKJUME2B.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___TbWcI", "placeholder-shimmer": "ListBoxItemSkeleton-module__placeholder-shimmer___vuOrB", "hop-ListBoxItemSkeleton--xs": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___x8OEh", "hop-ListBoxItemSkeleton--sm": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___5lr8V", "hop-ListBoxItemSkeleton--md": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___8GtA0", "hop-ListBoxItemSkeleton--lg": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___ul2pf" };
+var ListBoxItemSkeleton_module_default = { "hop-ListBoxItemSkeleton": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___OVSSP", "placeholder-shimmer": "ListBoxItemSkeleton-module__placeholder-shimmer___GlrbS", "hop-ListBoxItemSkeleton--xs": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___Sd8v6", "hop-ListBoxItemSkeleton--sm": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___ELHKT", "hop-ListBoxItemSkeleton--md": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___ldPWP", "hop-ListBoxItemSkeleton--lg": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___PNlyx" };
 var GlobalListBoxItemSkeletonCssSelector = "hop-ListBoxItemSkeleton";
 function ListBoxItemSkeleton(props, ref) {
   var _a;

package/dist/{chunk-PSIGABQ5.js → chunk-QZTLUJBL.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___YNdnU", "hop-EmbeddedButton--md": "EmbeddedButton-module__hop-EmbeddedButton--md___xNbuO", "hop-EmbeddedButton--lg": "EmbeddedButton-module__hop-EmbeddedButton--lg___4HISy", "hop-EmbeddedButton--neutral": "EmbeddedButton-module__hop-EmbeddedButton--neutral___n3PC4", "hop-EmbeddedButton--subdued": "EmbeddedButton-module__hop-EmbeddedButton--subdued___QMogZ", "hop-EmbeddedButton--progress": "EmbeddedButton-module__hop-EmbeddedButton--progress___lGK8x", "hop-EmbeddedButton--positive": "EmbeddedButton-module__hop-EmbeddedButton--positive___j6fE-", "hop-EmbeddedButton--caution": "EmbeddedButton-module__hop-EmbeddedButton--caution___CigPW", "hop-EmbeddedButton--negative": "EmbeddedButton-module__hop-EmbeddedButton--negative___moZZW", "hop-EmbeddedButton--option1": "EmbeddedButton-module__hop-EmbeddedButton--option1___FukRK", "hop-EmbeddedButton--option2": "EmbeddedButton-module__hop-EmbeddedButton--option2___K5qqz", "hop-EmbeddedButton--option3": "EmbeddedButton-module__hop-EmbeddedButton--option3___CF7wi", "hop-EmbeddedButton--option4": "EmbeddedButton-module__hop-EmbeddedButton--option4___axEe3", "hop-EmbeddedButton--option5": "EmbeddedButton-module__hop-EmbeddedButton--option5___M-Uws", "hop-EmbeddedButton--option6": "EmbeddedButton-module__hop-EmbeddedButton--option6___4-0vZ", "hop-EmbeddedButton__icon": "EmbeddedButton-module__hop-EmbeddedButton__icon___Uox7L" };
+var EmbeddedButton_module_default = { "hop-EmbeddedButton": "EmbeddedButton-module__hop-EmbeddedButton___zcNAQ", "hop-EmbeddedButton--md": "EmbeddedButton-module__hop-EmbeddedButton--md___nlhW6", "hop-EmbeddedButton--lg": "EmbeddedButton-module__hop-EmbeddedButton--lg___y2r8n", "hop-EmbeddedButton--neutral": "EmbeddedButton-module__hop-EmbeddedButton--neutral___RQgDW", "hop-EmbeddedButton--subdued": "EmbeddedButton-module__hop-EmbeddedButton--subdued___y5bim", "hop-EmbeddedButton--progress": "EmbeddedButton-module__hop-EmbeddedButton--progress___xL-Ig", "hop-EmbeddedButton--positive": "EmbeddedButton-module__hop-EmbeddedButton--positive___h-QZr", "hop-EmbeddedButton--caution": "EmbeddedButton-module__hop-EmbeddedButton--caution___YTKHH", "hop-EmbeddedButton--negative": "EmbeddedButton-module__hop-EmbeddedButton--negative___njjyb", "hop-EmbeddedButton--option1": "EmbeddedButton-module__hop-EmbeddedButton--option1___1k2Cf", "hop-EmbeddedButton--option2": "EmbeddedButton-module__hop-EmbeddedButton--option2___1xiO6", "hop-EmbeddedButton--option3": "EmbeddedButton-module__hop-EmbeddedButton--option3___hKt2i", "hop-EmbeddedButton--option4": "EmbeddedButton-module__hop-EmbeddedButton--option4___fIvzx", "hop-EmbeddedButton--option5": "EmbeddedButton-module__hop-EmbeddedButton--option5___N8AtS", "hop-EmbeddedButton--option6": "EmbeddedButton-module__hop-EmbeddedButton--option6___dd12g", "hop-EmbeddedButton__icon": "EmbeddedButton-module__hop-EmbeddedButton__icon___1gGml" };
 var GlobalEmbeddedButtonCssSelector = "hop-EmbeddedButton";
 function EmbeddedButton(props, ref) {
   var _a;

package/dist/{chunk-Z5GLI3AC.js → chunk-RBU6S27I.js}

@@ -1,12 +1,13 @@
 import { useTruncatedText } from './chunk-Z57VHYOF.js';
-import { _InputGroup } from './chunk-7TNFRZPO.js';
-import { _RemainingCharacterCount } from './chunk-TUQXINCS.js';
-import { _ClearButton } from './chunk-5N6R4USJ.js';
+import { _RemainingCharacterCount } from './chunk-MAO7KM3A.js';
 import { TextFieldContext } from './chunk-O4XPUINW.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 { _ClearButton } from './chunk-SDNIPJPM.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';
@@ -23,7 +24,7 @@ import { useContextProps, composeRenderProps, Input, TextField as TextField$1 }
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./TextField.module.css#css-module
-var TextField_module_default = { "hop-TextField": "TextField-module__hop-TextField___QKbG6", "hop-TextField--fluid": "TextField-module__hop-TextField--fluid___-68yj", "hop-TextField__Label": "TextField-module__hop-TextField__Label___-Ygzf", "hop-TextField__prefix": "TextField-module__hop-TextField__prefix___MjItn", "hop-TextField__InputGroup": "TextField-module__hop-TextField__InputGroup___9FsBy", "hop-TextField__ErrorMessage": "TextField-module__hop-TextField__ErrorMessage___SBMkS", "hop-TextField__HelperMessage": "TextField-module__hop-TextField__HelperMessage___ByQA-" };
+var TextField_module_default = { "hop-TextField": "TextField-module__hop-TextField___wLPQZ", "hop-TextField--fluid": "TextField-module__hop-TextField--fluid___vVdUl", "hop-TextField__Label": "TextField-module__hop-TextField__Label___-Wjbo", "hop-TextField__prefix": "TextField-module__hop-TextField__prefix___p4mna", "hop-TextField__InputGroup": "TextField-module__hop-TextField__InputGroup___O-kLn", "hop-TextField__ErrorMessage": "TextField-module__hop-TextField__ErrorMessage___FN9c2", "hop-TextField__HelperMessage": "TextField-module__hop-TextField__HelperMessage___ufOUq" };
 var GlobalTextFieldCssSelector = "hop-TextField";
 function TextField(props, ref) {
   var _a;
@@ -32,6 +33,7 @@ function TextField(props, ref) {
     ...propsWithoutRef
   } = props;
   [props, ref] = useContextProps(propsWithoutRef, ref, TextFieldContext);
+  props = useFormProps(props);
   const { stylingProps, ...ownProps } = useStyledSystem(props);
   const [characterCount, setCharacterCount] = useState(() => {
     var _a2, _b, _c, _d;