@hopper-ui/components 1.3.25 → 1.3.26

package/dist/Select/src/Select.d.ts

@@ -2,15 +2,46 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import { StyledComponentProps, ResponsiveProp } from '@hopper-ui/styled-system';
 import { ReactNode, ForwardedRef } from 'react';
 import { SelectValueRenderProps, ButtonProps, SelectProps as SelectProps$1 } from 'react-aria-components';
-import { NecessityIndicator, FieldSize } from '../../utils/src/types.js';
+import { ListBoxProps } from '../../ListBox/src/ListBox.js';
+import { SelectionIndicator } from '../../ListBox/src/ListBoxItem.js';
+export { ListBoxItem as SelectItem } from '../../ListBox/src/ListBoxItem.js';
+import { PopoverProps } from '../../overlays/Popover/src/Popover.js';
+import { FieldProps, MenuAlignment, MenuDirection } from '../../utils/src/types.js';
+import '../../checkbox/src/DecorativeCheckbox.js';
+import '../../checkbox/src/Checkbox.js';
 import '@react-types/shared';
+import '../../radio/src/DecorativeRadio.js';
+import '../../radio/src/Radio.js';
+import 'react-aria';
 
 declare const GlobalSelectCssSelector = "hop-Select";
 type ValueRenderProps = SelectValueRenderProps<object> & {
     defaultChildren: ReactNode;
 };
 type SelectTriggerProps = StyledComponentProps<ButtonProps>;
