@hopper-ui/components 2.0.3 → 2.0.5

package/dist/inputs/src/SearchField.d.ts

@@ -4,6 +4,7 @@ import { StyledComponentProps, ResponsiveProp } from '@hopper-ui/styled-system';
 import { SearchFieldProps as SearchFieldProps$1 } from 'react-aria-components';
 import { FieldProps } from '../../utils/src/types.js';
 import { ClearButtonProps } from '../../buttons/src/ClearButton.js';
+import { InputProps } from './Input.js';
 import { InputGroupProps } from './InputGroup.js';
 import '@react-types/shared';
 import '../../buttons/src/EmbeddedButton.js';
@@ -32,14 +33,18 @@ interface SearchFieldProps extends Omit<StyledComponentProps<SearchFieldProps$1>
      * A ref for the HTML input element.
      */
     inputRef?: MutableRefObject<HTMLInputElement | null>;
+    /**
+     * The props for the Input.
+     */
+    inputProps?: Partial<InputProps>;
     /**
      * The props for the InputGroup.
      */
-    inputGroupProps?: InputGroupProps;
+    inputGroupProps?: Partial<InputGroupProps>;
     /**
      * The props for the EmbeddedButton.
      */
-    clearButtonProps?: ClearButtonProps;
+    clearButtonProps?: Partial<ClearButtonProps>;
 }
 /**
  * A specialized text input for [search input](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/search).

package/dist/inputs/src/SearchField.js

@@ -1,25 +1,25 @@
-export { GlobalSearchFieldCssSelector, _SearchField as SearchField } from '../../chunk-XWNZSREH.js';
+export { GlobalSearchFieldCssSelector, _SearchField as SearchField } from '../../chunk-YGPLXLNG.js';
 import '../../chunk-3NKF5TPD.js';
-import '../../chunk-E5NU6JVS.js';
-import '../../chunk-V3NJSCJQ.js';
+import '../../chunk-6GEZYOKW.js';
+import '../../chunk-PBEQ35F4.js';
 import '../../chunk-6BFSSZCY.js';
-import '../../chunk-2OCWT332.js';
-import '../../chunk-ADIGWBB6.js';
+import '../../chunk-XQE3U4Z5.js';
+import '../../chunk-OYDSD5YO.js';
 import '../../chunk-YVCZUIU3.js';
 import '../../chunk-EVKWFOHB.js';
-import '../../chunk-LHRSKMJT.js';
+import '../../chunk-3GWBZ6NC.js';
 import '../../chunk-PNEJ6JDM.js';
-import '../../chunk-SQF6ZNJY.js';
+import '../../chunk-WXJCYLRN.js';
 import '../../chunk-FV74YT2D.js';
-import '../../chunk-QWUXGQH3.js';
-import '../../chunk-UT2VHQTH.js';
+import '../../chunk-GH25PXUW.js';
+import '../../chunk-37JDBIH4.js';
 import '../../chunk-O7IJYNVQ.js';
 import '../../chunk-DXVKHP4V.js';
 import '../../chunk-2NSUMKNH.js';
-import '../../chunk-J3GMFL52.js';
+import '../../chunk-BZWM7G7G.js';
 import '../../chunk-UYYHPXUH.js';
 import '../../chunk-H7LGBRRK.js';
-import '../../chunk-SBAGSD4X.js';
+import '../../chunk-2FHDTO7Z.js';
 import '../../chunk-PQSMCDAM.js';
 import '../../chunk-ZNOU2CGM.js';
 import '../../chunk-65JPI4FL.js';

package/dist/inputs/src/SearchFieldContext.d.ts

@@ -6,6 +6,7 @@ import '../../utils/src/types.js';
 import '@react-types/shared';
 import '../../buttons/src/ClearButton.js';
 import '../../buttons/src/EmbeddedButton.js';
+import './Input.js';
 import './InputGroup.js';
 
 declare const SearchFieldContext: react.Context<ContextValue<SearchFieldProps, HTMLDivElement>>;

package/dist/inputs/src/TextArea.css

@@ -1,5 +1,5 @@
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/heading/src/Heading.module.css/#css-module-data */
-.Heading-module__hop-Heading___-yhBb {
+.Heading-module__hop-Heading___UB0SI {
   --hop-Heading-xs-font-size: var(--hop-heading-xs-font-size);
   --hop-Heading-xs-font-family: var(--hop-heading-xs-font-family);
   --hop-Heading-xs-font-weight: var(--hop-heading-xs-font-weight);
@@ -33,53 +33,53 @@
   --hop-Heading-inherit-size-font-weight: inherit;
   --hop-Heading-inherit-size-line-height: inherit;
 }
-:where(.Heading-module__hop-Heading___-yhBb) {
+:where(.Heading-module__hop-Heading___UB0SI) {
   margin: 0;
   color: var(--hop-neutral-text);
 }
-:where(.Heading-module__hop-Heading___-yhBb):not(.Heading-module__hop-Heading--unset___YdqoN) {
+:where(.Heading-module__hop-Heading___UB0SI):not(.Heading-module__hop-Heading--unset___RD1w7) {
   font-family: var(--font-family);
   font-size: var(--font-size);
   font-weight: var(--font-weight);
   line-height: var(--line-height);
 }
-:where(.Heading-module__hop-Heading--xs___5vUx-) {
+:where(.Heading-module__hop-Heading--xs___3qRc3) {
   --font-size: var(--hop-Heading-xs-font-size);
   --font-family: var(--hop-Heading-xs-font-family);
   --font-weight: var(--hop-Heading-xs-font-weight);
   --line-height: var(--hop-Heading-xs-line-height);
 }
-:where(.Heading-module__hop-Heading--sm___K-B6T) {
+:where(.Heading-module__hop-Heading--sm___pzv9g) {
   --font-size: var(--hop-Heading-sm-font-size);
   --font-family: var(--hop-Heading-sm-font-family);
   --font-weight: var(--hop-Heading-sm-font-weight);
   --line-height: var(--hop-Heading-sm-line-height);
 }
-:where(.Heading-module__hop-Heading--md___ay8SV) {
+:where(.Heading-module__hop-Heading--md___n6Zim) {
   --font-size: var(--hop-Heading-md-font-size);
   --font-family: var(--hop-Heading-md-font-family);
   --font-weight: var(--hop-Heading-md-font-weight);
   --line-height: var(--hop-Heading-md-line-height);
 }
-:where(.Heading-module__hop-Heading--lg___R94c5) {
+:where(.Heading-module__hop-Heading--lg___dcTYr) {
   --font-size: var(--hop-Heading-lg-font-size);
   --font-family: var(--hop-Heading-lg-font-family);
   --font-weight: var(--hop-Heading-lg-font-weight);
   --line-height: var(--hop-Heading-lg-line-height);
 }
-:where(.Heading-module__hop-Heading--xl___N0tb2) {
+:where(.Heading-module__hop-Heading--xl___VyAwX) {
   --font-size: var(--hop-Heading-xl-font-size);
   --font-family: var(--hop-Heading-xl-font-family);
   --font-weight: var(--hop-Heading-xl-font-weight);
   --line-height: var(--hop-Heading-xl-line-height);
 }
-:where(.Heading-module__hop-Heading--2xl___DBEKh) {
+:where(.Heading-module__hop-Heading--2xl___QfH6H) {
   --font-size: var(--hop-Heading-2xl-font-size);
   --font-family: var(--hop-Heading-2xl-font-family);
   --font-weight: var(--hop-Heading-2xl-font-weight);
   --line-height: var(--hop-Heading-2xl-line-height);
 }
-:where(.Heading-module__hop-Heading--3xl___HL8l2) {
+:where(.Heading-module__hop-Heading--3xl___77zgd) {
   --font-size: var(--hop-Heading-3xl-font-size);
   --font-family: var(--hop-Heading-3xl-font-family);
   --font-weight: var(--hop-Heading-3xl-font-weight);
@@ -87,21 +87,21 @@
 }
 
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/form/src/Form.module.css/#css-module-data */
-.Form-module__hop-Form___IMITx {
+.Form-module__hop-Form___CtbM5 {
   display: flex;
   flex-direction: column;
   gap: var(--hop-space-stack-lg);
 }
 
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/label/src/Label.module.css/#css-module-data */
-.Label-module__hop-Label___mzkmU {
+.Label-module__hop-Label___RuG-I {
   --hop-Label-font-size: var(--hop-heading-xs-font-size);
   --hop-Label-font-family: var(--hop-heading-xs-font-family);
   --hop-Label-font-weight: var(--hop-heading-xs-font-weight);
   --hop-Label-line-height: var(--hop-heading-xs-line-height);
   --hop-Label-color: var(--hop-neutral-text-weak);
 }
-:where(.Label-module__hop-Label___mzkmU) {
+:where(.Label-module__hop-Label___RuG-I) {
   font-family: var(--hop-Label-font-family);
   font-size: var(--hop-Label-font-size);
   font-weight: var(--hop-Label-font-weight);
@@ -110,17 +110,17 @@
 }
 
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/label/src/FieldLabel.module.css/#css-module-data */
-.FieldLabel-module__hop-FieldLabel__wrapper___jGho6 {
+.FieldLabel-module__hop-FieldLabel__wrapper___Rb1ub {
   display: flex;
   gap: var(--hop-space-inset-xs);
   align-items: center;
 }
-.FieldLabel-module__hop-FieldLabel__indicator___4mCUp {
+.FieldLabel-module__hop-FieldLabel__indicator___PtETt {
   padding-inline-start: var(--hop-space-20);
 }
 
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/overline-text/src/OverlineText.module.css/#css-module-data */
-:where(.OverlineText-module__hop-OverlineText___RoLbl) {
+:where(.OverlineText-module__hop-OverlineText___iXraK) {
   --hop-OverlineText-font-family: var(--hop-overline-font-family);
   --hop-OverlineText-font-size: var(--hop-overline-font-size);
   --hop-OverlineText-font-weight: var(--hop-overline-font-weight);
@@ -144,26 +144,26 @@
   text-transform: uppercase;
   letter-spacing: var(--letter-spacing);
 }
-.OverlineText-module__hop-OverlineText__text___xzWHd {
+.OverlineText-module__hop-OverlineText__text___scNB3 {
   box-sizing: border-box;
 }
-.OverlineText-module__hop-OverlineText__text___xzWHd::before,
-.OverlineText-module__hop-OverlineText__text___xzWHd::after {
+.OverlineText-module__hop-OverlineText__text___scNB3::before,
+.OverlineText-module__hop-OverlineText__text___scNB3::after {
   content: "";
   display: block;
   box-sizing: border-box;
   inline-size: 0;
   block-size: 0;
 }
-.OverlineText-module__hop-OverlineText__text___xzWHd::before {
+.OverlineText-module__hop-OverlineText__text___scNB3::before {
   margin-block-end: var(--bottom-offset);
 }
-.OverlineText-module__hop-OverlineText__text___xzWHd::after {
+.OverlineText-module__hop-OverlineText__text___scNB3::after {
   margin-block-start: var(--top-offset);
 }
 
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/text/src/Text.module.css/#css-module-data */
-.Text-module__hop-Text___9NUdn {
+.Text-module__hop-Text___QDbXv {
   --hop-Text-xs-font-size: var(--hop-body-xs-font-size);
   --hop-Text-xs-font-family: var(--hop-body-xs-font-family);
   --hop-Text-xs-font-weight: var(--hop-body-xs-font-weight);
@@ -193,49 +193,49 @@
   --hop-Text-inherit-size-font-weight: inherit;
   --hop-Text-inherit-size-line-height: inherit;
 }
-:where(.Text-module__hop-Text___9NUdn) {
+:where(.Text-module__hop-Text___QDbXv) {
   font-family: var(--font-family);
   font-size: var(--font-size);
   font-weight: var(--font-weight);
   line-height: var(--line-height);
 }
-:where(.Text-module__hop-Text--xs___cSqHF) {
+:where(.Text-module__hop-Text--xs___HQW4I) {
   --font-size: var(--hop-Text-xs-font-size);
   --font-family: var(--hop-Text-xs-font-family);
   --font-weight: var(--hop-Text-xs-font-weight);
   --line-height: var(--hop-Text-xs-line-height);
 }
-:where(.Text-module__hop-Text--sm___MJ-hg) {
+:where(.Text-module__hop-Text--sm___8MtYF) {
   --font-size: var(--hop-Text-sm-font-size);
   --font-family: var(--hop-Text-sm-font-family);
   --font-weight: var(--hop-Text-sm-font-weight);
   --line-height: var(--hop-Text-sm-line-height);
 }
-:where(.Text-module__hop-Text--md___OC1ut) {
+:where(.Text-module__hop-Text--md___cm90u) {
   --font-size: var(--hop-Text-md-font-size);
   --font-family: var(--hop-Text-md-font-family);
   --font-weight: var(--hop-Text-md-font-weight);
   --line-height: var(--hop-Text-md-line-height);
 }
-:where(.Text-module__hop-Text--lg___dO6jm) {
+:where(.Text-module__hop-Text--lg___-dnMC) {
   --font-size: var(--hop-Text-lg-font-size);
   --font-family: var(--hop-Text-lg-font-family);
   --font-weight: var(--hop-Text-lg-font-weight);
   --line-height: var(--hop-Text-lg-line-height);
 }
-:where(.Text-module__hop-Text--xl___NpLvz) {
+:where(.Text-module__hop-Text--xl___eYr1u) {
   --font-size: var(--hop-Text-xl-font-size);
   --font-family: var(--hop-Text-xl-font-family);
   --font-weight: var(--hop-Text-xl-font-weight);
   --line-height: var(--hop-Text-xl-line-height);
 }
-:where(.Text-module__hop-Text--2xl___GKAqt) {
+:where(.Text-module__hop-Text--2xl___hTGdy) {
   --font-size: var(--hop-Text-2xl-font-size);
   --font-family: var(--hop-Text-2xl-font-family);
   --font-weight: var(--hop-Text-2xl-font-weight);
   --line-height: var(--hop-Text-2xl-line-height);
 }
-:where(.Text-module__hop-Text--inherit___ZHs8j) {
+:where(.Text-module__hop-Text--inherit___ShDlL) {
   --font-size: var(--hop-Text-inherit-size-font-size);
   --font-family: var(--hop-Text-inherit-size-font-family);
   --font-weight: var(--hop-Text-inherit-size-font-weight);
@@ -243,7 +243,7 @@
 }
 
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/paragraph/src/Paragraph.module.css/#css-module-data */
-.Paragraph-module__hop-Paragraph___yr81x {
+.Paragraph-module__hop-Paragraph___-06U8 {
   --hop-Paragraph-xs-margin-bottom: calc(.625rem * .75);
   --hop-Paragraph-sm-margin-bottom: calc(.75rem * .75);
   --hop-Paragraph-md-margin-bottom: calc(.875rem * .75);
@@ -255,33 +255,33 @@
   margin-block-end: var(--margin-block-end);
   overflow-wrap: break-word;
 }
-.Paragraph-module__hop-Paragraph___yr81x:last-child {
+.Paragraph-module__hop-Paragraph___-06U8:last-child {
   --margin-block-end: 0;
 }
-.Paragraph-module__hop-Paragraph--xs___mVM-r {
+.Paragraph-module__hop-Paragraph--xs___srT1b {
   --margin-block-end: var(--hop-Paragraph-xs-margin-bottom);
 }
-.Paragraph-module__hop-Paragraph--sm___6Nimy {
+.Paragraph-module__hop-Paragraph--sm___q42jz {
   --margin-block-end: var(--hop-Paragraph-sm-margin-bottom);
 }
-.Paragraph-module__hop-Paragraph--md___UHiHE {
+.Paragraph-module__hop-Paragraph--md___urHhH {
   --margin-block-end: var(--hop-Paragraph-md-margin-bottom);
 }
-.Paragraph-module__hop-Paragraph--lg___L9U9K {
+.Paragraph-module__hop-Paragraph--lg___I1sN2 {
   --margin-block-end: var(--hop-Paragraph-lg-margin-bottom);
 }
-.Paragraph-module__hop-Paragraph--xl___16IGx {
+.Paragraph-module__hop-Paragraph--xl___ws75- {
   --margin-block-end: var(--hop-Paragraph-xl-margin-bottom);
 }
-.Paragraph-module__hop-Paragraph--2xl___SL5rk {
+.Paragraph-module__hop-Paragraph--2xl___Uv7uq {
   --margin-block-end: var(--hop-Paragraph-2xl-margin-bottom);
 }
-.Paragraph-module__hop-Paragraph--inherit___NpVcU {
+.Paragraph-module__hop-Paragraph--inherit___w1MDL {
   --margin-block-end: var(--hop-Paragraph-inherit-margin-bottom);
 }
 
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/error-message/src/ErrorMessage.module.css/#css-module-data */
-.ErrorMessage-module__hop-ErrorMessage___aSV0L {
+.ErrorMessage-module__hop-ErrorMessage___kp-2Z {
   --hop-ErrorMessage-color: var(--hop-danger-text-weak);
   --hop-ErrorMessage-font-family: var(--hop-body-xs-font-family);
   --hop-ErrorMessage-font-size: var(--hop-body-xs-font-size);
@@ -298,13 +298,13 @@
   line-height: var(--hop-ErrorMessage-line-height);
   color: var(--hop-ErrorMessage-color);
 }
-.ErrorMessage-module__hop-ErrorMessage__icon___NNRTE {
+.ErrorMessage-module__hop-ErrorMessage__icon___IU44- {
   flex: 0 0 auto;
   align-self: flex-start;
 }
 
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/helper-message/src/HelperMessage.module.css/#css-module-data */
-.HelperMessage-module__hop-HelperMessage___CtcbZ {
+.HelperMessage-module__hop-HelperMessage___f4zT1 {
   --hop-HelperMessage-color: var(--hop-neutral-text-weak);
   --hop-HelperMessage-column-gap: var(--hop-space-inline-xs);
   display: flex;
@@ -313,13 +313,13 @@
   box-sizing: border-box;
   color: var(--hop-HelperMessage-color);
 }
-.HelperMessage-module__hop-HelperMessage__icon___TDWyf {
+.HelperMessage-module__hop-HelperMessage__icon___sK0VQ {
   flex: 0 0 auto;
   align-self: flex-start;
 }
 
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/InputGroup.module.css/#css-module-data */
-.InputGroup-module__hop-InputGroup___zPri7 {
+.InputGroup-module__hop-InputGroup___t86-I {
   --hop-InputGroup-background: var(--hop-neutral-surface);
   --hop-InputGroup-border-color: var(--hop-neutral-border);
   --hop-InputGroup-border-width: 0.0625rem;
@@ -351,42 +351,42 @@
   border: var(--border);
   border-radius: var(--hop-InputGroup-border-radius);
 }
-.InputGroup-module__hop-InputGroup--fluid___F1V45 {
+.InputGroup-module__hop-InputGroup--fluid___e5tCf {
   --inline-size: 100%;
 }
-.InputGroup-module__hop-InputGroup___zPri7[data-hovered] {
+.InputGroup-module__hop-InputGroup___t86-I[data-hovered] {
   --background: var(--hop-InputGroup-background-hover);
   --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-hover) ;
 }
-.InputGroup-module__hop-InputGroup___zPri7[data-focus-within] {
+.InputGroup-module__hop-InputGroup___t86-I[data-focus-within] {
   --background: var(--hop-InputGroup-background-focus);
   --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-focus) ;
 }
-.InputGroup-module__hop-InputGroup___zPri7[data-invalid] {
+.InputGroup-module__hop-InputGroup___t86-I[data-invalid] {
   --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-invalid) ;
 }
-.InputGroup-module__hop-InputGroup___zPri7[data-disabled] {
+.InputGroup-module__hop-InputGroup___t86-I[data-disabled] {
   --background: var(--hop-InputGroup-background-disabled);
   --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-disabled);
 }
 
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/RemainingCharacterCount.module.css/#css-module-data */
-.RemainingCharacterCount-module__hop-RemainingCharacterCount___3aHd3 {
+.RemainingCharacterCount-module__hop-RemainingCharacterCount___xuBW8 {
   --hop-RemainingCharacterCount-color: var(--hop-neutral-text-weak);
   --hop-RemainingCharacterCount-color-disabled: var(--hop-neutral-text-disabled);
   --hop-RemainingCharacterCount-color-invalid: var(--hop-danger-text-weak);
   --char-count-color: var(--hop-RemainingCharacterCount-color);
   color: var(--char-count-color);
 }
-.RemainingCharacterCount-module__hop-RemainingCharacterCount___3aHd3[data-invalid] {
+.RemainingCharacterCount-module__hop-RemainingCharacterCount___xuBW8[data-invalid] {
   --char-count-color: var(--hop-RemainingCharacterCount-color-invalid);
 }
-.RemainingCharacterCount-module__hop-RemainingCharacterCount___3aHd3[data-disabled] {
+.RemainingCharacterCount-module__hop-RemainingCharacterCount___xuBW8[data-disabled] {
   --char-count-color: var(--hop-RemainingCharacterCount-color-disabled);
 }
 
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/TextArea.module.css/#css-module-data */
-.TextArea-module__hop-TextArea___xJvHF {
+.TextArea-module__hop-TextArea___4B01y {
   --hop-TextArea-gap: var(--hop-space-stack-xs);
   --hop-TextArea-inline-size: 20rem;
   --hop-TextArea-prefix-color: var(--hop-neutral-text-weak);
@@ -416,40 +416,40 @@
   inline-size: var(--inline-size);
   max-inline-size: 100%;
 }
-.TextArea-module__hop-TextArea--fluid___3-jRq {
+.TextArea-module__hop-TextArea--fluid___0KPkZ {
   --inline-size: 100%;
 }
-.TextArea-module__hop-TextArea--max-rows___qDHkb .TextArea-module__hop-TextArea__textarea___jS8EO {
+.TextArea-module__hop-TextArea--max-rows___RPdo4 .TextArea-module__hop-TextArea__textarea___MFWIg {
   overflow-y: auto;
 }
-.TextArea-module__hop-TextArea--max-rows___qDHkb .TextArea-module__hop-TextArea__InputGroup___DmFJU {
+.TextArea-module__hop-TextArea--max-rows___RPdo4 .TextArea-module__hop-TextArea__InputGroup___1vQaX {
   overflow: hidden;
 }
-.TextArea-module__hop-TextArea___xJvHF[data-resize-mode=vertical] {
+.TextArea-module__hop-TextArea___4B01y[data-resize-mode=vertical] {
   --resize: vertical;
 }
-.TextArea-module__hop-TextArea__Label___u-ZNB {
+.TextArea-module__hop-TextArea__Label___FZSUO {
   order: 0;
 }
-.TextArea-module__hop-TextArea__prefix___K9n1N {
+.TextArea-module__hop-TextArea__prefix___28v27 {
   color: var(--hop-TextArea-prefix-color);
 }
-.TextArea-module__hop-TextArea__RemainingCharacterCount___jXg9V {
+.TextArea-module__hop-TextArea__RemainingCharacterCount___TCMZd {
   padding-block-end: var(--hop-space-inset-sm);
   padding-inline: var(--hop-space-inset-md);
 }
-.TextArea-module__hop-TextArea__InputGroup___DmFJU {
+.TextArea-module__hop-TextArea__InputGroup___1vQaX {
   flex-direction: column;
   gap: 0;
   align-items: flex-end;
   order: 1;
   padding: 0;
 }
-.TextArea-module__hop-TextArea__ErrorMessage___O8t-z,
-.TextArea-module__hop-TextArea__HelperMessage___qcNM1 {
+.TextArea-module__hop-TextArea__ErrorMessage___7D99D,
+.TextArea-module__hop-TextArea__HelperMessage___L-AFH {
   order: 3;
 }
-.TextArea-module__hop-TextArea__textarea___jS8EO {
+.TextArea-module__hop-TextArea__textarea___MFWIg {
   resize: var(--resize);
   overflow: hidden;
   flex-direction: column;
@@ -472,23 +472,23 @@
   border: 0;
   outline-style: none;
 }
-.TextArea-module__hop-TextArea__textarea--with-character-count___OxBT7 {
+.TextArea-module__hop-TextArea__textarea--with-character-count___Z05-A {
   padding-block-end: 0;
 }
-.TextArea-module__hop-TextArea__textarea--sm___WXfYQ {
+.TextArea-module__hop-TextArea__textarea--sm___3PVZb {
   --font-family: var(--hop-TextArea-sm-font-family);
   --font-size: var(--hop-TextArea-sm-font-size);
   --font-weight: var(--hop-TextArea-sm-font-weight);
   --line-height: var(--hop-TextArea-sm-line-height);
 }
-.TextArea-module__hop-TextArea__textarea___jS8EO::placeholder {
+.TextArea-module__hop-TextArea__textarea___MFWIg::placeholder {
   font-family: var(--hop-TextArea-placeholder-font-family);
   font-size: var(--hop-TextArea-placeholder-font-size);
   font-weight: var(--hop-TextArea-placeholder-font-weight);
   line-height: var(--hop-TextArea-placeholder-line-height);
   color: var(--input-placeholder-color);
 }
-.TextArea-module__hop-TextArea__textarea___jS8EO[data-disabled] {
+.TextArea-module__hop-TextArea__textarea___MFWIg[data-disabled] {
   --input-placeholder-color: var(--hop-TextArea-placeholder-color-disabled);
   color: var(--hop-TextArea-color-disabled);
 }

package/dist/inputs/src/TextArea.d.ts

@@ -1,7 +1,7 @@
 import * as react from 'react';
 import { MutableRefObject } from 'react';
 import { StyledComponentProps, ResponsiveProp } from '@hopper-ui/styled-system';
-import { TextFieldProps } from 'react-aria-components';
+import { TextFieldProps, TextAreaProps as TextAreaProps$1 } from 'react-aria-components';
 import { FieldProps } from '../../utils/src/types.js';
 import { InputGroupProps } from './InputGroup.js';
 import { RemainingCharacterCountProps } from './RemainingCharacterCount.js';
@@ -56,7 +56,11 @@ interface TextAreaProps extends Omit<StyledComponentProps<TextFieldProps>, "chil
     /**
      * The props for the InputGroup.
      */
-    inputGroupProps?: InputGroupProps;
+    inputGroupProps?: Partial<InputGroupProps>;
+    /**
+     * The props for the Input.
+     */
+    inputProps?: Partial<TextAreaProps$1>;
     /**
      * The props for the  RemainingCharacterCount.
      */

package/dist/inputs/src/TextArea.js

@@ -1,24 +1,24 @@
-export { GlobalTextAreaCssSelector, _TextArea as TextArea } from '../../chunk-EIIZT6WX.js';
+export { GlobalTextAreaCssSelector, _TextArea as TextArea } from '../../chunk-7KYQSRB6.js';
 import '../../chunk-IU6XMS2X.js';
 import '../../chunk-MHQZXLKW.js';
 import '../../chunk-Z57VHYOF.js';
-import '../../chunk-ACJGK45Y.js';
-import '../../chunk-V3NJSCJQ.js';
+import '../../chunk-TD4YU4JR.js';
+import '../../chunk-PBEQ35F4.js';
 import '../../chunk-6BFSSZCY.js';
-import '../../chunk-2OCWT332.js';
-import '../../chunk-ADIGWBB6.js';
+import '../../chunk-XQE3U4Z5.js';
+import '../../chunk-OYDSD5YO.js';
 import '../../chunk-YVCZUIU3.js';
 import '../../chunk-EVKWFOHB.js';
-import '../../chunk-LHRSKMJT.js';
+import '../../chunk-3GWBZ6NC.js';
 import '../../chunk-PNEJ6JDM.js';
-import '../../chunk-SQF6ZNJY.js';
+import '../../chunk-WXJCYLRN.js';
 import '../../chunk-FV74YT2D.js';
-import '../../chunk-TIPN4VYD.js';
 import '../../chunk-2NSUMKNH.js';
-import '../../chunk-J3GMFL52.js';
+import '../../chunk-BZWM7G7G.js';
 import '../../chunk-UYYHPXUH.js';
 import '../../chunk-H7LGBRRK.js';
-import '../../chunk-SBAGSD4X.js';
+import '../../chunk-TIPN4VYD.js';
+import '../../chunk-2FHDTO7Z.js';
 import '../../chunk-PQSMCDAM.js';
 import '../../chunk-ZNOU2CGM.js';
 import '../../chunk-65JPI4FL.js';