@hopper-ui/components 1.4.6 → 1.4.8

package/dist/checkbox/src/index.js

@@ -1,31 +1,31 @@
-export { _Checkbox as Checkbox, GlobalCheckboxCssSelector } from '../../chunk-CPI34H7R.js';
-export { _CheckboxField as CheckboxField, GlobalCheckboxFieldCssSelector } from '../../chunk-X5H6RCTP.js';
-export { _CheckboxGroup as CheckboxGroup, GlobalCheckboxGroupCssSelector } from '../../chunk-4WKUWT6B.js';
-export { CheckboxFieldContext } from '../../chunk-ZGNK4GWA.js';
+export { _CheckboxGroup as CheckboxGroup, GlobalCheckboxGroupCssSelector } from '../../chunk-UIG77WBM.js';
 export { CheckboxGroupContext } from '../../chunk-N7YDPVZL.js';
-export { _DecorativeCheckbox as DecorativeCheckbox, GlobalDecorativeCheckboxCssSelector } from '../../chunk-RTB477QF.js';
+export { _Checkbox as Checkbox, GlobalCheckboxCssSelector } from '../../chunk-TMVLBCMF.js';
+export { _CheckboxField as CheckboxField, GlobalCheckboxFieldCssSelector } from '../../chunk-BPO44JV2.js';
+export { CheckboxFieldContext } from '../../chunk-ZGNK4GWA.js';
+export { _DecorativeCheckbox as DecorativeCheckbox, GlobalDecorativeCheckboxCssSelector } from '../../chunk-CZRMFNRT.js';
 export { CheckboxContext } from '../../chunk-2EAZPH3M.js';
-import '../../chunk-OUGECIOS.js';
+import '../../chunk-6CVROWNN.js';
 import '../../chunk-HZKFQ33E.js';
-import '../../chunk-DHVVYSLB.js';
-import '../../chunk-SC6GOFII.js';
+import '../../chunk-UXCNMI34.js';
 import '../../chunk-FAE27DLF.js';
-import '../../chunk-YAK3UMON.js';
+import '../../chunk-DHVVYSLB.js';
+import '../../chunk-SRMMLWHK.js';
 import '../../chunk-ZWU6DRRZ.js';
 import '../../chunk-DBIN32YS.js';
-import '../../chunk-56QFPH7A.js';
-import '../../chunk-C67PNOQX.js';
+import '../../chunk-PAVQC74G.js';
+import '../../chunk-I2LTZFXN.js';
 import '../../chunk-QCA3ZR56.js';
-import '../../chunk-TFVDF4YH.js';
+import '../../chunk-75DHKNW2.js';
 import '../../chunk-TXZ6BMFR.js';
-import '../../chunk-M5Q2CFRQ.js';
+import '../../chunk-VOXZA4YS.js';
 import '../../chunk-Q7NXUUB3.js';
-import '../../chunk-JELBOYLB.js';
+import '../../chunk-CYICQ2TZ.js';
 import '../../chunk-WPNVVGFW.js';
-import '../../chunk-BOOMSDK7.js';
+import '../../chunk-Z7ORLEY6.js';
 import '../../chunk-X6SER3TZ.js';
 import '../../chunk-HXI3MEEK.js';
-import '../../chunk-NH3IVMXB.js';
+import '../../chunk-2NSUMKNH.js';
 import '../../chunk-65JPI4FL.js';
 import '../../chunk-M36KANKC.js';
 import '../../chunk-KVDXQMWI.js';

package/dist/{chunk-NH3IVMXB.js → chunk-2NSUMKNH.js}

@@ -21,7 +21,7 @@ function useRenderProps(props) {
       computedClassName = className;
     }
     if (typeof style === "function") {
-      computedStyle = style({ ...values, defaultStyle: defaultStyle || {} });
+      computedStyle = style({ ...values, defaultStyle: defaultStyle != null ? defaultStyle : {} });
     } else {
       computedStyle = style;
     }

package/dist/chunk-3MTGAZ77.js

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

package/dist/{chunk-FQHHLFAB.js → chunk-53WBWLKL.js}

@@ -1,10 +1,11 @@
 import { SearchFieldContext } from './chunk-3NKF5TPD.js';
-import { _InputGroup } from './chunk-X7PEWS4A.js';
-import { _ClearButton } from './chunk-LPKBOHFG.js';
-import { _HelperMessage } from './chunk-OUGECIOS.js';
-import { _ErrorMessage } from './chunk-SC6GOFII.js';
-import { _Label } from './chunk-C67PNOQX.js';
-import { useFormProps } from './chunk-M5Q2CFRQ.js';
+import { _ClearButton } from './chunk-YHRCBRDZ.js';
+import { _InputGroup } from './chunk-F6D7LSXZ.js';
+import { Input } from './chunk-7HIGRTLG.js';
+import { _HelperMessage } from './chunk-6CVROWNN.js';
+import { _ErrorMessage } from './chunk-UXCNMI34.js';
+import { _Label } from './chunk-I2LTZFXN.js';
+import { useFormProps } from './chunk-VOXZA4YS.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
@@ -15,11 +16,11 @@ import { mergeRefs } from '@react-aria/utils';
 import clsx from 'clsx';
 import { forwardRef } from 'react';
 import { useObjectRef } from 'react-aria';
