@hopper-ui/components 1.4.7 → 1.4.8

package/dist/checkbox/src/index.js

@@ -1,31 +1,31 @@
-export { _Checkbox as Checkbox, GlobalCheckboxCssSelector } from '../../chunk-K3IUMMRF.js';
-export { _CheckboxField as CheckboxField, GlobalCheckboxFieldCssSelector } from '../../chunk-J6RDT7TX.js';
-export { _CheckboxGroup as CheckboxGroup, GlobalCheckboxGroupCssSelector } from '../../chunk-MIZJXB3R.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-I73SWVA3.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-2DF25AEQ.js';
+import '../../chunk-6CVROWNN.js';
 import '../../chunk-HZKFQ33E.js';
-import '../../chunk-N3XC5CZP.js';
+import '../../chunk-UXCNMI34.js';
 import '../../chunk-FAE27DLF.js';
 import '../../chunk-DHVVYSLB.js';
-import '../../chunk-4BXMSXYQ.js';
+import '../../chunk-SRMMLWHK.js';
 import '../../chunk-ZWU6DRRZ.js';
 import '../../chunk-DBIN32YS.js';
-import '../../chunk-ERIQNISN.js';
-import '../../chunk-PHQ6YPQQ.js';
+import '../../chunk-PAVQC74G.js';
+import '../../chunk-I2LTZFXN.js';
 import '../../chunk-QCA3ZR56.js';
 import '../../chunk-75DHKNW2.js';
 import '../../chunk-TXZ6BMFR.js';
-import '../../chunk-7EUXODLY.js';
+import '../../chunk-VOXZA4YS.js';
 import '../../chunk-Q7NXUUB3.js';
-import '../../chunk-WX5UNPM3.js';
+import '../../chunk-CYICQ2TZ.js';
 import '../../chunk-WPNVVGFW.js';
-import '../../chunk-3JJL6GD6.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-7UNZPFF5.js → chunk-53WBWLKL.js}

@@ -1,10 +1,11 @@
 import { SearchFieldContext } from './chunk-3NKF5TPD.js';
-import { _InputGroup } from './chunk-2JXEPUMG.js';
-import { _ClearButton } from './chunk-55OPYST3.js';
-import { _HelperMessage } from './chunk-2DF25AEQ.js';
-import { _ErrorMessage } from './chunk-N3XC5CZP.js';
-import { _Label } from './chunk-PHQ6YPQQ.js';
-import { useFormProps } from './chunk-7EUXODLY.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___d0OAl", "hop-SearchField--fluid": "SearchField-module__hop-SearchField--fluid___p-Dck", "hop-SearchField__Label": "SearchField-module__hop-SearchField__Label___lgcY-", "hop-SearchField__prefix": "SearchField-module__hop-SearchField__prefix___Kc27Z", "hop-SearchField__InputGroup": "SearchField-module__hop-SearchField__InputGroup___e-Is9", "hop-SearchField--clearable": "SearchField-module__hop-SearchField--clearable___Ql-7d", "hop-SearchField__ErrorMessage": "SearchField-module__hop-SearchField__ErrorMessage___mHd70", "hop-SearchField__HelperMessage": "SearchField-module__hop-SearchField__HelperMessage___xRqKV", "hop-SearchField__ClearButton": "SearchField-module__hop-SearchField__ClearButton___0mgb9" };
+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-ZVNGQXRR.js → chunk-56WMYNUD.js}

@@ -1,8 +1,8 @@
+import { _CloseButton } from './chunk-NHKYEZTW.js';
+import { CompactCalloutContext } from './chunk-GRCAVJC6.js';
 import { LinkContext } from './chunk-4VVNSXIB.js';
-import { _CloseButton } from './chunk-MO4EWTIM.js';
 import { ContentContext } from './chunk-IXB2WK56.js';
 import { ButtonContext } from './chunk-WMTWFKKP.js';
-import { CompactCalloutContext } from './chunk-GRCAVJC6.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { useStyledSystem } from '@hopper-ui/styled-system';
@@ -12,7 +12,7 @@ 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___SuehB", "hop-CompactCallout__content": "CompactCallout-module__hop-CompactCallout__content___rlTuS", "hop-CompactCallout__button": "CompactCallout-module__hop-CompactCallout__button___SgDZL", "hop-CompactCallout__link": "CompactCallout-module__hop-CompactCallout__link___lyNd-", "hop-CompactCallout__dismiss": "CompactCallout-module__hop-CompactCallout__dismiss___ReMTE", "hop-CompactCallout--information": "CompactCallout-module__hop-CompactCallout--information___UjtVj", "hop-CompactCallout--success": "CompactCallout-module__hop-CompactCallout--success___NSjQc", "hop-CompactCallout--warning": "CompactCallout-module__hop-CompactCallout--warning___mvu2J", "hop-CompactCallout--upsell": "CompactCallout-module__hop-CompactCallout--upsell___ttOO6", "hop-CompactCallout--subtle-fill": "CompactCallout-module__hop-CompactCallout--subtle-fill___aC3g8" };
+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);

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

