@hopper-ui/components 1.0.4 → 1.0.6

package/dist/overlays/Popover/src/index.d.ts

@@ -1,6 +1,7 @@
-export { GlobalPopoverCssSelector, Popover, PopoverProps, PopoverTrigger, PopoverTriggerProps } from './Popover.js';
+export { GlobalPopoverCssSelector, Popover, PopoverProps } from './Popover.js';
+export { PopoverTrigger, PopoverTriggerProps } from './PopoverTrigger.js';
 export { PopoverContext } from './PopoverContext.js';
 import 'react';
-import 'react/jsx-runtime';
 import '@hopper-ui/styled-system';
 import 'react-aria-components';
+import 'react/jsx-runtime';

package/dist/overlays/Popover/src/index.js

@@ -1,76 +1,102 @@
-export { GlobalPopoverCssSelector, _Popover as Popover, PopoverTrigger } from '../../../chunk-TR7YX3IZ.js';
-export { PopoverContext } from '../../../chunk-SC6ZK5ON.js';
-import '../../../chunk-SWMFTL46.js';
+export { GlobalPopoverCssSelector, _Popover as Popover } from '../../../chunk-BC5A7RHI.js';
+export { PopoverTrigger } from '../../../chunk-I4VPBQI7.js';
 import '../../../chunk-TXZ6BMFR.js';
-import '../../../chunk-TIPN4VYD.js';
-import '../../../chunk-FGDSWA7S.js';
-import '../../../chunk-EWMWQ2MC.js';
-import '../../../chunk-LCAS3YQV.js';
+export { PopoverContext } from '../../../chunk-SC6ZK5ON.js';
 import '../../../chunk-WWRB4K4M.js';
-import '../../../chunk-XLKYXKWE.js';
-import '../../../chunk-PDYU6DNF.js';
-import '../../../chunk-5MBJWRZD.js';
-import '../../../chunk-NKHMUPAP.js';
-import '../../../chunk-A7TZHALP.js';
-import '../../../chunk-ZAJJD5FY.js';
-import '../../../chunk-N745TDH5.js';
+import '../../../chunk-XRC7XE6B.js';
 import '../../../chunk-H7VJS4MX.js';
+import '../../../chunk-37NW34QM.js';
+import '../../../chunk-XLKYXKWE.js';
+import '../../../chunk-EWMWQ2MC.js';
+import '../../../chunk-LCAS3YQV.js';
+import '../../../chunk-RCX5B3S3.js';
+import '../../../chunk-4JAV3FIH.js';
 import '../../../chunk-YHBJAXUY.js';
-import '../../../chunk-Z3ID4UEE.js';
+import '../../../chunk-AQITZWYM.js';
+import '../../../chunk-I67NHYK4.js';
+import '../../../chunk-N77LTZ4U.js';
 import '../../../chunk-Y7HUXUHX.js';
 import '../../../chunk-D6UTDI2K.js';
-import '../../../chunk-BGESEKEN.js';
-import '../../../chunk-TSXPLL55.js';
-import '../../../chunk-FU5CCPLP.js';
-import '../../../chunk-DGLAGYBD.js';
+import '../../../chunk-GFHBDUJD.js';
+import '../../../chunk-3NKF5TPD.js';
+import '../../../chunk-O4XPUINW.js';
 import '../../../chunk-GXBVNCVP.js';
 import '../../../chunk-IXB2WK56.js';
 import '../../../chunk-TVFC2MJ4.js';
