@hopper-ui/components 1.3.4 → 1.3.6

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @hopper-ui/components
 
+## 1.3.6
+
+### Patch Changes
+
+- aad6ff0: Accessibility fix
+- 9daeca0: Simplify import of CSS
+
+## 1.3.5
+
+### Patch Changes
+
+- 2a87664: Added DecorativeCheckbox and DecorativeRadio to be used as visual checkboxes and radio buttons inside other interactive components.
+- 9d2abdd: Remove placeholder from NumberField
+
 ## 1.3.4
 
 ### Patch Changes

package/dist/Avatar/src/AnonymousAvatar.css

@@ -1,5 +1,5 @@
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Avatar/src/RichIconAvatarImage.module.css/#css-module-data */
-.RichIconAvatarImage-module__hop-RichIconAvatarImage___fkc4Q {
+.RichIconAvatarImage-module__hop-RichIconAvatarImage___3-4v6 {
   --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);
@@ -30,40 +30,40 @@
   background-color: var(--background-color);
   border-radius: var(--hop-RichIconAvatarImage-border-radius);
 }
-.RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___aNzbC {
+.RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___bQsOe {
   --size: var(--hop-RichIconAvatarImage-xs-size);
   --icon-size: var(--hop-RichIconAvatarImage-icon-xs-size);
 }
-.RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___d3oUV {
+.RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___XA19V {
   --size: var(--hop-RichIconAvatarImage-sm-size);
   --icon-size: var(--hop-RichIconAvatarImage-icon-sm-size);
 }
-.RichIconAvatarImage-module__hop-RichIconAvatarImage--md___yxjvO {
+.RichIconAvatarImage-module__hop-RichIconAvatarImage--md___xr-lR {
   --size: var(--hop-RichIconAvatarImage-md-size);
   --icon-size: var(--hop-RichIconAvatarImage-icon-md-size);
 }
-.RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___vWr2k {
+.RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___Xtfzn {
   --size: var(--hop-RichIconAvatarImage-lg-size);
   --icon-size: var(--hop-RichIconAvatarImage-icon-lg-size);
 }
-.RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___7jGcb {
+.RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___fUQr1 {
   --size: var(--hop-RichIconAvatarImage-xl-size);
   --icon-size: var(--hop-RichIconAvatarImage-icon-xl-size);
 }
-.RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___sAhUb {
+.RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___Qkwlw {
   --size: var(--hop-RichIconAvatarImage-2xl-size);
   --icon-size: var(--hop-RichIconAvatarImage-icon-2xl-size);
 }
-.RichIconAvatarImage-module__hop-RichIconAvatarImage___fkc4Q[data-disabled] {
+.RichIconAvatarImage-module__hop-RichIconAvatarImage___3-4v6[data-disabled] {
   --background-color: var(--hop-RichIconAvatarImage-background-color-disabled);
 }
-.RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___8OyF9 {
+.RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___-LdB5 {
   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___fkc4Q[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___8OyF9 {
+.RichIconAvatarImage-module__hop-RichIconAvatarImage___3-4v6[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___-LdB5 {
   --hop-RichIcon-placeholder-background: var(--hop-RichIconAvatarImage-background-color-disabled);
   --hop-RichIcon-placeholder-shadow: var(--hop-RichIconAvatarImage-icon-color-disabled);
 }

package/dist/Avatar/src/AnonymousAvatar.d.ts

@@ -1,6 +1,6 @@
 import * as react from 'react';
 import { StyledSystemProps, ResponsiveProp } from '@hopper-ui/styled-system';
-import { BaseComponentProps } from '../../utils/src/types.js';
+import { AccessibleSlotProps, RenderProps } from '../../utils/src/types.js';
 import { AvatarSize } from './Avatar.js';
 import '@react-types/shared';
 import 'react-aria-components';
@@ -8,7 +8,13 @@ import '../../typography/Text/src/Text.js';
 import '../../utils/src/sizeAdapter.js';
 
 declare const GlobalAnonymousAvatarCssSelector = "hop-AnonymousAvatar";
-interface AnonymousAvatarProps extends StyledSystemProps, BaseComponentProps {
+interface AnonymousAvatarRenderProps {
+    /**
+     * Whether or not the avatar is disabled.
+     */
+    isDisabled?: boolean;
+}
+interface AnonymousAvatarProps extends StyledSystemProps, AccessibleSlotProps, Omit<RenderProps<AnonymousAvatarRenderProps>, "children"> {
     /**
      * Whether or not the avatar is disabled.
      */

package/dist/Avatar/src/AnonymousAvatar.js

@@ -1,6 +1,8 @@
-export { _AnonymousAvatar as AnonymousAvatar, GlobalAnonymousAvatarCssSelector } from '../../chunk-24TFXRVQ.js';
+export { _AnonymousAvatar as AnonymousAvatar, GlobalAnonymousAvatarCssSelector } from '../../chunk-NUB4BYRF.js';
 import '../../chunk-AES7QBQE.js';
-import '../../chunk-TXW35G4W.js';
+import '../../chunk-NZKS5OKD.js';
+import '../../chunk-NH3IVMXB.js';
+import '../../chunk-65JPI4FL.js';
 import '../../chunk-M36KANKC.js';
 import '../../chunk-KVDXQMWI.js';
 import '../../chunk-JWW56J7M.js';

package/dist/Avatar/src/Avatar.css

@@ -1,5 +1,5 @@
 /* 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___hALxd {
+.Text-module__hop-Text___STL8w {
   --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);
@@ -29,49 +29,49 @@
   --hop-Text-inherit-size-font-weight: inherit;
   --hop-Text-inherit-size-line-height: inherit;
 }
-:where(.Text-module__hop-Text___hALxd) {
+:where(.Text-module__hop-Text___STL8w) {
   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___P0eO9) {
+:where(.Text-module__hop-Text--xs___VMB69) {
   --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___gwyeW) {
+:where(.Text-module__hop-Text--sm___qeScp) {
   --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___pflE1) {
+:where(.Text-module__hop-Text--md___2mgs7) {
   --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___dEBuC) {
+:where(.Text-module__hop-Text--lg___0EFPU) {
   --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___7IvN7) {
+:where(.Text-module__hop-Text--xl___w3euL) {
   --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___-A2SY) {
+:where(.Text-module__hop-Text--2xl___n8Xzj) {
   --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___wfDw-) {
+:where(.Text-module__hop-Text--inherit___GpaJO) {
   --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);
@@ -79,7 +79,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___fkc4Q {
+.RichIconAvatarImage-module__hop-RichIconAvatarImage___3-4v6 {
   --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);
@@ -110,46 +110,46 @@
   background-color: var(--background-color);
   border-radius: var(--hop-RichIconAvatarImage-border-radius);
 }
-.RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___aNzbC {
+.RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___bQsOe {
   --size: var(--hop-RichIconAvatarImage-xs-size);
   --icon-size: var(--hop-RichIconAvatarImage-icon-xs-size);
 }
-.RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___d3oUV {
+.RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___XA19V {
   --size: var(--hop-RichIconAvatarImage-sm-size);
   --icon-size: var(--hop-RichIconAvatarImage-icon-sm-size);
 }
-.RichIconAvatarImage-module__hop-RichIconAvatarImage--md___yxjvO {
+.RichIconAvatarImage-module__hop-RichIconAvatarImage--md___xr-lR {
   --size: var(--hop-RichIconAvatarImage-md-size);
   --icon-size: var(--hop-RichIconAvatarImage-icon-md-size);
 }
-.RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___vWr2k {
+.RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___Xtfzn {
   --size: var(--hop-RichIconAvatarImage-lg-size);
   --icon-size: var(--hop-RichIconAvatarImage-icon-lg-size);
 }
-.RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___7jGcb {
+.RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___fUQr1 {
   --size: var(--hop-RichIconAvatarImage-xl-size);
   --icon-size: var(--hop-RichIconAvatarImage-icon-xl-size);
 }
-.RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___sAhUb {
+.RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___Qkwlw {
   --size: var(--hop-RichIconAvatarImage-2xl-size);
   --icon-size: var(--hop-RichIconAvatarImage-icon-2xl-size);
 }
-.RichIconAvatarImage-module__hop-RichIconAvatarImage___fkc4Q[data-disabled] {
+.RichIconAvatarImage-module__hop-RichIconAvatarImage___3-4v6[data-disabled] {
   --background-color: var(--hop-RichIconAvatarImage-background-color-disabled);
 }
-.RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___8OyF9 {
+.RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___-LdB5 {
   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___fkc4Q[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___8OyF9 {
+.RichIconAvatarImage-module__hop-RichIconAvatarImage___3-4v6[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___-LdB5 {
   --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___X23fL {
+.Avatar-module__hop-Avatar___zMUBx {
   --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);
@@ -194,67 +194,67 @@
   background-color: var(--background-color, transparent);
   border-radius: var(--hop-Avatar-border-radius);
 }
-.Avatar-module__hop-Avatar--xs___4mZjQ {
+.Avatar-module__hop-Avatar--xs___fwYJ0 {
   --size: var(--hop-Avatar-xs-size);
 }
-.Avatar-module__hop-Avatar--sm___qKyk6 {
+.Avatar-module__hop-Avatar--sm___RSYai {
   --size: var(--hop-Avatar-sm-size);
 }
-.Avatar-module__hop-Avatar--md___pGlSR {
+.Avatar-module__hop-Avatar--md___K6lSB {
   --size: var(--hop-Avatar-md-size);
 }
-.Avatar-module__hop-Avatar--lg___b3u2k {
+.Avatar-module__hop-Avatar--lg___mwFIB {
   --size: var(--hop-Avatar-lg-size);
 }
-.Avatar-module__hop-Avatar--xl___syjHu {
+.Avatar-module__hop-Avatar--xl___KMY1q {
   --size: var(--hop-Avatar-xl-size);
 }
-.Avatar-module__hop-Avatar--2xl___vGdt5 {
+.Avatar-module__hop-Avatar--2xl___6SVrF {
   --size: var(--hop-Avatar-2xl-size);
 }
-.Avatar-module__hop-Avatar--decorative-option1___1ipXC {
+.Avatar-module__hop-Avatar--decorative-option1___npU1o {
   --background-color: var(--hop-Avatar-decorative-1-background-color);
   --text-color: var(--hop-Avatar-decorative-1-text-color);
 }
-.Avatar-module__hop-Avatar--decorative-option2___H8-35 {
+.Avatar-module__hop-Avatar--decorative-option2___F-pzz {
   --background-color: var(--hop-Avatar-decorative-2-background-color);
   --text-color: var(--hop-Avatar-decorative-2-text-color);
 }
-.Avatar-module__hop-Avatar--decorative-option3___udxQr {
+.Avatar-module__hop-Avatar--decorative-option3___2NVPh {
   --background-color: var(--hop-Avatar-decorative-3-background-color);
   --text-color: var(--hop-Avatar-decorative-3-text-color);
 }
-.Avatar-module__hop-Avatar--decorative-option4___3tEye {
+.Avatar-module__hop-Avatar--decorative-option4___3II-Z {
   --background-color: var(--hop-Avatar-decorative-4-background-color);
   --text-color: var(--hop-Avatar-decorative-4-text-color);
 }
-.Avatar-module__hop-Avatar--decorative-option5___OY88Y {
+.Avatar-module__hop-Avatar--decorative-option5___0Gn-- {
   --background-color: var(--hop-Avatar-decorative-5-background-color);
   --text-color: var(--hop-Avatar-decorative-5-text-color);
 }
-.Avatar-module__hop-Avatar--decorative-option6___BkrL7 {
+.Avatar-module__hop-Avatar--decorative-option6___Vs2U2 {
   --background-color: var(--hop-Avatar-decorative-6-background-color);
   --text-color: var(--hop-Avatar-decorative-6-text-color);
 }
-.Avatar-module__hop-Avatar--decorative-option7___i33t4 {
+.Avatar-module__hop-Avatar--decorative-option7___fD-81 {
   --background-color: var(--hop-Avatar-decorative-7-background-color);
   --text-color: var(--hop-Avatar-decorative-7-text-color);
 }
-.Avatar-module__hop-Avatar--decorative-option8___meF-e {
+.Avatar-module__hop-Avatar--decorative-option8___UPSl5 {
   --background-color: var(--hop-Avatar-decorative-8-background-color);
   --text-color: var(--hop-Avatar-decorative-8-text-color);
 }
-.Avatar-module__hop-Avatar--decorative-option9___qyIOQ {
+.Avatar-module__hop-Avatar--decorative-option9___b9s4c {
   --background-color: var(--hop-Avatar-decorative-9-background-color);
   --text-color: var(--hop-Avatar-decorative-9-text-color);
 }
-.Avatar-module__hop-Avatar___X23fL[data-disabled] {
+.Avatar-module__hop-Avatar___zMUBx[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___okiG4 {
+.Avatar-module__hop-Avatar__image___bE5J8 {
   position: relative;
   display: block;
   box-sizing: border-box;

package/dist/Avatar/src/Avatar.d.ts

@@ -3,14 +3,20 @@ import { HTMLProps } from 'react';
 import { StyledSystemProps, ResponsiveProp } from '@hopper-ui/styled-system';
 import { TextProps } from '../../typography/Text/src/Text.js';
 import { SizeAdapter } from '../../utils/src/sizeAdapter.js';
-import { BaseComponentProps } from '../../utils/src/types.js';
+import { AccessibleSlotProps, RenderProps } from '../../utils/src/types.js';
 import 'react-aria-components';
 import '@react-types/shared';
 
 declare const GlobalAvatarCssSelector = "hop-Avatar";
 type AvatarSize = "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
 type AvatarImageBaseProps = HTMLProps<HTMLImageElement>;
-interface AvatarProps extends StyledSystemProps, BaseComponentProps {
+interface AvatarRenderProps {
+    /**
+     * Whether or not the avatar is disabled.
+     */
+    isDisabled?: boolean;
+}
+interface AvatarProps extends StyledSystemProps, AccessibleSlotProps, Omit<RenderProps<AvatarRenderProps>, "children"> {
     /**
     * The src of the image to display if the image fails to load. If set to null, the initials will be displayed instead.
     * * @default "BrokenImageRichIcon"

package/dist/Avatar/src/Avatar.js

@@ -1,10 +1,12 @@
-export { _Avatar as Avatar, AvatarToTextSizeAdapter, GlobalAvatarCssSelector } from '../../chunk-IZJI5MOD.js';
-import '../../chunk-NLLH6YL3.js';
+export { _Avatar as Avatar, AvatarToTextSizeAdapter, GlobalAvatarCssSelector } from '../../chunk-FU2IY2JF.js';
+import '../../chunk-MYAC6TLH.js';
 import '../../chunk-X6SER3TZ.js';
 import '../../chunk-NS3XVOQ7.js';
 import '../../chunk-HXI3MEEK.js';
 import '../../chunk-AES7QBQE.js';
-import '../../chunk-TXW35G4W.js';
+import '../../chunk-NZKS5OKD.js';
+import '../../chunk-NH3IVMXB.js';
+import '../../chunk-65JPI4FL.js';
 import '../../chunk-M36KANKC.js';
 import '../../chunk-KVDXQMWI.js';
 import '../../chunk-JWW56J7M.js';

package/dist/Avatar/src/DeletedAvatar.css

@@ -1,5 +1,5 @@
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Avatar/src/RichIconAvatarImage.module.css/#css-module-data */
-.RichIconAvatarImage-module__hop-RichIconAvatarImage___fkc4Q {
+.RichIconAvatarImage-module__hop-RichIconAvatarImage___3-4v6 {
   --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);
@@ -30,40 +30,40 @@
   background-color: var(--background-color);
   border-radius: var(--hop-RichIconAvatarImage-border-radius);
 }
-.RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___aNzbC {
+.RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___bQsOe {
   --size: var(--hop-RichIconAvatarImage-xs-size);
   --icon-size: var(--hop-RichIconAvatarImage-icon-xs-size);
 }
-.RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___d3oUV {
+.RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___XA19V {
   --size: var(--hop-RichIconAvatarImage-sm-size);
   --icon-size: var(--hop-RichIconAvatarImage-icon-sm-size);
 }
-.RichIconAvatarImage-module__hop-RichIconAvatarImage--md___yxjvO {
+.RichIconAvatarImage-module__hop-RichIconAvatarImage--md___xr-lR {
   --size: var(--hop-RichIconAvatarImage-md-size);
   --icon-size: var(--hop-RichIconAvatarImage-icon-md-size);
 }
-.RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___vWr2k {
+.RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___Xtfzn {
   --size: var(--hop-RichIconAvatarImage-lg-size);
   --icon-size: var(--hop-RichIconAvatarImage-icon-lg-size);
 }
-.RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___7jGcb {
+.RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___fUQr1 {
   --size: var(--hop-RichIconAvatarImage-xl-size);
   --icon-size: var(--hop-RichIconAvatarImage-icon-xl-size);
 }
-.RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___sAhUb {
+.RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___Qkwlw {
   --size: var(--hop-RichIconAvatarImage-2xl-size);
   --icon-size: var(--hop-RichIconAvatarImage-icon-2xl-size);
 }
-.RichIconAvatarImage-module__hop-RichIconAvatarImage___fkc4Q[data-disabled] {
+.RichIconAvatarImage-module__hop-RichIconAvatarImage___3-4v6[data-disabled] {
   --background-color: var(--hop-RichIconAvatarImage-background-color-disabled);
 }
-.RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___8OyF9 {
+.RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___-LdB5 {
   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___fkc4Q[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___8OyF9 {
+.RichIconAvatarImage-module__hop-RichIconAvatarImage___3-4v6[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___-LdB5 {
   --hop-RichIcon-placeholder-background: var(--hop-RichIconAvatarImage-background-color-disabled);
   --hop-RichIcon-placeholder-shadow: var(--hop-RichIconAvatarImage-icon-color-disabled);
 }

package/dist/Avatar/src/DeletedAvatar.d.ts

@@ -1,6 +1,6 @@
 import * as react from 'react';
 import { StyledSystemProps, ResponsiveProp } from '@hopper-ui/styled-system';
-import { BaseComponentProps } from '../../utils/src/types.js';
+import { AccessibleSlotProps, RenderProps } from '../../utils/src/types.js';
 import { AvatarSize } from './Avatar.js';
 import '@react-types/shared';
 import 'react-aria-components';
@@ -8,7 +8,13 @@ import '../../typography/Text/src/Text.js';
 import '../../utils/src/sizeAdapter.js';
 
 declare const GlobalDeletedAvatarCssSelector = "hop-DeletedAvatar";
-interface DeletedAvatarProps extends StyledSystemProps, BaseComponentProps {
+interface DeletedAvatarRenderProps {
+    /**
+     * Whether or not the avatar is disabled.
+     */
+    isDisabled?: boolean;
+}
+interface DeletedAvatarProps extends StyledSystemProps, AccessibleSlotProps, Omit<RenderProps<DeletedAvatarRenderProps>, "children"> {
     /**
      * Whether or not the avatar is disabled.
      */

package/dist/Avatar/src/DeletedAvatar.js

@@ -1,6 +1,8 @@
-export { _DeletedAvatar as DeletedAvatar, GlobalDeletedAvatarCssSelector } from '../../chunk-BITEHGS4.js';
+export { _DeletedAvatar as DeletedAvatar, GlobalDeletedAvatarCssSelector } from '../../chunk-RDPNKPZ3.js';
 import '../../chunk-AES7QBQE.js';
-import '../../chunk-TXW35G4W.js';
+import '../../chunk-NZKS5OKD.js';
+import '../../chunk-NH3IVMXB.js';
+import '../../chunk-65JPI4FL.js';
 import '../../chunk-M36KANKC.js';
 import '../../chunk-KVDXQMWI.js';
 import '../../chunk-JWW56J7M.js';

package/dist/Avatar/src/RichIconAvatarImage.css

@@ -1,5 +1,5 @@
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Avatar/src/RichIconAvatarImage.module.css/#css-module-data */
-.RichIconAvatarImage-module__hop-RichIconAvatarImage___fkc4Q {
+.RichIconAvatarImage-module__hop-RichIconAvatarImage___3-4v6 {
   --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);
@@ -30,40 +30,40 @@
   background-color: var(--background-color);
   border-radius: var(--hop-RichIconAvatarImage-border-radius);
 }
-.RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___aNzbC {
+.RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___bQsOe {
   --size: var(--hop-RichIconAvatarImage-xs-size);
   --icon-size: var(--hop-RichIconAvatarImage-icon-xs-size);
 }
-.RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___d3oUV {
+.RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___XA19V {
   --size: var(--hop-RichIconAvatarImage-sm-size);
   --icon-size: var(--hop-RichIconAvatarImage-icon-sm-size);
 }
-.RichIconAvatarImage-module__hop-RichIconAvatarImage--md___yxjvO {
+.RichIconAvatarImage-module__hop-RichIconAvatarImage--md___xr-lR {
   --size: var(--hop-RichIconAvatarImage-md-size);
   --icon-size: var(--hop-RichIconAvatarImage-icon-md-size);
 }
-.RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___vWr2k {
+.RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___Xtfzn {
   --size: var(--hop-RichIconAvatarImage-lg-size);
   --icon-size: var(--hop-RichIconAvatarImage-icon-lg-size);
 }
-.RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___7jGcb {
+.RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___fUQr1 {
   --size: var(--hop-RichIconAvatarImage-xl-size);
   --icon-size: var(--hop-RichIconAvatarImage-icon-xl-size);
 }
-.RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___sAhUb {
+.RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___Qkwlw {
   --size: var(--hop-RichIconAvatarImage-2xl-size);
   --icon-size: var(--hop-RichIconAvatarImage-icon-2xl-size);
 }
-.RichIconAvatarImage-module__hop-RichIconAvatarImage___fkc4Q[data-disabled] {
+.RichIconAvatarImage-module__hop-RichIconAvatarImage___3-4v6[data-disabled] {
   --background-color: var(--hop-RichIconAvatarImage-background-color-disabled);
 }
-.RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___8OyF9 {
+.RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___-LdB5 {
   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___fkc4Q[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___8OyF9 {
+.RichIconAvatarImage-module__hop-RichIconAvatarImage___3-4v6[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___-LdB5 {
   --hop-RichIcon-placeholder-background: var(--hop-RichIconAvatarImage-background-color-disabled);
   --hop-RichIcon-placeholder-shadow: var(--hop-RichIconAvatarImage-icon-color-disabled);
 }

package/dist/Avatar/src/RichIconAvatarImage.d.ts

@@ -3,14 +3,21 @@ import { HTMLAttributes } from 'react';
 import { RichIconProps } from '@hopper-ui/icons';
 import { StyledSystemProps, ResponsiveProp } from '@hopper-ui/styled-system';
 import { SizeAdapter } from '../../utils/src/sizeAdapter.js';
-import { BaseComponentProps } from '../../utils/src/types.js';
+import { AccessibleSlotProps, RenderProps } from '../../utils/src/types.js';
 import { AvatarSize, AvatarProps } from './Avatar.js';
 import '@react-types/shared';
 import 'react-aria-components';
 import '../../typography/Text/src/Text.js';
 
 declare const GlobalRichIconAvatarImageCssSelector = "hop-RichIconAvatarImage";
-interface RichIconAvatarImageProps extends StyledSystemProps, BaseComponentProps, Omit<HTMLAttributes<HTMLDivElement>, "slot" | "content" | "color"> {
+interface RichIconAvatarImageRenderProps {
+    /**
+     * Whether or not the avatar is disabled.
+     */
+    isDisabled?: boolean;
+}
+type OmittedDivProps = "slot" | "content" | "color" | "children" | "className" | "style";
+interface RichIconAvatarImageProps extends StyledSystemProps, AccessibleSlotProps, RenderProps<RichIconAvatarImageRenderProps>, Omit<HTMLAttributes<HTMLDivElement>, OmittedDivProps> {
     /**
      * Whether or not the avatar image is disabled.
      */

package/dist/Avatar/src/RichIconAvatarImage.js

@@ -1,4 +1,6 @@
-export { AvatarToIconSizeAdapter, GlobalRichIconAvatarImageCssSelector, _RichIconAvatarImage as RichIconAvatarImage } from '../../chunk-TXW35G4W.js';
+export { AvatarToIconSizeAdapter, GlobalRichIconAvatarImageCssSelector, _RichIconAvatarImage as RichIconAvatarImage } from '../../chunk-NZKS5OKD.js';
+import '../../chunk-NH3IVMXB.js';
+import '../../chunk-65JPI4FL.js';
 import '../../chunk-M36KANKC.js';
 import '../../chunk-KVDXQMWI.js';
 import '../../chunk-JWW56J7M.js';