@hopper-ui/components 1.3.9 → 1.3.11

package/dist/{chunk-2ZXF62AA.js → chunk-WSHJXUF4.js}

@@ -1,5 +1,5 @@
 import { useLocalizedString } from './chunk-TFVDF4YH.js';
-import { _Text } from './chunk-KQQCELPA.js';
+import { _Text } from './chunk-R5YV23ZF.js';
 import { useRenderProps } from './chunk-NH3IVMXB.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
@@ -10,13 +10,18 @@ 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___rOvxv" };
+var RemainingCharacterCount_module_default = { "hop-RemainingCharacterCount": "RemainingCharacterCount-module__hop-RemainingCharacterCount___fByXf" };
+var GlobalRemainingCharacterCountCssSelector = "hop-RemainingCharacterCount";
 function RemainingCharacterCount(props, ref) {
   const { stylingProps, ...ownProps } = useStyledSystem(props);
   const { className, style, count, isDisabled, isInvalid, ...textProps } = ownProps;
   const stringFormatter = useLocalizedString();
   const accessibilityString = stringFormatter.format("Input.charactersLeft", { charLeft: count });
-  const classNames = composeClassnameRenderProps(className, cssModule(RemainingCharacterCount_module_default, "hop-RemainingCharacterCount"));
+  const classNames = composeClassnameRenderProps(
+    className,
+    GlobalRemainingCharacterCountCssSelector,
+    cssModule(RemainingCharacterCount_module_default, "hop-RemainingCharacterCount")
+  );
   const mergedStyles = composeRenderProps(style, (prev) => {
     return {
       ...stylingProps.style,
@@ -49,4 +54,4 @@ function RemainingCharacterCount(props, ref) {
 var _RemainingCharacterCount = forwardRef(RemainingCharacterCount);
 _RemainingCharacterCount.displayName = "Footer";
 
-export { _RemainingCharacterCount };
+export { GlobalRemainingCharacterCountCssSelector, _RemainingCharacterCount };

package/dist/{chunk-XQFICAVB.js → chunk-Y4V25PX4.js}

@@ -1,11 +1,11 @@
 import { isFunction } from './chunk-TIPN4VYD.js';
 import { useLocalizedString } from './chunk-TFVDF4YH.js';
 import { ListBoxContext } from './chunk-UIEP5BA5.js';
-import { _ListBoxItem } from './chunk-2GYC6ADT.js';
+import { _ListBoxItem } from './chunk-NTFJHBUN.js';
 import { ListBoxItemContext } from './chunk-Y2POLIXK.js';
 import { SectionContext } from './chunk-5H5AZJPQ.js';
 import { HeaderContext } from './chunk-7JOGKC3W.js';
-import { _Text } from './chunk-KQQCELPA.js';
+import { _Text } from './chunk-R5YV23ZF.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
@@ -17,7 +17,7 @@ import { useContextProps, composeRenderProps, ListBox as ListBox$1, Collection }
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./ListBox.module.css#css-module
-var ListBox_module_default = { "hop-ListBox": "ListBox-module__hop-ListBox___emfw7", "hop-ListBox--fluid": "ListBox-module__hop-ListBox--fluid___KXcZO", "hop-ListBox__section": "ListBox-module__hop-ListBox__section___lzB6a", "hop-ListBox__item": "ListBox-module__hop-ListBox__item___n6eiW", "hop-ListBox__section-header": "ListBox-module__hop-ListBox__section-header___PK5X3" };
+var ListBox_module_default = { "hop-ListBox": "ListBox-module__hop-ListBox___ZBeiG", "hop-ListBox--fluid": "ListBox-module__hop-ListBox--fluid___9EfEB", "hop-ListBox__section": "ListBox-module__hop-ListBox__section___mn5-E", "hop-ListBox__item": "ListBox-module__hop-ListBox__item___j1lF6", "hop-ListBox__section-header": "ListBox-module__hop-ListBox__section-header___VpdYg" };
 var GlobalListBoxCssSelector = "hop-ListBox";
 var GlobalListBoxEmptyItemCssSelector = "hop-ListBox__empty-item";
 var ListBoxToTextSizeAdapter = {

package/dist/{chunk-XHW2Z6AX.js → chunk-YV4BUYJN.js}

@@ -1,13 +1,13 @@
 import { HeadingContext } from './chunk-TXZ6BMFR.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
-import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
+import { slot, useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
 import clsx from 'clsx';
 import { forwardRef } from 'react';
 import { useContextProps, Heading as Heading$1 } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Heading.module.css#css-module
-var Heading_module_default = { "hop-Heading": "Heading-module__hop-Heading___qL-Ga", "hop-Heading--xs": "Heading-module__hop-Heading--xs___emC4g", "hop-Heading--sm": "Heading-module__hop-Heading--sm___0rHcs", "hop-Heading--md": "Heading-module__hop-Heading--md___lrBIc", "hop-Heading--lg": "Heading-module__hop-Heading--lg___9cuPI", "hop-Heading--xl": "Heading-module__hop-Heading--xl___WkYun", "hop-Heading--2xl": "Heading-module__hop-Heading--2xl___RaYLz", "hop-Heading--3xl": "Heading-module__hop-Heading--3xl___e1oE9" };
+var Heading_module_default = { "hop-Heading": "Heading-module__hop-Heading___vu21Z", "hop-Heading--xs": "Heading-module__hop-Heading--xs___gjgUo", "hop-Heading--sm": "Heading-module__hop-Heading--sm___1fSAD", "hop-Heading--md": "Heading-module__hop-Heading--md___ddJPc", "hop-Heading--lg": "Heading-module__hop-Heading--lg___-HY-X", "hop-Heading--xl": "Heading-module__hop-Heading--xl___16E0u", "hop-Heading--2xl": "Heading-module__hop-Heading--2xl___j7Igk", "hop-Heading--3xl": "Heading-module__hop-Heading--3xl___xb45E" };
 var GlobalHeadingCssSelector = "hop-Heading";
 function Heading(props, ref) {
   [props, ref] = useContextProps(props, ref, HeadingContext);
@@ -39,7 +39,7 @@ function Heading(props, ref) {
     }
   );
 }
-var _Heading = forwardRef(Heading);
+var _Heading = slot("heading", forwardRef(Heading));
 _Heading.displayName = "Heading";
 function createHeading(as) {
   const level = parseInt(as[1]);

package/dist/{chunk-YQDRT547.js → chunk-ZJKTV2QB.js}

@@ -1,8 +1,8 @@
 import { useFontFaceReady } from './chunk-IU6XMS2X.js';
 import { TextAreaContext } from './chunk-MHQZXLKW.js';
 import { useTruncatedText } from './chunk-Z57VHYOF.js';
-import { _RemainingCharacterCount } from './chunk-2ZXF62AA.js';
-import { _InputGroup } from './chunk-GDVP2QEZ.js';
+import { _RemainingCharacterCount } from './chunk-WSHJXUF4.js';
+import { _InputGroup } from './chunk-64O3N7JE.js';
 import { LabelContext } from './chunk-QCA3ZR56.js';
 import { HelperMessageContext } from './chunk-HZKFQ33E.js';
 import { ErrorMessageContext } from './chunk-FAE27DLF.js';
@@ -78,7 +78,7 @@ function $b5e257d569688ac6$export$535bd6ca7f90a273() {
 }
 
 // css-module:./TextArea.module.css#css-module
-var TextArea_module_default = { "hop-TextArea": "TextArea-module__hop-TextArea___-k51c", "hop-TextArea--fluid": "TextArea-module__hop-TextArea--fluid___Aw2zq", "hop-TextArea__Label": "TextArea-module__hop-TextArea__Label___DTyVx", "hop-TextArea__prefix": "TextArea-module__hop-TextArea__prefix___BNJmg", "hop-TextArea__InputGroup": "TextArea-module__hop-TextArea__InputGroup___fUwiC", "hop-TextArea__RemainingCharacterCount": "TextArea-module__hop-TextArea__RemainingCharacterCount___U-RJM", "hop-TextArea__textarea": "TextArea-module__hop-TextArea__textarea___X66az", "hop-TextArea__ErrorMessage": "TextArea-module__hop-TextArea__ErrorMessage___QhLqC", "hop-TextArea__HelperMessage": "TextArea-module__hop-TextArea__HelperMessage___Lp3qg" };
+var TextArea_module_default = { "hop-TextArea": "TextArea-module__hop-TextArea___emVb6", "hop-TextArea--fluid": "TextArea-module__hop-TextArea--fluid___Q470-", "hop-TextArea__Label": "TextArea-module__hop-TextArea__Label___xer9b", "hop-TextArea__prefix": "TextArea-module__hop-TextArea__prefix___mx2JN", "hop-TextArea__InputGroup": "TextArea-module__hop-TextArea__InputGroup___AwE8W", "hop-TextArea__RemainingCharacterCount": "TextArea-module__hop-TextArea__RemainingCharacterCount___--ONv", "hop-TextArea__textarea": "TextArea-module__hop-TextArea__textarea___39pLe", "hop-TextArea__ErrorMessage": "TextArea-module__hop-TextArea__ErrorMessage___Cu34e", "hop-TextArea__HelperMessage": "TextArea-module__hop-TextArea__HelperMessage___BV7wN" };
 var GlobalTextAreaCssSelector = "hop-TextArea";
 var DefaultMinimumTextAreaRows = 3;
 var pxToInt = (value) => {
@@ -140,7 +140,9 @@ function TextArea(props, ref) {
     isFluid: isFluidProp,
     isDisabled,
     isInvalid,
+    isRequired,
     restrictMaxLength = true,
+    necessityIndicator,
     ...otherProps
   } = ownProps;
   const mergedTextAreaRef = useObjectRef(mergeRefs(userProvidedInputRef, props.inputRef !== void 0 ? props.inputRef : null));
@@ -234,7 +236,7 @@ function TextArea(props, ref) {
         SlotProvider,
         {
           values: [
-            [LabelContext, { className: TextArea_module_default["hop-TextArea__Label"] }],
+            [LabelContext, { className: TextArea_module_default["hop-TextArea__Label"], isRequired, necessityIndicator }],
             [HelperMessageContext, { className: TextArea_module_default["hop-TextArea__HelperMessage"] }],
             [ErrorMessageContext, { className: TextArea_module_default["hop-TextArea__ErrorMessage"] }]
           ],
@@ -255,6 +257,7 @@ function TextArea(props, ref) {
       onChange,
       isDisabled,
       isInvalid,
+      isRequired,
       "data-resize-mode": resizeMode,
       ...otherProps,
       children: childrenMarkup