@hopper-ui/components 1.3.7 → 1.3.9

package/dist/{chunk-AHMI7DHJ.js → chunk-VC3HSOGC.js}

@@ -1,11 +1,11 @@
 import { useScale } from './chunk-MTDFS4CZ.js';
 import { NumberFieldContext } from './chunk-ZQ3AWYRR.js';
-import { _InputGroup } from './chunk-BUI76FPU.js';
+import { _InputGroup } from './chunk-GDVP2QEZ.js';
 import { LabelContext } from './chunk-QCA3ZR56.js';
 import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
 import { HelperMessageContext } from './chunk-HZKFQ33E.js';
 import { ErrorMessageContext } from './chunk-FAE27DLF.js';
-import { _Text } from './chunk-F4XYXAPX.js';
+import { _Text } from './chunk-KQQCELPA.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
@@ -21,7 +21,7 @@ import { useContextProps, composeRenderProps, Input, NumberField as NumberField$
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./NumberField.module.css#css-module
-var NumberField_module_default = { "hop-NumberField": "NumberField-module__hop-NumberField___-spFY", "hop-NumberField--fluid": "NumberField-module__hop-NumberField--fluid___HuQeh", "hop-NumberField--mobile": "NumberField-module__hop-NumberField--mobile___jiJLy", "hop-NumberField__Label": "NumberField-module__hop-NumberField__Label___kcHPU", "hop-NumberField__prefix": "NumberField-module__hop-NumberField__prefix___kC1mi", "hop-NumberField__InputGroup": "NumberField-module__hop-NumberField__InputGroup___GmvOU", "hop-NumberField__ErrorMessage": "NumberField-module__hop-NumberField__ErrorMessage___tIjYw", "hop-NumberField__HelperMessage": "NumberField-module__hop-NumberField__HelperMessage___hYZXB", "hop-NumberField__stepper-button": "NumberField-module__hop-NumberField__stepper-button___hfKPt", "hop-NumberField__stepper-button--increment": "NumberField-module__hop-NumberField__stepper-button--increment___pUp8-", "hop-NumberField__stepper-button--decrement": "NumberField-module__hop-NumberField__stepper-button--decrement___-0RGO", "hop-NumberField__stepper-button--mobile": "NumberField-module__hop-NumberField__stepper-button--mobile___oNcII", "hop-NumberField__stepper-button__icon": "NumberField-module__hop-NumberField__stepper-button__icon___l7rJE", "hop-NumberField__input": "NumberField-module__hop-NumberField__input___JmJl4" };
+var NumberField_module_default = { "hop-NumberField": "NumberField-module__hop-NumberField___VWgJv", "hop-NumberField--fluid": "NumberField-module__hop-NumberField--fluid___D4KuH", "hop-NumberField--mobile": "NumberField-module__hop-NumberField--mobile___JdtJi", "hop-NumberField__Label": "NumberField-module__hop-NumberField__Label___DpcSp", "hop-NumberField__prefix": "NumberField-module__hop-NumberField__prefix___baTwE", "hop-NumberField__InputGroup": "NumberField-module__hop-NumberField__InputGroup___f4BCh", "hop-NumberField__ErrorMessage": "NumberField-module__hop-NumberField__ErrorMessage___iTVwp", "hop-NumberField__HelperMessage": "NumberField-module__hop-NumberField__HelperMessage___JGOeo", "hop-NumberField__stepper-button": "NumberField-module__hop-NumberField__stepper-button___h67o-", "hop-NumberField__stepper-button--increment": "NumberField-module__hop-NumberField__stepper-button--increment___bcKtE", "hop-NumberField__stepper-button--decrement": "NumberField-module__hop-NumberField__stepper-button--decrement___qY0Q-", "hop-NumberField__stepper-button--mobile": "NumberField-module__hop-NumberField__stepper-button--mobile___DrHY1", "hop-NumberField__stepper-button__icon": "NumberField-module__hop-NumberField__stepper-button__icon___ogLPx", "hop-NumberField__input": "NumberField-module__hop-NumberField__input___7YBOI" };
 var GlobalNumberFieldCssSelector = "hop-NumberField";
 var StepperButton = ({ direction }) => {
   const scale = useScale();

package/dist/{chunk-Z63VLZM2.js → chunk-VQKJXEPU.js}

@@ -1,7 +1,7 @@
 import { SwitchContext } from './chunk-YHBJAXUY.js';
 import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
-import { _Text } from './chunk-F4XYXAPX.js';
+import { _Text } from './chunk-KQQCELPA.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
@@ -14,7 +14,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___pDNWk", "hop-Switch--sm": "Switch-module__hop-Switch--sm___iOw3G", "hop-Switch--md": "Switch-module__hop-Switch--md___tQX-I", "hop-Switch__indicator": "Switch-module__hop-Switch__indicator___zn9K-", "hop-Switch__text": "Switch-module__hop-Switch__text___HP1cV", "hop-Switch__icon-list": "Switch-module__hop-Switch__icon-list___Dv9Q0", "hop-Switch__icon": "Switch-module__hop-Switch__icon___ofe0Q" };
+var Switch_module_default = { "hop-Switch": "Switch-module__hop-Switch___ZiKpN", "hop-Switch--sm": "Switch-module__hop-Switch--sm___UnrZ2", "hop-Switch--md": "Switch-module__hop-Switch--md___FWbwB", "hop-Switch__indicator": "Switch-module__hop-Switch__indicator___lxvxY", "hop-Switch__text": "Switch-module__hop-Switch__text___jt3yM", "hop-Switch__icon-list": "Switch-module__hop-Switch__icon-list___5ELG6", "hop-Switch__icon": "Switch-module__hop-Switch__icon___U8pPq" };
 var GlobalSwitchCssSelector = "hop-Switch";
 function Switch(props, ref) {
   var _a;

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

@@ -7,7 +7,7 @@ import { useContextProps, Heading as Heading$1 } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Heading.module.css#css-module
-var Heading_module_default = { "hop-Heading": "Heading-module__hop-Heading___byI5a", "hop-Heading--xs": "Heading-module__hop-Heading--xs___S-Spm", "hop-Heading--sm": "Heading-module__hop-Heading--sm___eYVWY", "hop-Heading--md": "Heading-module__hop-Heading--md___Trt4d", "hop-Heading--lg": "Heading-module__hop-Heading--lg___8RulN", "hop-Heading--xl": "Heading-module__hop-Heading--xl___XLAp5", "hop-Heading--2xl": "Heading-module__hop-Heading--2xl___ghz3S", "hop-Heading--3xl": "Heading-module__hop-Heading--3xl___sTxzT" };
+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 GlobalHeadingCssSelector = "hop-Heading";
 function Heading(props, ref) {
   [props, ref] = useContextProps(props, ref, HeadingContext);

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

@@ -1,12 +1,11 @@
 import { isFunction } from './chunk-TIPN4VYD.js';
 import { useLocalizedString } from './chunk-TFVDF4YH.js';
-import { SectionContext } from './chunk-5H5AZJPQ.js';
 import { ListBoxContext } from './chunk-UIEP5BA5.js';
-import { _ListBoxItem } from './chunk-IZUZUN6Z.js';
+import { _ListBoxItem } from './chunk-2GYC6ADT.js';
 import { ListBoxItemContext } from './chunk-Y2POLIXK.js';
+import { SectionContext } from './chunk-5H5AZJPQ.js';
 import { HeaderContext } from './chunk-7JOGKC3W.js';
-import { DividerContext } from './chunk-FYIHMKHI.js';
-import { _Text } from './chunk-F4XYXAPX.js';
+import { _Text } from './chunk-KQQCELPA.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
@@ -18,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___fCheu", "hop-ListBox--fluid": "ListBox-module__hop-ListBox--fluid___2fafn", "hop-ListBox__section": "ListBox-module__hop-ListBox__section___sIZIS", "hop-ListBox__item": "ListBox-module__hop-ListBox__item___4-Gsh", "hop-ListBox__section-header": "ListBox-module__hop-ListBox__section-header___1GilQ" };
+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 GlobalListBoxCssSelector = "hop-ListBox";
 var GlobalListBoxEmptyItemCssSelector = "hop-ListBox__empty-item";
 var ListBoxToTextSizeAdapter = {
@@ -102,9 +101,6 @@ function ListBox(props, ref) {
         [SectionContext, {
           className: ListBox_module_default["hop-ListBox__section"]
         }],
-        [DividerContext, {
-          className: ListBox_module_default["hop-ListBox__divider"]
-        }],
         [ListBoxItemContext, {
           className: ListBox_module_default["hop-ListBox__item"],
           size,

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

@@ -1,12 +1,11 @@
 import { useFontFaceReady } from './chunk-IU6XMS2X.js';
 import { TextAreaContext } from './chunk-MHQZXLKW.js';
 import { useTruncatedText } from './chunk-Z57VHYOF.js';
-import { _InputGroup } from './chunk-BUI76FPU.js';
+import { _RemainingCharacterCount } from './chunk-2ZXF62AA.js';
+import { _InputGroup } from './chunk-GDVP2QEZ.js';
 import { LabelContext } from './chunk-QCA3ZR56.js';
-import { useLocalizedString } from './chunk-TFVDF4YH.js';
 import { HelperMessageContext } from './chunk-HZKFQ33E.js';
 import { ErrorMessageContext } from './chunk-FAE27DLF.js';
-import { _Text } from './chunk-F4XYXAPX.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
@@ -79,7 +78,7 @@ function $b5e257d569688ac6$export$535bd6ca7f90a273() {
 }
 
 // css-module:./TextArea.module.css#css-module
-var TextArea_module_default = { "hop-TextArea": "TextArea-module__hop-TextArea___CigfE", "hop-TextArea--fluid": "TextArea-module__hop-TextArea--fluid___RHFdR", "hop-TextArea__Label": "TextArea-module__hop-TextArea__Label___IesgB", "hop-TextArea__prefix": "TextArea-module__hop-TextArea__prefix___CKsl5", "hop-TextArea__InputGroup": "TextArea-module__hop-TextArea__InputGroup___Dy8Ya", "hop-TextArea__textarea": "TextArea-module__hop-TextArea__textarea___TaknV", "hop-TextArea__char-count": "TextArea-module__hop-TextArea__char-count___L5-B2", "hop-TextArea__ErrorMessage": "TextArea-module__hop-TextArea__ErrorMessage___px1UJ", "hop-TextArea__HelperMessage": "TextArea-module__hop-TextArea__HelperMessage___rzEEf" };
+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 GlobalTextAreaCssSelector = "hop-TextArea";
 var DefaultMinimumTextAreaRows = 3;
 var pxToInt = (value) => {
@@ -217,7 +216,15 @@ function TextArea(props, ref) {
       inputType: "textarea",
       children: [
         /* @__PURE__ */ jsx(TextArea$1, { ref: mergedTextAreaRef, placeholder, cols, rows }),
-        showCharacterCount && maxLength && /* @__PURE__ */ jsx(CharacterCount, { charactersLeft: maxLength - characterCount, isInvalid: overMaxLength })
+        showCharacterCount && maxLength && /* @__PURE__ */ jsx(
+          _RemainingCharacterCount,
+          {
+            className: TextArea_module_default["hop-TextArea__RemainingCharacterCount"],
+            count: maxLength - characterCount,
+            isInvalid: overMaxLength,
+            isDisabled
+          }
+        )
       ]
     }
   ) });
@@ -249,27 +256,11 @@ function TextArea(props, ref) {
       isDisabled,
       isInvalid,
       "data-resize-mode": resizeMode,
-      "data-over-max-length": overMaxLength || void 0,
       ...otherProps,
       children: childrenMarkup
     }
   );
 }
-function CharacterCount({ charactersLeft, isInvalid }) {
-  const stringFormatter = useLocalizedString();
-  const accessibilityString = stringFormatter.format("Input.charactersLeft", { charLeft: charactersLeft });
-  return /* @__PURE__ */ jsx(
-    _Text,
-    {
-      "aria-label": accessibilityString,
-      role: "status",
-      size: "xs",
-      className: TextArea_module_default["hop-TextArea__char-count"],
-      "data-invalid": isInvalid || void 0,
-      children: charactersLeft
-    }
-  );
-}
 var _TextArea = forwardRef(TextArea);
 _TextArea.displayName = "TextArea";