@hopper-ui/components 1.0.5 → 1.0.6

package/dist/{chunk-22YUFCHD.js → chunk-MVRI6GLQ.js}

@@ -1,6 +1,6 @@
-import { ErrorMessageContext } from './chunk-ACVMW6YD.js';
 import { useRenderProps } from './chunk-NH3IVMXB.js';
-import { _Text } from './chunk-7Q7VIED2.js';
+import { ErrorMessageContext } from './chunk-FAE27DLF.js';
+import { _Text } from './chunk-RG4JKE4N.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { WarningIcon } from '@hopper-ui/icons';
 import { useStyledSystem } from '@hopper-ui/styled-system';
@@ -10,7 +10,7 @@ import { FieldErrorContext, useContextProps } from 'react-aria-components';
 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___r0-aG", "hop-ErrorMessage__icon": "ErrorMessage-module__hop-ErrorMessage__icon___Kkk3g" };
+var ErrorMessage_module_default = { "hop-ErrorMessage": "ErrorMessage-module__hop-ErrorMessage___SA3fD", "hop-ErrorMessage__icon": "ErrorMessage-module__hop-ErrorMessage__icon___cB2Bk" };
 var GlobalErrorMessageCssSelector = "hop-ErrorMessage";
 function ErrorMessage(props, ref) {
   const validation = useContext(FieldErrorContext);

package/dist/{chunk-ANVMQBBG.js → chunk-NMKBUGSO.js}

@@ -26,7 +26,18 @@ var HopperProvider = (props, ref) => {
   if (navigate) {
     content = /* @__PURE__ */ jsx(RouterProvider, { navigate, useHref, children });
   }
-  return /* @__PURE__ */ jsx(StyledSystemProvider, { ref, withBodyStyle, colorScheme, withCssVariables, className: classNames, ...rest, children: /* @__PURE__ */ jsx(I18nProvider, { locale, children: content }) });
+  return /* @__PURE__ */ jsx(
+    StyledSystemProvider,
+    {
+      ref,
+      withBodyStyle,
+      colorScheme,
+      withCssVariables,
+      className: classNames,
+      ...rest,
+      children: /* @__PURE__ */ jsx(I18nProvider, { locale, children: content })
+    }
+  );
 };
 var _HopperProvider = forwardRef(HopperProvider);
 _HopperProvider.displayName = "HopperProvider";

package/dist/chunk-O5PTD6IN.js

@@ -0,0 +1,41 @@
+import { SectionContext } from './chunk-5H5AZJPQ.js';
+import { useStyledSystem } from '@hopper-ui/styled-system';
+import clsx from 'clsx';
+import { forwardRef } from 'react';
+import { useContextProps, Section as Section$1 } from 'react-aria-components';
+import { jsx } from 'react/jsx-runtime';
+
+var GlobalSectionCssSelector = "hop-Section";
+function Section(props, ref) {
+  [props, ref] = useContextProps(props, ref, SectionContext);
+  const { stylingProps, ...ownProps } = useStyledSystem(props);
+  const {
+    className,
+    children,
+    style,
+    ...otherProps
+  } = ownProps;
+  const classNames = clsx(
+    GlobalSectionCssSelector,
+    stylingProps.className,
+    className
+  );
+  const mergedStyles = {
+    ...stylingProps.style,
+    ...style
+  };
+  return /* @__PURE__ */ jsx(
+    Section$1,
+    {
+      ...otherProps,
+      ref,
+      className: classNames,
+      style: mergedStyles,
+      children
+    }
+  );
+}
+var _Section = forwardRef(Section);
+_Section.displayName = "Section";
+
+export { GlobalSectionCssSelector, _Section };

package/dist/{chunk-P7JRKXBD.js → chunk-OHB5QR5P.js}

@@ -1,6 +1,6 @@
 import { ClearButtonContext } from './chunk-DXVKHP4V.js';
-import { _EmbeddedButton } from './chunk-F7S2I43Y.js';
-import { useLocalizedString } from './chunk-H6CDFWVR.js';
+import { _EmbeddedButton } from './chunk-MED2BIDV.js';
+import { useLocalizedString } from './chunk-ZOTVZM6F.js';
 import { DismissIcon } from '@hopper-ui/icons';
 import { forwardRef } from 'react';
 import { useContextProps } from 'react-aria-components';

package/dist/chunk-OKZYR4RF.js

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

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

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

package/dist/{chunk-KOA2CREJ.js → chunk-QBCCF2C2.js}

@@ -1,11 +1,11 @@
-import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
+import { LinkContext } from './chunk-4VVNSXIB.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
+import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
-import { LinkContext } from './chunk-4VVNSXIB.js';
-import { _Text } from './chunk-7Q7VIED2.js';
+import { _Text } from './chunk-RG4JKE4N.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
-import { cssModule } from './chunk-KVDXQMWI.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
+import { cssModule } from './chunk-KVDXQMWI.js';
 import { IconContext } from '@hopper-ui/icons';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
 import { forwardRef } from 'react';
@@ -13,7 +13,7 @@ import { useContextProps, composeRenderProps, DEFAULT_SLOT, Link as Link$1 } fro
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Link.module.css#css-module
-var Link_module_default = { "hop-Link": "Link-module__hop-Link___UXQIE", "hop-Link--quiet": "Link-module__hop-Link--quiet___wGnRL", "hop-Link--primary": "Link-module__hop-Link--primary___ti1DR", "hop-Link--secondary": "Link-module__hop-Link--secondary___WUbS9", "hop-Link__icon": "Link-module__hop-Link__icon___4hTxA", "hop-Link__icon-list": "Link-module__hop-Link__icon-list___4mwdq", "hop-Link__text": "Link-module__hop-Link__text___zwfdO", "hop-Link__start-icon": "Link-module__hop-Link__start-icon___qb39L", "hop-Link__start-icon-list": "Link-module__hop-Link__start-icon-list___2OqTa" };
+var Link_module_default = { "hop-Link": "Link-module__hop-Link___m4HlM", "hop-Link--quiet": "Link-module__hop-Link--quiet___PEKek", "hop-Link--primary": "Link-module__hop-Link--primary___-EqWZ", "hop-Link--secondary": "Link-module__hop-Link--secondary___UNknc", "hop-Link__icon": "Link-module__hop-Link__icon___KiZR6", "hop-Link__icon-list": "Link-module__hop-Link__icon-list___eu2Y4", "hop-Link__text": "Link-module__hop-Link__text___I34XD", "hop-Link__start-icon": "Link-module__hop-Link__start-icon___Klqm6", "hop-Link__start-icon-list": "Link-module__hop-Link__start-icon-list___23TDM" };
 var GlobalLinkCssSelector = "hop-Link";
 var LinkToIconSizeAdapter = {
   inherit: void 0,

package/dist/chunk-RA7PM75O.js

@@ -0,0 +1,142 @@
+import { isFunction } from './chunk-TIPN4VYD.js';
+import { useLoadOnScroll } from './chunk-JTNMFPM4.js';
+import { SectionContext } from './chunk-5H5AZJPQ.js';
+import { ListBoxContext } from './chunk-UIEP5BA5.js';
+import { _ListBoxItem } from './chunk-E4ALW4MZ.js';
+import { useLocalizedString } from './chunk-ZOTVZM6F.js';
+import { ListBoxItemContext } from './chunk-Y2POLIXK.js';
+import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
+import { HeaderContext } from './chunk-7JOGKC3W.js';
+import { DividerContext } from './chunk-FYIHMKHI.js';
+import { _Text } from './chunk-RG4JKE4N.js';
+import { SlotProvider } from './chunk-M36KANKC.js';
+import { cssModule } from './chunk-KVDXQMWI.js';
+import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
+import clsx from 'clsx';
+import { forwardRef } from 'react';
+import { useContextProps, composeRenderProps, ListBox as ListBox$1, Collection } from 'react-aria-components';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+// css-module:./ListBox.module.css#css-module
+var ListBox_module_default = { "hop-ListBox": "ListBox-module__hop-ListBox___SARwA", "hop-ListBox--fluid": "ListBox-module__hop-ListBox--fluid___Imbbr", "hop-ListBox__section": "ListBox-module__hop-ListBox__section___EdImM", "hop-ListBox__item": "ListBox-module__hop-ListBox__item___-dZ1Z", "hop-ListBox__section-header": "ListBox-module__hop-ListBox__section-header___F18mO", "hop-ListBox__divider": "ListBox-module__hop-ListBox__divider___5vc2s" };
+var GlobalListBoxCssSelector = "hop-ListBox";
+var GlobalListBoxEmptyItemCssSelector = "hop-ListBox__empty-item";
+var ListBoxToTextSizeAdapter = {
+  xs: "sm",
+  sm: "sm",
+  md: "sm",
+  lg: "md"
+};
+function ListBox(props, ref) {
+  var _a, _b;
+  [props, ref] = useContextProps(props, ref, ListBoxContext);
+  const { stylingProps, ...ownProps } = useStyledSystem(props);
+  const {
+    className,
+    children,
+    disallowEmptySelection: disallowEmptySelectionProp,
+    isFluid: isFluidProp,
+    isInvalid,
+    isLoading,
+    onLoadMore,
+    renderEmptyState,
+    size: sizeProp,
+    style: styleProp,
+    selectionIndicator = "check",
+    selectionMode,
+    ...otherProps
+  } = ownProps;
+  const size = (_a = useResponsiveValue(sizeProp)) != null ? _a : "sm";
+  const isFluid = (_b = useResponsiveValue(isFluidProp)) != null ? _b : false;
+  const disallowEmptySelection = disallowEmptySelectionProp != null ? disallowEmptySelectionProp : selectionIndicator === "input" && selectionMode === "single";
+  const stringFormatter = useLocalizedString();
+  const classNames = composeClassnameRenderProps(
+    className,
+    GlobalListBoxCssSelector,
+    cssModule(
+      ListBox_module_default,
+      "hop-ListBox",
+      size,
+      isFluid && "fluid"
+    ),
+    stylingProps.className
+  );
+  const emptyItemClassNames = clsx(
+    GlobalListBoxEmptyItemCssSelector,
+    cssModule(
+      ListBox_module_default,
+      "hop-ListBox__empty-item",
+      size
+    )
+  );
+  const style = composeRenderProps(styleProp, (prev) => {
+    return {
+      ...stylingProps.style,
+      ...prev
+    };
+  });
+  const onScroll = useLoadOnScroll({ isLoading, onLoadMore }, ref);
+  const renderChildren = () => {
+    if (props.items) {
+      return /* @__PURE__ */ jsx(Collection, { items: props.items, children: (item) => isFunction(children) ? children(item) : children });
+    }
+    return /* @__PURE__ */ jsx(Fragment, { children });
+  };
+  const handleRenderEmptyState = (renderProps) => {
+    let result = null;
+    if (renderEmptyState && isFunction(renderEmptyState)) {
+      result = renderEmptyState(renderProps);
+      if (result) {
+        return /* @__PURE__ */ jsx(_Text, { className: emptyItemClassNames, size: ListBoxToTextSizeAdapter[size], children: result });
+      }
+    }
+    return result;
+  };
+  return /* @__PURE__ */ jsx(
+    SlotProvider,
+    {
+      values: [
+        [HeaderContext, {
+          className: ListBox_module_default["hop-ListBox__section-header"]
+        }],
+        [SectionContext, {
+          className: ListBox_module_default["hop-ListBox__section"]
+        }],
+        [DividerContext, {
+          className: ListBox_module_default["hop-ListBox__divider"]
+        }],
+        [ListBoxItemContext, {
+          className: ListBox_module_default["hop-ListBox__item"],
+          size,
+          selectionIndicator,
+          isInvalid
+        }]
+      ],
+      children: /* @__PURE__ */ jsxs(
+        ListBox$1,
+        {
+          ...otherProps,
+          ref,
+          className: classNames,
+          disallowEmptySelection,
+          renderEmptyState: handleRenderEmptyState,
+          selectionMode,
+          style,
+          onScroll,
+          "data-loading": isLoading,
+          shouldSelectOnPressUp: true,
+          children: [
+            renderChildren(),
+            isLoading && Array.from({ length: 5 }).map((_, index) => {
+              return /* @__PURE__ */ jsx(_ListBoxItem, { id: `loadingListItem_${index.toString()}`, isLoading, size, textValue: stringFormatter.format("ListBoxItem.loadingTextValue") }, `loadingListItem_${index.toString()}`);
+            })
+          ]
+        }
+      )
+    }
+  );
+}
+var _ListBox = forwardRef(ListBox);
+_ListBox.displayName = "ListBox";
+
+export { GlobalListBoxCssSelector, GlobalListBoxEmptyItemCssSelector, _ListBox };

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

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

package/dist/{chunk-7Q7VIED2.js → chunk-RG4JKE4N.js}

@@ -1,7 +1,7 @@
-import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
-import { cssModule } from './chunk-KVDXQMWI.js';
+import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
+import { cssModule } from './chunk-KVDXQMWI.js';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
 import clsx from 'clsx';
 import { forwardRef } from 'react';
@@ -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___xYoYb", "hop-Text--xs": "Text-module__hop-Text--xs___nPUGu", "hop-Text--sm": "Text-module__hop-Text--sm___nMPq3", "hop-Text--md": "Text-module__hop-Text--md___HT-Wz", "hop-Text--lg": "Text-module__hop-Text--lg___NL7tS", "hop-Text--xl": "Text-module__hop-Text--xl___3aFN2", "hop-Text--2xl": "Text-module__hop-Text--2xl___bsEDq", "hop-Text--inherit": "Text-module__hop-Text--inherit___xKxgn" };
+var Text_module_default = { "hop-Text": "Text-module__hop-Text___B7ZPi", "hop-Text--xs": "Text-module__hop-Text--xs___2lyVp", "hop-Text--sm": "Text-module__hop-Text--sm___ZJw0q", "hop-Text--md": "Text-module__hop-Text--md___JVXXA", "hop-Text--lg": "Text-module__hop-Text--lg___cL0LO", "hop-Text--xl": "Text-module__hop-Text--xl___KLn7g", "hop-Text--2xl": "Text-module__hop-Text--2xl___gb6mt", "hop-Text--inherit": "Text-module__hop-Text--inherit___-UFCW" };
 var GlobalTextCssSelector = "hop-Text";
 function Text(props, ref) {
   [props, ref] = useContextProps(props, ref, TextContext);

package/dist/{chunk-WNVTTHBK.js → chunk-SOSHKMNI.js}

@@ -1,5 +1,6 @@
-import { _OverlineText } from './chunk-3IEED7AY.js';
-import { BadgeContext } from './chunk-ZSFJVMJN.js';
+import { _OverlineText } from './chunk-K4ZGI7DJ.js';
+import { BadgeContext } from './chunk-CQDLZ42T.js';
+import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { useStyledSystem } from '@hopper-ui/styled-system';
 import clsx from 'clsx';
@@ -8,7 +9,7 @@ import { useContextProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Badge.module.css#css-module
-var Badge_module_default = { "hop-Badge": "Badge-module__hop-Badge___6JEMi", "hop-Badge--primary": "Badge-module__hop-Badge--primary___fXWYG", "hop-Badge--secondary": "Badge-module__hop-Badge--secondary___vxWGy" };
+var Badge_module_default = { "hop-Badge": "Badge-module__hop-Badge___vobuo", "hop-Badge--primary": "Badge-module__hop-Badge--primary___qDeOA", "hop-Badge--secondary": "Badge-module__hop-Badge--secondary___jTHaT" };
 var GlobalBadgeCssSelector = "hop-Badge";
 function Badge(props, ref) {
   [props, ref] = useContextProps(props, ref, BadgeContext);
@@ -36,7 +37,7 @@ function Badge(props, ref) {
     ...stylingProps.style,
     ...style
   };
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(ClearContainerSlots, { children: /* @__PURE__ */ jsx(
     _OverlineText,
     {
       ...otherProps,
@@ -48,7 +49,7 @@ function Badge(props, ref) {
       "aria-disabled": isDisabled || void 0,
       children
     }
-  );
+  ) });
 }
 var _Badge = forwardRef(Badge);
 _Badge.displayName = "Badge";

package/dist/chunk-UIEP5BA5.js

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

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

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

package/dist/{chunk-LUAIMTPE.js → chunk-XGKPMLYD.js}

@@ -1,15 +1,15 @@
 import { useSlot } from './chunk-H5YTU3U7.js';
-import { useRenderProps } from './chunk-NH3IVMXB.js';
-import { useLocalizedString } from './chunk-H6CDFWVR.js';
-import { _Spinner } from './chunk-BVGKXCQH.js';
 import { ButtonContext } from './chunk-WMTWFKKP.js';
-import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
+import { _Spinner } from './chunk-G242LPQE.js';
+import { useLocalizedString } from './chunk-ZOTVZM6F.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
+import { useRenderProps } from './chunk-NH3IVMXB.js';
+import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
-import { _Text } from './chunk-7Q7VIED2.js';
+import { _Text } from './chunk-RG4JKE4N.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
-import { cssModule } from './chunk-KVDXQMWI.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
+import { cssModule } from './chunk-KVDXQMWI.js';
 import { IconContext } from '@hopper-ui/icons';
 import { slot, useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
 import { chain, filterDOMProps, useRouter, shouldClientNavigate } from '@react-aria/utils';
@@ -19,7 +19,7 @@ import { useContextProps, ButtonContext as ButtonContext$1, composeRenderProps,
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // css-module:./Button.module.css#css-module
-var Button_module_default = { "hop-Button": "Button-module__hop-Button___omxTR", "hop-Button--icon-only": "Button-module__hop-Button--icon-only___mAijh", "hop-Button--fluid": "Button-module__hop-Button--fluid___tJx6A", "hop-Button--sm": "Button-module__hop-Button--sm___jBmjK", "hop-Button--primary": "Button-module__hop-Button--primary___GiYHc", "hop-Button--md": "Button-module__hop-Button--md___azhbR", "hop-Button--secondary": "Button-module__hop-Button--secondary___W9BWc", "hop-Button--upsell": "Button-module__hop-Button--upsell___RGRcm", "hop-Button--danger": "Button-module__hop-Button--danger___yqtna", "hop-Button--ghost-danger": "Button-module__hop-Button--ghost-danger___I3F3m", "hop-Button--ghost-secondary": "Button-module__hop-Button--ghost-secondary___kosyt", "hop-Button--ghost-primary": "Button-module__hop-Button--ghost-primary___fmoef", "hop-Button__Spinner": "Button-module__hop-Button__Spinner___Ib9EV", "hop-Button__icon": "Button-module__hop-Button__icon___zdZvL", "hop-Button__icon-list": "Button-module__hop-Button__icon-list___QHAI7", "hop-Button__text": "Button-module__hop-Button__text___NfHmc", "hop-Button__end-icon": "Button-module__hop-Button__end-icon___exbfl", "hop-Button__end-icon-list": "Button-module__hop-Button__end-icon-list___yyYdR" };
+var Button_module_default = { "hop-Button": "Button-module__hop-Button___6Jiki", "hop-Button--icon-only": "Button-module__hop-Button--icon-only___y4CMb", "hop-Button--fluid": "Button-module__hop-Button--fluid___amZH5", "hop-Button--sm": "Button-module__hop-Button--sm___3GNbY", "hop-Button--primary": "Button-module__hop-Button--primary___7PQ3v", "hop-Button--md": "Button-module__hop-Button--md___jB89G", "hop-Button--secondary": "Button-module__hop-Button--secondary___M28Qu", "hop-Button--upsell": "Button-module__hop-Button--upsell___kpJX6", "hop-Button--danger": "Button-module__hop-Button--danger___3zlGc", "hop-Button--ghost-danger": "Button-module__hop-Button--ghost-danger___Lm-JJ", "hop-Button--ghost-secondary": "Button-module__hop-Button--ghost-secondary___5s8pM", "hop-Button--ghost-primary": "Button-module__hop-Button--ghost-primary___exZqP", "hop-Button__Spinner": "Button-module__hop-Button__Spinner___4F-DD", "hop-Button__icon": "Button-module__hop-Button__icon___2A2PD", "hop-Button__icon-list": "Button-module__hop-Button__icon-list___Zttas", "hop-Button__text": "Button-module__hop-Button__text___Wa9pk", "hop-Button__end-icon": "Button-module__hop-Button__end-icon___471ZI", "hop-Button__end-icon-list": "Button-module__hop-Button__end-icon-list___WAbW6" };
 var GlobalButtonCssSelector = "hop-Button";
 var additionalButtonHTMLAttributes = /* @__PURE__ */ new Set(["form", "formAction", "formEncType", "formMethod", "formNoValidate", "formTarget", "name", "value"]);
 function useSimulatedRACButton(props, ref) {

package/dist/{chunk-THCG3QCD.js → chunk-XRC7XE6B.js}

@@ -1,8 +1,8 @@
 import { SwitchFieldContext } from './chunk-H7VJS4MX.js';
 import { SwitchContext } from './chunk-YHBJAXUY.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
-import { cssModule } from './chunk-KVDXQMWI.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
+import { cssModule } from './chunk-KVDXQMWI.js';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
 import clsx from 'clsx';
 import { forwardRef } from 'react';
@@ -11,7 +11,7 @@ import { useContextProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./SwitchField.module.css#css-module
-var SwitchField_module_default = { "hop-SwitchField": "SwitchField-module__hop-SwitchField___nmxTu", "hop-SwitchField--sm": "SwitchField-module__hop-SwitchField--sm___cVtQp", "hop-SwitchField--md": "SwitchField-module__hop-SwitchField--md___DpMwX", "hop-SwitchField__description": "SwitchField-module__hop-SwitchField__description___hUNKc", "hop-SwitchField__switch": "SwitchField-module__hop-SwitchField__switch___-gZNo" };
+var SwitchField_module_default = { "hop-SwitchField": "SwitchField-module__hop-SwitchField___w3L7V", "hop-SwitchField--sm": "SwitchField-module__hop-SwitchField--sm___xSnx9", "hop-SwitchField--md": "SwitchField-module__hop-SwitchField--md___lEJk0", "hop-SwitchField__description": "SwitchField-module__hop-SwitchField__description___qqhZZ", "hop-SwitchField__switch": "SwitchField-module__hop-SwitchField__switch___sDRnX" };
 var GlobalSwitchFieldCssSelector = "hop-SwitchField";
 var SwitchToDescriptionSizeAdapter = {
   sm: "xs",

package/dist/chunk-Y2POLIXK.js

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

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

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

package/dist/i18n/src/index.js

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

package/dist/i18n/src/useLocalizedString.js

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

package/dist/inputs/src/InputGroup.css

@@ -1,5 +1,5 @@
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/InputGroup.module.css/#css-module-data */
-.InputGroup-module__hop-InputGroup___e9z-X {
+.InputGroup-module__hop-InputGroup___8-hBh {
   --hop-InputGroup-background: var(--hop-neutral-surface);
   --hop-InputGroup-border-color: var(--hop-neutral-border);
   --hop-InputGroup-border-width: 0.0625rem;
@@ -47,27 +47,27 @@
   border: var(--border);
   border-radius: var(--hop-InputGroup-border-radius);
 }
-.InputGroup-module__hop-InputGroup--fluid___8BiWy {
+.InputGroup-module__hop-InputGroup--fluid___IhxFv {
   --inline-size: 100% ;
 }
-.InputGroup-module__hop-InputGroup--sm___fqMJ7 {
+.InputGroup-module__hop-InputGroup--sm___xBYVZ {
   --block-size: var(--hop-InputGroup-sm-block-size);
 }
-.InputGroup-module__hop-InputGroup___e9z-X[data-hovered] {
+.InputGroup-module__hop-InputGroup___8-hBh[data-hovered] {
   --background: var(--hop-InputGroup-background-hover);
   --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-hover) ;
 }
-.InputGroup-module__hop-InputGroup___e9z-X[data-focus-within] {
+.InputGroup-module__hop-InputGroup___8-hBh[data-focus-within] {
   --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-focus) ;
 }
-.InputGroup-module__hop-InputGroup___e9z-X[data-invalid] {
+.InputGroup-module__hop-InputGroup___8-hBh[data-invalid] {
   --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-invalid) ;
 }
-.InputGroup-module__hop-InputGroup___e9z-X[data-disabled] {
+.InputGroup-module__hop-InputGroup___8-hBh[data-disabled] {
   --background: var(--hop-InputGroup-background-disabled);
   --border: 0.0625rem solid var(--hop-InputGroup-border-color-disabled) ;
 }
-.InputGroup-module__hop-InputGroup__input___GP9M7 {
+.InputGroup-module__hop-InputGroup__input___8IwkG {
   --input-font-family: var(--hop-InputGroup-input-md-font-family);
   --input-font-size: var(--hop-InputGroup-input-md-font-size);
   --input-font-weight: var(--hop-InputGroup-input-md-font-weight);
@@ -89,23 +89,23 @@
   border: none;
   outline: none;
 }
-.InputGroup-module__hop-InputGroup--fluid___8BiWy .InputGroup-module__hop-InputGroup__input___GP9M7 {
+.InputGroup-module__hop-InputGroup--fluid___IhxFv .InputGroup-module__hop-InputGroup__input___8IwkG {
   --input-inline-size: 100%;
 }
-.InputGroup-module__hop-InputGroup--sm___fqMJ7 .InputGroup-module__hop-InputGroup__input___GP9M7 {
+.InputGroup-module__hop-InputGroup--sm___xBYVZ .InputGroup-module__hop-InputGroup__input___8IwkG {
   --input-font-family: var(--hop-InputGroup-input-sm-font-family);
   --input-font-size: var(--hop-InputGroup-input-sm-font-size);
   --input-font-weight: var(--hop-InputGroup-input-sm-font-weight);
   --input-line-height: var(--hop-InputGroup-input-sm-line-height);
   --input-block-size: var(--hop-InputGroup-input-sm-block-size);
 }
-.InputGroup-module__hop-InputGroup__input___GP9M7::placeholder {
+.InputGroup-module__hop-InputGroup__input___8IwkG::placeholder {
   font-family: var(--hop-InputGroup-placeholder-font-family);
   font-size: var(--hop-InputGroup-placeholder-font-size);
   font-weight: var(--hop-InputGroup-placeholder-font-weight);
   line-height: var(--hop-InputGroup-placeholder-line-height);
   color: var(--input-placeholder-color);
 }
-.InputGroup-module__hop-InputGroup__input___GP9M7[data-disabled]::placeholder {
+.InputGroup-module__hop-InputGroup__input___8IwkG[data-disabled]::placeholder {
   --input-placeholder-color: var(--hop-InputGroup-placeholder-color-disabled);
 }

package/dist/inputs/src/InputGroup.js

@@ -1,6 +1,6 @@
-export { GlobalInputGroupCssSelector, _InputGroup as InputGroup } from '../../chunk-GWEUWPLT.js';
+export { GlobalInputGroupCssSelector, _InputGroup as InputGroup } from '../../chunk-V5GOY6TV.js';
 import '../../chunk-6BFSSZCY.js';
 import '../../chunk-65JPI4FL.js';
-import '../../chunk-KVDXQMWI.js';
 import '../../chunk-M36KANKC.js';
+import '../../chunk-KVDXQMWI.js';
 import '../../chunk-2P3A4VVY.js';