@hopper-ui/components 1.0.5 → 1.0.7

package/dist/chunk-U4NXU44C.js

@@ -0,0 +1,118 @@
+import { SearchFieldContext } from './chunk-3NKF5TPD.js';
+import { _InputGroup } from './chunk-YZRL7TXT.js';
+import { _ClearButton } from './chunk-HVUX7ZQ3.js';
+import { LabelContext } from './chunk-QCA3ZR56.js';
+import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
+import { HelperMessageContext } from './chunk-HZKFQ33E.js';
+import { ErrorMessageContext } from './chunk-FAE27DLF.js';
+import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
+import { SlotProvider } from './chunk-M36KANKC.js';
+import { cssModule } from './chunk-KVDXQMWI.js';
+import { IconContext, SearchIcon } from '@hopper-ui/icons';
+import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
+import { mergeRefs } from '@react-aria/utils';
+import { forwardRef } from 'react';
+import { useObjectRef } from 'react-aria';
+import { useContextProps, composeRenderProps, Input, SearchField as SearchField$1 } from 'react-aria-components';
+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___fjYpy", "hop-SearchField--fluid": "SearchField-module__hop-SearchField--fluid___4uRa7", "hop-SearchField__Label": "SearchField-module__hop-SearchField__Label___wLVDN", "hop-SearchField__prefix": "SearchField-module__hop-SearchField__prefix___fTYJ5", "hop-SearchField__InputGroup": "SearchField-module__hop-SearchField__InputGroup___d2Mc7", "hop-SearchField--clearable": "SearchField-module__hop-SearchField--clearable___v0yM-", "hop-SearchField__ErrorMessage": "SearchField-module__hop-SearchField__ErrorMessage___hjFPO", "hop-SearchField__HelperMessage": "SearchField-module__hop-SearchField__HelperMessage___-FCvM", "hop-SearchField__ClearButton": "SearchField-module__hop-SearchField__ClearButton___NTKEw" };
+var GlobalSearchFieldCssSelector = "hop-SearchField";
+function SearchField(props, ref) {
+  var _a;
+  const {
+    inputRef: userProvidedInputRef = null,
+    ...propsWithoutRef
+  } = props;
+  [props, ref] = useContextProps(propsWithoutRef, ref, SearchFieldContext);
+  const { stylingProps, ...ownProps } = useStyledSystem(props);
+  const {
+    className,
+    style: styleProp,
+    size,
+    placeholder,
+    isClearable = true,
+    children,
+    isFluid: isFluidProp,
+    icon = /* @__PURE__ */ jsx(SearchIcon, {}),
+    isDisabled,
+    isInvalid,
+    ...otherProps
+  } = ownProps;
+  const inputRef = useObjectRef(mergeRefs(userProvidedInputRef, props.inputRef !== void 0 ? props.inputRef : null));
+  const isFluid = (_a = useResponsiveValue(isFluidProp)) != null ? _a : false;
+  const classNames = composeClassnameRenderProps(
+    className,
+    GlobalSearchFieldCssSelector,
+    cssModule(
+      SearchField_module_default,
+      "hop-SearchField",
+      isFluid && "fluid"
+    ),
+    stylingProps.className
+  );
+  const style = composeRenderProps(styleProp, (prev) => {
+    return {
+      ...stylingProps.style,
+      ...prev
+    };
+  });
+  const inputMarkup = /* @__PURE__ */ jsx(ClearContainerSlots, { children: /* @__PURE__ */ jsxs(
+    _InputGroup,
+    {
+      isDisabled,
+      isInvalid,
+      isFluid: true,
+      size,
+      className: SearchField_module_default["hop-SearchField__InputGroup"],
+      children: [
+        /* @__PURE__ */ jsx(
+          SlotProvider,
+          {
+            values: [
+              [IconContext, {
+                className: SearchField_module_default["hop-SearchField__prefix"]
+              }]
+            ],
+            children: icon
+          }
+        ),
+        /* @__PURE__ */ jsx(Input, { ref: inputRef, placeholder }),
+        isClearable && /* @__PURE__ */ jsx(_ClearButton, { size: "lg", isDisabled, className: SearchField_module_default["hop-SearchField__ClearButton"] })
+      ]
+    }
+  ) });
+  const childrenMarkup = composeRenderProps(children, (prev) => {
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        SlotProvider,
+        {
+          values: [
+            [LabelContext, { className: SearchField_module_default["hop-SearchField__Label"] }],
+            [HelperMessageContext, { className: SearchField_module_default["hop-SearchField__HelperMessage"] }],
+            [ErrorMessageContext, { className: SearchField_module_default["hop-SearchField__ErrorMessage"] }]
+          ],
+          children: prev
+        }
+      ),
+      inputMarkup
+    ] });
+  });
+  return /* @__PURE__ */ jsx(
+    SearchField$1,
+    {
+      ref,
+      style,
+      className: classNames,
+      isDisabled,
+      isInvalid,
+      ...otherProps,
+      children: childrenMarkup
+    }
+  );
+}
+var _SearchField = forwardRef(SearchField);
+_SearchField.displayName = "SearchField";
+
+export { GlobalSearchFieldCssSelector, _SearchField };

