@hopper-ui/components 1.15.11 → 1.16.1

package/dist/{chunk-GIPFAQZW.js → chunk-DKI5QZPM.js}

@@ -1,12 +1,12 @@
 import { PasswordFieldContext } from './chunk-QW45G6K4.js';
-import { Input } from './chunk-SGTNXPC2.js';
-import { _InputGroup } from './chunk-IKBBS6YD.js';
-import { FieldLabel } from './chunk-ODOOOWP3.js';
-import { _HelperMessage } from './chunk-J6IRTLNH.js';
-import { _ErrorMessage } from './chunk-UOJAZ3OK.js';
-import { _EmbeddedButton } from './chunk-GO5U2JGP.js';
-import { useFormProps } from './chunk-VMY3SR5N.js';
-import { useLocalizedString } from './chunk-ARJA3EJW.js';
+import { Input } from './chunk-VNLZJRZ7.js';
+import { _InputGroup } from './chunk-QH7LHD6S.js';
+import { FieldLabel } from './chunk-C4HNLEPL.js';
+import { _HelperMessage } from './chunk-NQFZSYFK.js';
+import { _EmbeddedButton } from './chunk-VWU6PSGZ.js';
+import { _ErrorMessage } from './chunk-GUAZ4A37.js';
+import { useFormProps } from './chunk-PX22F64I.js';
+import { useLocalizedString } from './chunk-H7LGBRRK.js';
 import { ClearContainerSlots } from './chunk-PQSMCDAM.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
@@ -20,7 +20,7 @@ import { useContextProps, composeRenderProps, TextField } from 'react-aria-compo
 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___FoP05", "hop-PasswordField--fluid": "PasswordField-module__hop-PasswordField--fluid___hJzZB", "hop-PasswordField__Label": "PasswordField-module__hop-PasswordField__Label___B5EFR", "hop-PasswordField__InputGroup": "PasswordField-module__hop-PasswordField__InputGroup___s-2NR", "hop-PasswordField__ErrorMessage": "PasswordField-module__hop-PasswordField__ErrorMessage___ws6kR", "hop-PasswordField__HelperMessage": "PasswordField-module__hop-PasswordField__HelperMessage___fpDjK" };
