@hopper-ui/components 1.3.23 → 1.3.25

package/dist/utils/src/index.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___UA2-K {
+.Heading-module__hop-Heading___PZH3U {
   --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___UA2-K) {
+:where(.Heading-module__hop-Heading___PZH3U) {
   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___JuI6Z) {
+:where(.Heading-module__hop-Heading--xs___I-PNg) {
   --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___n-J5E) {
+:where(.Heading-module__hop-Heading--sm___wKJf5) {
   --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___h9Hi3) {
+:where(.Heading-module__hop-Heading--md___kqhjn) {
   --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___SBfls) {
+:where(.Heading-module__hop-Heading--lg___kXlhF) {
   --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___7Vy5T) {
+:where(.Heading-module__hop-Heading--xl___-8ce8) {
   --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___GbcDM) {
+:where(.Heading-module__hop-Heading--2xl___KRgGY) {
   --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___iwezV) {
+:where(.Heading-module__hop-Heading--3xl___kKyqV) {
   --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/Text/src/Text.module.css/#css-module-data */
-.Text-module__hop-Text___AovO6 {
+.Text-module__hop-Text___13nPk {
   --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);
@@ -114,49 +114,49 @@
   --hop-Text-inherit-size-font-weight: inherit;
   --hop-Text-inherit-size-line-height: inherit;
 }
-:where(.Text-module__hop-Text___AovO6) {
+:where(.Text-module__hop-Text___13nPk) {
   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___isCct) {
+:where(.Text-module__hop-Text--xs___4PYRL) {
   --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___ey2C4) {
+:where(.Text-module__hop-Text--sm___R0d9u) {
   --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___OBWp5) {
+:where(.Text-module__hop-Text--md___xiBnj) {
   --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___rnq-9) {
+:where(.Text-module__hop-Text--lg___yOLxE) {
   --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___U7CZo) {
+:where(.Text-module__hop-Text--xl___uUwf-) {
   --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___dpqJD) {
+:where(.Text-module__hop-Text--2xl___bg2X9) {
   --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___BYTB4) {
+:where(.Text-module__hop-Text--inherit___hrzn1) {
   --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);
@@ -164,7 +164,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___yYKTh) {
+:where(.OverlineText-module__hop-OverlineText___d6THC) {
   --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);
@@ -188,39 +188,39 @@
   text-transform: uppercase;
   letter-spacing: var(--letter-spacing);
 }
-.OverlineText-module__hop-OverlineText__text___sJpdF {
+.OverlineText-module__hop-OverlineText__text___m9fud {
   box-sizing: border-box;
 }
-.OverlineText-module__hop-OverlineText__text___sJpdF::before,
-.OverlineText-module__hop-OverlineText__text___sJpdF::after {
+.OverlineText-module__hop-OverlineText__text___m9fud::before,
+.OverlineText-module__hop-OverlineText__text___m9fud::after {
   content: "";
   display: block;
   box-sizing: border-box;
   inline-size: 0;
   block-size: 0;
 }
-.OverlineText-module__hop-OverlineText__text___sJpdF::before {
+.OverlineText-module__hop-OverlineText__text___m9fud::before {
   margin-block-end: var(--bottom-offset);
 }
-.OverlineText-module__hop-OverlineText__text___sJpdF::after {
+.OverlineText-module__hop-OverlineText__text___m9fud::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___Dq4FO {
+.Label-module__hop-Label___Wuql9 {
   --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___Dq4FO) {
+:where(.Label-module__hop-Label___Wuql9) {
   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___G2AKG) {
+:where(.Label-module__hop-Label__indicator___ybqw3) {
   padding-inline-start: var(--hop-space-20);
 }

package/dist/utils/src/index.d.ts

@@ -6,7 +6,7 @@ export { EnsureTextWrapper } from './EnsureTextWrapper.js';
 export { isTextOnlyChildren } from './isTextOnlyChildren.js';
 export { Size, SizeAdapter } from './sizeAdapter.js';
 export { SlotProvider, SlotProviderProps } from './SlotProvider.js';
-export { AccessibleSlotProps, Align, BaseComponentDOMProps, DOMProps, FieldSize, InputGroupVariant, InteractionProps, NecessityIndicator, RenderProps, RenderPropsHookOptions, StyleProps, StyleRenderProps } from './types.js';
+export { AccessibleSlotProps, Align, BaseComponentDOMProps, DOMProps, FieldProps, FieldSize, InputGroupVariant, InteractionProps, NecessityIndicator, RenderProps, RenderPropsHookOptions, StyleProps, StyleRenderProps } from './types.js';
 export { useFontFaceReady } from './useFontFaceReady.js';
 export { useIsOverflow } from './useIsOverflow.js';
 export { useRenderProps } from './useRenderProps.js';

package/dist/utils/src/index.js

@@ -6,21 +6,21 @@ export { useScale } from '../../chunk-MTDFS4CZ.js';
 export { useSlot } from '../../chunk-H5YTU3U7.js';
 export { useIsOverflow } from '../../chunk-EHXOXTDN.js';
 export { isArray, isDefined, isEmptyArray, isFunction, isNil, isNilOrEmpty, isNull, isNumber, isObject, isPlainObject, isPromise, isString, isUndefined } from '../../chunk-TIPN4VYD.js';
-export { EnsureTextWrapper } from '../../chunk-2ASLFWR3.js';
+export { EnsureTextWrapper } from '../../chunk-QH5LWKA7.js';
 export { isTextOnlyChildren } from '../../chunk-ZWU6DRRZ.js';
 import '../../chunk-LJXTJRSB.js';
-import '../../chunk-T3RZI4I7.js';
-import '../../chunk-ZSCI4FHZ.js';
+import '../../chunk-P6DGNPLB.js';
 import '../../chunk-TXZ6BMFR.js';
+import '../../chunk-AAMEZDS5.js';
 import '../../chunk-QCA3ZR56.js';
 import '../../chunk-TFVDF4YH.js';
-import '../../chunk-OJWMKFCM.js';
+import '../../chunk-5HPWSPMG.js';
 import '../../chunk-WPNVVGFW.js';
-import '../../chunk-JM577F4Y.js';
+import '../../chunk-FR7CLIF6.js';
 import '../../chunk-X6SER3TZ.js';
 export { ClearContainerSlots, ClearProviders } from '../../chunk-HXI3MEEK.js';
-export { SlotProvider } from '../../chunk-M36KANKC.js';
 export { useRenderProps } from '../../chunk-NH3IVMXB.js';
 export { composeClassnameRenderProps } from '../../chunk-65JPI4FL.js';
+export { SlotProvider } from '../../chunk-M36KANKC.js';
 export { cssModule } from '../../chunk-KVDXQMWI.js';
 import '../../chunk-JSBRDJBE.js';

package/dist/utils/src/types.d.ts

@@ -1,3 +1,4 @@
+import { ResponsiveProp } from '@hopper-ui/styled-system';
 import { DOMProps as DOMProps$1, AriaLabelingProps } from '@react-types/shared';
 import { CSSProperties, ReactNode } from 'react';
 import { SlotProps } from 'react-aria-components';
@@ -82,5 +83,28 @@ type Align = "start" | "end" | "center";
 type FieldSize = "sm" | "md";
 type NecessityIndicator = "asterisk" | "label";
 type InputGroupVariant = "borderless" | "bordered";
+interface FieldProps {
+    /**
+     * The helper message of the field.
+     */
+    description?: ReactNode;
+    /**
+     * The error message of the field.
+     */
+    errorMessage?: ReactNode;
+    /**
+     * The label of the field.
+     */
+    label?: ReactNode;
+    /**
+     * Whether the required state should be shown as an asterisk or a label, which would display (Optional) on all non required field labels.
+     */
+    necessityIndicator?: NecessityIndicator;
+    /**
+     * A CheckboxGroup can vary in size.
+     * @default "md"
+     */
+    size?: ResponsiveProp<FieldSize>;
+}
 
-export type { AccessibleSlotProps, Align, BaseComponentDOMProps, DOMProps, FieldSize, InputGroupVariant, InteractionProps, NecessityIndicator, RenderProps, RenderPropsHookOptions, StyleProps, StyleRenderProps };
+export type { AccessibleSlotProps, Align, BaseComponentDOMProps, DOMProps, FieldProps, FieldSize, InputGroupVariant, InteractionProps, NecessityIndicator, RenderProps, RenderPropsHookOptions, StyleProps, StyleRenderProps };

package/dist/utils/src/useRenderProps.d.ts

@@ -2,6 +2,7 @@ import * as react from 'react';
 import { ReactNode } from 'react';
 import * as csstype from 'csstype';
 import { RenderPropsHookOptions } from './types.js';
+import '@hopper-ui/styled-system';
 import '@react-types/shared';
 import 'react-aria-components';
 
@@ -386,7 +387,7 @@ declare function useRenderProps<T>(props: RenderPropsHookOptions<T>): {
         writingMode?: csstype.Property.WritingMode | undefined;
         zIndex?: csstype.Property.ZIndex | undefined;
         zoom?: csstype.Property.Zoom | undefined;
-        all?: csstype.Globals | undefined;
+        all?: csstype.Property.All | undefined;
         animation?: csstype.Property.Animation<string & {}> | undefined;
         animationRange?: csstype.Property.AnimationRange<string | number> | undefined;
         background?: csstype.Property.Background<string | number> | undefined;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@hopper-ui/components",
   "author": "Workleap",
-  "version": "1.3.23",
+  "version": "1.3.25",
   "description": "The components package.",
   "license": "Apache-2.0",
   "repository": {
@@ -45,39 +45,40 @@
     "@react-stately/utils": "^3.10.4",
     "@react-types/shared": "^3.25.0",
     "clsx": "^2.1.1",
-    "@hopper-ui/icons": "2.8.3"
+    "@hopper-ui/icons": "2.8.4"
   },
   "devDependencies": {
-    "@swc/core": "1.5.25",
-    "@swc/helpers": "0.5.11",
+    "@swc/core": "1.7.36",
+    "@swc/helpers": "0.5.13",
     "@swc/jest": "0.2.36",
-    "@testing-library/dom": "10.1.0",
-    "@testing-library/jest-dom": "6.4.6",
-    "@testing-library/react": "16.0.0",
+    "@testing-library/dom": "10.4.0",
+    "@testing-library/jest-dom": "6.6.1",
+    "@testing-library/react": "16.0.1",
     "@testing-library/user-event": "14.5.2",
-    "@types/jest": "29.5.12",
-    "@types/react": "18.3.3",
-    "@types/react-dom": "18.3.0",
+    "@types/eslint": "8.56.12",
+    "@types/jest": "29.5.13",
+    "@types/react": "18.3.11",
+    "@types/react-dom": "18.3.1",
     "@types/react-test-renderer": "18.3.0",
     "@workleap/eslint-plugin": "3.2.2",
     "@workleap/swc-configs": "2.2.3",
     "@workleap/tsup-configs": "3.0.6",
     "@workleap/typescript-configs": "3.0.2",
-    "eslint": "8.57.0",
+    "eslint": "8.57.1",
     "identity-obj-proxy": "3.0.0",
     "jest": "29.7.0",
     "jest-environment-jsdom": "29.7.0",
-    "jest-fail-on-console": "3.3.0",
+    "jest-fail-on-console": "3.3.1",
     "jest-fetch-mock": "3.0.3",
     "react": "18.3.1",
-    "react-aria": "3.35.0",
-    "react-aria-components": "1.4.0",
+    "react-aria": "3.35.1",
+    "react-aria-components": "1.4.1",
     "react-dom": "18.3.1",
     "react-test-renderer": "18.3.1",
-    "ts-jest": "29.1.4",
-    "tsup": "8.1.0",
-    "typescript": "5.4.5",
-    "@hopper-ui/styled-system": "2.4.0"
+    "ts-jest": "29.2.5",
+    "tsup": "8.3.0",
+    "typescript": "5.5.4",
+    "@hopper-ui/styled-system": "2.4.1"
   },
   "scripts": {
     "dev": "tsup --config ./tsup.dev.ts",

package/dist/Avatar/src/AnonymousAvatar.temp.css

@@ -1,296 +0,0 @@
-/* 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___UA2-K {
-  --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);
-  --hop-Heading-xs-line-height: var(--hop-heading-xs-line-height);
-  --hop-Heading-sm-font-size: var(--hop-heading-sm-font-size);
-  --hop-Heading-sm-font-family: var(--hop-heading-sm-font-family);
-  --hop-Heading-sm-font-weight: var(--hop-heading-sm-font-weight);
-  --hop-Heading-sm-line-height: var(--hop-heading-sm-line-height);
-  --hop-Heading-md-font-size: var(--hop-heading-md-font-size);
-  --hop-Heading-md-font-family: var(--hop-heading-md-font-family);
-  --hop-Heading-md-font-weight: var(--hop-heading-md-font-weight);
-  --hop-Heading-md-line-height: var(--hop-heading-md-line-height);
-  --hop-Heading-lg-font-size: var(--hop-heading-lg-font-size);
-  --hop-Heading-lg-font-family: var(--hop-heading-lg-font-family);
-  --hop-Heading-lg-font-weight: var(--hop-heading-lg-font-weight);
-  --hop-Heading-lg-line-height: var(--hop-heading-lg-line-height);
-  --hop-Heading-xl-font-size: var(--hop-heading-xl-font-size);
-  --hop-Heading-xl-font-family: var(--hop-heading-xl-font-family);
-  --hop-Heading-xl-font-weight: var(--hop-heading-xl-font-weight);
-  --hop-Heading-xl-line-height: var(--hop-heading-xl-line-height);
-  --hop-Heading-2xl-font-size: var(--hop-heading-2xl-font-size);
-  --hop-Heading-2xl-font-family: var(--hop-heading-2xl-font-family);
-  --hop-Heading-2xl-font-weight: var(--hop-heading-2xl-font-weight);
-  --hop-Heading-2xl-line-height: var(--hop-heading-2xl-line-height);
-  --hop-Heading-3xl-font-size: var(--hop-heading-3xl-font-size);
-  --hop-Heading-3xl-font-family: var(--hop-heading-3xl-font-family);
-  --hop-Heading-3xl-font-weight: var(--hop-heading-3xl-font-weight);
-  --hop-Heading-3xl-line-height: var(--hop-heading-3xl-line-height);
-  --hop-Heading-inherit-size-font-size: inherit;
-  --hop-Heading-inherit-size-font-family: inherit;
-  --hop-Heading-inherit-size-font-weight: inherit;
-  --hop-Heading-inherit-size-line-height: inherit;
-}
-:where(.Heading-module__hop-Heading___UA2-K) {
-  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___JuI6Z) {
-  --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___n-J5E) {
-  --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___h9Hi3) {
-  --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___SBfls) {
-  --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___7Vy5T) {
-  --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___GbcDM) {
-  --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___iwezV) {
-  --font-size: var(--hop-Heading-3xl-font-size);
-  --font-family: var(--hop-Heading-3xl-font-family);
-  --font-weight: var(--hop-Heading-3xl-font-weight);
-  --line-height: var(--hop-Heading-3xl-line-height);
-}
-
-/* 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___AovO6 {
-  --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);
-  --hop-Text-xs-line-height: var(--hop-body-xs-line-height);
-  --hop-Text-sm-font-size: var(--hop-body-sm-font-size);
-  --hop-Text-sm-font-family: var(--hop-body-sm-font-family);
-  --hop-Text-sm-font-weight: var(--hop-body-sm-font-weight);
-  --hop-Text-sm-line-height: var(--hop-body-sm-line-height);
-  --hop-Text-md-font-size: var(--hop-body-md-font-size);
-  --hop-Text-md-font-family: var(--hop-body-md-font-family);
-  --hop-Text-md-font-weight: var(--hop-body-md-font-weight);
-  --hop-Text-md-line-height: var(--hop-body-md-line-height);
-  --hop-Text-lg-font-size: var(--hop-body-lg-font-size);
-  --hop-Text-lg-font-family: var(--hop-body-lg-font-family);
-  --hop-Text-lg-font-weight: var(--hop-body-lg-font-weight);
-  --hop-Text-lg-line-height: var(--hop-body-lg-line-height);
-  --hop-Text-xl-font-size: var(--hop-body-xl-font-size);
-  --hop-Text-xl-font-family: var(--hop-body-xl-font-family);
-  --hop-Text-xl-font-weight: var(--hop-body-xl-font-weight);
-  --hop-Text-xl-line-height: var(--hop-body-xl-line-height);
-  --hop-Text-2xl-font-size: var(--hop-body-2xl-font-size);
-  --hop-Text-2xl-font-family: var(--hop-body-2xl-font-family);
-  --hop-Text-2xl-font-weight: var(--hop-body-2xl-font-weight);
-  --hop-Text-2xl-line-height: var(--hop-body-2xl-line-height);
-  --hop-Text-inherit-size-font-size: inherit;
-  --hop-Text-inherit-size-font-family: inherit;
-  --hop-Text-inherit-size-font-weight: inherit;
-  --hop-Text-inherit-size-line-height: inherit;
-}
-:where(.Text-module__hop-Text___AovO6) {
-  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___isCct) {
-  --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___ey2C4) {
-  --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___OBWp5) {
-  --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___rnq-9) {
-  --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___U7CZo) {
-  --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___dpqJD) {
-  --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___BYTB4) {
-  --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);
-  --line-height: var(--hop-Text-inherit-size-line-height);
-}
-
-/* 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___yYKTh) {
-  --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);
-  --hop-OverlineText-letter-spacing: 0.015rem;
-  --hop-OverlineText-line-height: var(--hop-overline-line-height);
-  --hop-OverlineText-top-offset: var(--hop-overline-top-offset);
-  --hop-OverlineText-bottom-offset: var(--hop-overline-bottom-offset);
-  --font-family: var(--hop-OverlineText-font-family);
-  --font-size: var(--hop-OverlineText-font-size);
-  --font-weight: var(--hop-OverlineText-font-weight);
-  --letter-spacing: var(--hop-OverlineText-letter-spacing);
-  --line-height: var(--hop-OverlineText-line-height);
-  --top-offset: var(--hop-OverlineText-top-offset);
-  --bottom-offset: var(--hop-OverlineText-bottom-offset);
-  box-sizing: border-box;
-  font-family: var(--font-family);
-  font-size: var(--font-size);
-  font-feature-settings: "case";
-  font-weight: var(--font-weight);
-  line-height: var(--line-height);
-  text-transform: uppercase;
-  letter-spacing: var(--letter-spacing);
-}
-.OverlineText-module__hop-OverlineText__text___sJpdF {
-  box-sizing: border-box;
-}
-.OverlineText-module__hop-OverlineText__text___sJpdF::before,
-.OverlineText-module__hop-OverlineText__text___sJpdF::after {
-  content: "";
-  display: block;
-  box-sizing: border-box;
-  inline-size: 0;
-  block-size: 0;
-}
-.OverlineText-module__hop-OverlineText__text___sJpdF::before {
-  margin-block-end: var(--bottom-offset);
-}
-.OverlineText-module__hop-OverlineText__text___sJpdF::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___Dq4FO {
-  --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___Dq4FO) {
-  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___G2AKG) {
-  padding-inline-start: var(--hop-space-20);
-}
-
-/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Avatar/src/RichIconAvatarImage.module.css/#css-module-data */
-.RichIconAvatarImage-module__hop-RichIconAvatarImage___fJpxu {
-  --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);
-  --hop-RichIconAvatarImage-xs-size: 1rem;
-  --hop-RichIconAvatarImage-icon-xs-size: 1rem;
-  --hop-RichIconAvatarImage-sm-size: 1.5rem;
-  --hop-RichIconAvatarImage-icon-sm-size: 1.5rem;
-  --hop-RichIconAvatarImage-md-size: 2rem;
-  --hop-RichIconAvatarImage-icon-md-size: 2rem;
-  --hop-RichIconAvatarImage-lg-size: 3rem;
-  --hop-RichIconAvatarImage-icon-lg-size: 3rem;
-  --hop-RichIconAvatarImage-xl-size: 4rem;
-  --hop-RichIconAvatarImage-icon-xl-size: 4rem;
-  --hop-RichIconAvatarImage-2xl-size: 6rem;
-  --hop-RichIconAvatarImage-icon-2xl-size: 4rem;
-  --hop-RichIconAvatarImage-background-color-disabled: var(--hop-neutral-surface-disabled);
-  --hop-RichIconAvatarImage-icon-color-disabled: var(--hop-neutral-icon-disabled);
-  --background-color: var(--hop-RichIconAvatarImage-background-color);
-  user-select: none;
-  position: relative;
-  overflow: hidden;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  inline-size: var(--size, var(--hop-RichIconAvatarImage-md-size));
-  block-size: var(--size, var(--hop-RichIconAvatarImage-md-size));
-  color: var(--hop-RichIconAvatarImage-icon-color);
-  background-color: var(--background-color);
-  border-radius: var(--hop-RichIconAvatarImage-border-radius);
-}
-.RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___tN6hq {
-  --size: var(--hop-RichIconAvatarImage-xs-size);
-  --icon-size: var(--hop-RichIconAvatarImage-icon-xs-size);
-}
-.RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___rmQVO {
-  --size: var(--hop-RichIconAvatarImage-sm-size);
-  --icon-size: var(--hop-RichIconAvatarImage-icon-sm-size);
-}
-.RichIconAvatarImage-module__hop-RichIconAvatarImage--md___4KyFb {
-  --size: var(--hop-RichIconAvatarImage-md-size);
-  --icon-size: var(--hop-RichIconAvatarImage-icon-md-size);
-}
-.RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___Keqpd {
-  --size: var(--hop-RichIconAvatarImage-lg-size);
-  --icon-size: var(--hop-RichIconAvatarImage-icon-lg-size);
-}
-.RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___8Iryg {
-  --size: var(--hop-RichIconAvatarImage-xl-size);
-  --icon-size: var(--hop-RichIconAvatarImage-icon-xl-size);
-}
-.RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___f4D7v {
-  --size: var(--hop-RichIconAvatarImage-2xl-size);
-  --icon-size: var(--hop-RichIconAvatarImage-icon-2xl-size);
-}
-.RichIconAvatarImage-module__hop-RichIconAvatarImage___fJpxu[data-disabled] {
-  --background-color: var(--hop-RichIconAvatarImage-background-color-disabled);
-}
-.RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___Jsl0A {
-  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___fJpxu[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___Jsl0A {
-  --hop-RichIcon-placeholder-background: var(--hop-RichIconAvatarImage-background-color-disabled);
-  --hop-RichIcon-placeholder-shadow: var(--hop-RichIconAvatarImage-icon-color-disabled);
-}