package/dist/chunk-UIEP5BA5.js

@@ -0,0 +1,7 @@
+import { createContext } from 'react';
+
+// src/ListBox/src/ListBoxContext.ts
+var ListBoxContext = createContext({});
+ListBoxContext.displayName = "ListBoxContext";
+
+export { ListBoxContext };

package/dist/{chunk-KOJGCQ3F.js → chunk-UUUU6SUW.js}

@@ -1,10 +1,10 @@
-import { ChipContext } from './chunk-WTKIUAHI.js';
 import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
-import { _Text } from './chunk-7Q7VIED2.js';
+import { ChipContext } from './chunk-632B5YBQ.js';
+import { _Text } from './chunk-E7Y25WJE.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
-import { cssModule } from './chunk-KVDXQMWI.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
+import { cssModule } from './chunk-KVDXQMWI.js';
 import { IconContext } from '@hopper-ui/icons';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
 import clsx from 'clsx';
@@ -13,7 +13,7 @@ import { useContextProps, DEFAULT_SLOT } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Chip.module.css#css-module
-var Chip_module_default = { "hop-Chip": "Chip-module__hop-Chip___cxU82", "hop-Chip--xs": "Chip-module__hop-Chip--xs___MPhiR", "hop-Chip--sm": "Chip-module__hop-Chip--sm___OYijB", "hop-Chip--md": "Chip-module__hop-Chip--md___-CMix", "hop-Chip--lg": "Chip-module__hop-Chip--lg___j1jM1", "hop-Chip--neutral": "Chip-module__hop-Chip--neutral___kLtLJ", "hop-Chip--progress": "Chip-module__hop-Chip--progress___5GBF8", "hop-Chip--positive": "Chip-module__hop-Chip--positive___F-3cU", "hop-Chip--caution": "Chip-module__hop-Chip--caution___ezAXo", "hop-Chip--negative": "Chip-module__hop-Chip--negative___SrEHc", "hop-Chip--option1": "Chip-module__hop-Chip--option1___TNAVL", "hop-Chip--option2": "Chip-module__hop-Chip--option2___WFy37", "hop-Chip--option3": "Chip-module__hop-Chip--option3___qYEVE", "hop-Chip--option4": "Chip-module__hop-Chip--option4___MHav7", "hop-Chip--option5": "Chip-module__hop-Chip--option5___Y-i-5", "hop-Chip--option6": "Chip-module__hop-Chip--option6___qTRX9", "hop-Chip--inactive": "Chip-module__hop-Chip--inactive___vSk80", "hop-Chip--disabled": "Chip-module__hop-Chip--disabled___175zy", "hop-Chip__icon": "Chip-module__hop-Chip__icon___yyVQ2", "hop-Chip__icon-list": "Chip-module__hop-Chip__icon-list___fSAV6", "hop-Chip__text": "Chip-module__hop-Chip__text___hO2-Q", "hop-Chip__end-icon": "Chip-module__hop-Chip__end-icon___thI6k", "hop-Chip__end-icon-list": "Chip-module__hop-Chip__end-icon-list___sNXbx" };
+var Chip_module_default = { "hop-Chip": "Chip-module__hop-Chip___eH28d", "hop-Chip--xs": "Chip-module__hop-Chip--xs___my4zs", "hop-Chip--sm": "Chip-module__hop-Chip--sm___xi4J9", "hop-Chip--md": "Chip-module__hop-Chip--md___KWl-M", "hop-Chip--lg": "Chip-module__hop-Chip--lg___irUCs", "hop-Chip--neutral": "Chip-module__hop-Chip--neutral___jhS3M", "hop-Chip--progress": "Chip-module__hop-Chip--progress___6hJzP", "hop-Chip--positive": "Chip-module__hop-Chip--positive___BnnSY", "hop-Chip--caution": "Chip-module__hop-Chip--caution___tM9z3", "hop-Chip--negative": "Chip-module__hop-Chip--negative___RWQMh", "hop-Chip--option1": "Chip-module__hop-Chip--option1___ue6cW", "hop-Chip--option2": "Chip-module__hop-Chip--option2___LkCcg", "hop-Chip--option3": "Chip-module__hop-Chip--option3___iag-k", "hop-Chip--option4": "Chip-module__hop-Chip--option4___rvfE7", "hop-Chip--option5": "Chip-module__hop-Chip--option5___SjH-I", "hop-Chip--option6": "Chip-module__hop-Chip--option6___FswlN", "hop-Chip--inactive": "Chip-module__hop-Chip--inactive___-Ffkx", "hop-Chip--disabled": "Chip-module__hop-Chip--disabled___CaGLC", "hop-Chip__icon": "Chip-module__hop-Chip__icon___7bCB7", "hop-Chip__icon-list": "Chip-module__hop-Chip__icon-list___XiOd6", "hop-Chip__text": "Chip-module__hop-Chip__text___UdTwh", "hop-Chip__end-icon": "Chip-module__hop-Chip__end-icon___oOI3X", "hop-Chip__end-icon-list": "Chip-module__hop-Chip__end-icon-list___qTqq9" };
 var GlobalChipCssSelector = "hop-Chip";
 var ChipToTextSizeAdapter = {
   xs: "xs",

package/dist/chunk-W2ZCHVKP.js

@@ -0,0 +1,119 @@
+import { PasswordFieldContext } from './chunk-QW45G6K4.js';
+import { _InputGroup } from './chunk-YZRL7TXT.js';
+import { _EmbeddedButton } from './chunk-4TJUYXYN.js';
+import { useLocalizedString } from './chunk-YEYNRBMQ.js';
+import { LabelContext } from './chunk-QCA3ZR56.js';
+import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
+import { HelperMessageContext } from './chunk-HZKFQ33E.js';
+import { ErrorMessageContext } from './chunk-FAE27DLF.js';
+import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
+import { SlotProvider } from './chunk-M36KANKC.js';
+import { cssModule } from './chunk-KVDXQMWI.js';
+import { EyeVisibleIcon, EyeHiddenIcon } from '@hopper-ui/icons';
+import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
+import { mergeRefs } from '@react-aria/utils';
+import { forwardRef, useState } from 'react';
+import { useObjectRef } from 'react-aria';
+import { useContextProps, composeRenderProps, Input, TextField } from 'react-aria-components';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+// css-module:./PasswordField.module.css#css-module
+var PasswordField_module_default = { "hop-PasswordField": "PasswordField-module__hop-PasswordField___WQs-a", "hop-PasswordField--fluid": "PasswordField-module__hop-PasswordField--fluid___4feQC", "hop-PasswordField__Label": "PasswordField-module__hop-PasswordField__Label___SfgLw", "hop-PasswordField__InputGroup": "PasswordField-module__hop-PasswordField__InputGroup___W4E3o", "hop-PasswordField__ErrorMessage": "PasswordField-module__hop-PasswordField__ErrorMessage___l8hTY", "hop-PasswordField__HelperMessage": "PasswordField-module__hop-PasswordField__HelperMessage___xpGf3" };
+var GlobalPasswordFieldCssSelector = "hop-PasswordField";
+function PasswordField(props, ref) {
+  var _a;
+  const {
+    inputRef: userProvidedInputRef = null,
+    ...propsWithoutRef
+  } = props;
+  [props, ref] = useContextProps(propsWithoutRef, ref, PasswordFieldContext);
+  const { stylingProps, ...ownProps } = useStyledSystem(props);
+  const [showPassword, setShowPassword] = useState(false);
+  const stringFormatter = useLocalizedString();
+  const {
+    className,
+    style: styleProp,
+    size,
+    placeholder,
+    children,
+    isFluid: isFluidProp,
+    isDisabled,
+    isInvalid,
+    ...otherProps
+  } = ownProps;
+  const inputRef = useObjectRef(mergeRefs(userProvidedInputRef, props.inputRef !== void 0 ? props.inputRef : null));
+  const isFluid = (_a = useResponsiveValue(isFluidProp)) != null ? _a : false;
+  const classNames = composeClassnameRenderProps(
+    className,
+    GlobalPasswordFieldCssSelector,
+    cssModule(
+      PasswordField_module_default,
+      "hop-PasswordField",
+      isFluid && "fluid"
+    ),
+    stylingProps.className
+  );
+  const style = composeRenderProps(styleProp, (prev) => {
+    return {
+      ...stylingProps.style,
+      ...prev
+    };
+  });
+  const inputMarkup = /* @__PURE__ */ jsx(ClearContainerSlots, { children: /* @__PURE__ */ jsxs(
+    _InputGroup,
+    {
+      isDisabled,
+      isInvalid,
+      isFluid: true,
+      size,
+      className: PasswordField_module_default["hop-PasswordField__InputGroup"],
+      children: [
+        /* @__PURE__ */ jsx(Input, { ref: inputRef, placeholder, type: showPassword ? "text" : "password" }),
+        /* @__PURE__ */ jsx(
+          _EmbeddedButton,
+          {
+            isDisabled,
+            "aria-label": stringFormatter.format("PasswordField.toggleVisibility"),
+            onPress: () => {
+              setShowPassword((x) => !x);
+            },
+            size: "lg",
+            children: showPassword ? /* @__PURE__ */ jsx(EyeVisibleIcon, {}) : /* @__PURE__ */ jsx(EyeHiddenIcon, {})
+          }
+        )
+      ]
+    }
+  ) });
+  const childrenMarkup = composeRenderProps(children, (prev) => {
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        SlotProvider,
+        {
+          values: [
+            [LabelContext, { className: PasswordField_module_default["hop-PasswordField__Label"] }],
+            [HelperMessageContext, { className: PasswordField_module_default["hop-PasswordField__HelperMessage"] }],
+            [ErrorMessageContext, { className: PasswordField_module_default["hop-PasswordField__ErrorMessage"] }]
+          ],
+          children: prev
+        }
+      ),
+      inputMarkup
+    ] });
+  });
+  return /* @__PURE__ */ jsx(
+    TextField,
+    {
+      ref,
+      style,
+      className: classNames,
+      isDisabled,
+      isInvalid,
+      ...otherProps,
+      children: childrenMarkup
+    }
+  );
+}
+var _PasswordField = forwardRef(PasswordField);
+_PasswordField.displayName = "PasswordField";
+
+export { GlobalPasswordFieldCssSelector, _PasswordField };