-import { useContextProps, composeRenderProps, Input, SearchField as SearchField$1 } from 'react-aria-components';
+import { useContextProps, composeRenderProps, 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___CHQAQ", "hop-SearchField--fluid": "SearchField-module__hop-SearchField--fluid___x6B8r", "hop-SearchField__Label": "SearchField-module__hop-SearchField__Label___9bTSb", "hop-SearchField__prefix": "SearchField-module__hop-SearchField__prefix___IUpsK", "hop-SearchField__InputGroup": "SearchField-module__hop-SearchField__InputGroup___0VRrb", "hop-SearchField--clearable": "SearchField-module__hop-SearchField--clearable___Y3qPW", "hop-SearchField__ErrorMessage": "SearchField-module__hop-SearchField__ErrorMessage___sBlhy", "hop-SearchField__HelperMessage": "SearchField-module__hop-SearchField__HelperMessage___bY0uL", "hop-SearchField__ClearButton": "SearchField-module__hop-SearchField__ClearButton___SqWL9" };
+var SearchField_module_default = { "hop-SearchField": "SearchField-module__hop-SearchField___-5HLF", "hop-SearchField--fluid": "SearchField-module__hop-SearchField--fluid___8IdG-", "hop-SearchField__Label": "SearchField-module__hop-SearchField__Label___s6O8x", "hop-SearchField__prefix": "SearchField-module__hop-SearchField__prefix___DiTam", "hop-SearchField__InputGroup": "SearchField-module__hop-SearchField__InputGroup___L4lf4", "hop-SearchField--clearable": "SearchField-module__hop-SearchField--clearable___Hc4-6", "hop-SearchField__ErrorMessage": "SearchField-module__hop-SearchField__ErrorMessage___xfrWc", "hop-SearchField__HelperMessage": "SearchField-module__hop-SearchField__HelperMessage___RPzZr", "hop-SearchField__ClearButton": "SearchField-module__hop-SearchField__ClearButton___LqiRr" };
 var GlobalSearchFieldCssSelector = "hop-SearchField";
 function SearchField(props, ref) {
   var _a;
@@ -44,6 +45,7 @@ function SearchField(props, ref) {
     necessityIndicator,
     inputGroupProps,
     clearButtonProps,
+    isReadOnly,
     label,
     description,
     errorMessage,
@@ -77,7 +79,6 @@ function SearchField(props, ref) {
       isDisabled,
       isInvalid,
       isFluid: true,
-      size,
       className: inputGroupClassNames,
       ...otherInputGroupProps,
       children: [
@@ -92,8 +93,8 @@ function SearchField(props, ref) {
             children: icon
           }
         ),
-        /* @__PURE__ */ jsx(Input, { ref: inputRef, placeholder }),
-        isClearable && /* @__PURE__ */ jsx(_ClearButton, { size: "lg", isDisabled, className: clearButtonClassNames, ...otherClearButtonProps })
+        /* @__PURE__ */ jsx(Input, { size, ref: inputRef, placeholder }),
+        isClearable && !isReadOnly && /* @__PURE__ */ jsx(_ClearButton, { size: "lg", isDisabled, className: clearButtonClassNames, ...otherClearButtonProps })
       ]
     }
   ) });

package/dist/chunk-56WMYNUD.js

@@ -0,0 +1,79 @@
+import { _CloseButton } from './chunk-NHKYEZTW.js';
+import { CompactCalloutContext } from './chunk-GRCAVJC6.js';
+import { LinkContext } from './chunk-4VVNSXIB.js';
+import { ContentContext } from './chunk-IXB2WK56.js';
+import { ButtonContext } from './chunk-WMTWFKKP.js';
+import { SlotProvider } from './chunk-M36KANKC.js';
+import { cssModule } from './chunk-KVDXQMWI.js';
+import { useStyledSystem } from '@hopper-ui/styled-system';
+import clsx from 'clsx';
+import { forwardRef } from 'react';
+import { useContextProps } from 'react-aria-components';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+// css-module:./CompactCallout.module.css#css-module
+var CompactCallout_module_default = { "hop-CompactCallout": "CompactCallout-module__hop-CompactCallout___xoUxq", "hop-CompactCallout__content": "CompactCallout-module__hop-CompactCallout__content___HNWIL", "hop-CompactCallout__button": "CompactCallout-module__hop-CompactCallout__button___B0uaw", "hop-CompactCallout__link": "CompactCallout-module__hop-CompactCallout__link___iMUnV", "hop-CompactCallout__dismiss": "CompactCallout-module__hop-CompactCallout__dismiss___hhR2w", "hop-CompactCallout--information": "CompactCallout-module__hop-CompactCallout--information___tIHrH", "hop-CompactCallout--success": "CompactCallout-module__hop-CompactCallout--success___oLJys", "hop-CompactCallout--warning": "CompactCallout-module__hop-CompactCallout--warning___gfKTH", "hop-CompactCallout--upsell": "CompactCallout-module__hop-CompactCallout--upsell___lYgtF", "hop-CompactCallout--subtle-fill": "CompactCallout-module__hop-CompactCallout--subtle-fill___ypEoM" };
+var GlobalCompactCalloutCssSelector = "hop-CompactCallout";
+var CompactCallout = (props, ref) => {
+  [props, ref] = useContextProps(props, ref, CompactCalloutContext);
+  const { stylingProps, ...ownProps } = useStyledSystem(props);
+  const {
+    className,
+    children,
+    style,
+    slot,
+    onClose,
+    fillStyle = "border",
+    variant = "information",
+    ...otherProps
+  } = ownProps;
+  const classNames = clsx(
+    GlobalCompactCalloutCssSelector,
+    cssModule(
+      CompactCallout_module_default,
+      "hop-CompactCallout",
+      variant,
+      fillStyle === "subtleFill" && "subtle-fill"
+    ),
+    stylingProps.className,
+    className
+  );
+  const mergedStyles = {
+    ...style,
+    ...stylingProps.style
+  };
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      className: classNames,
+      style: mergedStyles,
+      slot: slot != null ? slot : void 0,
+      ...otherProps,
+      children: /* @__PURE__ */ jsxs(
+        SlotProvider,
+        {
+          values: [
+            [ContentContext, {
+              className: CompactCallout_module_default["hop-CompactCallout__content"]
+            }],
+            [ButtonContext, {
+              className: CompactCallout_module_default["hop-CompactCallout__button"]
+            }],
+            [LinkContext, {
+              className: CompactCallout_module_default["hop-CompactCallout__link"]
+            }]
+          ],
+          children: [
+            children,
+            onClose && /* @__PURE__ */ jsx(_CloseButton, { className: CompactCallout_module_default["hop-CompactCallout__dismiss"], onPress: onClose })
+          ]
+        }
+      )
+    }
+  );
+};
+var _CompactCallout = forwardRef(CompactCallout);
+_CompactCallout.displayName = "CompactCallout";
+
+export { GlobalCompactCalloutCssSelector, _CompactCallout };