-interface SelectProps<T extends object> extends StyledComponentProps<SelectProps$1<T>> {
+interface SelectProps<T extends object> extends StyledComponentProps<Omit<SelectProps$1<T>, "children">>, FieldProps {
+    /**
+     * The alignment of the menu.
+     * @default "start"
+     */
+    align?: ResponsiveProp<MenuAlignment>;
+    /**
+     * The items of the Select.
+     */
+    children: ReactNode | ((item: T) => ReactNode);
+    /**
+     * The direction that the menu should open.
+     * @default "bottom"
+     */
+    direction?: ResponsiveProp<MenuDirection>;
+    /**
+     * The footer of the select.
+     */
+    footer?: ReactNode;
+    /**
+     * If `true`, the select menu will not be the width of the trigger and instead be the width of its contents.
+     */
+    isAutoMenuWidth?: boolean;
     /**
      * If `true`, the select will take all available width.
      * @default false
@@ -21,13 +52,25 @@ interface SelectProps<T extends object> extends StyledComponentProps<SelectProps
      */
     items?: Iterable<T>;
     /**
-     * Whether the required state should be shown as an asterisk or a label, which would display (Optional) on all non required field labels.
+     * Whether data is currently being loaded.
+     * */
+    isLoading?: boolean;
+    /**
+     * The list box props.
      */
-    necessityIndicator?: NecessityIndicator;
+    listBoxProps?: ListBoxProps<T>;
+    /**
+     * Handler that is called when more items should be loaded, e.g. while scrolling near the bottom.
+     * */
+    onLoadMore?: () => void;
     /**
      * The placeholder text when the select is empty.
      */
     placeholder?: string;
+    /**
+     * The props for the popover.
+     */
+    popoverProps?: PopoverProps;
     /**
      * An icon or text to display at the start of the select trigger.
      */
@@ -37,10 +80,15 @@ interface SelectProps<T extends object> extends StyledComponentProps<SelectProps
      */
     renderValue?: (valueRenderProps: ValueRenderProps) => ReactNode;
     /**
-     * The size of the select.
-     * @default "sm"
+     * The selection indicator to use. Only available if the selection mode is not "none".
+     * When set to "input", the selection indicator will be either a radio or checkbox based on the selection mode.
+     * @default "check"
+     */
+    selectionIndicator?: SelectionIndicator;
+    /**
+     * Whether the element should flip its orientation (e.g. top to bottom or left to right) when there is insufficient room for it to render completely.
      */
-    size?: ResponsiveProp<FieldSize>;
+    shouldFlip?: boolean;
     /**
      * The props for the select's trigger.
      */

package/dist/Select/src/Select.js

@@ -1,26 +1,121 @@
-export { GlobalSelectCssSelector, _Select as Select } from '../../chunk-RFDRCPQ7.js';
-import '../../chunk-WABC2ZXX.js';
-import '../../chunk-EHXOXTDN.js';
+export { GlobalSelectCssSelector, _Select as Select } from '../../chunk-Y4ZE6KY7.js';
+import '../../chunk-SC6ZK5ON.js';
+import '../../chunk-I4VPBQI7.js';
+import '../../chunk-3UP24VEW.js';
+import '../../chunk-E5B2HDJG.js';
+import '../../chunk-EWMWQ2MC.js';
+import '../../chunk-LCAS3YQV.js';
+import '../../chunk-WWRB4K4M.js';
+import '../../chunk-XLKYXKWE.js';
+import '../../chunk-AQSTIWVL.js';
+import '../../chunk-Q6YABMDY.js';
+import '../../chunk-DGLAGYBD.js';
+import '../../chunk-5MBJWRZD.js';
+import '../../chunk-O4UTOFYE.js';
+import '../../chunk-UV3CWRCS.js';
+import '../../chunk-H7VJS4MX.js';
+import '../../chunk-YHBJAXUY.js';
+import '../../chunk-N77LTZ4U.js';
+import '../../chunk-Y7HUXUHX.js';
+import '../../chunk-D6UTDI2K.js';
+import '../../chunk-GFHBDUJD.js';
+import '../../chunk-P46AXP47.js';
+import '../../chunk-BCCHOOJ6.js';
+import '../../chunk-O4XPUINW.js';
+import '../../chunk-DPC3Y6Y2.js';
+import '../../chunk-IXB2WK56.js';
+import '../../chunk-TVFC2MJ4.js';
+import '../../chunk-GTM56LGX.js';
+import '../../chunk-I67NHYK4.js';
+import '../../chunk-5U74TYYM.js';
+import '../../chunk-MTDFS4CZ.js';
+import '../../chunk-ZQ3AWYRR.js';
+import '../../chunk-BBBCM4UD.js';
+import '../../chunk-QW45G6K4.js';
+import '../../chunk-DTY2IJJ4.js';
+import '../../chunk-3NKF5TPD.js';
+import '../../chunk-KZQDYFSO.js';
+import '../../chunk-IU6XMS2X.js';
+import '../../chunk-MHQZXLKW.js';
+import '../../chunk-Z57VHYOF.js';
+import '../../chunk-7YCHVZAY.js';
+import '../../chunk-CPMQVH6E.js';
+import '../../chunk-N7YDPVZL.js';
+import '../../chunk-4T564HJ6.js';
+import '../../chunk-6BFSSZCY.js';
+import '../../chunk-3W66UTRH.js';
+import '../../chunk-34ER3Q3E.js';
+import '../../chunk-YO2QYRC2.js';
+import '../../chunk-ZGNK4GWA.js';
+import '../../chunk-2EV3YY6O.js';
+import '../../chunk-H5YTU3U7.js';
+import '../../chunk-RH56CRXC.js';
+import '../../chunk-3UQFC2NQ.js';
+import '../../chunk-WMTWFKKP.js';
+import '../../chunk-VJQ7M2BK.js';
+import '../../chunk-SHLXCNCB.js';
+import '../../chunk-DXVKHP4V.js';
+import '../../chunk-BX43IOO4.js';
+import '../../chunk-O7IJYNVQ.js';
 import '../../chunk-T24MBA34.js';
+import '../../chunk-EXL4IHCP.js';
+import '../../chunk-EHXOXTDN.js';
+import '../../chunk-QHS7OPTX.js';
+import '../../chunk-4ZYV2XLW.js';
+import '../../chunk-SEMHS2HM.js';
+import '../../chunk-TIPN4VYD.js';
 import '../../chunk-UIEP5BA5.js';
-import '../../chunk-QH5LWKA7.js';
+export { _ListBoxItem as SelectItem } from '../../chunk-D356AG3Y.js';
+import '../../chunk-3O7BL2KX.js';
+import '../../chunk-FU5CCPLP.js';
+import '../../chunk-GKELD2X2.js';
+import '../../chunk-2EAZPH3M.js';
+import '../../chunk-Y2POLIXK.js';
+import '../../chunk-TUAAD5PI.js';
+import '../../chunk-OKZYR4RF.js';
+import '../../chunk-O5PTD6IN.js';
+import '../../chunk-5H5AZJPQ.js';
+import '../../chunk-NMKBUGSO.js';
+import '../../chunk-ON7MQIOJ.js';
+import '../../chunk-ESWWZ7W6.js';
+import '../../chunk-ZZPW6TQD.js';
 import '../../chunk-ZWU6DRRZ.js';
 import '../../chunk-LJXTJRSB.js';
-import '../../chunk-P6DGNPLB.js';
+import '../../chunk-IFHFCK4B.js';
 import '../../chunk-TXZ6BMFR.js';
-import '../../chunk-AAMEZDS5.js';
+import '../../chunk-X5UWK5RL.js';
 import '../../chunk-QCA3ZR56.js';
 import '../../chunk-TFVDF4YH.js';
+import '../../chunk-DHVVYSLB.js';
+import '../../chunk-4VVNSXIB.js';
+import '../../chunk-EURJK4ZT.js';
+import '../../chunk-N5UT7MST.js';
+import '../../chunk-7JOGKC3W.js';
+import '../../chunk-D423VDJZ.js';
 import '../../chunk-HZKFQ33E.js';
+import '../../chunk-OH47EJDL.js';
 import '../../chunk-FAE27DLF.js';
-import '../../chunk-5HPWSPMG.js';
+import '../../chunk-4XHTP4GX.js';
+import '../../chunk-5VMRSEZJ.js';
+import '../../chunk-AN67K6WK.js';
 import '../../chunk-WPNVVGFW.js';
-import '../../chunk-FR7CLIF6.js';
+import '../../chunk-VAAXBSBQ.js';
+import '../../chunk-CQDLZ42T.js';
+import '../../chunk-CIGS4QGT.js';
+import '../../chunk-UNIVA5T3.js';
+import '../../chunk-FYIHMKHI.js';
+import '../../chunk-PLJGFTQE.js';
+import '../../chunk-XF3Q4TNE.js';
+import '../../chunk-QLFK4TDW.js';
 import '../../chunk-X6SER3TZ.js';
+import '../../chunk-LI5HSYF7.js';
 import '../../chunk-HXI3MEEK.js';
+import '../../chunk-Z2LOHKRH.js';
 import '../../chunk-AES7QBQE.js';
+import '../../chunk-UIVMBUPT.js';
 import '../../chunk-NH3IVMXB.js';
 import '../../chunk-65JPI4FL.js';
 import '../../chunk-M36KANKC.js';
 import '../../chunk-KVDXQMWI.js';
+import '../../chunk-JWW56J7M.js';
 import '../../chunk-JSBRDJBE.js';

package/dist/Select/src/SelectContext.d.ts

@@ -3,8 +3,16 @@ import { ContextValue } from 'react-aria-components';
 import { SelectProps } from './Select.js';
 import 'react/jsx-runtime';
 import '@hopper-ui/styled-system';
+import '../../ListBox/src/ListBox.js';
+import '../../ListBox/src/ListBoxItem.js';
+import '../../checkbox/src/DecorativeCheckbox.js';
 import '../../utils/src/types.js';
 import '@react-types/shared';
+import '../../checkbox/src/Checkbox.js';
+import '../../radio/src/DecorativeRadio.js';
+import '../../radio/src/Radio.js';
+import '../../overlays/Popover/src/Popover.js';
+import 'react-aria';
 
 type SelectContextProps = SelectProps<any>;
 declare const SelectContext: react.Context<ContextValue<Partial<SelectContextProps>, HTMLDivElement>>;

package/dist/Select/src/SelectValue.css

@@ -1,5 +1,5 @@
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Heading/src/Heading.module.css/#css-module-data */
-.Heading-module__hop-Heading___PZH3U {
+.Heading-module__hop-Heading___q26SZ {
   --hop-Heading-xs-font-size: var(--hop-heading-xs-font-size);
   --hop-Heading-xs-font-family: var(--hop-heading-xs-font-family);
   --hop-Heading-xs-font-weight: var(--hop-heading-xs-font-weight);
@@ -33,50 +33,50 @@
   --hop-Heading-inherit-size-font-weight: inherit;
   --hop-Heading-inherit-size-line-height: inherit;
 }
-:where(.Heading-module__hop-Heading___PZH3U) {
+:where(.Heading-module__hop-Heading___q26SZ) {
   margin: 0;
   font-family: var(--font-family);
   font-size: var(--font-size);
   font-weight: var(--font-weight);
   line-height: var(--line-height);
 }
-:where(.Heading-module__hop-Heading--xs___I-PNg) {
+:where(.Heading-module__hop-Heading--xs___9SyOh) {
   --font-size: var(--hop-Heading-xs-font-size);
   --font-family: var(--hop-Heading-xs-font-family);
   --font-weight: var(--hop-Heading-xs-font-weight);
   --line-height: var(--hop-Heading-xs-line-height);
 }
-:where(.Heading-module__hop-Heading--sm___wKJf5) {
+:where(.Heading-module__hop-Heading--sm___G9XTw) {
   --font-size: var(--hop-Heading-sm-font-size);
   --font-family: var(--hop-Heading-sm-font-family);
   --font-weight: var(--hop-Heading-sm-font-weight);
   --line-height: var(--hop-Heading-sm-line-height);
 }
-:where(.Heading-module__hop-Heading--md___kqhjn) {
+:where(.Heading-module__hop-Heading--md___bh0Lp) {
   --font-size: var(--hop-Heading-md-font-size);
   --font-family: var(--hop-Heading-md-font-family);
   --font-weight: var(--hop-Heading-md-font-weight);
   --line-height: var(--hop-Heading-md-line-height);
 }
-:where(.Heading-module__hop-Heading--lg___kXlhF) {
+:where(.Heading-module__hop-Heading--lg___CIDqI) {
   --font-size: var(--hop-Heading-lg-font-size);
   --font-family: var(--hop-Heading-lg-font-family);
   --font-weight: var(--hop-Heading-lg-font-weight);
   --line-height: var(--hop-Heading-lg-line-height);
 }
-:where(.Heading-module__hop-Heading--xl___-8ce8) {
+:where(.Heading-module__hop-Heading--xl___LSYRw) {
   --font-size: var(--hop-Heading-xl-font-size);
   --font-family: var(--hop-Heading-xl-font-family);
   --font-weight: var(--hop-Heading-xl-font-weight);
   --line-height: var(--hop-Heading-xl-line-height);
 }
-:where(.Heading-module__hop-Heading--2xl___KRgGY) {
+:where(.Heading-module__hop-Heading--2xl___qhs-3) {
   --font-size: var(--hop-Heading-2xl-font-size);
   --font-family: var(--hop-Heading-2xl-font-family);
   --font-weight: var(--hop-Heading-2xl-font-weight);
   --line-height: var(--hop-Heading-2xl-line-height);
 }
-:where(.Heading-module__hop-Heading--3xl___kKyqV) {
+:where(.Heading-module__hop-Heading--3xl___yfCW6) {
   --font-size: var(--hop-Heading-3xl-font-size);
   --font-family: var(--hop-Heading-3xl-font-family);
   --font-weight: var(--hop-Heading-3xl-font-weight);
@@ -84,7 +84,7 @@
 }
 
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/OverlineText/src/OverlineText.module.css/#css-module-data */
-:where(.OverlineText-module__hop-OverlineText___d6THC) {
+:where(.OverlineText-module__hop-OverlineText___5UYuc) {
   --hop-OverlineText-font-family: var(--hop-overline-font-family);
   --hop-OverlineText-font-size: var(--hop-overline-font-size);
   --hop-OverlineText-font-weight: var(--hop-overline-font-weight);
@@ -108,45 +108,45 @@
   text-transform: uppercase;
   letter-spacing: var(--letter-spacing);
 }
-.OverlineText-module__hop-OverlineText__text___m9fud {
+.OverlineText-module__hop-OverlineText__text___Fd-8K {
   box-sizing: border-box;
 }
-.OverlineText-module__hop-OverlineText__text___m9fud::before,
-.OverlineText-module__hop-OverlineText__text___m9fud::after {
+.OverlineText-module__hop-OverlineText__text___Fd-8K::before,
+.OverlineText-module__hop-OverlineText__text___Fd-8K::after {
   content: "";
   display: block;
   box-sizing: border-box;
   inline-size: 0;
   block-size: 0;
 }
-.OverlineText-module__hop-OverlineText__text___m9fud::before {
+.OverlineText-module__hop-OverlineText__text___Fd-8K::before {
   margin-block-end: var(--bottom-offset);
 }
-.OverlineText-module__hop-OverlineText__text___m9fud::after {
+.OverlineText-module__hop-OverlineText__text___Fd-8K::after {
   margin-block-start: var(--top-offset);
 }
 
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Label/src/Label.module.css/#css-module-data */
-.Label-module__hop-Label___Wuql9 {
+.Label-module__hop-Label___pQJk8 {
   --hop-Label-font-size: var(--hop-heading-xs-font-size);
   --hop-Label-font-family: var(--hop-heading-xs-font-family);
   --hop-Label-font-weight: var(--hop-heading-xs-font-weight);
   --hop-Label-line-height: var(--hop-heading-xs-line-height);
   --hop-Label-color: var(--hop-neutral-text-weak);
 }
-:where(.Label-module__hop-Label___Wuql9) {
+:where(.Label-module__hop-Label___pQJk8) {
   font-family: var(--hop-Label-font-family);
   font-size: var(--hop-Label-font-size);
   font-weight: var(--hop-Label-font-weight);
   line-height: var(--hop-Label-line-height);
   color: var(--hop-Label-color);
 }
-:where(.Label-module__hop-Label__indicator___ybqw3) {
+:where(.Label-module__hop-Label__indicator___LHF1G) {
   padding-inline-start: var(--hop-space-20);
 }
 
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Text/src/Text.module.css/#css-module-data */
-.Text-module__hop-Text___13nPk {
+.Text-module__hop-Text___Ms9UM {
   --hop-Text-xs-font-size: var(--hop-body-xs-font-size);
   --hop-Text-xs-font-family: var(--hop-body-xs-font-family);
   --hop-Text-xs-font-weight: var(--hop-body-xs-font-weight);
@@ -176,49 +176,49 @@
   --hop-Text-inherit-size-font-weight: inherit;
   --hop-Text-inherit-size-line-height: inherit;
 }
-:where(.Text-module__hop-Text___13nPk) {
+:where(.Text-module__hop-Text___Ms9UM) {
   font-family: var(--font-family);
   font-size: var(--font-size);
   font-weight: var(--font-weight);
   line-height: var(--line-height);
 }
-:where(.Text-module__hop-Text--xs___4PYRL) {
+:where(.Text-module__hop-Text--xs___EFy-e) {
   --font-size: var(--hop-Text-xs-font-size);
   --font-family: var(--hop-Text-xs-font-family);
   --font-weight: var(--hop-Text-xs-font-weight);
   --line-height: var(--hop-Text-xs-line-height);
 }
-:where(.Text-module__hop-Text--sm___R0d9u) {
+:where(.Text-module__hop-Text--sm___wEhhC) {
   --font-size: var(--hop-Text-sm-font-size);
   --font-family: var(--hop-Text-sm-font-family);
   --font-weight: var(--hop-Text-sm-font-weight);
   --line-height: var(--hop-Text-sm-line-height);
 }
-:where(.Text-module__hop-Text--md___xiBnj) {
+:where(.Text-module__hop-Text--md___PZ9Gy) {
   --font-size: var(--hop-Text-md-font-size);
   --font-family: var(--hop-Text-md-font-family);
   --font-weight: var(--hop-Text-md-font-weight);
   --line-height: var(--hop-Text-md-line-height);
 }
-:where(.Text-module__hop-Text--lg___yOLxE) {
+:where(.Text-module__hop-Text--lg___7e4eY) {
   --font-size: var(--hop-Text-lg-font-size);
   --font-family: var(--hop-Text-lg-font-family);
   --font-weight: var(--hop-Text-lg-font-weight);
   --line-height: var(--hop-Text-lg-line-height);
 }
-:where(.Text-module__hop-Text--xl___uUwf-) {
+:where(.Text-module__hop-Text--xl___6cRtq) {
   --font-size: var(--hop-Text-xl-font-size);
   --font-family: var(--hop-Text-xl-font-family);
   --font-weight: var(--hop-Text-xl-font-weight);
   --line-height: var(--hop-Text-xl-line-height);
 }
-:where(.Text-module__hop-Text--2xl___bg2X9) {
+:where(.Text-module__hop-Text--2xl___JtqvW) {
   --font-size: var(--hop-Text-2xl-font-size);
   --font-family: var(--hop-Text-2xl-font-family);
   --font-weight: var(--hop-Text-2xl-font-weight);
   --line-height: var(--hop-Text-2xl-line-height);
 }
-:where(.Text-module__hop-Text--inherit___hrzn1) {
+:where(.Text-module__hop-Text--inherit___e1vLn) {
   --font-size: var(--hop-Text-inherit-size-font-size);
   --font-family: var(--hop-Text-inherit-size-font-family);
   --font-weight: var(--hop-Text-inherit-size-font-weight);
@@ -226,7 +226,7 @@
 }
 
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Avatar/src/RichIconAvatarImage.module.css/#css-module-data */
-.RichIconAvatarImage-module__hop-RichIconAvatarImage___5sDjA {
+.RichIconAvatarImage-module__hop-RichIconAvatarImage___uoR-Y {
   --hop-RichIconAvatarImage-background-color: var(--hop-decorative-option7-surface);
   --hop-RichIconAvatarImage-border-radius: var(--hop-shape-circle);
   --hop-RichIconAvatarImage-icon-color: var(--hop-decorative-option7-icon);
@@ -257,46 +257,46 @@
   background-color: var(--background-color);
   border-radius: var(--hop-RichIconAvatarImage-border-radius);
 }
-.RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___ddRxZ {
+.RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___SRGBD {
   --size: var(--hop-RichIconAvatarImage-xs-size);
   --icon-size: var(--hop-RichIconAvatarImage-icon-xs-size);
 }
-.RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___1fm-y {
+.RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___qUbU7 {
   --size: var(--hop-RichIconAvatarImage-sm-size);
   --icon-size: var(--hop-RichIconAvatarImage-icon-sm-size);
 }
-.RichIconAvatarImage-module__hop-RichIconAvatarImage--md___Kj2Lr {
+.RichIconAvatarImage-module__hop-RichIconAvatarImage--md___UIhBA {
   --size: var(--hop-RichIconAvatarImage-md-size);
   --icon-size: var(--hop-RichIconAvatarImage-icon-md-size);
 }
-.RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___A3B7i {
+.RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___RCPAI {
   --size: var(--hop-RichIconAvatarImage-lg-size);
   --icon-size: var(--hop-RichIconAvatarImage-icon-lg-size);
 }
-.RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___rua-z {
+.RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___2X17a {
   --size: var(--hop-RichIconAvatarImage-xl-size);
   --icon-size: var(--hop-RichIconAvatarImage-icon-xl-size);
 }
-.RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___9iUK4 {
+.RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___beFZx {
   --size: var(--hop-RichIconAvatarImage-2xl-size);
   --icon-size: var(--hop-RichIconAvatarImage-icon-2xl-size);
 }
-.RichIconAvatarImage-module__hop-RichIconAvatarImage___5sDjA[data-disabled] {
+.RichIconAvatarImage-module__hop-RichIconAvatarImage___uoR-Y[data-disabled] {
   --background-color: var(--hop-RichIconAvatarImage-background-color-disabled);
 }
-.RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___MQqQm {
+.RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___BScF5 {
   position: relative;
   display: block;
   inline-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
   block-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
 }
-.RichIconAvatarImage-module__hop-RichIconAvatarImage___5sDjA[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___MQqQm {
+.RichIconAvatarImage-module__hop-RichIconAvatarImage___uoR-Y[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___BScF5 {
   --hop-RichIcon-placeholder-background: var(--hop-RichIconAvatarImage-background-color-disabled);
   --hop-RichIcon-placeholder-shadow: var(--hop-RichIconAvatarImage-icon-color-disabled);
 }
 
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Avatar/src/Avatar.module.css/#css-module-data */
-.Avatar-module__hop-Avatar___gAd-0 {
+.Avatar-module__hop-Avatar___lidkg {
   --hop-Avatar-border-radius: var(--hop-shape-circle);
   --hop-Avatar-mix-blend-mode: normal;
   --hop-Avatar-decorative-1-background-color: var(--hop-decorative-option1-surface-strong);
@@ -341,67 +341,67 @@
   background-color: var(--background-color, transparent);
   border-radius: var(--hop-Avatar-border-radius);
 }
-.Avatar-module__hop-Avatar--xs___eC-6C {
+.Avatar-module__hop-Avatar--xs___NLrD- {
   --size: var(--hop-Avatar-xs-size);
 }
-.Avatar-module__hop-Avatar--sm___hIvD3 {
+.Avatar-module__hop-Avatar--sm___X9HW1 {
   --size: var(--hop-Avatar-sm-size);
 }
-.Avatar-module__hop-Avatar--md___iy4Xo {
+.Avatar-module__hop-Avatar--md___BP5T0 {
   --size: var(--hop-Avatar-md-size);
 }
-.Avatar-module__hop-Avatar--lg___vy4yL {
+.Avatar-module__hop-Avatar--lg___TDDKv {
   --size: var(--hop-Avatar-lg-size);
 }
-.Avatar-module__hop-Avatar--xl___EZqEu {
+.Avatar-module__hop-Avatar--xl___sNu6S {
   --size: var(--hop-Avatar-xl-size);
 }
-.Avatar-module__hop-Avatar--2xl___SFnS7 {
+.Avatar-module__hop-Avatar--2xl___O7iFg {
   --size: var(--hop-Avatar-2xl-size);
 }
-.Avatar-module__hop-Avatar--decorative-option1___jrN-t {
+.Avatar-module__hop-Avatar--decorative-option1___Z-HLL {
   --background-color: var(--hop-Avatar-decorative-1-background-color);
   --text-color: var(--hop-Avatar-decorative-1-text-color);
 }
-.Avatar-module__hop-Avatar--decorative-option2___eqzWh {
+.Avatar-module__hop-Avatar--decorative-option2___jEXCg {
   --background-color: var(--hop-Avatar-decorative-2-background-color);
   --text-color: var(--hop-Avatar-decorative-2-text-color);
 }
-.Avatar-module__hop-Avatar--decorative-option3___DQtYk {
+.Avatar-module__hop-Avatar--decorative-option3___dxRcR {
   --background-color: var(--hop-Avatar-decorative-3-background-color);
   --text-color: var(--hop-Avatar-decorative-3-text-color);
 }
-.Avatar-module__hop-Avatar--decorative-option4___hlhhq {
+.Avatar-module__hop-Avatar--decorative-option4___rGfkB {
   --background-color: var(--hop-Avatar-decorative-4-background-color);
   --text-color: var(--hop-Avatar-decorative-4-text-color);
 }
-.Avatar-module__hop-Avatar--decorative-option5___SsHFq {
+.Avatar-module__hop-Avatar--decorative-option5___EG-Lh {
   --background-color: var(--hop-Avatar-decorative-5-background-color);
   --text-color: var(--hop-Avatar-decorative-5-text-color);
 }
-.Avatar-module__hop-Avatar--decorative-option6___uKUQ2 {
+.Avatar-module__hop-Avatar--decorative-option6___ZKoPM {
   --background-color: var(--hop-Avatar-decorative-6-background-color);
   --text-color: var(--hop-Avatar-decorative-6-text-color);
 }
-.Avatar-module__hop-Avatar--decorative-option7___9KkKG {
+.Avatar-module__hop-Avatar--decorative-option7___u4U31 {
   --background-color: var(--hop-Avatar-decorative-7-background-color);
   --text-color: var(--hop-Avatar-decorative-7-text-color);
 }
-.Avatar-module__hop-Avatar--decorative-option8___MlXXA {
+.Avatar-module__hop-Avatar--decorative-option8___93UVa {
   --background-color: var(--hop-Avatar-decorative-8-background-color);
   --text-color: var(--hop-Avatar-decorative-8-text-color);
 }
-.Avatar-module__hop-Avatar--decorative-option9___N-j7S {
+.Avatar-module__hop-Avatar--decorative-option9___xFQfQ {
   --background-color: var(--hop-Avatar-decorative-9-background-color);
   --text-color: var(--hop-Avatar-decorative-9-text-color);
 }
-.Avatar-module__hop-Avatar___gAd-0[data-disabled] {
+.Avatar-module__hop-Avatar___lidkg[data-disabled] {
   --background-color: var(--hop-Avatar-background-color-disabled);
   --text-color: var(--hop-Avatar-text-color-disabled);
   --mix-blend-mode: var(--hop-Avatar-mix-blend-mode-disabled);
   isolation: isolate;
 }
-.Avatar-module__hop-Avatar__image___W5cIl {
+.Avatar-module__hop-Avatar__image___Hel7a {
   position: relative;
   display: block;
   box-sizing: border-box;
@@ -412,7 +412,7 @@
 }
 
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Select/src/SelectValue.module.css/#css-module-data */
-.SelectValue-module__hop-SelectValue___KpDNd {
+.SelectValue-module__hop-SelectValue___-7Duw {
   --hop-SelectValue-display: inline-block;
   --hop-SelectValue-slots-display: flex;
   --hop-SelectValue-column-gap: var(--hop-space-inline-sm);
@@ -427,16 +427,16 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.SelectValue-module__hop-SelectValue___KpDNd:has(.SelectValue-module__hop-SelectValue__text___n1aK0) {
+.SelectValue-module__hop-SelectValue___-7Duw:has(.SelectValue-module__hop-SelectValue__text___c2loU) {
   --display: var(--hop-SelectValue-slots-display);
 }
-.SelectValue-module__hop-SelectValue__avatar___rQV2B {
+.SelectValue-module__hop-SelectValue__avatar___obxbM {
   order: 1;
 }
-.SelectValue-module__hop-SelectValue__icon___f9pQ6 {
+.SelectValue-module__hop-SelectValue__icon___79jCj {
   order: 2;
 }
-.SelectValue-module__hop-SelectValue__text___n1aK0 {
+.SelectValue-module__hop-SelectValue__text___c2loU {
   overflow: hidden;
   flex: 1 1 auto;
   order: 3;
@@ -444,6 +444,6 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.SelectValue-module__hop-SelectValue__end-icon___BAlZw {
+.SelectValue-module__hop-SelectValue__end-icon___BtAMD {
   order: 4;
 }

package/dist/Select/src/SelectValue.js

@@ -1,14 +1,14 @@
-export { GlobalSelectValueCssSelector, _SelectValue as SelectValue } from '../../chunk-WABC2ZXX.js';
+export { GlobalSelectValueCssSelector, _SelectValue as SelectValue } from '../../chunk-EXL4IHCP.js';
 import '../../chunk-EHXOXTDN.js';
 import '../../chunk-LJXTJRSB.js';
-import '../../chunk-P6DGNPLB.js';
+import '../../chunk-IFHFCK4B.js';
 import '../../chunk-TXZ6BMFR.js';
-import '../../chunk-AAMEZDS5.js';
+import '../../chunk-X5UWK5RL.js';
 import '../../chunk-QCA3ZR56.js';
 import '../../chunk-TFVDF4YH.js';
-import '../../chunk-5HPWSPMG.js';
+import '../../chunk-AN67K6WK.js';
 import '../../chunk-WPNVVGFW.js';
-import '../../chunk-FR7CLIF6.js';
+import '../../chunk-QLFK4TDW.js';
 import '../../chunk-X6SER3TZ.js';
 import '../../chunk-HXI3MEEK.js';
 import '../../chunk-AES7QBQE.js';