@hopper-ui/components 1.0.4 → 1.0.6

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

@@ -1,9 +1,9 @@
-import { RadioContext } from './chunk-FU5CCPLP.js';
 import { RadioFieldContext } from './chunk-DGLAGYBD.js';
-import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
+import { RadioContext } from './chunk-FU5CCPLP.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___j6Bgm", "hop-RadioField--sm": "RadioField-module__hop-RadioField--sm___jr--X", "hop-RadioField--md": "RadioField-module__hop-RadioField--md___RSqRn", "hop-RadioField__description": "RadioField-module__hop-RadioField__description___kCUrj", "hop-RadioField__radio": "RadioField-module__hop-RadioField__radio___ii87W" };
+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-WGDP4ECF.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___L5SE4", "hop-Text--xs": "Text-module__hop-Text--xs___4XSOM", "hop-Text--sm": "Text-module__hop-Text--sm___rxq9a", "hop-Text--md": "Text-module__hop-Text--md___I1rkh", "hop-Text--lg": "Text-module__hop-Text--lg___A5qVa", "hop-Text--xl": "Text-module__hop-Text--xl___W3xPi", "hop-Text--2xl": "Text-module__hop-Text--2xl___C50TH", "hop-Text--inherit": "Text-module__hop-Text--inherit___YDakN" };
+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-LRXYIR2A.js → chunk-SOSHKMNI.js}

@@ -1,5 +1,6 @@
-import { _OverlineText } from './chunk-BCHUEONM.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___mk1h-", "hop-Badge--primary": "Badge-module__hop-Badge--primary___RxxTa", "hop-Badge--secondary": "Badge-module__hop-Badge--secondary___8k1fQ" };
+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-DZTMUFVC.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___CKcpQ", "hop-InputGroup--fluid": "InputGroup-module__hop-InputGroup--fluid___hNp-0", "hop-InputGroup--sm": "InputGroup-module__hop-InputGroup--sm___-jfQQ", "hop-InputGroup__input": "InputGroup-module__hop-InputGroup__input___Di67W" };
+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-Y3L6TPP3.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-Y7XWWUMU.js';
 import { ButtonContext } from './chunk-WMTWFKKP.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 { _Text } from './chunk-WGDP4ECF.js';
+import { IconListContext } from './chunk-DHVVYSLB.js';
+import { _Text } from './chunk-RG4JKE4N.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
-import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
-import { cssModule } from './chunk-KVDXQMWI.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
-import { IconListContext } from './chunk-DHVVYSLB.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___0QG7O", "hop-Button--icon-only": "Button-module__hop-Button--icon-only___nE-Ma", "hop-Button--fluid": "Button-module__hop-Button--fluid___SC33v", "hop-Button--sm": "Button-module__hop-Button--sm___QU3Uy", "hop-Button--primary": "Button-module__hop-Button--primary___YcboG", "hop-Button--md": "Button-module__hop-Button--md___yg8Fl", "hop-Button--secondary": "Button-module__hop-Button--secondary___gylFe", "hop-Button--upsell": "Button-module__hop-Button--upsell___ddBGK", "hop-Button--danger": "Button-module__hop-Button--danger___aosRA", "hop-Button--ghost-danger": "Button-module__hop-Button--ghost-danger___dxJKj", "hop-Button--ghost-secondary": "Button-module__hop-Button--ghost-secondary___CkcMt", "hop-Button--ghost-primary": "Button-module__hop-Button--ghost-primary___qiCJB", "hop-Button__Spinner": "Button-module__hop-Button__Spinner___V265i", "hop-Button__icon": "Button-module__hop-Button__icon___mwjgX", "hop-Button__icon-list": "Button-module__hop-Button__icon-list___5kDpy", "hop-Button__text": "Button-module__hop-Button__text___YEnli", "hop-Button__end-icon": "Button-module__hop-Button__end-icon___1Hzgu", "hop-Button__end-icon-list": "Button-module__hop-Button__end-icon-list___ZjiCH" };
+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-N745TDH5.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___W9Kva", "hop-SwitchField--sm": "SwitchField-module__hop-SwitchField--sm___-WX6R", "hop-SwitchField--md": "SwitchField-module__hop-SwitchField--md___RjpcR", "hop-SwitchField__description": "SwitchField-module__hop-SwitchField__description___DCuF9", "hop-SwitchField__switch": "SwitchField-module__hop-SwitchField__switch___hsPE6" };
+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___CKcpQ {
+.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___hNp-0 {
+.InputGroup-module__hop-InputGroup--fluid___IhxFv {
   --inline-size: 100% ;
 }
-.InputGroup-module__hop-InputGroup--sm___-jfQQ {
+.InputGroup-module__hop-InputGroup--sm___xBYVZ {
   --block-size: var(--hop-InputGroup-sm-block-size);
 }
-.InputGroup-module__hop-InputGroup___CKcpQ[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___CKcpQ[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___CKcpQ[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___CKcpQ[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___Di67W {
+.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___hNp-0 .InputGroup-module__hop-InputGroup__input___Di67W {
+.InputGroup-module__hop-InputGroup--fluid___IhxFv .InputGroup-module__hop-InputGroup__input___8IwkG {
   --input-inline-size: 100%;
 }
-.InputGroup-module__hop-InputGroup--sm___-jfQQ .InputGroup-module__hop-InputGroup__input___Di67W {
+.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___Di67W::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___Di67W[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-DZTMUFVC.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';