package/dist/{chunk-73CBNN4K.js → chunk-5TGWIM5C.js}

@@ -1,11 +1,12 @@
 import { PasswordFieldContext } from './chunk-QW45G6K4.js';
-import { _InputGroup } from './chunk-X7PEWS4A.js';
-import { _EmbeddedButton } from './chunk-NKCDMR4Y.js';
-import { _HelperMessage } from './chunk-OUGECIOS.js';
-import { _ErrorMessage } from './chunk-SC6GOFII.js';
-import { _Label } from './chunk-C67PNOQX.js';
-import { useLocalizedString } from './chunk-TFVDF4YH.js';
-import { useFormProps } from './chunk-M5Q2CFRQ.js';
+import { _EmbeddedButton } from './chunk-ZJBNVQTB.js';
+import { _InputGroup } from './chunk-F6D7LSXZ.js';
+import { Input } from './chunk-7HIGRTLG.js';
+import { _HelperMessage } from './chunk-6CVROWNN.js';
+import { _ErrorMessage } from './chunk-UXCNMI34.js';
+import { _Label } from './chunk-I2LTZFXN.js';
+import { useLocalizedString } from './chunk-75DHKNW2.js';
+import { useFormProps } from './chunk-VOXZA4YS.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
@@ -15,11 +16,11 @@ import { mergeRefs } from '@react-aria/utils';
 import clsx from 'clsx';
 import { forwardRef, useState } from 'react';
 import { useObjectRef } from 'react-aria';
