@hopper-ui/components 1.16.2 → 1.16.4

package/dist/avatar/src/Avatar.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___Gkzq0 {
+.Heading-module__hop-Heading___HCw2M {
   --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,53 +33,53 @@
   --hop-Heading-inherit-size-font-weight: inherit;
   --hop-Heading-inherit-size-line-height: inherit;
 }
-:where(.Heading-module__hop-Heading___Gkzq0) {
+:where(.Heading-module__hop-Heading___HCw2M) {
   margin: 0;
   color: var(--hop-neutral-text);
 }
-:where(.Heading-module__hop-Heading___Gkzq0):not(.Heading-module__hop-Heading--unset___--8lU) {
+:where(.Heading-module__hop-Heading___HCw2M):not(.Heading-module__hop-Heading--unset___0mw0V) {
   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___HpoUi) {
+:where(.Heading-module__hop-Heading--xs___B2U8B) {
   --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___3P-lH) {
+:where(.Heading-module__hop-Heading--sm___qar7L) {
   --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___FbM3p) {
+:where(.Heading-module__hop-Heading--md___ShZ6F) {
   --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___WrLhY) {
+:where(.Heading-module__hop-Heading--lg___ADGIH) {
   --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___d2zts) {
+:where(.Heading-module__hop-Heading--xl___mlv79) {
   --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___DfK2o) {
+:where(.Heading-module__hop-Heading--2xl___FHP2Z) {
   --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___KvoWC) {
+:where(.Heading-module__hop-Heading--3xl___LVgMP) {
   --font-size: var(--hop-Heading-3xl-font-size);
   --font-family: var(--hop-Heading-3xl-font-family);
   --font-weight: var(--hop-Heading-3xl-font-weight);
@@ -87,21 +87,21 @@
 }
 
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/form/src/Form.module.css/#css-module-data */
-.Form-module__hop-Form___IhqYt {
+.Form-module__hop-Form___79jaM {
   display: flex;
   flex-direction: column;
   gap: var(--hop-space-stack-lg);
 }
 
 /* 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___sY8x3 {
+.Label-module__hop-Label___lw-gi {
   --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___sY8x3) {
+:where(.Label-module__hop-Label___lw-gi) {
   font-family: var(--hop-Label-font-family);
   font-size: var(--hop-Label-font-size);
   font-weight: var(--hop-Label-font-weight);
@@ -110,17 +110,17 @@
 }
 
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/label/src/FieldLabel.module.css/#css-module-data */
-.FieldLabel-module__hop-FieldLabel__wrapper___Ip6cb {
+.FieldLabel-module__hop-FieldLabel__wrapper___YcNwQ {
   display: flex;
   gap: var(--hop-space-inset-xs);
   align-items: center;
 }
-.FieldLabel-module__hop-FieldLabel__indicator___OtoF1 {
+.FieldLabel-module__hop-FieldLabel__indicator___ZUX00 {
   padding-inline-start: var(--hop-space-20);
 }
 
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/overline-text/src/OverlineText.module.css/#css-module-data */
-:where(.OverlineText-module__hop-OverlineText___2kZvX) {
+:where(.OverlineText-module__hop-OverlineText___t9oq7) {
   --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);
@@ -144,26 +144,26 @@
   text-transform: uppercase;
   letter-spacing: var(--letter-spacing);
 }
-.OverlineText-module__hop-OverlineText__text___ztlty {
+.OverlineText-module__hop-OverlineText__text___PN33b {
   box-sizing: border-box;
 }
-.OverlineText-module__hop-OverlineText__text___ztlty::before,
-.OverlineText-module__hop-OverlineText__text___ztlty::after {
+.OverlineText-module__hop-OverlineText__text___PN33b::before,
+.OverlineText-module__hop-OverlineText__text___PN33b::after {
   content: "";
   display: block;
   box-sizing: border-box;
   inline-size: 0;
   block-size: 0;
 }
-.OverlineText-module__hop-OverlineText__text___ztlty::before {
+.OverlineText-module__hop-OverlineText__text___PN33b::before {
   margin-block-end: var(--bottom-offset);
 }
-.OverlineText-module__hop-OverlineText__text___ztlty::after {
+.OverlineText-module__hop-OverlineText__text___PN33b::after {
   margin-block-start: var(--top-offset);
 }
 
 /* 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___kjK2N {
+.Text-module__hop-Text___9qxyZ {
   --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);
@@ -193,49 +193,49 @@
   --hop-Text-inherit-size-font-weight: inherit;
   --hop-Text-inherit-size-line-height: inherit;
 }
-:where(.Text-module__hop-Text___kjK2N) {
+:where(.Text-module__hop-Text___9qxyZ) {
   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___evMWk) {
+:where(.Text-module__hop-Text--xs___RFRBU) {
   --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___Yfy35) {
+:where(.Text-module__hop-Text--sm___ZUU0U) {
   --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___82Jc0) {
+:where(.Text-module__hop-Text--md___YFUCH) {
   --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___6Msn0) {
+:where(.Text-module__hop-Text--lg___B8yyh) {
   --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___lH-rm) {
+:where(.Text-module__hop-Text--xl___sBdlZ) {
   --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___0WfvP) {
+:where(.Text-module__hop-Text--2xl___qIisF) {
   --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___Auu-X) {
+:where(.Text-module__hop-Text--inherit___4hA2l) {
   --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);
@@ -243,7 +243,7 @@
 }
 
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/paragraph/src/Paragraph.module.css/#css-module-data */
-.Paragraph-module__hop-Paragraph___214JO {
+.Paragraph-module__hop-Paragraph___dJwzf {
   --hop-Paragraph-xs-margin-bottom: calc(.625rem * .75);
   --hop-Paragraph-sm-margin-bottom: calc(.75rem * .75);
   --hop-Paragraph-md-margin-bottom: calc(.875rem * .75);
@@ -255,33 +255,33 @@
   margin-block-end: var(--margin-block-end);
   overflow-wrap: break-word;
 }
-.Paragraph-module__hop-Paragraph___214JO:last-child {
+.Paragraph-module__hop-Paragraph___dJwzf:last-child {
   --margin-block-end: 0;
 }
-.Paragraph-module__hop-Paragraph--xs___xzM64 {
+.Paragraph-module__hop-Paragraph--xs___cOU0s {
   --margin-block-end: var(--hop-Paragraph-xs-margin-bottom);
 }
-.Paragraph-module__hop-Paragraph--sm___Tzd0q {
+.Paragraph-module__hop-Paragraph--sm___uR71i {
   --margin-block-end: var(--hop-Paragraph-sm-margin-bottom);
 }
-.Paragraph-module__hop-Paragraph--md___r527R {
+.Paragraph-module__hop-Paragraph--md___EuGXV {
   --margin-block-end: var(--hop-Paragraph-md-margin-bottom);
 }
-.Paragraph-module__hop-Paragraph--lg___B1rwH {
+.Paragraph-module__hop-Paragraph--lg___poh-Y {
   --margin-block-end: var(--hop-Paragraph-lg-margin-bottom);
 }
-.Paragraph-module__hop-Paragraph--xl___TE5rB {
+.Paragraph-module__hop-Paragraph--xl___bOViI {
   --margin-block-end: var(--hop-Paragraph-xl-margin-bottom);
 }
-.Paragraph-module__hop-Paragraph--2xl___F3QG2 {
+.Paragraph-module__hop-Paragraph--2xl___0WHD2 {
   --margin-block-end: var(--hop-Paragraph-2xl-margin-bottom);
 }
-.Paragraph-module__hop-Paragraph--inherit___Ksiwd {
+.Paragraph-module__hop-Paragraph--inherit___2SonO {
   --margin-block-end: var(--hop-Paragraph-inherit-margin-bottom);
 }
 
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/avatar/src/RichIconAvatarImage.module.css/#css-module-data */
-.RichIconAvatarImage-module__hop-RichIconAvatarImage___uQMyU {
+.RichIconAvatarImage-module__hop-RichIconAvatarImage___IIrKp {
   --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);
@@ -313,52 +313,52 @@
   border-radius: var(--hop-RichIconAvatarImage-border-radius);
   outline: none;
 }
-.RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___-eDRi {
+.RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___gVWBR {
   --size: var(--hop-RichIconAvatarImage-xs-size);
   --icon-size: var(--hop-RichIconAvatarImage-icon-xs-size);
 }
-.RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___Uvpgr {
+.RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___XA7ao {
   --size: var(--hop-RichIconAvatarImage-sm-size);
   --icon-size: var(--hop-RichIconAvatarImage-icon-sm-size);
 }
-.RichIconAvatarImage-module__hop-RichIconAvatarImage--md___A3lgp {
+.RichIconAvatarImage-module__hop-RichIconAvatarImage--md___xL5hi {
   --size: var(--hop-RichIconAvatarImage-md-size);
   --icon-size: var(--hop-RichIconAvatarImage-icon-md-size);
 }
-.RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___5nwyV {
+.RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___sgiR1 {
   --size: var(--hop-RichIconAvatarImage-lg-size);
   --icon-size: var(--hop-RichIconAvatarImage-icon-lg-size);
 }
-.RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___qMphE {
+.RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___GBEze {
   --size: var(--hop-RichIconAvatarImage-xl-size);
   --icon-size: var(--hop-RichIconAvatarImage-icon-xl-size);
 }
-.RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___OULxF {
+.RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___YtnXh {
   --size: var(--hop-RichIconAvatarImage-2xl-size);
   --icon-size: var(--hop-RichIconAvatarImage-icon-2xl-size);
 }
-.RichIconAvatarImage-module__hop-RichIconAvatarImage--clickable___71Oo- {
+.RichIconAvatarImage-module__hop-RichIconAvatarImage--clickable___wioq1 {
   cursor: pointer;
 }
-.RichIconAvatarImage-module__hop-RichIconAvatarImage--focus-visible___t-OIm {
+.RichIconAvatarImage-module__hop-RichIconAvatarImage--focus-visible___fKdcw {
   outline: 0.125rem solid var(--hop-primary-border-focus);
 }
-.RichIconAvatarImage-module__hop-RichIconAvatarImage___uQMyU[data-disabled] {
+.RichIconAvatarImage-module__hop-RichIconAvatarImage___IIrKp[data-disabled] {
   --background-color: var(--hop-RichIconAvatarImage-background-color-disabled);
 }
-.RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___qSCJ0 {
+.RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___Qav1r {
   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___uQMyU[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___qSCJ0 {
+.RichIconAvatarImage-module__hop-RichIconAvatarImage___IIrKp[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___Qav1r {
   --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___6h1YE {
+.Avatar-module__hop-Avatar___QDdaQ {
   --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);
@@ -404,73 +404,73 @@
   border-radius: var(--hop-Avatar-border-radius);
   outline: none;
 }
-.Avatar-module__hop-Avatar--xs___VG5fQ {
+.Avatar-module__hop-Avatar--xs___8X1Ee {
   --size: var(--hop-Avatar-xs-size);
 }
-.Avatar-module__hop-Avatar--sm___-TUNi {
+.Avatar-module__hop-Avatar--sm___oSRf1 {
   --size: var(--hop-Avatar-sm-size);
 }
-.Avatar-module__hop-Avatar--md___VHzYL {
+.Avatar-module__hop-Avatar--md___7d-GO {
   --size: var(--hop-Avatar-md-size);
 }
-.Avatar-module__hop-Avatar--lg___BvahA {
+.Avatar-module__hop-Avatar--lg___oAGBM {
   --size: var(--hop-Avatar-lg-size);
 }
-.Avatar-module__hop-Avatar--xl___oZYzR {
+.Avatar-module__hop-Avatar--xl___3OtBf {
   --size: var(--hop-Avatar-xl-size);
 }
-.Avatar-module__hop-Avatar--2xl___E2T1x {
+.Avatar-module__hop-Avatar--2xl___l2d6g {
   --size: var(--hop-Avatar-2xl-size);
 }
-.Avatar-module__hop-Avatar--clickable___pupFc {
+.Avatar-module__hop-Avatar--clickable___M-fqj {
   cursor: pointer;
 }
-.Avatar-module__hop-Avatar--focus-visible___JJLg6 {
+.Avatar-module__hop-Avatar--focus-visible___NxJ-j {
   outline: 0.125rem solid var(--hop-primary-border-focus);
 }
-.Avatar-module__hop-Avatar--decorative-option1___Ol-Of {
+.Avatar-module__hop-Avatar--decorative-option1___z3uHm {
   --background-color: var(--hop-Avatar-decorative-1-background-color);
   --text-color: var(--hop-Avatar-decorative-1-text-color);
 }
-.Avatar-module__hop-Avatar--decorative-option2___74OXX {
+.Avatar-module__hop-Avatar--decorative-option2___GhsY8 {
   --background-color: var(--hop-Avatar-decorative-2-background-color);
   --text-color: var(--hop-Avatar-decorative-2-text-color);
 }
-.Avatar-module__hop-Avatar--decorative-option3___Zx1aW {
+.Avatar-module__hop-Avatar--decorative-option3___E-K0z {
   --background-color: var(--hop-Avatar-decorative-3-background-color);
   --text-color: var(--hop-Avatar-decorative-3-text-color);
 }
-.Avatar-module__hop-Avatar--decorative-option4___H2qrW {
+.Avatar-module__hop-Avatar--decorative-option4___ARqJn {
   --background-color: var(--hop-Avatar-decorative-4-background-color);
   --text-color: var(--hop-Avatar-decorative-4-text-color);
 }
-.Avatar-module__hop-Avatar--decorative-option5___4OQIu {
+.Avatar-module__hop-Avatar--decorative-option5___ARx9h {
   --background-color: var(--hop-Avatar-decorative-5-background-color);
   --text-color: var(--hop-Avatar-decorative-5-text-color);
 }
-.Avatar-module__hop-Avatar--decorative-option6___-TTkE {
+.Avatar-module__hop-Avatar--decorative-option6___CyuoK {
   --background-color: var(--hop-Avatar-decorative-6-background-color);
   --text-color: var(--hop-Avatar-decorative-6-text-color);
 }
-.Avatar-module__hop-Avatar--decorative-option7___UCPKe {
+.Avatar-module__hop-Avatar--decorative-option7___xtmPn {
   --background-color: var(--hop-Avatar-decorative-7-background-color);
   --text-color: var(--hop-Avatar-decorative-7-text-color);
 }
-.Avatar-module__hop-Avatar--decorative-option8___cipKq {
+.Avatar-module__hop-Avatar--decorative-option8___dJBu9 {
   --background-color: var(--hop-Avatar-decorative-8-background-color);
   --text-color: var(--hop-Avatar-decorative-8-text-color);
 }
-.Avatar-module__hop-Avatar--decorative-option9___Uu-9b {
+.Avatar-module__hop-Avatar--decorative-option9___KtVM8 {
   --background-color: var(--hop-Avatar-decorative-9-background-color);
   --text-color: var(--hop-Avatar-decorative-9-text-color);
 }
-.Avatar-module__hop-Avatar___6h1YE[data-disabled] {
+.Avatar-module__hop-Avatar___QDdaQ[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___KSmlv {
+.Avatar-module__hop-Avatar__image___ZuCuM {
   position: relative;
   display: block;
   box-sizing: border-box;
@@ -479,6 +479,6 @@
   object-fit: cover;
   mix-blend-mode: var(--mix-blend-mode);
 }
-.Avatar-module__hop-Avatar__initials___1gK2U {
+.Avatar-module__hop-Avatar__initials___z-EsQ {
   white-space: nowrap;
 }

package/dist/avatar/src/Avatar.js

@@ -1,12 +1,12 @@
-export { _Avatar as Avatar, AvatarToTextSizeAdapter, GlobalAvatarCssSelector } from '../../chunk-HI5ZACCX.js';
+export { _Avatar as Avatar, AvatarToTextSizeAdapter, GlobalAvatarCssSelector } from '../../chunk-ELDQRBC4.js';
 import '../../chunk-GOTN4IS7.js';
-import '../../chunk-SMN5LWZ6.js';
+import '../../chunk-G6AOMT3C.js';
 import '../../chunk-QJ5FQN3N.js';
-import '../../chunk-FC3GLGVY.js';
+import '../../chunk-GT2QIZ32.js';
 import '../../chunk-YKZRBQ6B.js';
 import '../../chunk-2NSUMKNH.js';
 import '../../chunk-FA26RZSE.js';
-import '../../chunk-SFFUUF5Z.js';
+import '../../chunk-Y2MFIAVA.js';
 import '../../chunk-PQSMCDAM.js';
 import '../../chunk-ZNOU2CGM.js';
 import '../../chunk-65JPI4FL.js';