+var PasswordField_module_default = { "hop-PasswordField": "PasswordField-module__hop-PasswordField___IpWPx", "hop-PasswordField--fluid": "PasswordField-module__hop-PasswordField--fluid___P-xYK", "hop-PasswordField__Label": "PasswordField-module__hop-PasswordField__Label___Ve-E9", "hop-PasswordField__InputGroup": "PasswordField-module__hop-PasswordField__InputGroup___6Cfkp", "hop-PasswordField__ErrorMessage": "PasswordField-module__hop-PasswordField__ErrorMessage___hIwd6", "hop-PasswordField__HelperMessage": "PasswordField-module__hop-PasswordField__HelperMessage___g3i3E" };
 var GlobalPasswordFieldCssSelector = "hop-PasswordField";
 function PasswordField(props, ref) {
   var _a;

package/dist/{chunk-RY6IYXZD.js → chunk-DT733CZ6.js}

@@ -5,7 +5,7 @@ import { MenuSection as MenuSection$1 } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./MenuSection.module.css#css-module
-var MenuSection_module_default = { "hop-MenuSection": "MenuSection-module__hop-MenuSection___mA6A5" };
+var MenuSection_module_default = { "hop-MenuSection": "MenuSection-module__hop-MenuSection___563Zt" };
 var GlobalMenuSectionCssSelector = "hop-MenuSection";
 function MenuSection(props) {
   const { stylingProps, ...ownProps } = useStyledSystem(props);

package/dist/{chunk-6LCS2LBY.js → chunk-E47GBCKM.js}

@@ -1,9 +1,9 @@
 import { TagGroupContext, InternalTagGroupContext } from './chunk-4BWTFR22.js';
 import { TagContext } from './chunk-EWMWQ2MC.js';
-import { FieldLabel } from './chunk-ODOOOWP3.js';
-import { _HelperMessage } from './chunk-J6IRTLNH.js';
-import { _ErrorMessage } from './chunk-UOJAZ3OK.js';
-import { useFormProps } from './chunk-VMY3SR5N.js';
+import { FieldLabel } from './chunk-C4HNLEPL.js';
+import { _HelperMessage } from './chunk-NQFZSYFK.js';
+import { _ErrorMessage } from './chunk-GUAZ4A37.js';
+import { useFormProps } from './chunk-PX22F64I.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
@@ -14,7 +14,7 @@ import { useContextProps, composeRenderProps, FieldErrorContext, TagGroup as Tag
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // css-module:./TagGroup.module.css#css-module
-var TagGroup_module_default = { "hop-TagGroup": "TagGroup-module__hop-TagGroup___fEgSe", "hop-TagGroup__label": "TagGroup-module__hop-TagGroup__label___kkL-y", "hop-TagGroup__list": "TagGroup-module__hop-TagGroup__list___JTWcW", "hop-TagGroup__error-message": "TagGroup-module__hop-TagGroup__error-message___XDjzP", "hop-TagGroup__helper-message": "TagGroup-module__hop-TagGroup__helper-message___UEic-" };
+var TagGroup_module_default = { "hop-TagGroup": "TagGroup-module__hop-TagGroup___e-GP0", "hop-TagGroup__label": "TagGroup-module__hop-TagGroup__label___2Uf73", "hop-TagGroup__list": "TagGroup-module__hop-TagGroup__list___rjzYJ", "hop-TagGroup__error-message": "TagGroup-module__hop-TagGroup__error-message___ItpNG", "hop-TagGroup__helper-message": "TagGroup-module__hop-TagGroup__helper-message___M-hx-" };
 var GlobalTagGroupCssSelector = "hop-TagGroup";
 function TagGroup(props, ref) {
   var _a;

package/dist/{chunk-QXYGADBW.js → chunk-EASVF23X.js}

@@ -1,8 +1,8 @@
-import { _Tooltip } from './chunk-2YYWX5V5.js';
+import { _Tooltip } from './chunk-TDMQ45P4.js';
 import { TooltipTrigger } from './chunk-QGFIYZVC.js';
 import { AvatarGroupContext } from './chunk-G7F2YUBR.js';
 import { AvatarContext } from './chunk-FA26RZSE.js';
-import { _Text } from './chunk-VZQP2LUD.js';
+import { _Text } from './chunk-JBVAJVDG.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
@@ -12,7 +12,7 @@ import { useContextProps } from 'react-aria-components';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 // css-module:./AvatarGroup.module.css#css-module
-var AvatarGroup_module_default = { "hop-AvatarGroup": "AvatarGroup-module__hop-AvatarGroup___pvWDu", "hop-AvatarGroup--wrap": "AvatarGroup-module__hop-AvatarGroup--wrap___nhwQP", "hop-AvatarGroup--xs": "AvatarGroup-module__hop-AvatarGroup--xs___UQwny", "hop-AvatarGroup--sm": "AvatarGroup-module__hop-AvatarGroup--sm___PYk1h", "hop-AvatarGroup--md": "AvatarGroup-module__hop-AvatarGroup--md___euBpC", "hop-AvatarGroup--lg": "AvatarGroup-module__hop-AvatarGroup--lg___7PXKV", "hop-AvatarGroup--xl": "AvatarGroup-module__hop-AvatarGroup--xl___v5GP7", "hop-AvatarGroup--2xl": "AvatarGroup-module__hop-AvatarGroup--2xl___-3czT", "hop-AvatarGroup__avatar": "AvatarGroup-module__hop-AvatarGroup__avatar___kq-Fq", "hop-AvatarGroup__label": "AvatarGroup-module__hop-AvatarGroup__label___C45P-", "hop-AvatarGroup__hiddenAvatar": "AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___yoO28", "hop-AvatarGroup--start": "AvatarGroup-module__hop-AvatarGroup--start___RHkxX", "hop-AvatarGroup--end": "AvatarGroup-module__hop-AvatarGroup--end___q9NUR", "hop-AvatarGroup--center": "AvatarGroup-module__hop-AvatarGroup--center___86yXr" };
+var AvatarGroup_module_default = { "hop-AvatarGroup": "AvatarGroup-module__hop-AvatarGroup___Q34kv", "hop-AvatarGroup--wrap": "AvatarGroup-module__hop-AvatarGroup--wrap___qOQgY", "hop-AvatarGroup--xs": "AvatarGroup-module__hop-AvatarGroup--xs___Dz0UL", "hop-AvatarGroup--sm": "AvatarGroup-module__hop-AvatarGroup--sm___YviHj", "hop-AvatarGroup--md": "AvatarGroup-module__hop-AvatarGroup--md___-uIIb", "hop-AvatarGroup--lg": "AvatarGroup-module__hop-AvatarGroup--lg___Z6vb2", "hop-AvatarGroup--xl": "AvatarGroup-module__hop-AvatarGroup--xl___1zJSn", "hop-AvatarGroup--2xl": "AvatarGroup-module__hop-AvatarGroup--2xl___opU6A", "hop-AvatarGroup__avatar": "AvatarGroup-module__hop-AvatarGroup__avatar___HHG2y", "hop-AvatarGroup__label": "AvatarGroup-module__hop-AvatarGroup__label___JLBmf", "hop-AvatarGroup__hiddenAvatar": "AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___DYJjq", "hop-AvatarGroup--start": "AvatarGroup-module__hop-AvatarGroup--start___Bf45L", "hop-AvatarGroup--end": "AvatarGroup-module__hop-AvatarGroup--end___nps39", "hop-AvatarGroup--center": "AvatarGroup-module__hop-AvatarGroup--center___yrByD" };
 var GlobalAvatarGroupCssSelector = "hop-AvatarGroup";
 function AvatarGroup(props, ref) {
   var _a, _b, _c, _d;

package/dist/{chunk-RSDGFONO.js → chunk-EVPXMCSK.js}

@@ -1,8 +1,8 @@
 import { useIsOverflow } from './chunk-M34NCPPE.js';
 import { AvatarContext } from './chunk-FA26RZSE.js';
 import { useRenderProps } from './chunk-2NSUMKNH.js';
-import { useLocalizedString } from './chunk-ARJA3EJW.js';
-import { _Text } from './chunk-VZQP2LUD.js';
+import { useLocalizedString } from './chunk-H7LGBRRK.js';
+import { _Text } from './chunk-JBVAJVDG.js';
 import { ClearContainerSlots } from './chunk-PQSMCDAM.js';
 import { TextContext } from './chunk-ZNOU2CGM.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
@@ -17,7 +17,7 @@ import { useContextProps, SelectValueContext, SelectStateContext, useSlottedCont
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./SelectValue.module.css#css-module
-var SelectValue_module_default = { "hop-SelectValue": "SelectValue-module__hop-SelectValue___3poZB", "hop-SelectValue__text": "SelectValue-module__hop-SelectValue__text___Y4mME", "hop-SelectValue__avatar": "SelectValue-module__hop-SelectValue__avatar___YEkTh", "hop-SelectValue__icon": "SelectValue-module__hop-SelectValue__icon___x1Dvj", "hop-SelectValue__end-icon": "SelectValue-module__hop-SelectValue__end-icon___KMEP5" };
+var SelectValue_module_default = { "hop-SelectValue": "SelectValue-module__hop-SelectValue___U08GN", "hop-SelectValue__text": "SelectValue-module__hop-SelectValue__text___n5lok", "hop-SelectValue__avatar": "SelectValue-module__hop-SelectValue__avatar___HM-lb", "hop-SelectValue__icon": "SelectValue-module__hop-SelectValue__icon___OZT-X", "hop-SelectValue__end-icon": "SelectValue-module__hop-SelectValue__end-icon___jgqVh" };
 var GlobalSelectValueCssSelector = "hop-SelectValue";
 var SelectValueToAvatarSizeAdapter = {
   sm: "xs",

package/dist/{chunk-V4NV7W45.js → chunk-EYUIEUW2.js}

@@ -1,11 +1,11 @@
 import { NumberFieldContext } from './chunk-ZQ3AWYRR.js';
-import { Input } from './chunk-SGTNXPC2.js';
-import { _InputGroup } from './chunk-IKBBS6YD.js';
-import { FieldLabel } from './chunk-ODOOOWP3.js';
-import { _HelperMessage } from './chunk-J6IRTLNH.js';
-import { _ErrorMessage } from './chunk-UOJAZ3OK.js';
-import { useFormProps } from './chunk-VMY3SR5N.js';
-import { ensureTextWrapper } from './chunk-D376V5IQ.js';
+import { Input } from './chunk-VNLZJRZ7.js';
+import { _InputGroup } from './chunk-QH7LHD6S.js';
+import { FieldLabel } from './chunk-C4HNLEPL.js';
+import { _HelperMessage } from './chunk-NQFZSYFK.js';
+import { _ErrorMessage } from './chunk-GUAZ4A37.js';
+import { useFormProps } from './chunk-PX22F64I.js';
+import { ensureTextWrapper } from './chunk-RDDVUR63.js';
 import { ClearContainerSlots } from './chunk-PQSMCDAM.js';
 import { TextContext } from './chunk-ZNOU2CGM.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
@@ -22,7 +22,7 @@ import { useContextProps, composeRenderProps, NumberField as NumberField$1, Butt
 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___5ebLL", "hop-NumberField--fluid": "NumberField-module__hop-NumberField--fluid___0TPAl", "hop-NumberField__Label": "NumberField-module__hop-NumberField__Label___igUQB", "hop-NumberField__prefix": "NumberField-module__hop-NumberField__prefix___--sZX", "hop-NumberField__InputGroup": "NumberField-module__hop-NumberField__InputGroup___WHWCg", "hop-NumberField__ErrorMessage": "NumberField-module__hop-NumberField__ErrorMessage___rqdVi", "hop-NumberField__HelperMessage": "NumberField-module__hop-NumberField__HelperMessage___RXl8Z", "hop-NumberField__steppers": "NumberField-module__hop-NumberField__steppers___LGTtm", "hop-NumberField__stepper-button": "NumberField-module__hop-NumberField__stepper-button___MK5jv", "hop-NumberField__stepper-button--increment": "NumberField-module__hop-NumberField__stepper-button--increment___wrRUj", "hop-NumberField__stepper-button--decrement": "NumberField-module__hop-NumberField__stepper-button--decrement___iq0y7", "hop-NumberField__stepper-button__icon": "NumberField-module__hop-NumberField__stepper-button__icon___T8zk8", "hop-NumberField__input": "NumberField-module__hop-NumberField__input___4-cIO" };
+var NumberField_module_default = { "hop-NumberField": "NumberField-module__hop-NumberField___ihz-C", "hop-NumberField--fluid": "NumberField-module__hop-NumberField--fluid___Tb5HN", "hop-NumberField__Label": "NumberField-module__hop-NumberField__Label___ZDMfC", "hop-NumberField__prefix": "NumberField-module__hop-NumberField__prefix___KMjZg", "hop-NumberField__InputGroup": "NumberField-module__hop-NumberField__InputGroup___nmosw", "hop-NumberField__ErrorMessage": "NumberField-module__hop-NumberField__ErrorMessage___JXXsh", "hop-NumberField__HelperMessage": "NumberField-module__hop-NumberField__HelperMessage___sAWLo", "hop-NumberField__steppers": "NumberField-module__hop-NumberField__steppers___z-fwe", "hop-NumberField__stepper-button": "NumberField-module__hop-NumberField__stepper-button___pEUnw", "hop-NumberField__stepper-button--increment": "NumberField-module__hop-NumberField__stepper-button--increment___q3Ryk", "hop-NumberField__stepper-button--decrement": "NumberField-module__hop-NumberField__stepper-button--decrement___vI8-z", "hop-NumberField__stepper-button__icon": "NumberField-module__hop-NumberField__stepper-button__icon___M88Aj", "hop-NumberField__input": "NumberField-module__hop-NumberField__input___MbCbO" };
 var GlobalNumberFieldCssSelector = "hop-NumberField";
 var StepperButton = ({ direction }) => {
   const StepperIcon = direction === "increment" ? AngleUpIcon : AngleDownIcon;

package/dist/{chunk-5UBTDJ7K.js → chunk-FLGPFBAF.js}

@@ -1,4 +1,4 @@
-import { useFormProps } from './chunk-VMY3SR5N.js';
+import { useFormProps } from './chunk-PX22F64I.js';
 import { useResponsiveValue } from '@hopper-ui/styled-system';
 
 var ButtonToFieldSizeAdapter = {

package/dist/{chunk-BF374VPK.js → chunk-FRCE73BQ.js}

@@ -1,5 +1,5 @@
-import { _ToggleArrow } from './chunk-BOFJUN7A.js';
-import { _Heading } from './chunk-5GB7KGQ5.js';
+import { _ToggleArrow } from './chunk-DE63ENMV.js';
+import { _Heading } from './chunk-27HHJC7Y.js';
 import { DisclosureHeaderContext } from './chunk-CPAFY34U.js';
 import { DisclosureContext } from './chunk-U4HRZ6DN.js';
 import { TextContext } from './chunk-ZNOU2CGM.js';
@@ -14,7 +14,7 @@ import { useContextProps, DisclosureStateContext, useSlottedContext, composeRend
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // css-module:./DisclosureHeader.module.css#css-module
-var DisclosureHeader_module_default = { "hop-DisclosureHeader": "DisclosureHeader-module__hop-DisclosureHeader___KOWvU", "hop-DisclosureHeader__button": "DisclosureHeader-module__hop-DisclosureHeader__button___wfnSs", "hop-DisclosureHeader__button--inline": "DisclosureHeader-module__hop-DisclosureHeader__button--inline___YgHkz", "hop-DisclosureHeader__icon": "DisclosureHeader-module__hop-DisclosureHeader__icon___kU1Av", "hop-DisclosureHeader__title": "DisclosureHeader-module__hop-DisclosureHeader__title___sL6u3", "hop-DisclosureHeader__toggle-arrow": "DisclosureHeader-module__hop-DisclosureHeader__toggle-arrow___2MORm" };
+var DisclosureHeader_module_default = { "hop-DisclosureHeader": "DisclosureHeader-module__hop-DisclosureHeader___o3IdU", "hop-DisclosureHeader__button": "DisclosureHeader-module__hop-DisclosureHeader__button___-qV7R", "hop-DisclosureHeader__button--inline": "DisclosureHeader-module__hop-DisclosureHeader__button--inline___a91GI", "hop-DisclosureHeader__icon": "DisclosureHeader-module__hop-DisclosureHeader__icon___F-uoX", "hop-DisclosureHeader__title": "DisclosureHeader-module__hop-DisclosureHeader__title___XIsxZ", "hop-DisclosureHeader__toggle-arrow": "DisclosureHeader-module__hop-DisclosureHeader__toggle-arrow___l34n-" };
 var GlobalDisclosureHeaderCssSelector = "hop-DisclosureHeader";
 function DisclosureHeader(props, ref) {
   [props, ref] = useContextProps(props, ref, DisclosureHeaderContext);

package/dist/{chunk-RUSZEGIN.js → chunk-GITLCQNF.js}

@@ -7,7 +7,7 @@ import { useContextProps, TabPanel as TabPanel$1 } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./TabPanel.module.css#css-module
-var TabPanel_module_default = { "hop-TabPanel": "TabPanel-module__hop-TabPanel___Rcm-O" };
+var TabPanel_module_default = { "hop-TabPanel": "TabPanel-module__hop-TabPanel___-4zVW" };
 var GlobalTabPanelCssSelector = "hop-TabPanel";
 function TabPanel(props, ref) {
   [props, ref] = useContextProps(props, ref, TabPanelContext);

package/dist/{chunk-PCXQNJW5.js → chunk-GPI3UB67.js}

@@ -1,6 +1,6 @@
 import { ModalTrigger } from './chunk-YVZGV7LZ.js';
 import { CustomModalContext } from './chunk-AJKN2ALX.js';
-import { _BaseModal } from './chunk-BBWKBLT2.js';
+import { _BaseModal } from './chunk-RGY4Z7AQ.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
 import clsx from 'clsx';
@@ -9,7 +9,7 @@ import { useContextProps, composeRenderProps, Dialog, OverlayTriggerStateContext
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./CustomModal.module.css#css-module
-var CustomModal_module_default = { "hop-CustomModal": "CustomModal-module__hop-CustomModal___fzvQG" };
+var CustomModal_module_default = { "hop-CustomModal": "CustomModal-module__hop-CustomModal___aSQyJ" };
 var GlobalCustomModalCssSelector = "hop-CustomModal";
 var CustomModal = (props, ref) => {
   var _a;

package/dist/{chunk-UOJAZ3OK.js → chunk-GUAZ4A37.js}

@@ -1,6 +1,6 @@
 import { ErrorMessageContext } from './chunk-FV74YT2D.js';
 import { useRenderProps } from './chunk-2NSUMKNH.js';
-import { _Text } from './chunk-VZQP2LUD.js';
+import { _Text } from './chunk-JBVAJVDG.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { WarningIcon } from '@hopper-ui/icons';
@@ -10,7 +10,7 @@ import { FieldErrorContext, useContextProps, composeRenderProps } from 'react-ar
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./ErrorMessage.module.css#css-module
-var ErrorMessage_module_default = { "hop-ErrorMessage": "ErrorMessage-module__hop-ErrorMessage___0MVT0", "hop-ErrorMessage__icon": "ErrorMessage-module__hop-ErrorMessage__icon___Piudm" };
+var ErrorMessage_module_default = { "hop-ErrorMessage": "ErrorMessage-module__hop-ErrorMessage___9flVo", "hop-ErrorMessage__icon": "ErrorMessage-module__hop-ErrorMessage__icon___I4Zt4" };
 var GlobalErrorMessageCssSelector = "hop-ErrorMessage";
 function ErrorMessage(props, ref) {
   const validation = useContext(FieldErrorContext);

package/dist/{chunk-ARJA3EJW.js → chunk-H7LGBRRK.js}

@@ -24,7 +24,8 @@ var require_en_US = __commonJS({
       "DateRangePicker.toSeparator": `to`,
       "DateRangePicker.openCalendarButtonAriaLabel": `Open calendar`,
       "ContextualHelp.informationAriaLabel": `Information`,
-      "ContextualHelp.helpAriaLabel": `Help`
+      "ContextualHelp.helpAriaLabel": `Help`,
+      "Select.searchPlaceholder": `Search\u2026`
     };
   }
 });
@@ -52,7 +53,8 @@ var require_fr_CA = __commonJS({
       "DateRangePicker.toSeparator": `\xE0`,
       "DateRangePicker.openCalendarButtonAriaLabel": `Ouvrir le calendrier`,
       "ContextualHelp.informationAriaLabel": `Informations`,
-      "ContextualHelp.helpAriaLabel": `Aide`
+      "ContextualHelp.helpAriaLabel": `Aide`,
+      "Select.searchPlaceholder": `Rechercher\u2026`
     };
   }
 });

package/dist/{chunk-5CRZF4IJ.js → chunk-HFFDEX4S.js}

@@ -1,7 +1,7 @@
 import { RadioFieldContext } from './chunk-DGLAGYBD.js';
 import { RadioContext } from './chunk-FU5CCPLP.js';
 import { useRenderProps } from './chunk-2NSUMKNH.js';
-import { _Text } from './chunk-VZQP2LUD.js';
+import { _Text } from './chunk-JBVAJVDG.js';
 import { ClearContainerSlots } from './chunk-PQSMCDAM.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.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___drNIH", "hop-RadioField--sm": "RadioField-module__hop-RadioField--sm___gigGM", "hop-RadioField--md": "RadioField-module__hop-RadioField--md___PEIZN", "hop-RadioField__description": "RadioField-module__hop-RadioField__description___0n2Ay", "hop-RadioField__radio": "RadioField-module__hop-RadioField__radio___igxS2" };
+var RadioField_module_default = { "hop-RadioField": "RadioField-module__hop-RadioField___82eQR", "hop-RadioField--sm": "RadioField-module__hop-RadioField--sm___HnZtB", "hop-RadioField--md": "RadioField-module__hop-RadioField--md___US3E0", "hop-RadioField__description": "RadioField-module__hop-RadioField__description___9n9kY", "hop-RadioField__radio": "RadioField-module__hop-RadioField__radio___c-bgO" };
 var GlobalRadioFieldCssSelector = "hop-RadioField";
 var RadioToDescriptionSizeAdapter = {
   sm: "xs",

package/dist/{chunk-B5NUCYDD.js → chunk-HN5KDQ63.js}

@@ -1,7 +1,7 @@
 import { ToggleArrowContext } from './chunk-LWPDIKEX.js';
 import { DisclosureHeaderContext } from './chunk-CPAFY34U.js';
-import { DisclosureContext } from './chunk-U4HRZ6DN.js';
 import { DisclosurePanelContext } from './chunk-5XY5L6ZN.js';
+import { DisclosureContext } from './chunk-U4HRZ6DN.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
@@ -12,7 +12,7 @@ import { useContextProps, useSlottedContext, composeRenderProps, Disclosure as D
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Disclosure.module.css#css-module
-var Disclosure_module_default = { "hop-Disclosure": "Disclosure-module__hop-Disclosure___CIk5-", "hop-Disclosure__header": "Disclosure-module__hop-Disclosure__header___4FyWS", "hop-Disclosure--inline": "Disclosure-module__hop-Disclosure--inline___ZHhN7", "hop-Disclosure__panel": "Disclosure-module__hop-Disclosure__panel___7LZ7m" };
+var Disclosure_module_default = { "hop-Disclosure": "Disclosure-module__hop-Disclosure___UeXfc", "hop-Disclosure__header": "Disclosure-module__hop-Disclosure__header___ymTnR", "hop-Disclosure--inline": "Disclosure-module__hop-Disclosure--inline___hL-A0", "hop-Disclosure__panel": "Disclosure-module__hop-Disclosure__panel___3xrmc" };
 var GlobalDisclosureCssSelector = "hop-Disclosure";
 function Disclosure(props, ref) {
   [props, ref] = useContextProps(props, ref, DisclosureContext);

package/dist/{chunk-C6TXM2YF.js → chunk-HZNAL3M6.js}

@@ -1,5 +1,5 @@
 import { AvatarContext } from './chunk-FA26RZSE.js';
-import { _RichIconAvatarImage } from './chunk-CYBMBIAM.js';
+import { _RichIconAvatarImage } from './chunk-QIL7GMNE.js';
 import { useRenderProps } from './chunk-2NSUMKNH.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { DeletedUserRichIcon } from '@hopper-ui/icons';

package/dist/{chunk-VYTPB636.js → chunk-ICONNF3J.js}

@@ -7,7 +7,7 @@ import { useContextProps, Separator } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Divider.module.css#css-module
-var Divider_module_default = { "hop-Divider": "Divider-module__hop-Divider___uZetb", "hop-Divider--vertical": "Divider-module__hop-Divider--vertical___R5G7L" };
+var Divider_module_default = { "hop-Divider": "Divider-module__hop-Divider___maIOg", "hop-Divider--vertical": "Divider-module__hop-Divider--vertical___dl0wt" };
 var GlobalDividerCssSelector = "hop-Divider";
 function Divider(props, ref) {
   [props, ref] = useContextProps(props, ref, DividerContext);

package/dist/{chunk-KIXHKFUU.js → chunk-IIOKLQ7T.js}

@@ -1,15 +1,17 @@
 import { SelectContext } from './chunk-ZOTXNUAV.js';
-import { _SelectValue } from './chunk-RSDGFONO.js';
-import { _Popover } from './chunk-MGSPP645.js';
-import { _ListBox } from './chunk-LR7WXMHF.js';
+import { _SelectValue } from './chunk-EVPXMCSK.js';
+import { _SearchField } from './chunk-ZBABEUBE.js';
+import { _Popover } from './chunk-D3TQ3R4X.js';
+import { _ListBox } from './chunk-3NUFBPEB.js';
 import { _Footer } from './chunk-RN3FLBX4.js';
-import { _ToggleArrow } from './chunk-BOFJUN7A.js';
-import { FieldLabel } from './chunk-ODOOOWP3.js';
-import { _HelperMessage } from './chunk-J6IRTLNH.js';
-import { _ErrorMessage } from './chunk-UOJAZ3OK.js';
+import { _ToggleArrow } from './chunk-DE63ENMV.js';
+import { FieldLabel } from './chunk-C4HNLEPL.js';
+import { _HelperMessage } from './chunk-NQFZSYFK.js';
+import { _ErrorMessage } from './chunk-GUAZ4A37.js';
 import { BadgeContext } from './chunk-ZSFJVMJN.js';
-import { useFormProps } from './chunk-VMY3SR5N.js';
-import { ensureTextWrapper } from './chunk-D376V5IQ.js';
+import { useFormProps } from './chunk-PX22F64I.js';
+import { useLocalizedString } from './chunk-H7LGBRRK.js';
+import { ensureTextWrapper } from './chunk-RDDVUR63.js';
 import { ClearContainerSlots, ClearProviders } from './chunk-PQSMCDAM.js';
 import { TextContext } from './chunk-ZNOU2CGM.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
@@ -18,19 +20,22 @@ import { cssModule } from './chunk-KVDXQMWI.js';
 import { IconContext } from '@hopper-ui/icons';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
 import { forwardRef } from 'react';
-import { useContextProps, composeRenderProps, TextContext as TextContext$1, ButtonContext, Select, Button } from 'react-aria-components';
+import { useContextProps, useFilter, composeRenderProps, TextContext as TextContext$1, ButtonContext, Select, Autocomplete, Button } from 'react-aria-components';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./SelectInternal.module.css#css-module
-var SelectInternal_module_default = { "hop-Select": "SelectInternal-module__hop-Select___lM9zj", "hop-Select--fluid": "SelectInternal-module__hop-Select--fluid___g0RjJ", "hop-Select__label": "SelectInternal-module__hop-Select__label___68bhH", "hop-Select__button": "SelectInternal-module__hop-Select__button___rV9-E", "hop-Select__button--sm": "SelectInternal-module__hop-Select__button--sm___-MmZ4", "hop-Select__button--md": "SelectInternal-module__hop-Select__button--md___dA-Hc", "hop-Select__prefix": "SelectInternal-module__hop-Select__prefix___inKwT", "hop-Select__button-icon": "SelectInternal-module__hop-Select__button-icon___X7n9i", "hop-Select__helper-message": "SelectInternal-module__hop-Select__helper-message___qU9vE", "hop-Select__error-message": "SelectInternal-module__hop-Select__error-message___K1F2H" };
+var SelectInternal_module_default = { "hop-Select": "SelectInternal-module__hop-Select___c8gMj", "hop-Select--fluid": "SelectInternal-module__hop-Select--fluid___ylDlX", "hop-Select__label": "SelectInternal-module__hop-Select__label___kRVqN", "hop-Select__button": "SelectInternal-module__hop-Select__button___g58hH", "hop-Select__button--sm": "SelectInternal-module__hop-Select__button--sm___YX1Lq", "hop-Select__button--md": "SelectInternal-module__hop-Select__button--md___H8QJI", "hop-Select__prefix": "SelectInternal-module__hop-Select__prefix___d6X2B", "hop-Select__button-icon": "SelectInternal-module__hop-Select__button-icon___eBV0t", "hop-Select__helper-message": "SelectInternal-module__hop-Select__helper-message___8OuVK", "hop-Select__error-message": "SelectInternal-module__hop-Select__error-message___PqSJs", "hop-Select__search-input": "SelectInternal-module__hop-Select__search-input___xCj3n", "hop-Select__popover": "SelectInternal-module__hop-Select__popover___64WO6" };
 var GlobalSelectCssSelector = "hop-Select";
 function InternalSelect(props, ref) {
-  var _a, _b, _c, _d;
+  var _a, _b, _c, _d, _e;
   [props, ref] = useContextProps(props, ref, SelectContext);
   props = useFormProps(props);
+  const { contains } = useFilter({ sensitivity: "base" });
+  const stringFormatter = useLocalizedString();
   const { stylingProps, ...ownProps } = useStyledSystem(props);
   const {
     align: alignProp,
+    autocompleteProps,
     className,
     children,
     contextualHelp,
@@ -43,6 +48,7 @@ function InternalSelect(props, ref) {
     isInvalid,
     isLoading,
     isRequired,
+    isFilterable,
     items,
     label,
     listBoxProps,
@@ -51,6 +57,7 @@ function InternalSelect(props, ref) {
     popoverProps,
     prefix,
     renderValue,
+    searchFieldProps,
     selectionIndicator,
     shouldFlip,
     size: sizeProp,
@@ -64,10 +71,19 @@ function InternalSelect(props, ref) {
     style: triggerStyleProp,
     ...otherTriggerProps
   } = triggerOwnProps;
-  const size = (_a = useResponsiveValue(sizeProp)) != null ? _a : "md";
-  const isFluid = (_b = useResponsiveValue(isFluidProp)) != null ? _b : false;
-  const align = (_c = useResponsiveValue(alignProp)) != null ? _c : "start";
-  const direction = (_d = useResponsiveValue(directionProp)) != null ? _d : "bottom";
+  const { stylingProps: searchFieldStylingProps, ...searchFieldOwnProps } = useStyledSystem(searchFieldProps != null ? searchFieldProps : {});
+  const {
+    className: searchFieldClassName,
+    ...otherSearchFieldProps
+  } = searchFieldOwnProps;
+  const {
+    className: popoverContainerClassName,
+    ...otherPopoverContainerProps
+  } = (_a = popoverProps == null ? void 0 : popoverProps.containerProps) != null ? _a : {};
+  const size = (_b = useResponsiveValue(sizeProp)) != null ? _b : "md";
+  const isFluid = (_c = useResponsiveValue(isFluidProp)) != null ? _c : false;
+  const align = (_d = useResponsiveValue(alignProp)) != null ? _d : "start";
+  const direction = (_e = useResponsiveValue(directionProp)) != null ? _e : "bottom";
   const classNames = composeClassnameRenderProps(
     className,
     GlobalSelectCssSelector,
@@ -100,6 +116,19 @@ function InternalSelect(props, ref) {
       ...prev
     };
   });
+  const searchFieldClassNames = composeClassnameRenderProps(
+    searchFieldClassName,
+    cssModule(
+      SelectInternal_module_default,
+      "hop-Select__search-input"
+    ),
+    searchFieldStylingProps.className
+  );
+  const popoverContainerClassNames = cssModule(
+    SelectInternal_module_default,
+    "hop-Select__popover",
+    popoverContainerClassName
+  );
   const prefixMarkup = prefix ? /* @__PURE__ */ jsx(
     SlotProvider,
     {
@@ -131,6 +160,29 @@ function InternalSelect(props, ref) {
       )
     }
   ) : null;
+  const listBoxMarkup = /* @__PURE__ */ jsx(
+    SlotProvider,
+    {
+      values: [
+        [BadgeContext, {
+          variant: "secondary"
+        }]
+      ],
+      children: /* @__PURE__ */ jsx(
+        _ListBox,
+        {
+          size,
+          isInvalid,
+          items,
+          isLoading,
+          onLoadMore,
+          selectionIndicator,
+          ...listBoxProps,
+          children
+        }
+      )
+    }
+  );
   return /* @__PURE__ */ jsx(
     Select,
     {
@@ -153,7 +205,7 @@ function InternalSelect(props, ref) {
               children: label
             }
           ),
-          /* @__PURE__ */ jsxs(
+          /* @__PURE__ */ jsx(
             _Popover,
             {
               isAutoWidth: isAutoMenuWidth,
@@ -161,32 +213,35 @@ function InternalSelect(props, ref) {
               placement: `${direction} ${align}`,
               shouldFlip,
               ...popoverProps,
-              children: [
-                /* @__PURE__ */ jsx(
-                  SlotProvider,
-                  {
-                    values: [
-                      [BadgeContext, {
-                        variant: "secondary"
-                      }]
-                    ],
-                    children: /* @__PURE__ */ jsx(
-                      _ListBox,
+              containerProps: {
+                ...otherPopoverContainerProps,
+                className: popoverContainerClassNames
+              },
+              children: isFilterable ? /* @__PURE__ */ jsxs(
+                Autocomplete,
+                {
+                  filter: contains,
+                  ...autocompleteProps,
+                  children: [
+                    /* @__PURE__ */ jsx(
+                      _SearchField,
                       {
+                        autoFocus: true,
                         size,
-                        isInvalid,
-                        items,
-                        isLoading,
-                        onLoadMore,
-                        selectionIndicator,
-                        ...listBoxProps,
-                        children
+                        isFluid: true,
+                        className: searchFieldClassNames,
+                        placeholder: stringFormatter.format("Select.searchPlaceholder"),
+                        ...otherSearchFieldProps
                       }
-                    )
-                  }
-                ),
+                    ),
+                    listBoxMarkup,
+                    footerMarkup
+                  ]
+                }
+              ) : /* @__PURE__ */ jsxs(Fragment, { children: [
+                listBoxMarkup,
                 footerMarkup
-              ]
+              ] })
             }
           ),
           /* @__PURE__ */ jsxs(Button, { className: buttonClassNames, style: triggerStyle, "data-invalid": isInvalid || void 0, ...otherTriggerProps, children: [

package/dist/{chunk-E3PVM2EK.js → chunk-IQDGH37B.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___PXopx", "placeholder-shimmer": "ListBoxItemSkeleton-module__placeholder-shimmer___5NMp6", "hop-ListBoxItemSkeleton--xs": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___AUDLP", "hop-ListBoxItemSkeleton--sm": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___3taYV", "hop-ListBoxItemSkeleton--md": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___VaBXm", "hop-ListBoxItemSkeleton--lg": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___EUWuC" };
+var ListBoxItemSkeleton_module_default = { "hop-ListBoxItemSkeleton": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___c0tJJ", "placeholder-shimmer": "ListBoxItemSkeleton-module__placeholder-shimmer___m4K07", "hop-ListBoxItemSkeleton--xs": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___UKBNA", "hop-ListBoxItemSkeleton--sm": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___rdnPs", "hop-ListBoxItemSkeleton--md": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___k9w3c", "hop-ListBoxItemSkeleton--lg": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___7GzJM" };
 var GlobalListBoxItemSkeletonCssSelector = "hop-ListBoxItemSkeleton";
 function ListBoxItemSkeleton(props, ref) {
   var _a;

package/dist/{chunk-GVEPSFGV.js → chunk-IY2BU2MA.js}

@@ -7,7 +7,7 @@ import { useContextProps, Label as Label$1 } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Label.module.css#css-module
-var Label_module_default = { "hop-Label": "Label-module__hop-Label___p4V5w" };
+var Label_module_default = { "hop-Label": "Label-module__hop-Label___xwROu" };
 var GlobalLabelCssSelector = "hop-Label";
 function Label(props, ref) {
   [props, ref] = useContextProps(props, ref, LabelContext);

package/dist/{chunk-VZQP2LUD.js → chunk-JBVAJVDG.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___NRPHy", "hop-Text--xs": "Text-module__hop-Text--xs___myHbL", "hop-Text--sm": "Text-module__hop-Text--sm___XfR6V", "hop-Text--md": "Text-module__hop-Text--md___04cnt", "hop-Text--lg": "Text-module__hop-Text--lg___LghUv", "hop-Text--xl": "Text-module__hop-Text--xl___GfuYv", "hop-Text--2xl": "Text-module__hop-Text--2xl___ZVGsz", "hop-Text--inherit": "Text-module__hop-Text--inherit___AdMhD" };
+var Text_module_default = { "hop-Text": "Text-module__hop-Text___ecvHM", "hop-Text--xs": "Text-module__hop-Text--xs___sfd2r", "hop-Text--sm": "Text-module__hop-Text--sm___zG7CF", "hop-Text--md": "Text-module__hop-Text--md___U7IzI", "hop-Text--lg": "Text-module__hop-Text--lg___nz-5b", "hop-Text--xl": "Text-module__hop-Text--xl___A-5Ui", "hop-Text--2xl": "Text-module__hop-Text--2xl___cyEzZ", "hop-Text--inherit": "Text-module__hop-Text--inherit___j1O0d" };
 var GlobalTextCssSelector = "hop-Text";
 function Text(props, ref) {
   [props, ref] = useContextProps(props, ref, TextContext);

package/dist/{chunk-6GTU7JLS.js → chunk-JJN33RK3.js}

@@ -1,7 +1,7 @@
-import { DisclosureContext } from './chunk-U4HRZ6DN.js';
 import { DisclosurePanelContext } from './chunk-5XY5L6ZN.js';
+import { DisclosureContext } from './chunk-U4HRZ6DN.js';
 import { FormContext } from './chunk-UYYHPXUH.js';
-import { ensureTextWrapper } from './chunk-D376V5IQ.js';
+import { ensureTextWrapper } from './chunk-RDDVUR63.js';
 import { TextContext } from './chunk-ZNOU2CGM.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
@@ -12,7 +12,7 @@ import { useContextProps, useSlottedContext, composeRenderProps, DisclosurePanel
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./DisclosurePanel.module.css#css-module
-var DisclosurePanel_module_default = { "hop-DisclosurePanel": "DisclosurePanel-module__hop-DisclosurePanel___4UPk3", "hop-DisclosurePanel--inline": "DisclosurePanel-module__hop-DisclosurePanel--inline___AydK4", "hop-DisclosurePanel--disabled": "DisclosurePanel-module__hop-DisclosurePanel--disabled___isQY9", "hop-DisclosurePanel__text": "DisclosurePanel-module__hop-DisclosurePanel__text___hHYCu" };
+var DisclosurePanel_module_default = { "hop-DisclosurePanel": "DisclosurePanel-module__hop-DisclosurePanel___AVQ5b", "hop-DisclosurePanel--inline": "DisclosurePanel-module__hop-DisclosurePanel--inline___884zK", "hop-DisclosurePanel--disabled": "DisclosurePanel-module__hop-DisclosurePanel--disabled___xn-5R", "hop-DisclosurePanel__text": "DisclosurePanel-module__hop-DisclosurePanel__text___oMz0P" };
 var GlobalDisclosurePanelCssSelector = "hop-DisclosurePanel";
 function DisclosurePanel(props, ref) {
   [props, ref] = useContextProps(props, ref, DisclosurePanelContext);

package/dist/{chunk-XLIFLYZI.js → chunk-JNMP4ELT.js}

@@ -8,7 +8,7 @@ import { useContextProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Image.module.css#css-module
-var Image_module_default = { "hop-Image": "Image-module__hop-Image___2hWZ1", "hop-Image--rounded": "Image-module__hop-Image--rounded___9ZBgZ", "hop-Image--circular": "Image-module__hop-Image--circular___eS2FI" };
+var Image_module_default = { "hop-Image": "Image-module__hop-Image___s5ywS", "hop-Image--rounded": "Image-module__hop-Image--rounded___4HbWx", "hop-Image--circular": "Image-module__hop-Image--circular___5I0P0" };
 var GlobalImageCssSelector = "hop-Image";
 function Image(props, ref) {
   [props, ref] = useContextProps(props, ref, ImageContext);

package/dist/{chunk-AN3HNWDB.js → chunk-JRB5L5YY.js}

@@ -1,4 +1,4 @@
-import { _Text } from './chunk-VZQP2LUD.js';
+import { _Text } from './chunk-JBVAJVDG.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { useResponsiveValue } from '@hopper-ui/styled-system';
 import clsx from 'clsx';
@@ -6,7 +6,7 @@ import { forwardRef } from 'react';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Paragraph.module.css#css-module
-var Paragraph_module_default = { "hop-Paragraph": "Paragraph-module__hop-Paragraph___RbCEm", "hop-Paragraph--xs": "Paragraph-module__hop-Paragraph--xs___bjhbD", "hop-Paragraph--sm": "Paragraph-module__hop-Paragraph--sm___B3q-R", "hop-Paragraph--md": "Paragraph-module__hop-Paragraph--md___kZNTq", "hop-Paragraph--lg": "Paragraph-module__hop-Paragraph--lg___OjGaB", "hop-Paragraph--xl": "Paragraph-module__hop-Paragraph--xl___ovJbe", "hop-Paragraph--2xl": "Paragraph-module__hop-Paragraph--2xl___SJMK1", "hop-Paragraph--inherit": "Paragraph-module__hop-Paragraph--inherit___lJ1CF" };
+var Paragraph_module_default = { "hop-Paragraph": "Paragraph-module__hop-Paragraph___M-IQm", "hop-Paragraph--xs": "Paragraph-module__hop-Paragraph--xs___FlM8q", "hop-Paragraph--sm": "Paragraph-module__hop-Paragraph--sm___jIumu", "hop-Paragraph--md": "Paragraph-module__hop-Paragraph--md___YSg1a", "hop-Paragraph--lg": "Paragraph-module__hop-Paragraph--lg___LJvM9", "hop-Paragraph--xl": "Paragraph-module__hop-Paragraph--xl___UPanp", "hop-Paragraph--2xl": "Paragraph-module__hop-Paragraph--2xl___HkSn4", "hop-Paragraph--inherit": "Paragraph-module__hop-Paragraph--inherit___696bd" };
 var GlobalParagraphCssSelector = "hop-Paragraph";
 function Paragraph(props, ref) {
   const { size: sizeProp, className, children, ...otherProps } = props;