-import { useContextProps, composeRenderProps, Input, TextField } from 'react-aria-components';
+import { useContextProps, composeRenderProps, 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___x6oZM", "hop-PasswordField--fluid": "PasswordField-module__hop-PasswordField--fluid___KWlRN", "hop-PasswordField__Label": "PasswordField-module__hop-PasswordField__Label___6hV4k", "hop-PasswordField__InputGroup": "PasswordField-module__hop-PasswordField__InputGroup___Cf647", "hop-PasswordField__ErrorMessage": "PasswordField-module__hop-PasswordField__ErrorMessage___eMqo-", "hop-PasswordField__HelperMessage": "PasswordField-module__hop-PasswordField__HelperMessage___W-riH" };
+var PasswordField_module_default = { "hop-PasswordField": "PasswordField-module__hop-PasswordField___tt6Fb", "hop-PasswordField--fluid": "PasswordField-module__hop-PasswordField--fluid___JLaOb", "hop-PasswordField__Label": "PasswordField-module__hop-PasswordField__Label___eF-D-", "hop-PasswordField__InputGroup": "PasswordField-module__hop-PasswordField__InputGroup___i-K8U", "hop-PasswordField__ErrorMessage": "PasswordField-module__hop-PasswordField__ErrorMessage___M1NYA", "hop-PasswordField__HelperMessage": "PasswordField-module__hop-PasswordField__HelperMessage___Ihur9" };
 var GlobalPasswordFieldCssSelector = "hop-PasswordField";
 function PasswordField(props, ref) {
   var _a;
@@ -76,21 +77,22 @@ function PasswordField(props, ref) {
       isDisabled,
       isInvalid,
       isFluid: true,
-      size,
       className: inputGroupClassNames,
       ...otherInputGroupProps,
       children: [
-        /* @__PURE__ */ jsx(Input, { ref: inputRef, placeholder, type: showPassword ? "text" : "password", ...inputProps }),
+        /* @__PURE__ */ jsx(Input, { ref: inputRef, placeholder, type: showPassword ? "text" : "password", size, ...inputProps }),
         /* @__PURE__ */ jsx(
           _EmbeddedButton,
           {
             isDisabled,
             "aria-label": stringFormatter.format("PasswordField.toggleVisibility"),
-            onPress: () => {
-              setShowPassword((x) => !x);
-            },
             size: "lg",
             ...embeddedButtonProps,
+            onPress: (e) => {
+              var _a2;
+              setShowPassword((x) => !x);
+              (_a2 = embeddedButtonProps == null ? void 0 : embeddedButtonProps.onPress) == null ? void 0 : _a2.call(embeddedButtonProps, e);
+            },
             children: showPassword ? /* @__PURE__ */ jsx(EyeVisibleIcon, {}) : /* @__PURE__ */ jsx(EyeHiddenIcon, {})
           }
         )

package/dist/{chunk-OUGECIOS.js → chunk-6CVROWNN.js}

@@ -1,5 +1,5 @@
 import { HelperMessageContext } from './chunk-HZKFQ33E.js';
-import { _Text } from './chunk-BOOMSDK7.js';
+import { _Text } from './chunk-Z7ORLEY6.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___jW0Zp", "hop-HelperMessage__icon": "HelperMessage-module__hop-HelperMessage__icon___jXeNe" };
+var HelperMessage_module_default = { "hop-HelperMessage": "HelperMessage-module__hop-HelperMessage___xIcmM", "hop-HelperMessage__icon": "HelperMessage-module__hop-HelperMessage__icon___ACn9W" };
 var GlobalHelperMessageCssSelector = "hop-HelperMessage";
 function HelperMessage(props, ref) {
   const validation = useContext(FieldErrorContext);

package/dist/{chunk-67VFL63C.js → chunk-725VVVMA.js}

@@ -11,7 +11,7 @@ import { useContextProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./ButtonGroup.module.css#css-module
-var ButtonGroup_module_default = { "hop-ButtonGroup": "ButtonGroup-module__hop-ButtonGroup___ouAnr", "hop-ButtonGroup--horizontal": "ButtonGroup-module__hop-ButtonGroup--horizontal___J7KXB", "hop-ButtonGroup--vertical": "ButtonGroup-module__hop-ButtonGroup--vertical___ZWW8V", "hop-ButtonGroup--start": "ButtonGroup-module__hop-ButtonGroup--start___IlnuR", "hop-ButtonGroup--center": "ButtonGroup-module__hop-ButtonGroup--center___zsIwv", "hop-ButtonGroup--end": "ButtonGroup-module__hop-ButtonGroup--end___mmlUu", "hop-ButtonGroup--wrap": "ButtonGroup-module__hop-ButtonGroup--wrap___0-jfB", "hop-ButtonGroup--fluid": "ButtonGroup-module__hop-ButtonGroup--fluid___xMsbE" };
+var ButtonGroup_module_default = { "hop-ButtonGroup": "ButtonGroup-module__hop-ButtonGroup___-Y84e", "hop-ButtonGroup--horizontal": "ButtonGroup-module__hop-ButtonGroup--horizontal___0O5WA", "hop-ButtonGroup--vertical": "ButtonGroup-module__hop-ButtonGroup--vertical___XAj7Z", "hop-ButtonGroup--start": "ButtonGroup-module__hop-ButtonGroup--start___DILQT", "hop-ButtonGroup--center": "ButtonGroup-module__hop-ButtonGroup--center___oNNDT", "hop-ButtonGroup--end": "ButtonGroup-module__hop-ButtonGroup--end___3P-Su", "hop-ButtonGroup--wrap": "ButtonGroup-module__hop-ButtonGroup--wrap___OzFmj", "hop-ButtonGroup--fluid": "ButtonGroup-module__hop-ButtonGroup--fluid___LmBb3" };
 var GlobalButtonGroupCssSelector = "hop-ButtonGroup";
 function ButtonGroup(props, ref) {
   var _a, _b, _c, _d;

package/dist/{chunk-OMGZXRVE.js → chunk-72CSHV4D.js}

@@ -1,9 +1,9 @@
-import { TagGroupContext } from './chunk-LCAS3YQV.js';
 import { TagContext } from './chunk-EWMWQ2MC.js';
-import { _HelperMessage } from './chunk-OUGECIOS.js';
-import { _ErrorMessage } from './chunk-SC6GOFII.js';
-import { _Label } from './chunk-C67PNOQX.js';
-import { useFormProps } from './chunk-M5Q2CFRQ.js';
+import { TagGroupContext } from './chunk-LCAS3YQV.js';
+import { _HelperMessage } from './chunk-6CVROWNN.js';
+import { _ErrorMessage } from './chunk-UXCNMI34.js';
+import { _Label } from './chunk-I2LTZFXN.js';
+import { useFormProps } from './chunk-VOXZA4YS.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___AdlNh", "hop-TagGroup__label": "TagGroup-module__hop-TagGroup__label___lDae3", "hop-TagGroup__list": "TagGroup-module__hop-TagGroup__list___KIy3x", "hop-TagGroup__error-message": "TagGroup-module__hop-TagGroup__error-message___9qkuc", "hop-TagGroup__helper-message": "TagGroup-module__hop-TagGroup__helper-message___cJ4Up" };
+var TagGroup_module_default = { "hop-TagGroup": "TagGroup-module__hop-TagGroup___46Zpi", "hop-TagGroup__label": "TagGroup-module__hop-TagGroup__label___DLyok", "hop-TagGroup__list": "TagGroup-module__hop-TagGroup__list___f-q3G", "hop-TagGroup__error-message": "TagGroup-module__hop-TagGroup__error-message___Qeij4", "hop-TagGroup__helper-message": "TagGroup-module__hop-TagGroup__helper-message___m5Dpu" };
 var GlobalTagGroupCssSelector = "hop-TagGroup";
 function TagGroup(props, ref) {
   var _a;

package/dist/{chunk-TFVDF4YH.js → chunk-75DHKNW2.js}

@@ -8,6 +8,7 @@ var require_en_US = __commonJS({
       "Button.spinnerAriaLabel": `Loading`,
       "Tag.spinnerAriaLabel": `Loading`,
       "ClearButton.clearAriaLabel": `Clear`,
+      "CloseButton.ariaLabel": `Close`,
       "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`,
@@ -27,6 +28,7 @@ var require_fr_CA = __commonJS({
       "Button.spinnerAriaLabel": `Chargement en cours`,
       "Tag.spinnerAriaLabel": `Chargement en cours`,
       "ClearButton.clearAriaLabel": `Effacer`,
+      "CloseButton.ariaLabel": `Fermer`,
       "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`,

package/dist/chunk-7HIGRTLG.js

@@ -0,0 +1,34 @@
+import { cssModule } from './chunk-KVDXQMWI.js';
+import { useResponsiveValue } from '@hopper-ui/styled-system';
+import clsx from 'clsx';
+import { createContext, forwardRef } from 'react';
+import { useContextProps, Input as Input$1 } from 'react-aria-components';
+import { jsx } from 'react/jsx-runtime';
+
+// css-module:./Input.module.css#css-module
+var Input_module_default = { "hop-Input": "Input-module__hop-Input___BFsFZ", "hop-Input--sm": "Input-module__hop-Input--sm___z0ZJ7" };
+var InputContext = createContext({});
+var Input = forwardRef(function Input2(props, ref) {
+  var _a;
+  [props, ref] = useContextProps(props, ref, InputContext);
+  const { className, size: sizeProp, ...otherProps } = props;
+  const size = (_a = useResponsiveValue(sizeProp)) != null ? _a : "md";
+  const classNames = clsx(
+    className,
+    cssModule(
+      Input_module_default,
+      "hop-Input",
+      size
+    )
+  );
+  return /* @__PURE__ */ jsx(
+    Input$1,
+    {
+      ...otherProps,
+      ref,
+      className: classNames
+    }
+  );
+});
+
+export { Input, InputContext };

package/dist/{chunk-ZLWJJVD3.js → chunk-7JQJ5U7J.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___RfvtA", "placeholder-shimmer": "ListBoxItemSkeleton-module__placeholder-shimmer___INDNg", "hop-ListBoxItemSkeleton--xs": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___rgJx7", "hop-ListBoxItemSkeleton--sm": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___EvccL", "hop-ListBoxItemSkeleton--md": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___33acg", "hop-ListBoxItemSkeleton--lg": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___VIH9s" };
+var ListBoxItemSkeleton_module_default = { "hop-ListBoxItemSkeleton": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___qL3tk", "placeholder-shimmer": "ListBoxItemSkeleton-module__placeholder-shimmer___9lb5u", "hop-ListBoxItemSkeleton--xs": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___uwJrP", "hop-ListBoxItemSkeleton--sm": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___kbPsX", "hop-ListBoxItemSkeleton--md": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___Cyj3g", "hop-ListBoxItemSkeleton--lg": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___beTGy" };
 var GlobalListBoxItemSkeletonCssSelector = "hop-ListBoxItemSkeleton";
 function ListBoxItemSkeleton(props, ref) {
   var _a;

package/dist/{chunk-Q5WT3U7W.js → chunk-7SMF3TO5.js}

@@ -1,6 +1,6 @@
 import { InternalSegmentedControlContext } from './chunk-JHX5QEIH.js';
 import { SegmentedControlItemContext } from './chunk-TDKQPTN6.js';
-import { _Text } from './chunk-BOOMSDK7.js';
+import { _Text } from './chunk-Z7ORLEY6.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { IconContext } from '@hopper-ui/icons';
@@ -11,7 +11,7 @@ import { useContextProps, ToggleGroupStateContext, ToggleButton, Provider, DEFAU
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./SegmentedControlItem.module.css#css-module
-var SegmentedControlItem_module_default = { "hop-SegmentedControlItem": "SegmentedControlItem-module__hop-SegmentedControlItem___HFbP8", "hop-SegmentedControlItem__slider": "SegmentedControlItem-module__hop-SegmentedControlItem__slider___eqB4q", "hop-SegmentedControlItem__wrapper": "SegmentedControlItem-module__hop-SegmentedControlItem__wrapper___TwKhe", "hop-SegmentedControlItem--md": "SegmentedControlItem-module__hop-SegmentedControlItem--md___y2AwI", "hop-SegmentedControlItem__icon": "SegmentedControlItem-module__hop-SegmentedControlItem__icon___odFx3", "hop-SegmentedControlItem__text": "SegmentedControlItem-module__hop-SegmentedControlItem__text___n3By5", "hop-SegmentedControlItem__start-icon": "SegmentedControlItem-module__hop-SegmentedControlItem__start-icon___u8O1n", "hop-SegmentedControlItem--justified": "SegmentedControlItem-module__hop-SegmentedControlItem--justified___EgUNA" };
+var SegmentedControlItem_module_default = { "hop-SegmentedControlItem": "SegmentedControlItem-module__hop-SegmentedControlItem___7Qop2", "hop-SegmentedControlItem__slider": "SegmentedControlItem-module__hop-SegmentedControlItem__slider___kDUjY", "hop-SegmentedControlItem__wrapper": "SegmentedControlItem-module__hop-SegmentedControlItem__wrapper___wVaA4", "hop-SegmentedControlItem--md": "SegmentedControlItem-module__hop-SegmentedControlItem--md___tNpfW", "hop-SegmentedControlItem__icon": "SegmentedControlItem-module__hop-SegmentedControlItem__icon___lnimi", "hop-SegmentedControlItem__text": "SegmentedControlItem-module__hop-SegmentedControlItem__text___i0fOE", "hop-SegmentedControlItem__start-icon": "SegmentedControlItem-module__hop-SegmentedControlItem__start-icon___Ogwhh", "hop-SegmentedControlItem--justified": "SegmentedControlItem-module__hop-SegmentedControlItem--justified___6-8I-" };
 var GlobalSegmentedControlItemCssSelector = "hop-SegmentedControlItem";
 var SegmentedControlItem = (props, ref) => {
   var _a;

package/dist/{chunk-OUTV4GW4.js → chunk-AD5GQ24L.js}

@@ -7,7 +7,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___NAS2f", "hop-Image--rounded": "Image-module__hop-Image--rounded___Y-3G1", "hop-Image--circular": "Image-module__hop-Image--circular___-uuJL" };
+var Image_module_default = { "hop-Image": "Image-module__hop-Image___6qN5S", "hop-Image--rounded": "Image-module__hop-Image--rounded___NsX3-", "hop-Image--circular": "Image-module__hop-Image--circular___MhwfG" };
 var GlobalImageCssSelector = "hop-Image";
 function Image(props, ref) {
   [props, ref] = useContextProps(props, ref, ImageContext);

package/dist/{chunk-GK7I65BF.js → chunk-B7MWXJWS.js}

@@ -1,5 +1,5 @@
-import { FloatingBadgeContext } from './chunk-CIGS4QGT.js';
 import { BadgeContext } from './chunk-CQDLZ42T.js';
+import { FloatingBadgeContext } from './chunk-CIGS4QGT.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
@@ -10,7 +10,7 @@ import { useContextProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./FloatingBadge.module.css#css-module
-var FloatingBadge_module_default = { "hop-FloatingBadge": "FloatingBadge-module__hop-FloatingBadge___ZV3e4", "hop-FloatingBadge__badge": "FloatingBadge-module__hop-FloatingBadge__badge___agdA9" };
+var FloatingBadge_module_default = { "hop-FloatingBadge": "FloatingBadge-module__hop-FloatingBadge___QuXe5", "hop-FloatingBadge__badge": "FloatingBadge-module__hop-FloatingBadge__badge___Kkz9-" };
 var GlobalFloatingBadgeCssSelector = "hop-FloatingBadge";
 function FloatingBadge(props, ref) {
   [props, ref] = useContextProps(props, ref, FloatingBadgeContext);

package/dist/{chunk-X5H6RCTP.js → chunk-BPO44JV2.js}

@@ -1,9 +1,9 @@
 import { CheckboxFieldContext } from './chunk-ZGNK4GWA.js';
 import { CheckboxContext } from './chunk-2EAZPH3M.js';
-import { useFormProps } from './chunk-M5Q2CFRQ.js';
-import { _Text } from './chunk-BOOMSDK7.js';
+import { useFormProps } from './chunk-VOXZA4YS.js';
+import { _Text } from './chunk-Z7ORLEY6.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
-import { useRenderProps } from './chunk-NH3IVMXB.js';
+import { useRenderProps } from './chunk-2NSUMKNH.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
@@ -15,7 +15,7 @@ import { useContextProps, composeRenderProps } from 'react-aria-components';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // css-module:./CheckboxField.module.css#css-module
-var CheckboxField_module_default = { "hop-CheckboxField": "CheckboxField-module__hop-CheckboxField___I6q-B", "hop-CheckboxField--sm": "CheckboxField-module__hop-CheckboxField--sm___b43sU", "hop-CheckboxField--md": "CheckboxField-module__hop-CheckboxField--md___Z7fln", "hop-CheckboxField__description": "CheckboxField-module__hop-CheckboxField__description___4zEav", "hop-CheckboxField__checkbox": "CheckboxField-module__hop-CheckboxField__checkbox___KgkOF" };
+var CheckboxField_module_default = { "hop-CheckboxField": "CheckboxField-module__hop-CheckboxField___eS3EQ", "hop-CheckboxField--sm": "CheckboxField-module__hop-CheckboxField--sm___S4tBN", "hop-CheckboxField--md": "CheckboxField-module__hop-CheckboxField--md___zQPTK", "hop-CheckboxField__description": "CheckboxField-module__hop-CheckboxField__description___0-ebq", "hop-CheckboxField__checkbox": "CheckboxField-module__hop-CheckboxField__checkbox___iyVgg" };
 var GlobalCheckboxFieldCssSelector = "hop-CheckboxField";
 var CheckboxToDescriptionSizeAdapter = {
   sm: "xs",

package/dist/{chunk-XE6JG2MF.js → chunk-CKH5EUEC.js}

@@ -1,9 +1,9 @@
 import { RadioContext } from './chunk-FU5CCPLP.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
-import { ensureTextWrapper } from './chunk-YAK3UMON.js';
+import { ensureTextWrapper } from './chunk-SRMMLWHK.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
-import { useRenderProps } from './chunk-NH3IVMXB.js';
+import { useRenderProps } from './chunk-2NSUMKNH.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
@@ -15,7 +15,7 @@ import { useContextProps, composeRenderProps } from 'react-aria-components';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 // css-module:./DecorativeRadio.module.css#css-module
-var DecorativeRadio_module_default = { "hop-DecorativeRadio": "DecorativeRadio-module__hop-DecorativeRadio___OAgfH Radio-module__hop-Radio___8oc3E", "hop-DecorativeRadio--sm": "DecorativeRadio-module__hop-DecorativeRadio--sm___R7qZP Radio-module__hop-Radio--sm___G9sMW", "hop-DecorativeRadio--md": "DecorativeRadio-module__hop-DecorativeRadio--md___HwESg Radio-module__hop-Radio--md___-JIuw", "hop-DecorativeRadio__icon": "DecorativeRadio-module__hop-DecorativeRadio__icon___w3PMu Radio-module__hop-Radio__icon___Qkgcp", "hop-DecorativeRadio__icon-list": "DecorativeRadio-module__hop-DecorativeRadio__icon-list___4l9-d Radio-module__hop-Radio__icon___Qkgcp", "hop-DecorativeRadio__box": "DecorativeRadio-module__hop-DecorativeRadio__box___EnGAA Radio-module__hop-Radio__box___K-P27", "hop-DecorativeRadio__bullet": "DecorativeRadio-module__hop-DecorativeRadio__bullet___0k3p0 Radio-module__hop-Radio__bullet___U45F0", "hop-DecorativeRadio__text": "DecorativeRadio-module__hop-DecorativeRadio__text___i-Fbh Radio-module__hop-Radio__text___J-3ff" };
+var DecorativeRadio_module_default = { "hop-DecorativeRadio": "DecorativeRadio-module__hop-DecorativeRadio___9x54r Radio-module__hop-Radio___5Jk1g", "hop-DecorativeRadio--sm": "DecorativeRadio-module__hop-DecorativeRadio--sm___hNZXf Radio-module__hop-Radio--sm___BdNTW", "hop-DecorativeRadio--md": "DecorativeRadio-module__hop-DecorativeRadio--md___vTAyH Radio-module__hop-Radio--md___UrmYv", "hop-DecorativeRadio__icon": "DecorativeRadio-module__hop-DecorativeRadio__icon___Vb74v Radio-module__hop-Radio__icon___7DzPA", "hop-DecorativeRadio__icon-list": "DecorativeRadio-module__hop-DecorativeRadio__icon-list___sGxSh Radio-module__hop-Radio__icon___7DzPA", "hop-DecorativeRadio__box": "DecorativeRadio-module__hop-DecorativeRadio__box___bgTCS Radio-module__hop-Radio__box___2043M", "hop-DecorativeRadio__bullet": "DecorativeRadio-module__hop-DecorativeRadio__bullet___RNTT4 Radio-module__hop-Radio__bullet___TcAp4", "hop-DecorativeRadio__text": "DecorativeRadio-module__hop-DecorativeRadio__text___0jHZl Radio-module__hop-Radio__text___ul46c" };
 var GlobalDecorativeRadioCssSelector = "hop-DecorativeRadio";
 function DecorativeRadio(props, ref) {
   var _a;

package/dist/{chunk-JELBOYLB.js → chunk-CYICQ2TZ.js}

@@ -7,7 +7,7 @@ import { useContextProps, Text } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./OverlineText.module.css#css-module
-var OverlineText_module_default = { "hop-OverlineText": "OverlineText-module__hop-OverlineText___XmSxB", "hop-OverlineText__text": "OverlineText-module__hop-OverlineText__text___VSfku" };
+var OverlineText_module_default = { "hop-OverlineText": "OverlineText-module__hop-OverlineText___LwiJI", "hop-OverlineText__text": "OverlineText-module__hop-OverlineText__text___ExOHp" };
 var GlobalOverlineTextCssSelector = "hop-OverlineText";
 function OverlineText(props, ref) {
   [props, ref] = useContextProps(props, ref, OverlineTextContext);

package/dist/{chunk-RTB477QF.js → chunk-CZRMFNRT.js}

@@ -1,9 +1,9 @@
 import { CheckboxContext } from './chunk-2EAZPH3M.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
-import { ensureTextWrapper } from './chunk-YAK3UMON.js';
+import { ensureTextWrapper } from './chunk-SRMMLWHK.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
-import { useRenderProps } from './chunk-NH3IVMXB.js';
+import { useRenderProps } from './chunk-2NSUMKNH.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
@@ -15,7 +15,7 @@ import { useContextProps, composeRenderProps } from 'react-aria-components';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 // css-module:./DecorativeCheckbox.module.css#css-module
-var DecorativeCheckbox_module_default = { "hop-DecorativeCheckbox": "DecorativeCheckbox-module__hop-DecorativeCheckbox___3SolS Checkbox-module__hop-Checkbox___kKIgH", "hop-DecorativeCheckbox--sm": "DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___n-agg Checkbox-module__hop-Checkbox--sm___kOCFn", "hop-DecorativeCheckbox--md": "DecorativeCheckbox-module__hop-DecorativeCheckbox--md___I1uLT Checkbox-module__hop-Checkbox--md___-EsN1", "hop-DecorativeCheckbox__icon": "DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___DfqFS Checkbox-module__hop-Checkbox__icon___Sa4k3", "hop-DecorativeCheckbox__icon-list": "DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___RZ0MI Checkbox-module__hop-Checkbox__icon___Sa4k3", "hop-DecorativeCheckbox__box": "DecorativeCheckbox-module__hop-DecorativeCheckbox__box___3ijCD Checkbox-module__hop-Checkbox__box___vtH2J", "hop-DecorativeCheckbox__check": "DecorativeCheckbox-module__hop-DecorativeCheckbox__check___t5qyn Checkbox-module__hop-Checkbox__check___LR4oZ", "hop-DecorativeCheckbox__text": "DecorativeCheckbox-module__hop-DecorativeCheckbox__text___mOiEO Checkbox-module__hop-Checkbox__text___Klogf" };
+var DecorativeCheckbox_module_default = { "hop-DecorativeCheckbox": "DecorativeCheckbox-module__hop-DecorativeCheckbox___Y2q2d Checkbox-module__hop-Checkbox___zCt0Z", "hop-DecorativeCheckbox--sm": "DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___2sqwJ Checkbox-module__hop-Checkbox--sm___Q8wN-", "hop-DecorativeCheckbox--md": "DecorativeCheckbox-module__hop-DecorativeCheckbox--md___EC1yt Checkbox-module__hop-Checkbox--md___AoYwc", "hop-DecorativeCheckbox__icon": "DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___U9p-C Checkbox-module__hop-Checkbox__icon___JYmIA", "hop-DecorativeCheckbox__icon-list": "DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___GhS2C Checkbox-module__hop-Checkbox__icon___JYmIA", "hop-DecorativeCheckbox__box": "DecorativeCheckbox-module__hop-DecorativeCheckbox__box___h-d0F Checkbox-module__hop-Checkbox__box___Zq0yt", "hop-DecorativeCheckbox__check": "DecorativeCheckbox-module__hop-DecorativeCheckbox__check___WlBbU Checkbox-module__hop-Checkbox__check___8zhd4", "hop-DecorativeCheckbox__text": "DecorativeCheckbox-module__hop-DecorativeCheckbox__text___9vmJ0 Checkbox-module__hop-Checkbox__text___5m9Tt" };
 var GlobalDecorativeCheckboxCssSelector = "hop-DecorativeCheckbox";
 function DecorativeCheckbox(props, ref) {
   var _a;

package/dist/{chunk-KUBUEVXB.js → chunk-EZF74GSX.js}

@@ -1,6 +1,6 @@
 import { RadioContext } from './chunk-FU5CCPLP.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
-import { ensureTextWrapper } from './chunk-YAK3UMON.js';
+import { ensureTextWrapper } from './chunk-SRMMLWHK.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
@@ -13,7 +13,7 @@ import { useContextProps, composeRenderProps, Radio as Radio$1 } from 'react-ari
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./Radio.module.css#css-module
-var Radio_module_default = { "hop-Radio": "Radio-module__hop-Radio___8oc3E", "hop-Radio--sm": "Radio-module__hop-Radio--sm___G9sMW", "hop-Radio--md": "Radio-module__hop-Radio--md___-JIuw", "hop-Radio__icon": "Radio-module__hop-Radio__icon___Qkgcp", "hop-Radio__icon-list": "Radio-module__hop-Radio__icon-list___xVxxM", "hop-Radio__box": "Radio-module__hop-Radio__box___K-P27", "hop-Radio__bullet": "Radio-module__hop-Radio__bullet___U45F0", "hop-Radio__text": "Radio-module__hop-Radio__text___J-3ff" };
+var Radio_module_default = { "hop-Radio": "Radio-module__hop-Radio___5Jk1g", "hop-Radio--sm": "Radio-module__hop-Radio--sm___BdNTW", "hop-Radio--md": "Radio-module__hop-Radio--md___UrmYv", "hop-Radio__icon": "Radio-module__hop-Radio__icon___7DzPA", "hop-Radio__icon-list": "Radio-module__hop-Radio__icon-list___91xg0", "hop-Radio__box": "Radio-module__hop-Radio__box___2043M", "hop-Radio__bullet": "Radio-module__hop-Radio__bullet___TcAp4", "hop-Radio__text": "Radio-module__hop-Radio__text___ul46c" };
 var GlobalRadioCssSelector = "hop-Radio";
 function Radio(props, ref) {
   var _a;

package/dist/chunk-EZXZMHPJ.js

@@ -0,0 +1,77 @@
+import { TileContext } from './chunk-JTNKUYE5.js';
+import { _Text } from './chunk-Z7ORLEY6.js';
+import { TextContext } from './chunk-X6SER3TZ.js';
+import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
+import { cssModule } from './chunk-KVDXQMWI.js';
+import { CheckmarkIcon } from '@hopper-ui/icons';
+import { useStyledSystem } from '@hopper-ui/styled-system';
+import { forwardRef } from 'react';
+import { useContextProps, composeRenderProps, ToggleButton, Provider } from 'react-aria-components';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+// css-module:./Tile.module.css#css-module
+var Tile_module_default = { "hop-Tile": "Tile-module__hop-Tile___voLrp", "hop-Tile__icon": "Tile-module__hop-Tile__icon___iI2bk" };
+var GlobalTileCssSelector = "hop-Tile";
+var Tile = (props, ref) => {
+  [props, ref] = useContextProps(props, ref, TileContext);
+  const { stylingProps, ...ownProps } = useStyledSystem(props);
+  const {
+    className,
+    children: childrenProp,
+    style,
+    isDisabled,
+    slot,
+    ...otherProps
+  } = ownProps;
+  const classNames = composeClassnameRenderProps(
+    GlobalTileCssSelector,
+    cssModule(
+      Tile_module_default,
+      "hop-Tile"
+    ),
+    stylingProps.className,
+    className
+  );
+  const mergedStyles = composeRenderProps(style, (prev) => {
+    return {
+      ...stylingProps.style,
+      ...prev
+    };
+  });
+  const childrenFn = composeRenderProps(childrenProp, (prev) => {
+    return prev;
+  });
+  return /* @__PURE__ */ jsx(
+    ToggleButton,
+    {
+      ...otherProps,
+      isDisabled,
+      ref,
+      className: classNames,
+      style: mergedStyles,
+      slot: slot != null ? slot : void 0,
+      children: (renderProps) => {
+        const children = childrenFn(renderProps);
+        return /* @__PURE__ */ jsxs(
+          Provider,
+          {
+            values: [
+              [TextContext, {
+                size: "md",
+                className: Tile_module_default["hop-Tile__text"]
+              }]
+            ],
+            children: [
+              typeof children === "string" ? /* @__PURE__ */ jsx(_Text, { children }) : children,
+              /* @__PURE__ */ jsx(CheckmarkIcon, { className: Tile_module_default["hop-Tile__icon"] })
+            ]
+          }
+        );
+      }
+    }
+  );
+};
+var _Tile = forwardRef(Tile);
+_Tile.displayName = "Tile";
+
+export { GlobalTileCssSelector, _Tile };