package/dist/{chunk-3OWQHIJ6.js → chunk-WSNJNUUA.js}

@@ -8,7 +8,7 @@ import { useContextProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./IconList.module.css#css-module
-var IconList_module_default = { "hop-IconList": "IconList-module__hop-IconList___rQ7-K" };
+var IconList_module_default = { "hop-IconList": "IconList-module__hop-IconList___to9W2" };
 var GlobalIconListCssSelector = "hop-IconList";
 function IconList(props, ref) {
   [props, ref] = useContextProps(props, ref, IconListContext);

package/dist/{chunk-IIZECZAH.js → chunk-WXJ3U2DV.js}

@@ -1,5 +1,5 @@
-import { HelperMessageContext } from './chunk-ESVVLTEN.js';
-import { _Text } from './chunk-7Q7VIED2.js';
+import { HelperMessageContext } from './chunk-HZKFQ33E.js';
+import { _Text } from './chunk-E7Y25WJE.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { InfoIcon } from '@hopper-ui/icons';
 import { useStyledSystem } from '@hopper-ui/styled-system';
@@ -9,7 +9,7 @@ import { useContextProps, FieldErrorContext } from 'react-aria-components';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 // css-module:./HelperMessage.module.css#css-module
-var HelperMessage_module_default = { "hop-HelperMessage": "HelperMessage-module__hop-HelperMessage___S3jpD", "hop-HelperMessage__icon": "HelperMessage-module__hop-HelperMessage__icon___bbmtR" };
+var HelperMessage_module_default = { "hop-HelperMessage": "HelperMessage-module__hop-HelperMessage___rjIiP", "hop-HelperMessage__icon": "HelperMessage-module__hop-HelperMessage__icon___kQ-oH" };
 var GlobalHelperMessageCssSelector = "hop-HelperMessage";
 function HelperMessage(props, ref) {
   const validation = useContext(FieldErrorContext);

package/dist/{chunk-UYVKDU2W.js → chunk-XC7OT325.js}

@@ -1,9 +1,9 @@
 import { RadioFieldContext } from './chunk-DGLAGYBD.js';
 import { RadioContext } from './chunk-FU5CCPLP.js';
-import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
-import { cssModule } from './chunk-KVDXQMWI.js';
+import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
+import { cssModule } from './chunk-KVDXQMWI.js';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
 import clsx from 'clsx';
 import { forwardRef } from 'react';
@@ -12,7 +12,7 @@ import { useContextProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./RadioField.module.css#css-module
-var RadioField_module_default = { "hop-RadioField": "RadioField-module__hop-RadioField___XLgwE", "hop-RadioField--sm": "RadioField-module__hop-RadioField--sm___mQpVi", "hop-RadioField--md": "RadioField-module__hop-RadioField--md___GTmnH", "hop-RadioField__description": "RadioField-module__hop-RadioField__description___-HL2K", "hop-RadioField__radio": "RadioField-module__hop-RadioField__radio___7qSUo" };
+var RadioField_module_default = { "hop-RadioField": "RadioField-module__hop-RadioField___yJGpS", "hop-RadioField--sm": "RadioField-module__hop-RadioField--sm___Ebkgx", "hop-RadioField--md": "RadioField-module__hop-RadioField--md___-5LDz", "hop-RadioField__description": "RadioField-module__hop-RadioField__description___SLwmm", "hop-RadioField__radio": "RadioField-module__hop-RadioField__radio___W-PyW" };
 var GlobalRadioFieldCssSelector = "hop-RadioField";
 var RadioToDescriptionSizeAdapter = {
   sm: "xs",

package/dist/{chunk-BVGKXCQH.js → chunk-XVKZ3Q3B.js}

@@ -1,4 +1,4 @@
-import { _Label } from './chunk-5F5CWOM4.js';
+import { _Label } from './chunk-COBPJHIY.js';
 import { SpinnerContext } from './chunk-4ZYV2XLW.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
@@ -8,7 +8,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___RPH--", "spin": "Spinner-module__spin___oUKEY", "hop-Spinner--sm": "Spinner-module__hop-Spinner--sm___tp6ha", "hop-Spinner--md": "Spinner-module__hop-Spinner--md___hQWm0", "hop-Spinner--lg": "Spinner-module__hop-Spinner--lg___erfkq", "hop-Spinner__track": "Spinner-module__hop-Spinner__track___bATgL", "hop-Spinner__fill": "Spinner-module__hop-Spinner__fill___eBQF8", "hop-Spinner__label": "Spinner-module__hop-Spinner__label___J7Dnp" };
+var Spinner_module_default = { "hop-Spinner": "Spinner-module__hop-Spinner___t2j7Q", "spin": "Spinner-module__spin___F4J93", "hop-Spinner--sm": "Spinner-module__hop-Spinner--sm___0huCq", "hop-Spinner--md": "Spinner-module__hop-Spinner--md___vhdek", "hop-Spinner--lg": "Spinner-module__hop-Spinner--lg___fQeir", "hop-Spinner__track": "Spinner-module__hop-Spinner__track___7mFcL", "hop-Spinner__fill": "Spinner-module__hop-Spinner__fill___ZyNaP", "hop-Spinner__label": "Spinner-module__hop-Spinner__label___a5K-1" };
 var GlobalSpinnerCssSelector = "hop-Spinner";
 var SpinnerToLabelSizeAdapter = {
   sm: "xs",

package/dist/chunk-Y2POLIXK.js

@@ -0,0 +1,7 @@
+import { createContext } from 'react';
+
+// src/ListBox/src/ListBoxItemContext.ts
+var ListBoxItemContext = createContext({});
+ListBoxItemContext.displayName = "ListBoxItemContext";
+
+export { ListBoxItemContext };

package/dist/{chunk-H6CDFWVR.js → chunk-YEYNRBMQ.js}

@@ -1,4 +1,4 @@
-import { __commonJS, __toESM } from './chunk-2P3A4VVY.js';
+import { __commonJS, __toESM } from './chunk-JSBRDJBE.js';
 import { useLocalizedStringFormatter } from 'react-aria';
 
 // src/i18n/intl/en-US.json
@@ -10,7 +10,9 @@ var require_en_US = __commonJS({
       "ClearButton.clearAriaLabel": `Clear`,
       "Input.charactersLeft": (args, formatter) => `${formatter.plural(args.charLeft, { "=0": `No characters left`, one: () => `${formatter.number(args.charLeft)} character left`, other: () => `${formatter.number(args.charLeft)} characters left` })}.`,
       "PasswordField.toggleVisibility": `Toggle password visibility`,
-      "Tag.removeAriaLabel": `Remove`
+      "Tag.removeAriaLabel": `Remove`,
+      "ListBoxItem.loadingTextValue": `Loading Item`,
+      "ListBoxItem.indicatorAriaLabel": `List Item Selection Indicator`
     };
   }
 });
@@ -24,7 +26,9 @@ var require_fr_CA = __commonJS({
       "ClearButton.clearAriaLabel": `Effacer`,
       "Input.charactersLeft": (args, formatter) => `${formatter.plural(args.charLeft, { "=0": `Aucun caract\xE8re restant`, one: () => `${formatter.number(args.charLeft)} caract\xE8re restant`, other: () => `${formatter.number(args.charLeft)} caract\xE8res restants` })}.`,
       "PasswordField.toggleVisibility": `Basculer la visibilit\xE9 du mot de passe`,
-      "Tag.removeAriaLabel": `Supprimer`
+      "Tag.removeAriaLabel": `Supprimer`,
+      "ListBoxItem.loadingTextValue": `\xC9l\xE9ment en cours de chargement`,
+      "ListBoxItem.indicatorAriaLabel": `Indicateur de s\xE9lection d'\xE9l\xE9ment de liste`
     };
   }
 });

package/dist/{chunk-T6VFQSII.js → chunk-YTPFSLHU.js}

@@ -1,12 +1,12 @@
 import { SwitchContext } from './chunk-YHBJAXUY.js';
-import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
+import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
-import { _Text } from './chunk-7Q7VIED2.js';
-import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
+import { _Text } from './chunk-E7Y25WJE.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
-import { cssModule } from './chunk-KVDXQMWI.js';
+import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
+import { cssModule } from './chunk-KVDXQMWI.js';
 import { IconContext } from '@hopper-ui/icons';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
 import { forwardRef } from 'react';
@@ -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___g-wMP", "hop-Switch--sm": "Switch-module__hop-Switch--sm___x4P0y", "hop-Switch--md": "Switch-module__hop-Switch--md___5n6kY", "hop-Switch__indicator": "Switch-module__hop-Switch__indicator___zoC1a", "hop-Switch__text": "Switch-module__hop-Switch__text___zwJVh", "hop-Switch__icon-list": "Switch-module__hop-Switch__icon-list___tBX-Z", "hop-Switch__icon": "Switch-module__hop-Switch__icon___TKU4w" };
+var Switch_module_default = { "hop-Switch": "Switch-module__hop-Switch___SEquW", "hop-Switch--sm": "Switch-module__hop-Switch--sm___fHOlk", "hop-Switch--md": "Switch-module__hop-Switch--md___bpZdR", "hop-Switch__indicator": "Switch-module__hop-Switch__indicator___uUx3m", "hop-Switch__text": "Switch-module__hop-Switch__text___fdTPU", "hop-Switch__icon-list": "Switch-module__hop-Switch__icon-list___3MhtC", "hop-Switch__icon": "Switch-module__hop-Switch__icon___TY0dJ" };
 var GlobalSwitchCssSelector = "hop-Switch";
 function Switch(props, ref) {
   var _a;

package/dist/{chunk-GWEUWPLT.js → chunk-YZRL7TXT.js}

@@ -1,7 +1,7 @@
 import { InputGroupContext } from './chunk-6BFSSZCY.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
-import { cssModule } from './chunk-KVDXQMWI.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
+import { cssModule } from './chunk-KVDXQMWI.js';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
 import { mergeRefs } from '@react-aria/utils';
 import { forwardRef, useRef, useCallback } from 'react';
@@ -9,7 +9,7 @@ import { useContextProps, useSlottedContext, InputContext, composeRenderProps, G
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./InputGroup.module.css#css-module
-var InputGroup_module_default = { "hop-InputGroup": "InputGroup-module__hop-InputGroup___e9z-X", "hop-InputGroup--fluid": "InputGroup-module__hop-InputGroup--fluid___8BiWy", "hop-InputGroup--sm": "InputGroup-module__hop-InputGroup--sm___fqMJ7", "hop-InputGroup__input": "InputGroup-module__hop-InputGroup__input___GP9M7" };
+var InputGroup_module_default = { "hop-InputGroup": "InputGroup-module__hop-InputGroup___aX9Nc", "hop-InputGroup--fluid": "InputGroup-module__hop-InputGroup--fluid___VC53v", "hop-InputGroup--sm": "InputGroup-module__hop-InputGroup--sm___9NnAz", "hop-InputGroup__input": "InputGroup-module__hop-InputGroup__input___yyZz-" };
 var GlobalInputGroupCssSelector = "hop-InputGroup";
 function InputGroup(props, ref) {
   var _a, _b;

package/dist/chunk-ZMDHYGEP.js

@@ -0,0 +1,57 @@
+import { HeadingContext } from './chunk-TXZ6BMFR.js';
+import { cssModule } from './chunk-KVDXQMWI.js';
+import { 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___tWbtc", "hop-Heading--xs": "Heading-module__hop-Heading--xs___uee-Q", "hop-Heading--sm": "Heading-module__hop-Heading--sm___Vawt0", "hop-Heading--md": "Heading-module__hop-Heading--md___OHy3C", "hop-Heading--lg": "Heading-module__hop-Heading--lg___jyfMT", "hop-Heading--xl": "Heading-module__hop-Heading--xl___Z1Czd", "hop-Heading--2xl": "Heading-module__hop-Heading--2xl___1mNUt", "hop-Heading--3xl": "Heading-module__hop-Heading--3xl___lYJTo" };
+var GlobalHeadingCssSelector = "hop-Heading";
+function Heading(props, ref) {
+  [props, ref] = useContextProps(props, ref, HeadingContext);
+  const { stylingProps, ...ownProps } = useStyledSystem(props);
+  const { className, size: sizeProp, children, style, ...otherProps } = ownProps;
+  const size = useResponsiveValue(sizeProp != null ? sizeProp : "md");
+  const classNames = clsx(
+    GlobalHeadingCssSelector,
+    cssModule(
+      Heading_module_default,
+      "hop-Heading",
+      size
+    ),
+    stylingProps.className,
+    className
+  );
+  const mergedStyles = {
+    ...stylingProps.style,
+    ...style
+  };
+  return /* @__PURE__ */ jsx(
+    Heading$1,
+    {
+      ...otherProps,
+      ref,
+      className: classNames,
+      style: mergedStyles,
+      children
+    }
+  );
+}
+var _Heading = forwardRef(Heading);
+_Heading.displayName = "Heading";
+function createHeading(as) {
+  const level = parseInt(as[1]);
+  return forwardRef((props, ref) => {
+    return /* @__PURE__ */ jsx(_Heading, { ...props, ref, level });
+  });
+}
+var H1 = createHeading("h1");
+var H2 = createHeading("h2");
+var H3 = createHeading("h3");
+var H4 = createHeading("h4");
+var H5 = createHeading("h5");
+var H6 = createHeading("h6");
+
+export { GlobalHeadingCssSelector, H1, H2, H3, H4, H5, H6, _Heading };

package/dist/i18n/src/index.js

@@ -1,2 +1,2 @@
-export { useLocalizedString } from '../../chunk-H6CDFWVR.js';
-import '../../chunk-2P3A4VVY.js';
+export { useLocalizedString } from '../../chunk-YEYNRBMQ.js';
+import '../../chunk-JSBRDJBE.js';

package/dist/i18n/src/useLocalizedString.js

@@ -1,2 +1,2 @@
-export { useLocalizedString } from '../../chunk-H6CDFWVR.js';
-import '../../chunk-2P3A4VVY.js';
+export { useLocalizedString } from '../../chunk-YEYNRBMQ.js';
+import '../../chunk-JSBRDJBE.js';