@@ -1,11 +1,12 @@
-import { _InputGroup } from './chunk-2JXEPUMG.js';
 import { PasswordFieldContext } from './chunk-QW45G6K4.js';
-import { _EmbeddedButton } from './chunk-KBHWDMMF.js';
-import { _HelperMessage } from './chunk-2DF25AEQ.js';
-import { _ErrorMessage } from './chunk-N3XC5CZP.js';
-import { _Label } from './chunk-PHQ6YPQQ.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-7EUXODLY.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___-xvdh", "hop-PasswordField--fluid": "PasswordField-module__hop-PasswordField--fluid___IJaon", "hop-PasswordField__Label": "PasswordField-module__hop-PasswordField__Label___oxbKp", "hop-PasswordField__InputGroup": "PasswordField-module__hop-PasswordField__InputGroup___NAPLW", "hop-PasswordField__ErrorMessage": "PasswordField-module__hop-PasswordField__ErrorMessage___A4QRt", "hop-PasswordField__HelperMessage": "PasswordField-module__hop-PasswordField__HelperMessage___q9cP8" };
+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-2DF25AEQ.js → chunk-6CVROWNN.js}

@@ -1,5 +1,5 @@
 import { HelperMessageContext } from './chunk-HZKFQ33E.js';
-import { _Text } from './chunk-3JJL6GD6.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___yGssP", "hop-HelperMessage__icon": "HelperMessage-module__hop-HelperMessage__icon___VEalH" };
+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-RYJBYNZT.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___W5IvL", "hop-ButtonGroup--horizontal": "ButtonGroup-module__hop-ButtonGroup--horizontal___a77h0", "hop-ButtonGroup--vertical": "ButtonGroup-module__hop-ButtonGroup--vertical___bfr82", "hop-ButtonGroup--start": "ButtonGroup-module__hop-ButtonGroup--start___idg--", "hop-ButtonGroup--center": "ButtonGroup-module__hop-ButtonGroup--center___Eb4Kc", "hop-ButtonGroup--end": "ButtonGroup-module__hop-ButtonGroup--end___O6dNO", "hop-ButtonGroup--wrap": "ButtonGroup-module__hop-ButtonGroup--wrap___gXtS1", "hop-ButtonGroup--fluid": "ButtonGroup-module__hop-ButtonGroup--fluid___N2aYl" };
+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-MHQ3VHAA.js → chunk-72CSHV4D.js}

@@ -1,9 +1,9 @@
-import { TagGroupContext } from './chunk-LCAS3YQV.js';
 import { TagContext } from './chunk-EWMWQ2MC.js';
-import { _HelperMessage } from './chunk-2DF25AEQ.js';
-import { _ErrorMessage } from './chunk-N3XC5CZP.js';
-import { _Label } from './chunk-PHQ6YPQQ.js';
-import { useFormProps } from './chunk-7EUXODLY.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___pfKOC", "hop-TagGroup__label": "TagGroup-module__hop-TagGroup__label___iCozS", "hop-TagGroup__list": "TagGroup-module__hop-TagGroup__list___mm9hn", "hop-TagGroup__error-message": "TagGroup-module__hop-TagGroup__error-message___hr57K", "hop-TagGroup__helper-message": "TagGroup-module__hop-TagGroup__helper-message___dxlVn" };
+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-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-TZEOP7YF.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___D2vvC", "placeholder-shimmer": "ListBoxItemSkeleton-module__placeholder-shimmer___XQ0MH", "hop-ListBoxItemSkeleton--xs": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___uLeSU", "hop-ListBoxItemSkeleton--sm": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___fHZT8", "hop-ListBoxItemSkeleton--md": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___kfNSo", "hop-ListBoxItemSkeleton--lg": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___QLO3j" };
+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-BHIQ5PPC.js → chunk-7SMF3TO5.js}

@@ -1,6 +1,6 @@
 import { InternalSegmentedControlContext } from './chunk-JHX5QEIH.js';
 import { SegmentedControlItemContext } from './chunk-TDKQPTN6.js';