-import '../../../chunk-AQITZWYM.js';
-import '../../../chunk-I67NHYK4.js';
-import '../../../chunk-PEPKE5SW.js';
-import '../../../chunk-WTKIUAHI.js';
-import '../../../chunk-QJBQRYJS.js';
-import '../../../chunk-GBABMUAI.js';
-import '../../../chunk-XSASR6CK.js';
-import '../../../chunk-LSVXKVG4.js';
-import '../../../chunk-ACVMW6YD.js';
-import '../../../chunk-ESVVLTEN.js';
+import '../../../chunk-V5GOY6TV.js';
+import '../../../chunk-6BFSSZCY.js';
+import '../../../chunk-QW45G6K4.js';
+import '../../../chunk-6QMIRVLY.js';
+import '../../../chunk-3LH2JHUO.js';
 import '../../../chunk-ZGNK4GWA.js';
 import '../../../chunk-N7YDPVZL.js';
 import '../../../chunk-3LRBUQC2.js';
 import '../../../chunk-WDUQUPTE.js';
-import '../../../chunk-HDYG2F3D.js';
+import '../../../chunk-XGKPMLYD.js';
+import '../../../chunk-H5YTU3U7.js';
+import '../../../chunk-BKC74M6Y.js';
+import '../../../chunk-WMTWFKKP.js';
 import '../../../chunk-VJQ7M2BK.js';
-import '../../../chunk-5GRWAXTT.js';
+import '../../../chunk-OHB5QR5P.js';
 import '../../../chunk-DXVKHP4V.js';
-import '../../../chunk-6MSYEF4W.js';
+import '../../../chunk-MED2BIDV.js';
 import '../../../chunk-O7IJYNVQ.js';
-import '../../../chunk-OMBQ3J4O.js';
+import '../../../chunk-O5PTD6IN.js';
+import '../../../chunk-G242LPQE.js';
+import '../../../chunk-HR25MLRP.js';
+import '../../../chunk-4ZYV2XLW.js';
+import '../../../chunk-RA7PM75O.js';
+import '../../../chunk-TIPN4VYD.js';
+import '../../../chunk-JTNMFPM4.js';
+import '../../../chunk-5H5AZJPQ.js';
+import '../../../chunk-UIEP5BA5.js';
+import '../../../chunk-E4ALW4MZ.js';
+import '../../../chunk-JRDN364E.js';
+import '../../../chunk-DGLAGYBD.js';
+import '../../../chunk-5MBJWRZD.js';
+import '../../../chunk-NKHMUPAP.js';
+import '../../../chunk-A7TZHALP.js';
+import '../../../chunk-2XUHTPCX.js';
+import '../../../chunk-FU5CCPLP.js';
+import '../../../chunk-53FHDOG7.js';
 import '../../../chunk-2EAZPH3M.js';
-import '../../../chunk-LRXYIR2A.js';
-import '../../../chunk-BCHUEONM.js';
-import '../../../chunk-WPNVVGFW.js';
-import '../../../chunk-ZSFJVMJN.js';
-import '../../../chunk-Y3L6TPP3.js';
-import '../../../chunk-H5YTU3U7.js';
-import '../../../chunk-NH3IVMXB.js';
-import '../../../chunk-H6CDFWVR.js';
-import '../../../chunk-Y7XWWUMU.js';
-import '../../../chunk-2CKDJG6R.js';
+import '../../../chunk-ZOTVZM6F.js';
 import '../../../chunk-QCA3ZR56.js';
-import '../../../chunk-4ZYV2XLW.js';
-import '../../../chunk-WMTWFKKP.js';
-import '../../../chunk-ANVMQBBG.js';
-import '../../../chunk-F7HR3VI4.js';
-import '../../../chunk-RCFB4SN4.js';
+import '../../../chunk-Y2POLIXK.js';
+import '../../../chunk-4TXFHYHL.js';
+import '../../../chunk-OKZYR4RF.js';
+import '../../../chunk-NMKBUGSO.js';
+import '../../../chunk-3A6TTZAA.js';
+import '../../../chunk-QBCCF2C2.js';
+import '../../../chunk-4VVNSXIB.js';
+import '../../../chunk-65JPI4FL.js';
+import '../../../chunk-MVRI6GLQ.js';
+import '../../../chunk-NH3IVMXB.js';
+import '../../../chunk-FAE27DLF.js';
+import '../../../chunk-L5A2UTQV.js';
+import '../../../chunk-7JOGKC3W.js';
+import '../../../chunk-P5CWOV3L.js';
+import '../../../chunk-HZKFQ33E.js';
+import '../../../chunk-SOSHKMNI.js';
+import '../../../chunk-K4ZGI7DJ.js';
+import '../../../chunk-WPNVVGFW.js';
+import '../../../chunk-CQDLZ42T.js';
+import '../../../chunk-F2URSFJA.js';
 import '../../../chunk-ZWU6DRRZ.js';
