@hopper-ui/components 1.3.5 → 1.3.7

package/dist/Avatar/src/index.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___zzXwC {
+.Text-module__hop-Text___R8UuG {
   --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___zzXwC) {
+:where(.Text-module__hop-Text___R8UuG) {
   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___-rtMy) {
+:where(.Text-module__hop-Text--xs___N8buF) {
   --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___CYq6o) {
+:where(.Text-module__hop-Text--sm___ZTn2L) {
   --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___5KoYO) {
+:where(.Text-module__hop-Text--md___PaS1r) {
   --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___0FmIQ) {
+:where(.Text-module__hop-Text--lg___Wi5qN) {
   --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___IPvZw) {
+:where(.Text-module__hop-Text--xl___zM1uq) {
   --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___OAtMe) {
+:where(.Text-module__hop-Text--2xl___OWNYz) {
   --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___otJaa) {
+:where(.Text-module__hop-Text--inherit___r9ZJy) {
   --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___wNiuO {
+.RichIconAvatarImage-module__hop-RichIconAvatarImage___48JUv {
   --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___Aj5aq {
+.RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___is3ow {
   --size: var(--hop-RichIconAvatarImage-xs-size);
   --icon-size: var(--hop-RichIconAvatarImage-icon-xs-size);
 }
-.RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___a3YuL {
+.RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___Uv85l {
   --size: var(--hop-RichIconAvatarImage-sm-size);
   --icon-size: var(--hop-RichIconAvatarImage-icon-sm-size);
 }
-.RichIconAvatarImage-module__hop-RichIconAvatarImage--md___M0I9p {
+.RichIconAvatarImage-module__hop-RichIconAvatarImage--md___MKeiw {
   --size: var(--hop-RichIconAvatarImage-md-size);
   --icon-size: var(--hop-RichIconAvatarImage-icon-md-size);
 }
-.RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___-TJH8 {
+.RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___zWajo {
   --size: var(--hop-RichIconAvatarImage-lg-size);
   --icon-size: var(--hop-RichIconAvatarImage-icon-lg-size);
 }
-.RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___xw3ON {
+.RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___G8Mrm {
   --size: var(--hop-RichIconAvatarImage-xl-size);
   --icon-size: var(--hop-RichIconAvatarImage-icon-xl-size);
 }
-.RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___Y4sXQ {
+.RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___IX8Rm {
   --size: var(--hop-RichIconAvatarImage-2xl-size);
   --icon-size: var(--hop-RichIconAvatarImage-icon-2xl-size);
 }
-.RichIconAvatarImage-module__hop-RichIconAvatarImage___wNiuO[data-disabled] {
+.RichIconAvatarImage-module__hop-RichIconAvatarImage___48JUv[data-disabled] {
   --background-color: var(--hop-RichIconAvatarImage-background-color-disabled);
 }
-.RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___wOzcN {
+.RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___xjvN9 {
   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___wNiuO[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___wOzcN {
+.RichIconAvatarImage-module__hop-RichIconAvatarImage___48JUv[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___xjvN9 {
   --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___VJlNj {
+.Avatar-module__hop-Avatar___wvVPM {
   --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___za54A {
+.Avatar-module__hop-Avatar--xs___xWSLM {
   --size: var(--hop-Avatar-xs-size);
 }
-.Avatar-module__hop-Avatar--sm___d31mz {
+.Avatar-module__hop-Avatar--sm___aYlLW {
   --size: var(--hop-Avatar-sm-size);
 }
-.Avatar-module__hop-Avatar--md___8h7-Z {
+.Avatar-module__hop-Avatar--md___kS3ss {
   --size: var(--hop-Avatar-md-size);
 }
-.Avatar-module__hop-Avatar--lg___8qTKh {
+.Avatar-module__hop-Avatar--lg___gjqxK {
   --size: var(--hop-Avatar-lg-size);
 }
-.Avatar-module__hop-Avatar--xl___aFgNa {
+.Avatar-module__hop-Avatar--xl___Pyynt {
   --size: var(--hop-Avatar-xl-size);
 }
-.Avatar-module__hop-Avatar--2xl___lgcWw {
+.Avatar-module__hop-Avatar--2xl___L9LKX {
   --size: var(--hop-Avatar-2xl-size);
 }
-.Avatar-module__hop-Avatar--decorative-option1___kwklY {
+.Avatar-module__hop-Avatar--decorative-option1___G27ag {
   --background-color: var(--hop-Avatar-decorative-1-background-color);
   --text-color: var(--hop-Avatar-decorative-1-text-color);
 }
-.Avatar-module__hop-Avatar--decorative-option2___o2ma- {
+.Avatar-module__hop-Avatar--decorative-option2___nRYtl {
   --background-color: var(--hop-Avatar-decorative-2-background-color);
   --text-color: var(--hop-Avatar-decorative-2-text-color);
 }
-.Avatar-module__hop-Avatar--decorative-option3___wnAwp {
+.Avatar-module__hop-Avatar--decorative-option3___YIsiX {
   --background-color: var(--hop-Avatar-decorative-3-background-color);
   --text-color: var(--hop-Avatar-decorative-3-text-color);
 }
-.Avatar-module__hop-Avatar--decorative-option4___Ru-zD {
+.Avatar-module__hop-Avatar--decorative-option4___6LeoD {
   --background-color: var(--hop-Avatar-decorative-4-background-color);
   --text-color: var(--hop-Avatar-decorative-4-text-color);
 }
-.Avatar-module__hop-Avatar--decorative-option5___Ru0ZZ {
+.Avatar-module__hop-Avatar--decorative-option5___B92oN {
   --background-color: var(--hop-Avatar-decorative-5-background-color);
   --text-color: var(--hop-Avatar-decorative-5-text-color);
 }
-.Avatar-module__hop-Avatar--decorative-option6___DNYSE {
+.Avatar-module__hop-Avatar--decorative-option6___xfeoB {
   --background-color: var(--hop-Avatar-decorative-6-background-color);
   --text-color: var(--hop-Avatar-decorative-6-text-color);
 }
-.Avatar-module__hop-Avatar--decorative-option7___dOdti {
+.Avatar-module__hop-Avatar--decorative-option7___XIlFt {
   --background-color: var(--hop-Avatar-decorative-7-background-color);
   --text-color: var(--hop-Avatar-decorative-7-text-color);
 }
-.Avatar-module__hop-Avatar--decorative-option8___oYouv {
+.Avatar-module__hop-Avatar--decorative-option8___v9I39 {
   --background-color: var(--hop-Avatar-decorative-8-background-color);
   --text-color: var(--hop-Avatar-decorative-8-text-color);
 }
-.Avatar-module__hop-Avatar--decorative-option9___9fr-j {
+.Avatar-module__hop-Avatar--decorative-option9___thark {
   --background-color: var(--hop-Avatar-decorative-9-background-color);
   --text-color: var(--hop-Avatar-decorative-9-text-color);
 }
-.Avatar-module__hop-Avatar___VJlNj[data-disabled] {
+.Avatar-module__hop-Avatar___wvVPM[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___jccMr {
+.Avatar-module__hop-Avatar__image___W02lq {
   position: relative;
   display: block;
   box-sizing: border-box;

package/dist/Avatar/src/index.js

@@ -1,12 +1,14 @@
-export { _AnonymousAvatar as AnonymousAvatar, GlobalAnonymousAvatarCssSelector } from '../../chunk-7MCVN25U.js';
-export { _Avatar as Avatar, AvatarToTextSizeAdapter, GlobalAvatarCssSelector } from '../../chunk-7XEWB4YU.js';
-import '../../chunk-EOXY566V.js';
+export { _AnonymousAvatar as AnonymousAvatar, GlobalAnonymousAvatarCssSelector } from '../../chunk-FKFP4LFR.js';
+export { _Avatar as Avatar, AvatarToTextSizeAdapter, GlobalAvatarCssSelector } from '../../chunk-IA343FCT.js';
+import '../../chunk-F4XYXAPX.js';
 import '../../chunk-X6SER3TZ.js';
 import '../../chunk-NS3XVOQ7.js';
 import '../../chunk-HXI3MEEK.js';
-export { _DeletedAvatar as DeletedAvatar, GlobalDeletedAvatarCssSelector } from '../../chunk-UEHE2IY5.js';
+export { _DeletedAvatar as DeletedAvatar, GlobalDeletedAvatarCssSelector } from '../../chunk-5CR5V44E.js';
 export { AvatarContext } from '../../chunk-AES7QBQE.js';
-export { AvatarToIconSizeAdapter, GlobalRichIconAvatarImageCssSelector, _RichIconAvatarImage as RichIconAvatarImage } from '../../chunk-Y3VCNKJB.js';
+export { AvatarToIconSizeAdapter, GlobalRichIconAvatarImageCssSelector, _RichIconAvatarImage as RichIconAvatarImage } from '../../chunk-ZVOVNXPJ.js';
+import '../../chunk-NH3IVMXB.js';
+import '../../chunk-65JPI4FL.js';
 import '../../chunk-M36KANKC.js';
 import '../../chunk-KVDXQMWI.js';
 export { RichIconAvatarImageContext } from '../../chunk-JWW56J7M.js';

package/dist/Badge/src/Badge.css

@@ -1,5 +1,5 @@
 /* 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___oBnEM) {
+:where(.OverlineText-module__hop-OverlineText___MNaoU) {
   --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);
@@ -23,26 +23,26 @@
   text-transform: uppercase;
   letter-spacing: var(--letter-spacing);
 }
-.OverlineText-module__hop-OverlineText__text___d4kYK {
+.OverlineText-module__hop-OverlineText__text___nkwdC {
   box-sizing: border-box;
 }
-.OverlineText-module__hop-OverlineText__text___d4kYK::before,
-.OverlineText-module__hop-OverlineText__text___d4kYK::after {
+.OverlineText-module__hop-OverlineText__text___nkwdC::before,
+.OverlineText-module__hop-OverlineText__text___nkwdC::after {
   content: "";
   display: block;
   box-sizing: border-box;
   inline-size: 0;
   block-size: 0;
 }
-.OverlineText-module__hop-OverlineText__text___d4kYK::before {
+.OverlineText-module__hop-OverlineText__text___nkwdC::before {
   margin-block-end: var(--bottom-offset);
 }
-.OverlineText-module__hop-OverlineText__text___d4kYK::after {
+.OverlineText-module__hop-OverlineText__text___nkwdC::after {
   margin-block-start: var(--top-offset);
 }
 
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Badge/src/Badge.module.css/#css-module-data */
-.Badge-module__hop-Badge___c9NJZ {
+.Badge-module__hop-Badge___-9bND {
   --hop-Badge-height: 1.5rem;
   --hop-Badge-width: max-content;
   --hop-Badge-padding-inline: var(--hop-space-inset-sm);
@@ -92,61 +92,61 @@
   background-color: var(--background-color, var(--hop-Badge-primary-background-color));
   border-radius: var(--border-radius);
 }
-.Badge-module__hop-Badge___c9NJZ[data-variant=primary] {
+.Badge-module__hop-Badge___-9bND[data-variant=primary] {
   --background-color: var(--hop-Badge-primary-background-color);
   --text-color: var(--hop-Badge-primary-text-color);
 }
-.Badge-module__hop-Badge___c9NJZ[data-hovered][data-variant=primary] {
+.Badge-module__hop-Badge___-9bND[data-hovered][data-variant=primary] {
   --background-color: var(--hop-Badge-primary-background-color-hovered);
   --text-color: var(--hop-Badge-primary-text-color-hovered);
 }
-.Badge-module__hop-Badge___c9NJZ[data-pressed][data-variant=primary] {
+.Badge-module__hop-Badge___-9bND[data-pressed][data-variant=primary] {
   --background-color: var(--hop-Badge-primary-background-color-pressed);
   --text-color: var(--hop-Badge-primary-text-color-pressed);
 }
-.Badge-module__hop-Badge___c9NJZ[data-selected][data-variant=primary] {
+.Badge-module__hop-Badge___-9bND[data-selected][data-variant=primary] {
   --background-color: var(--hop-Badge-primary-background-color-selected);
   --text-color: var(--hop-Badge-primary-text-color-selected);
 }
-.Badge-module__hop-Badge___c9NJZ[data-variant=secondary] {
+.Badge-module__hop-Badge___-9bND[data-variant=secondary] {
   --background-color: var(--hop-Badge-secondary-background-color);
   --text-color: var(--hop-Badge-secondary-text-color);
 }
-.Badge-module__hop-Badge___c9NJZ[data-hovered][data-variant=secondary] {
+.Badge-module__hop-Badge___-9bND[data-hovered][data-variant=secondary] {
   --background-color: var(--hop-Badge-secondary-background-color-hovered);
   --text-color: var(--hop-Badge-secondary-text-color-hovered);
 }
-.Badge-module__hop-Badge___c9NJZ[data-pressed][data-variant=secondary] {
+.Badge-module__hop-Badge___-9bND[data-pressed][data-variant=secondary] {
   --background-color: var(--hop-Badge-secondary-background-color-pressed);
   --text-color: var(--hop-Badge-secondary-text-color-pressed);
 }
-.Badge-module__hop-Badge___c9NJZ[data-selected][data-variant=secondary] {
+.Badge-module__hop-Badge___-9bND[data-selected][data-variant=secondary] {
   --background-color: var(--hop-Badge-secondary-background-color-selected);
   --text-color: var(--hop-Badge-secondary-text-color-selected);
 }
-.Badge-module__hop-Badge___c9NJZ[data-variant=subdued] {
+.Badge-module__hop-Badge___-9bND[data-variant=subdued] {
   --background-color: var(--hop-Badge-subdued-background-color);
   --text-color: var(--hop-Badge-subdued-text-color);
 }
-.Badge-module__hop-Badge___c9NJZ[data-hovered][data-variant=subdued] {
+.Badge-module__hop-Badge___-9bND[data-hovered][data-variant=subdued] {
   --background-color: var(--hop-Badge-subdued-background-color-hovered);
   --text-color: var(--hop-Badge-subdued-text-color-hovered);
 }
-.Badge-module__hop-Badge___c9NJZ[data-pressed][data-variant=subdued] {
+.Badge-module__hop-Badge___-9bND[data-pressed][data-variant=subdued] {
   --background-color: var(--hop-Badge-subdued-background-color-pressed);
   --text-color: var(--hop-Badge-subdued-text-color-pressed);
 }
-.Badge-module__hop-Badge___c9NJZ[data-selected][data-variant=subdued] {
+.Badge-module__hop-Badge___-9bND[data-selected][data-variant=subdued] {
   --background-color: var(--hop-Badge-subdued-background-color-selected);
   --text-color: var(--hop-Badge-subdued-text-color-selected);
 }
-.Badge-module__hop-Badge___c9NJZ[data-indeterminate] {
+.Badge-module__hop-Badge___-9bND[data-indeterminate] {
   --border-radius: var(--hop-Badge-indeterminate-border-radius);
   --height: var(--hop-Badge-indeterminate-height);
   --width: var(--hop-Badge-indeterminate-width);
   --padding-inline: var(--hop-Badge-indeterminate-padding-inline);
 }
-.Badge-module__hop-Badge___c9NJZ[data-disabled] {
+.Badge-module__hop-Badge___-9bND[data-disabled] {
   --background-color: var(--hop-Badge-background-color-disabled);
   --text-color: var(--hop-Badge-text-color-disabled);
 }

package/dist/Badge/src/Badge.d.ts

@@ -1,11 +1,33 @@
 import * as react from 'react';
 import { StyledSystemProps } from '@hopper-ui/styled-system';
-import { BaseComponentProps } from '../../utils/src/types.js';
+import { AccessibleSlotProps, RenderProps } from '../../utils/src/types.js';
 import '@react-types/shared';
 import 'react-aria-components';
 
 declare const GlobalBadgeCssSelector = "hop-Badge";
-interface BadgeProps extends StyledSystemProps, BaseComponentProps {
+interface BadgeRenderProps {
+    /**
+     * Whether or not the badge is disabled.
+     */
+    isDisabled?: boolean;
+    /**
+     * Whether or not the badge is indeterminate and should just be a dot. This will ignore any children.
+    */
+    isIndeterminate?: boolean;
+    /**
+     * Whether or not the badge is hovered.
+     */
+    isHovered?: boolean;
+    /**
+     * Whether or not the badge is pressed.
+     */
+    isPressed?: boolean;
+    /**
+     * Whether or not the badge is selected.
+     */
+    isSelected?: boolean;
+}
+interface BadgeProps extends StyledSystemProps, AccessibleSlotProps, RenderProps<BadgeRenderProps> {
     /**
      * The visual style of the badge.
      * @default "primary"

package/dist/Badge/src/Badge.js

@@ -1,7 +1,9 @@
-export { _Badge as Badge, GlobalBadgeCssSelector } from '../../chunk-NT6XKRT2.js';
-import '../../chunk-XXFIU5GK.js';
+export { _Badge as Badge, GlobalBadgeCssSelector } from '../../chunk-JKE2GH2D.js';
+import '../../chunk-MJ24AAEX.js';
 import '../../chunk-WPNVVGFW.js';
 import '../../chunk-CQDLZ42T.js';
 import '../../chunk-HXI3MEEK.js';
+import '../../chunk-NH3IVMXB.js';
+import '../../chunk-65JPI4FL.js';
 import '../../chunk-KVDXQMWI.js';
 import '../../chunk-JSBRDJBE.js';

package/dist/Badge/src/FloatingBadge.css

@@ -1,5 +1,5 @@
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Badge/src/FloatingBadge.module.css/#css-module-data */
-.FloatingBadge-module__hop-FloatingBadge___d613O {
+.FloatingBadge-module__hop-FloatingBadge___-4FWx {
   --hop-FloatingBadge-badge-x: calc(0% + var(--hop-FloatingBadge-offset-x));
   --hop-FloatingBadge-badge-circular-x: calc(10% + var(--hop-FloatingBadge-offset-x));
   --hop-FloatingBadge-badge-y: calc(0% + var(--hop-FloatingBadge-offset-y));
@@ -40,7 +40,7 @@
   box-sizing: border-box;
   inline-size: max-content;
 }
-.FloatingBadge-module__hop-FloatingBadge___d613O[data-placement="top right"] {
+.FloatingBadge-module__hop-FloatingBadge___-4FWx[data-placement="top right"] {
   --badge-top: var(--hop-FloatingBadge-badge-topright-top);
   --badge-right: var(--hop-FloatingBadge-badge-topright-right);
   --badge-bottom: var(--hop-FloatingBadge-badge-topright-bottom);
@@ -48,11 +48,11 @@
   --badge-transform: var(--hop-FloatingBadge-badge-topright-transform);
   --badge-transform-origin: var(--hop-FloatingBadge-badge-topright-transform-origin);
 }
-.FloatingBadge-module__hop-FloatingBadge___d613O[data-placement="top right"][data-overlap=circular] {
+.FloatingBadge-module__hop-FloatingBadge___-4FWx[data-placement="top right"][data-overlap=circular] {
   --badge-top: var(--hop-FloatingBadge-badge-topright-circular-top);
   --badge-right: var(--hop-FloatingBadge-badge-topright-circular-right);
 }
-.FloatingBadge-module__hop-FloatingBadge___d613O[data-placement="top left"] {
+.FloatingBadge-module__hop-FloatingBadge___-4FWx[data-placement="top left"] {
   --badge-top: var(--hop-FloatingBadge-badge-topleft-top);
   --badge-right: var(--hop-FloatingBadge-badge-topleft-right);
   --badge-bottom: var(--hop-FloatingBadge-badge-topleft-bottom);
@@ -60,11 +60,11 @@
   --badge-transform: var(--hop-FloatingBadge-badge-topleft-transform);
   --badge-transform-origin: var(--hop-FloatingBadge-badge-topleft-transform-origin);
 }
-.FloatingBadge-module__hop-FloatingBadge___d613O[data-placement="top left"][data-overlap=circular] {
+.FloatingBadge-module__hop-FloatingBadge___-4FWx[data-placement="top left"][data-overlap=circular] {
   --badge-top: var(--hop-FloatingBadge-badge-topleft-circular-top);
   --badge-left: var(--hop-FloatingBadge-badge-topleft-circular-left);
 }
-.FloatingBadge-module__hop-FloatingBadge___d613O[data-placement="bottom right"] {
+.FloatingBadge-module__hop-FloatingBadge___-4FWx[data-placement="bottom right"] {
   --badge-top: var(--hop-FloatingBadge-badge-bottomright-top);
   --badge-right: var(--hop-FloatingBadge-badge-bottomright-right);
   --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-bottom);
@@ -72,11 +72,11 @@
   --badge-transform: var(--hop-FloatingBadge-badge-bottomright-transform);
   --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomright-transform-origin);
 }
-.FloatingBadge-module__hop-FloatingBadge___d613O[data-placement="bottom right"][data-overlap=circular] {
+.FloatingBadge-module__hop-FloatingBadge___-4FWx[data-placement="bottom right"][data-overlap=circular] {
   --badge-right: var(--hop-FloatingBadge-badge-bottomright-circular-right);
   --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-circular-bottom);
 }
-.FloatingBadge-module__hop-FloatingBadge___d613O[data-placement="bottom left"] {
+.FloatingBadge-module__hop-FloatingBadge___-4FWx[data-placement="bottom left"] {
   --badge-top: var(--hop-FloatingBadge-badge-bottomleft-top);
   --badge-right: var(--hop-FloatingBadge-badge-bottomleft-right);
   --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-bottom);
@@ -84,11 +84,11 @@
   --badge-transform: var(--hop-FloatingBadge-badge-bottomleft-transform);
   --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomleft-transform-origin);
 }
-.FloatingBadge-module__hop-FloatingBadge___d613O[data-placement="bottom left"][data-overlap=circular] {
+.FloatingBadge-module__hop-FloatingBadge___-4FWx[data-placement="bottom left"][data-overlap=circular] {
   --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-circular-bottom);
   --badge-left: var(--hop-FloatingBadge-badge-bottomleft-circular-left);
 }
-.FloatingBadge-module__hop-FloatingBadge__badge___e8v3N {
+.FloatingBadge-module__hop-FloatingBadge__badge___yOdKc {
   position: absolute;
   inset: var(--badge-top) var(--badge-right) var(--badge-bottom) var(--badge-left);
   transform-origin: var(--badge-transform-origin);

package/dist/Badge/src/FloatingBadge.d.ts

@@ -1,13 +1,13 @@
 import * as react from 'react';
 import { StyledSystemProps, ResponsiveProp } from '@hopper-ui/styled-system';
-import { BaseComponentProps } from '../../utils/src/types.js';
+import { BaseComponentDOMProps } from '../../utils/src/types.js';
 import '@react-types/shared';
 import 'react-aria-components';
 
 declare const GlobalFloatingBadgeCssSelector = "hop-FloatingBadge";
 type FloatingBadgePlacement = "top right" | "bottom right" | "bottom left" | "top left";
 type FloatingBadgeOverlap = "circular" | "rectangular";
-interface FloatingBadgeProps extends StyledSystemProps, BaseComponentProps {
+interface FloatingBadgeProps extends StyledSystemProps, BaseComponentDOMProps {
     /**
      * The offset of the badge from the anchor component. [horizontal, vertical]
      */

package/dist/Badge/src/FloatingBadge.js

@@ -1,4 +1,4 @@
-export { _FloatingBadge as FloatingBadge, GlobalFloatingBadgeCssSelector } from '../../chunk-5PSDYTOT.js';
+export { _FloatingBadge as FloatingBadge, GlobalFloatingBadgeCssSelector } from '../../chunk-2LS24P2S.js';
 import '../../chunk-CQDLZ42T.js';
 import '../../chunk-CIGS4QGT.js';
 import '../../chunk-HXI3MEEK.js';