-import { _Text } from './chunk-3JJL6GD6.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___VOSrb", "hop-SegmentedControlItem__slider": "SegmentedControlItem-module__hop-SegmentedControlItem__slider___-87Co", "hop-SegmentedControlItem__wrapper": "SegmentedControlItem-module__hop-SegmentedControlItem__wrapper___Lck5C", "hop-SegmentedControlItem--md": "SegmentedControlItem-module__hop-SegmentedControlItem--md___Sab0L", "hop-SegmentedControlItem__icon": "SegmentedControlItem-module__hop-SegmentedControlItem__icon___4elRw", "hop-SegmentedControlItem__text": "SegmentedControlItem-module__hop-SegmentedControlItem__text___2Iy4U", "hop-SegmentedControlItem__start-icon": "SegmentedControlItem-module__hop-SegmentedControlItem__start-icon___Dpccu", "hop-SegmentedControlItem--justified": "SegmentedControlItem-module__hop-SegmentedControlItem--justified___UgPL1" };
+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-OCG7CSY5.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___1x3Fo", "hop-Image--rounded": "Image-module__hop-Image--rounded___YSBvP", "hop-Image--circular": "Image-module__hop-Image--circular___2afiF" };
+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-JAR25BBL.js → chunk-B7MWXJWS.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___RMXjP", "hop-FloatingBadge__badge": "FloatingBadge-module__hop-FloatingBadge__badge___7r-O4" };
+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-J6RDT7TX.js → chunk-BPO44JV2.js}

@@ -1,9 +1,9 @@
 import { CheckboxFieldContext } from './chunk-ZGNK4GWA.js';
 import { CheckboxContext } from './chunk-2EAZPH3M.js';
-import { useFormProps } from './chunk-7EUXODLY.js';
-import { _Text } from './chunk-3JJL6GD6.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___fQbVm", "hop-CheckboxField--sm": "CheckboxField-module__hop-CheckboxField--sm___wIeNc", "hop-CheckboxField--md": "CheckboxField-module__hop-CheckboxField--md___QYoHL", "hop-CheckboxField__description": "CheckboxField-module__hop-CheckboxField__description___80Ckr", "hop-CheckboxField__checkbox": "CheckboxField-module__hop-CheckboxField__checkbox___Tr9Cu" };
+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-7SCKD7PW.js → chunk-CKH5EUEC.js}

@@ -1,9 +1,9 @@
 import { RadioContext } from './chunk-FU5CCPLP.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
-import { ensureTextWrapper } from './chunk-4BXMSXYQ.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___Jb88Z Radio-module__hop-Radio___upCAH", "hop-DecorativeRadio--sm": "DecorativeRadio-module__hop-DecorativeRadio--sm___XLPMl Radio-module__hop-Radio--sm___9bTbB", "hop-DecorativeRadio--md": "DecorativeRadio-module__hop-DecorativeRadio--md___HGaT5 Radio-module__hop-Radio--md___iA7YH", "hop-DecorativeRadio__icon": "DecorativeRadio-module__hop-DecorativeRadio__icon___s4OA0 Radio-module__hop-Radio__icon___dPIaA", "hop-DecorativeRadio__icon-list": "DecorativeRadio-module__hop-DecorativeRadio__icon-list___1FwaZ Radio-module__hop-Radio__icon___dPIaA", "hop-DecorativeRadio__box": "DecorativeRadio-module__hop-DecorativeRadio__box___apXnq Radio-module__hop-Radio__box___HW11I", "hop-DecorativeRadio__bullet": "DecorativeRadio-module__hop-DecorativeRadio__bullet___o2Yiz Radio-module__hop-Radio__bullet___Vs9-c", "hop-DecorativeRadio__text": "DecorativeRadio-module__hop-DecorativeRadio__text___PHdnh Radio-module__hop-Radio__text___0Szs3" };
+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-WX5UNPM3.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___wsazM", "hop-OverlineText__text": "OverlineText-module__hop-OverlineText__text___sBkU7" };
+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-I73SWVA3.js → chunk-CZRMFNRT.js}

@@ -1,9 +1,9 @@
 import { CheckboxContext } from './chunk-2EAZPH3M.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