-import '../../../chunk-WGDP4ECF.js';
-import '../../../chunk-HXI3MEEK.js';
+import '../../../chunk-DHVVYSLB.js';
+import '../../../chunk-632B5YBQ.js';
+import '../../../chunk-J53HGLCT.js';
+import '../../../chunk-FYIHMKHI.js';
+import '../../../chunk-JUMJ6A3K.js';
+import '../../../chunk-E4WFKXW4.js';
+import '../../../chunk-RG4JKE4N.js';
 import '../../../chunk-X6SER3TZ.js';
-import '../../../chunk-65JPI4FL.js';
-import '../../../chunk-KVDXQMWI.js';
+import '../../../chunk-HXI3MEEK.js';
+import '../../../chunk-J33IFG4U.js';
+import '../../../chunk-AES7QBQE.js';
+import '../../../chunk-ITQK6JTD.js';
 import '../../../chunk-M36KANKC.js';
-import '../../../chunk-DHVVYSLB.js';
-import '../../../chunk-4VVNSXIB.js';
+import '../../../chunk-KVDXQMWI.js';
+import '../../../chunk-JWW56J7M.js';
+import '../../../chunk-NS3XVOQ7.js';
 import '../../../chunk-2P3A4VVY.js';

package/dist/radio/src/Radio.css

@@ -1,5 +1,5 @@
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/IconList/src/IconList.module.css/#css-module-data */
-.IconList-module__hop-IconList___CIQko {
+.IconList-module__hop-IconList___dMC-1 {
   --hop-IconList-gap: var(--hop-space-inline-xs);
   display: flex;
   flex-wrap: wrap;
@@ -8,7 +8,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___L5SE4 {
+.Text-module__hop-Text___B7ZPi {
   --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);
@@ -38,49 +38,49 @@
   --hop-Text-inherit-size-font-weight: inherit;
   --hop-Text-inherit-size-line-height: inherit;
 }
-:where(.Text-module__hop-Text___L5SE4) {
+:where(.Text-module__hop-Text___B7ZPi) {
   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___4XSOM) {
+:where(.Text-module__hop-Text--xs___2lyVp) {
   --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___rxq9a) {
+:where(.Text-module__hop-Text--sm___ZJw0q) {
   --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___I1rkh) {
+:where(.Text-module__hop-Text--md___JVXXA) {
   --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___A5qVa) {
+:where(.Text-module__hop-Text--lg___cL0LO) {
   --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___W3xPi) {
+:where(.Text-module__hop-Text--xl___KLn7g) {
   --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___C50TH) {
+:where(.Text-module__hop-Text--2xl___gb6mt) {
   --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___YDakN) {
+:where(.Text-module__hop-Text--inherit___-UFCW) {
   --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);
@@ -88,24 +88,22 @@
 }
 
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/Radio.module.css/#css-module-data */
-.Radio-module__hop-Radio___LZcWz {
+.Radio-module__hop-Radio___Ej0dA {
   --hop-Radio-box-border-size: 0.0625rem;
   --hop-Radio-box-border-color: var(--hop-neutral-border);
   --hop-Radio-box-background-color: var(--hop-neutral-surface);
+  --hop-Radio-box-outline-size: 0.125rem;
+  --hop-Radio-box-outline-color: var(--hop-primary-border-focus);
   --hop-Radio-bullet-color: var(--hop-neutral-icon-selected);
   --hop-Radio-bullet-display: none;
   --hop-Radio-text-color: var(--hop-neutral-text);
   --hop-Radio-icon-color: var(--hop-neutral-icon);
-  --hop-Radio-box-border-color-hover: var(--hop-neutral-border-hover);
-  --hop-Radio-box-background-color-hover: var(--hop-neutral-surface-hover);
-  --hop-Radio-box-border-color-selected-hover: var(--hop-neutral-border-selected);
-  --hop-Radio-box-background-color-selected-hover: var(--hop-neutral-surface-selected);
-  --hop-Radio-text-color-hover: var(--hop-neutral-text-hover);
-  --hop-Radio-icon-color-hover: var(--hop-neutral-icon-hover);
+  --hop-Radio-box-border-color-hovered: var(--hop-neutral-border-hover);
+  --hop-Radio-box-background-color-hovered: var(--hop-neutral-surface-hover);
+  --hop-Radio-text-color-hovered: var(--hop-neutral-text-hover);
+  --hop-Radio-icon-color-hovered: var(--hop-neutral-icon-hover);
   --hop-Radio-box-border-color-pressed: var(--hop-neutral-border-press);
   --hop-Radio-box-background-color-pressed: var(--hop-neutral-surface-press);
-  --hop-Radio-box-border-color-selected-pressed: var(--hop-neutral-border-selected);
-  --hop-Radio-box-background-color-selected-pressed: var(--hop-neutral-surface-selected);
   --hop-Radio-text-color-pressed: var(--hop-neutral-text-press);
   --hop-Radio-icon-color-pressed: var(--hop-neutral-icon-press);
   --hop-Radio-box-border-color-selected: var(--hop-neutral-border-selected);
@@ -115,33 +113,28 @@
   --hop-Radio-icon-color-selected: var(--hop-neutral-icon);
   --hop-Radio-box-border-color-disabled: var(--hop-neutral-border-disabled);
   --hop-Radio-box-background-color-disabled: var(--hop-neutral-surface-disabled);
-  --hop-Radio-box-border-color-selected-disabled: var(--hop-neutral-border-disabled);
-  --hop-Radio-box-background-color-selected-disabled: var(--hop-neutral-surface-disabled);
   --hop-Radio-bullet-color-disabled: var(--hop-neutral-icon-disabled);
   --hop-Radio-text-color-disabled: var(--hop-neutral-text-disabled);
   --hop-Radio-icon-color-disabled: var(--hop-neutral-icon-disabled);
-  --hop-Radio-box-border-color-focus: var(--hop-neutral-border-hover);
-  --hop-Radio-box-background-color-focus: var(--hop-neutral-surface-hover);
-  --hop-Radio-box-focus-ring-color: var(--hop-primary-border-focus);
-  --hop-Radio-box-border-color-selected-focus: var(--hop-neutral-border-selected);
-  --hop-Radio-box-background-color-selected-focus: var(--hop-neutral-surface-selected);
-  --hop-Radio-text-color-focus: var(--hop-neutral-text);
-  --hop-Radio-icon-color-focus: var(--hop-neutral-icon);
+  --hop-Radio-box-border-color-focused: var(--hop-neutral-border-hover);
+  --hop-Radio-box-background-color-focused: var(--hop-neutral-surface-hover);
+  --hop-Radio-text-color-focused: var(--hop-neutral-text);
+  --hop-Radio-icon-color-focused: var(--hop-neutral-icon);
   --hop-Radio-box-border-color-invalid: var(--hop-danger-border-strong);
   --hop-Radio-box-background-color-invalid: var(--hop-neutral-surface);
-  --hop-Radio-box-border-color-hover-invalid: var(--hop-danger-border-strong);
-  --hop-Radio-box-background-color-hover-invalid: var(--hop-danger-surface);
+  --hop-Radio-box-border-color-hovered-invalid: var(--hop-danger-border-strong);
+  --hop-Radio-box-background-color-hovered-invalid: var(--hop-danger-surface);
   --hop-Radio-box-border-color-pressed-invalid: var(--hop-danger-border-press);
   --hop-Radio-box-background-color-pressed-invalid: var(--hop-danger-surface-weak);
-  --hop-Radio-box-border-color-focus-invalid: var(--hop-danger-border-strong);
-  --hop-Radio-box-background-color-focus-invalid: var(--hop-danger-surface);
+  --hop-Radio-box-border-color-focused-invalid: var(--hop-danger-border-strong);
+  --hop-Radio-box-background-color-focused-invalid: var(--hop-danger-surface);
   --hop-Radio-box-border-color-selected-invalid: var(--hop-danger-border-strong);
   --hop-Radio-box-background-color-selected-invalid: var(--hop-danger-surface-strong);
   --hop-Radio-bullet-color-invalid: var(--hop-danger-icon-strong);
   --hop-Radio-text-color-invalid: var(--hop-danger-text-weak);
   --hop-Radio-icon-color-invalid: var(--hop-danger-icon-weak);
-  --hop-Radio-text-color-hover-invalid: var(--hop-danger-text-weak-hover);
-  --hop-Radio-icon-color-hover-invalid: var(--hop-danger-icon-weak-hover);
+  --hop-Radio-text-color-hovered-invalid: var(--hop-danger-text-weak-hover);
+  --hop-Radio-icon-color-hovered-invalid: var(--hop-danger-icon-weak-hover);
   --hop-Radio-text-color-pressed-invalid: var(--hop-danger-text-weak-press);
   --hop-Radio-box-sm-inline-size: 1rem;
   --hop-Radio-box-sm-block-size: 1rem;
@@ -164,47 +157,46 @@
   cursor: var(--cursor);
   display: flex;
   column-gap: var(--hop-space-inline-xs);
-  align-items: start;
-  justify-content: start;
+  align-items: flex-start;
+  justify-content: flex-start;
   box-sizing: border-box;
   inline-size: max-content;
   max-inline-size: 100%;
 }
-.Radio-module__hop-Radio___LZcWz[data-hovered] {
-  --box-background-color: var(--hop-Radio-box-background-color-hover);
-  --box-border-color: var(--hop-Radio-box-border-color-hover);
-  --text-color: var(--hop-Radio-text-color-hover);
-  --icon-color: var(--hop-Radio-icon-color-hover);
+.Radio-module__hop-Radio___Ej0dA[data-focus-visible],
+.Radio-module__hop-Radio--focused___EBP2c {
+  --box-background-color: var(--hop-Radio-box-background-color-focused);
+  --box-border-color: var(--hop-Radio-box-border-color-focused);
+  --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
+  --text-color: var(--hop-Radio-text-color-focused);
+  --icon-color: var(--hop-Radio-icon-color-focused);
+  --description-color: var(--hop-Radio-description-color-focus);
+}
+.Radio-module__hop-Radio___Ej0dA[data-hovered],
+.Radio-module__hop-Radio--hovered___4dfUm {
+  --box-background-color: var(--hop-Radio-box-background-color-hovered);
+  --box-border-color: var(--hop-Radio-box-border-color-hovered);
+  --text-color: var(--hop-Radio-text-color-hovered);
+  --icon-color: var(--hop-Radio-icon-color-hovered);
   --description-color: var(--hop-Radio-description-color-hover);
 }
-.Radio-module__hop-Radio___LZcWz[data-pressed] {
+.Radio-module__hop-Radio___Ej0dA[data-pressed],
+.Radio-module__hop-Radio--pressed___GXIqK {
   --box-background-color: var(--hop-Radio-box-background-color-pressed);
   --box-border-color: var(--hop-Radio-box-border-color-pressed);
   --text-color: var(--hop-Radio-text-color-pressed);
   --icon-color: var(--hop-Radio-icon-color-pressed);
   --description-color: var(--hop-Radio-description-color-pressed);
 }
-.Radio-module__hop-Radio___LZcWz[data-selected] {
-  --box-background-color: var(--hop-Radio-box-background-color-selected-hover);
-  --box-border-color: var(--hop-Radio-box-border-color-selected-hover);
+.Radio-module__hop-Radio___Ej0dA[data-selected] {
+  --box-background-color: var(--hop-Radio-box-background-color-selected);
+  --box-border-color: var(--hop-Radio-box-border-color-selected);
   --bullet-display: var(--hop-Radio-bullet-display-selected);
   --text-color: var(--hop-Radio-text-color-selected);
   --icon-color: var(--hop-Radio-icon-color-selected);
   --description-color: var(--hop-Radio-description-color-selected);
 }
-.Radio-module__hop-Radio___LZcWz[data-focus-visible] {
-  --box-background-color: var(--hop-Radio-box-background-color-focus);
-  --box-border-color: var(--hop-Radio-box-border-color-focus);
-  --box-outline: 0.125rem solid var(--hop-Radio-box-focus-ring-color);
-  --text-color: var(--hop-Radio-text-color-focus);
-  --icon-color: var(--hop-Radio-icon-color-focus);
-  --description-color: var(--hop-Radio-description-color-focus);
-}
-.Radio-module__hop-Radio___LZcWz[data-focus-visible][data-selected] {
-  --box-background-color: var(--hop-Radio-box-background-color-selected-focus);
-  --box-border-color: var(--hop-Radio-box-border-color-selected-focus);
-}
-.Radio-module__hop-Radio___LZcWz[data-invalid] {
+.Radio-module__hop-Radio___Ej0dA[data-invalid] {
   --box-background-color: var(--hop-Radio-box-background-color-invalid);
   --box-border-color: var(--hop-Radio-box-border-color-invalid);
   --bullet-color: var(--hop-Radio-bullet-color-invalid);
@@ -212,27 +204,27 @@
   --icon-color: var(--hop-Radio-icon-color-invalid);
   --description-color: var(--hop-Radio-description-color-invalid);
 }
-.Radio-module__hop-Radio___LZcWz[data-invalid][data-hovered] {
-  --box-background-color: var(--hop-Radio-box-background-color-hover-invalid);
-  --box-border-color: var(--hop-Radio-box-border-color-hover-invalid);
-  --text-color: var(--hop-Radio-text-color-hover-invalid);
-  --icon-color: var(--hop-Radio-text-color-hover-invalid);
+.Radio-module__hop-Radio___Ej0dA:where([data-invalid])[data-focus-visible] {
+  --box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
+  --box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
+}
+.Radio-module__hop-Radio___Ej0dA:where([data-invalid])[data-hovered] {
+  --box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
+  --box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
+  --text-color: var(--hop-Radio-text-color-hovered-invalid);
+  --icon-color: var(--hop-Radio-text-color-hovered-invalid);
 }
-.Radio-module__hop-Radio___LZcWz[data-invalid][data-pressed] {
+.Radio-module__hop-Radio___Ej0dA:where([data-invalid])[data-pressed] {
   --box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
   --box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
   --text-color: var(--hop-Radio-text-color-pressed-invalid);
   --icon-color: var(--hop-Radio-icon-color-pressed-invalid);
 }
-.Radio-module__hop-Radio___LZcWz[data-invalid][data-focus-visible] {
-  --box-background-color: var(--hop-Radio-box-background-color-focus-invalid);
-  --box-border-color: var(--hop-Radio-box-border-color-focus-invalid);
-}
-.Radio-module__hop-Radio___LZcWz[data-invalid][data-selected] {
+.Radio-module__hop-Radio___Ej0dA:where([data-invalid])[data-selected] {
   --box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
   --box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
 }
-.Radio-module__hop-Radio___LZcWz[data-disabled] {
+.Radio-module__hop-Radio___Ej0dA[data-disabled] {
   --box-background-color: var(--hop-Radio-box-background-color-disabled);
   --box-border-color: var(--hop-Radio-box-border-color-disabled);
   --bullet-color: var(--hop-Radio-bullet-color-disabled);
@@ -241,29 +233,25 @@
   --icon-color: var(--hop-Radio-icon-color-disabled);
   --description-color: var(--hop-Radio-description-color-disabled);
 }
-.Radio-module__hop-Radio___LZcWz[data-disabled][data-selected] {
-  --box-background-color: var(--hop-Radio-box-background-color-selected-disabled);
-  --box-border-color: var(--hop-Radio-box-border-color-selected-disabled);
-}
-.Radio-module__hop-Radio--sm___HI8UZ {
+.Radio-module__hop-Radio--sm___XUcRq {
   --box-inline-size: var(--hop-Radio-box-sm-inline-size);
   --box-block-size: var(--hop-Radio-box-sm-block-size);
   --text-top-offset: var(--hop-Radio-text-sm-top-offset);
   --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
 }
-.Radio-module__hop-Radio--md___Dw-0f {
+.Radio-module__hop-Radio--md___-Thls {
   --box-inline-size: var(--hop-Radio-box-md-inline-size);
   --box-block-size: var(--hop-Radio-box-md-block-size);
   --text-top-offset: var(--hop-Radio-text-md-top-offset);
   --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
 }
-.Radio-module__hop-Radio__icon___yYmFX,
-.Radio-module__hop-Radio__icon-list___SPAhi {
+.Radio-module__hop-Radio__icon___6mbf6,
+.Radio-module__hop-Radio__icon-list___VBhFT {
   flex: 0 0 auto;
   order: 3;
   color: var(--icon-color);
 }
-.Radio-module__hop-Radio__box___YuVXv {
+.Radio-module__hop-Radio__box___QMuH4 {
   display: flex;
   flex: 0 0 auto;
   align-items: center;
@@ -279,11 +267,11 @@
   outline-offset: 0.125rem;
   transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
 }
-.Radio-module__hop-Radio__bullet___nln5Y {
+.Radio-module__hop-Radio__bullet___5-SbO {
   display: var(--bullet-display);
   color: var(--bullet-color);
 }
-.Radio-module__hop-Radio__text___89qvv {
+.Radio-module__hop-Radio__text___fZ6br {
   flex: 0 1 auto;
   order: 2;
   min-inline-size: 0;

package/dist/radio/src/Radio.d.ts

@@ -1,9 +1,11 @@
 import * as react from 'react';
 import { StyledComponentProps, ResponsiveProp } from '@hopper-ui/styled-system';
 import { RadioProps as RadioProps$1 } from 'react-aria-components';
+import { InteractionProps } from '../../utils/src/types.js';
+import '@react-types/shared';
 
 declare const GlobalRadioCssSelector = "hop-Radio";
-interface RadioProps extends StyledComponentProps<RadioProps$1> {
+interface RadioProps extends StyledComponentProps<RadioProps$1>, InteractionProps {
     /**
      * A radio can vary in size.
      * @default "md"

package/dist/radio/src/Radio.js

@@ -1,11 +1,11 @@
-export { GlobalRadioCssSelector, _Radio as Radio } from '../../chunk-BGESEKEN.js';
+export { GlobalRadioCssSelector, _Radio as Radio } from '../../chunk-2XUHTPCX.js';
 import '../../chunk-FU5CCPLP.js';
+import '../../chunk-65JPI4FL.js';
 import '../../chunk-ZWU6DRRZ.js';
-import '../../chunk-WGDP4ECF.js';
-import '../../chunk-HXI3MEEK.js';
+import '../../chunk-DHVVYSLB.js';
+import '../../chunk-RG4JKE4N.js';
 import '../../chunk-X6SER3TZ.js';
-import '../../chunk-65JPI4FL.js';
-import '../../chunk-KVDXQMWI.js';
+import '../../chunk-HXI3MEEK.js';
 import '../../chunk-M36KANKC.js';
-import '../../chunk-DHVVYSLB.js';
+import '../../chunk-KVDXQMWI.js';
 import '../../chunk-2P3A4VVY.js';

package/dist/radio/src/RadioContext.d.ts

@@ -2,6 +2,8 @@ import * as react from 'react';
 import { ContextValue } from 'react-aria-components';
 import { RadioProps } from './Radio.js';
 import '@hopper-ui/styled-system';
+import '../../utils/src/types.js';
+import '@react-types/shared';
 
 declare const RadioContext: react.Context<ContextValue<Partial<RadioProps>, HTMLLabelElement>>;
 

package/dist/radio/src/RadioField.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___L5SE4 {
+.Text-module__hop-Text___B7ZPi {
   --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___L5SE4) {
+:where(.Text-module__hop-Text___B7ZPi) {
   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___4XSOM) {
+:where(.Text-module__hop-Text--xs___2lyVp) {
   --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___rxq9a) {
+:where(.Text-module__hop-Text--sm___ZJw0q) {
   --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___I1rkh) {
+:where(.Text-module__hop-Text--md___JVXXA) {
   --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___A5qVa) {
+:where(.Text-module__hop-Text--lg___cL0LO) {
   --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___W3xPi) {
+:where(.Text-module__hop-Text--xl___KLn7g) {
   --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___C50TH) {
+:where(.Text-module__hop-Text--2xl___gb6mt) {
   --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___YDakN) {
+:where(.Text-module__hop-Text--inherit___-UFCW) {
   --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/radio/src/RadioField.module.css/#css-module-data */
-.RadioField-module__hop-RadioField___j6Bgm {
+.RadioField-module__hop-RadioField___8QRjD {
   --hop-RadioField-description-color: var(--hop-neutral-text-weak);
   --hop-RadioField-description-color-disabled: var(--hop-neutral-text-disabled);
   --hop-RadioField-sm-row-gap: var(--hop-space-stack-xs);
@@ -98,22 +98,22 @@
   inline-size: max-content;
   max-inline-size: 100%;
 }
-.RadioField-module__hop-RadioField___j6Bgm[data-disabled] {
+.RadioField-module__hop-RadioField___8QRjD[data-disabled] {
   --description-color: var(--hop-RadioField-description-color-disabled);
 }
-.RadioField-module__hop-RadioField--sm___jr--X {
+.RadioField-module__hop-RadioField--sm___X4Gkl {
   --row-gap: var(--hop-RadioField-sm-row-gap);
   --description-margin-inline-start: var(--hop-RadioField-description-sm-margin-inline-start);
 }
-.RadioField-module__hop-RadioField--md___RSqRn {
+.RadioField-module__hop-RadioField--md___Z451F {
   --row-gap: var(--hop-RadioField-md-row-gap);
   --description-margin-inline-start: var(--hop-RadioField-description-md-margin-inline-start);
 }
-.RadioField-module__hop-RadioField__description___kCUrj {
+.RadioField-module__hop-RadioField__description___SqBmM {
   order: 2;
   margin-inline-start: var(--description-margin-inline-start, var(--hop-RadioField-description-md-margin-inline-start));
   color: var(--description-color);
 }
-.RadioField-module__hop-RadioField__radio___ii87W {
+.RadioField-module__hop-RadioField__radio___CfAFT {
   order: 1;
 }

package/dist/radio/src/RadioField.js

@@ -1,8 +1,8 @@
-export { GlobalRadioFieldCssSelector, _RadioField as RadioField } from '../../chunk-TSXPLL55.js';
-import '../../chunk-FU5CCPLP.js';
+export { GlobalRadioFieldCssSelector, _RadioField as RadioField } from '../../chunk-RCX5B3S3.js';
 import '../../chunk-DGLAGYBD.js';
-import '../../chunk-HXI3MEEK.js';
+import '../../chunk-FU5CCPLP.js';
 import '../../chunk-X6SER3TZ.js';
-import '../../chunk-KVDXQMWI.js';
+import '../../chunk-HXI3MEEK.js';
 import '../../chunk-M36KANKC.js';
+import '../../chunk-KVDXQMWI.js';
 import '../../chunk-2P3A4VVY.js';