-import { ensureTextWrapper } from './chunk-4BXMSXYQ.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___zvouT Checkbox-module__hop-Checkbox___XMfmk", "hop-DecorativeCheckbox--sm": "DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___-v0AT Checkbox-module__hop-Checkbox--sm___-uP-z", "hop-DecorativeCheckbox--md": "DecorativeCheckbox-module__hop-DecorativeCheckbox--md___d78ZK Checkbox-module__hop-Checkbox--md___8fZVy", "hop-DecorativeCheckbox__icon": "DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___47R3- Checkbox-module__hop-Checkbox__icon___duryy", "hop-DecorativeCheckbox__icon-list": "DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___Gila9 Checkbox-module__hop-Checkbox__icon___duryy", "hop-DecorativeCheckbox__box": "DecorativeCheckbox-module__hop-DecorativeCheckbox__box___xVC-J Checkbox-module__hop-Checkbox__box___tfNJB", "hop-DecorativeCheckbox__check": "DecorativeCheckbox-module__hop-DecorativeCheckbox__check___ng4eR Checkbox-module__hop-Checkbox__check___2DMVA", "hop-DecorativeCheckbox__text": "DecorativeCheckbox-module__hop-DecorativeCheckbox__text___GxA-K Checkbox-module__hop-Checkbox__text___26W86" };
+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-NJUYQ7VF.js → chunk-EZF74GSX.js}

@@ -1,6 +1,6 @@
 import { RadioContext } from './chunk-FU5CCPLP.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
-import { ensureTextWrapper } from './chunk-4BXMSXYQ.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___upCAH", "hop-Radio--sm": "Radio-module__hop-Radio--sm___9bTbB", "hop-Radio--md": "Radio-module__hop-Radio--md___iA7YH", "hop-Radio__icon": "Radio-module__hop-Radio__icon___dPIaA", "hop-Radio__icon-list": "Radio-module__hop-Radio__icon-list___1A2BK", "hop-Radio__box": "Radio-module__hop-Radio__box___HW11I", "hop-Radio__bullet": "Radio-module__hop-Radio__bullet___Vs9-c", "hop-Radio__text": "Radio-module__hop-Radio__text___0Szs3" };
+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 };

package/dist/chunk-F6D7LSXZ.js

@@ -0,0 +1,73 @@
+import { InputGroupContext } from './chunk-6BFSSZCY.js';
+import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
+import { cssModule } from './chunk-KVDXQMWI.js';
+import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
+import { forwardRef, useContext } from 'react';
+import { useContextProps, FieldErrorContext, composeRenderProps, Group } from 'react-aria-components';
+import { jsx } from 'react/jsx-runtime';
+
+// css-module:./InputGroup.module.css#css-module
+var InputGroup_module_default = { "hop-InputGroup": "InputGroup-module__hop-InputGroup___-SLz7", "hop-InputGroup--fluid": "InputGroup-module__hop-InputGroup--fluid___Ev-PS" };
+var GlobalInputGroupCssSelector = "hop-InputGroup";
+function InputGroup(props, ref) {
+  var _a;
+  [props, ref] = useContextProps(props, ref, InputGroupContext);
+  const { stylingProps, ...ownProps } = useStyledSystem(props);
+  const {
+    className,
+    style: styleProp,
+    children,
+    isFluid: isFluidProp,
+    isInvalid,
+    ...otherProps
+  } = ownProps;
+  const isFluid = (_a = useResponsiveValue(isFluidProp)) != null ? _a : false;
+  const classNames = composeClassnameRenderProps(
+    className,
+    GlobalInputGroupCssSelector,
+    cssModule(
+      InputGroup_module_default,
+      "hop-InputGroup",
+      isFluid && "fluid"
+    ),
+    stylingProps.className
+  );
+  const validation = useContext(FieldErrorContext);
+  const style = composeRenderProps(styleProp, (prev) => {
+    return {
+      ...stylingProps.style,
+      ...prev
+    };
+  });
+  const handlePointerUp = (e) => {
+    var _a2;
+    if (e.pointerType !== "mouse" && !e.target.closest("button,input,textarea")) {
+      e.preventDefault();
+      (_a2 = e.currentTarget.querySelector("input")) == null ? void 0 : _a2.focus();
+    }
+  };
+  const handlePointerDown = (e) => {
+    var _a2;
+    if (e.pointerType === "mouse" && !e.target.closest("button,input,textarea")) {
+      e.preventDefault();
+      (_a2 = e.currentTarget.querySelector("input")) == null ? void 0 : _a2.focus();
+    }
+  };
+  return /* @__PURE__ */ jsx(
+    Group,
+    {
+      isInvalid: (validation == null ? void 0 : validation.isInvalid) || isInvalid,
+      onPointerDown: handlePointerDown,
+      onPointerUp: handlePointerUp,
+      ref,
+      className: classNames,
+      style,
+      ...otherProps,
+      children
+    }
+  );
+}
+var _InputGroup = forwardRef(InputGroup);
+_InputGroup.displayName = "InputGroup";
+
+export { GlobalInputGroupCssSelector, _InputGroup };