@hopper-ui/components 1.3.20 → 1.3.21

package/dist/ListBox/src/ListBoxItem.d.ts

@@ -1,6 +1,5 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
 import { StyledComponentProps, ResponsiveProp } from '@hopper-ui/styled-system';
-import { ForwardedRef } from 'react';
 import { ListBoxItemProps as ListBoxItemProps$1 } from 'react-aria-components';
 import { DecorativeCheckboxProps } from '../../checkbox/src/DecorativeCheckbox.js';
 import { DecorativeRadioProps } from '../../radio/src/DecorativeRadio.js';
@@ -43,14 +42,11 @@ interface ListBoxItemProps<T> extends ListBoxItemSharedProps, StyledComponentPro
      */
     size?: ResponsiveProp<ListBoxItemSize>;
 }
-declare function ListBoxItem<T extends object>(props: ListBoxItemProps<T>, ref: ForwardedRef<HTMLDivElement>): react_jsx_runtime.JSX.Element;
 /**
  * A ListBoxItem represents an item within a ListBox component.
  *
  * [View Documentation](TODO)
  */
-declare const _ListBoxItem: <T>(props: ListBoxItemProps<T> & {
-    ref?: ForwardedRef<HTMLDivElement>;
-}) => ReturnType<typeof ListBoxItem>;
+declare const _ListBoxItem: <T extends object>(props: ListBoxItemProps<T> & react.RefAttributes<HTMLElement>) => react.ReactElement<any, string | react.JSXElementConstructor<any>> | null;
 
 export { GlobalListBoxItemCssSelector, _ListBoxItem as ListBoxItem, type ListBoxItemProps, type ListBoxItemSize, type SelectionIndicator };

package/dist/ListBox/src/ListBoxItem.js

@@ -1,29 +1,29 @@
-export { GlobalListBoxItemCssSelector, _ListBoxItem as ListBoxItem } from '../../chunk-FH236DA7.js';
-import '../../chunk-ETRACW2O.js';
+export { GlobalListBoxItemCssSelector, _ListBoxItem as ListBoxItem } from '../../chunk-DQ3RMWYV.js';
+import '../../chunk-N4TMRRF4.js';
 import '../../chunk-FU5CCPLP.js';
-import '../../chunk-UXX325G4.js';
+import '../../chunk-SUMAGCIA.js';
 import '../../chunk-2EAZPH3M.js';
 import '../../chunk-Y2POLIXK.js';
-import '../../chunk-K37GG2W4.js';
+import '../../chunk-ZWUASBUA.js';
 import '../../chunk-OKZYR4RF.js';
 import '../../chunk-DHVVYSLB.js';
-import '../../chunk-CQDLZ42T.js';
-import '../../chunk-XAEUK2IS.js';
+import '../../chunk-MHDM4YO4.js';
 import '../../chunk-ZWU6DRRZ.js';
 import '../../chunk-LJXTJRSB.js';
-import '../../chunk-BAVC57WI.js';
+import '../../chunk-HEAER6AM.js';
+import '../../chunk-IRP5O2PB.js';
 import '../../chunk-TXZ6BMFR.js';
-import '../../chunk-AW7BK3KI.js';
 import '../../chunk-QCA3ZR56.js';
 import '../../chunk-TFVDF4YH.js';
-import '../../chunk-DF556GIE.js';
+import '../../chunk-4MJUV4Y4.js';
 import '../../chunk-WPNVVGFW.js';
-import '../../chunk-G3KPVKSY.js';
+import '../../chunk-CQDLZ42T.js';
+import '../../chunk-3PONZZJH.js';
 import '../../chunk-X6SER3TZ.js';
 import '../../chunk-HXI3MEEK.js';
 import '../../chunk-AES7QBQE.js';
+import '../../chunk-M36KANKC.js';
 import '../../chunk-NH3IVMXB.js';
 import '../../chunk-65JPI4FL.js';
-import '../../chunk-M36KANKC.js';
 import '../../chunk-KVDXQMWI.js';
 import '../../chunk-JSBRDJBE.js';

package/dist/ListBox/src/ListBoxItemContext.d.ts

@@ -1,7 +1,6 @@
 import * as react from 'react';
 import { ContextValue } from 'react-aria-components';
 import { ListBoxItemProps } from './ListBoxItem.js';
-import 'react/jsx-runtime';
 import '@hopper-ui/styled-system';
 import '../../checkbox/src/DecorativeCheckbox.js';
 import '../../utils/src/types.js';
@@ -10,6 +9,6 @@ import '../../checkbox/src/Checkbox.js';
 import '../../radio/src/DecorativeRadio.js';
 import '../../radio/src/Radio.js';
 
-declare const ListBoxItemContext: react.Context<ContextValue<ListBoxItemProps<object>, HTMLDivElement>>;
+declare const ListBoxItemContext: react.Context<ContextValue<ListBoxItemProps<object>, HTMLElement>>;
 
 export { ListBoxItemContext };

package/dist/ListBox/src/ListBoxItemSkeleton.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___7drzK {
+.Heading-module__hop-Heading___JWvs8 {
   --hop-Heading-xs-font-size: var(--hop-heading-xs-font-size);
   --hop-Heading-xs-font-family: var(--hop-heading-xs-font-family);
   --hop-Heading-xs-font-weight: var(--hop-heading-xs-font-weight);
@@ -33,50 +33,50 @@
   --hop-Heading-inherit-size-font-weight: inherit;
   --hop-Heading-inherit-size-line-height: inherit;
 }
-:where(.Heading-module__hop-Heading___7drzK) {
+:where(.Heading-module__hop-Heading___JWvs8) {
   margin: 0;
   font-family: var(--font-family);
   font-size: var(--font-size);
   font-weight: var(--font-weight);
   line-height: var(--line-height);
 }
-:where(.Heading-module__hop-Heading--xs___0JHJR) {
+:where(.Heading-module__hop-Heading--xs___Cfweo) {
   --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___FfRbr) {
+:where(.Heading-module__hop-Heading--sm___sAf2J) {
   --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___iEZB3) {
+:where(.Heading-module__hop-Heading--md___6wrhw) {
   --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___CiHJr) {
+:where(.Heading-module__hop-Heading--lg___jvv5C) {
   --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___BxXWu) {
+:where(.Heading-module__hop-Heading--xl___rJZ8W) {
   --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___AaMF1) {
+:where(.Heading-module__hop-Heading--2xl___vy5tr) {
   --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___KsM39) {
+:where(.Heading-module__hop-Heading--3xl___sHzoB) {
   --font-size: var(--hop-Heading-3xl-font-size);
   --font-family: var(--hop-Heading-3xl-font-family);
   --font-weight: var(--hop-Heading-3xl-font-weight);
@@ -84,7 +84,7 @@
 }
 
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Text/src/Text.module.css/#css-module-data */
-.Text-module__hop-Text___-EUra {
+.Text-module__hop-Text___45Zf4 {
   --hop-Text-xs-font-size: var(--hop-body-xs-font-size);
   --hop-Text-xs-font-family: var(--hop-body-xs-font-family);
   --hop-Text-xs-font-weight: var(--hop-body-xs-font-weight);
@@ -114,49 +114,49 @@
   --hop-Text-inherit-size-font-weight: inherit;
   --hop-Text-inherit-size-line-height: inherit;
 }
-:where(.Text-module__hop-Text___-EUra) {
+:where(.Text-module__hop-Text___45Zf4) {
   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___t4w0g) {
+:where(.Text-module__hop-Text--xs___d9F1w) {
   --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___3fx9R) {
+:where(.Text-module__hop-Text--sm___-NvEj) {
   --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___N-FVs) {
+:where(.Text-module__hop-Text--md___lFLy8) {
   --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___Hk0C7) {
+:where(.Text-module__hop-Text--lg___eI9o1) {
   --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___a4t-X) {
+:where(.Text-module__hop-Text--xl___gyrV0) {
   --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___PFpVA) {
+:where(.Text-module__hop-Text--2xl___ZQS8X) {
   --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___ENNdv) {
+:where(.Text-module__hop-Text--inherit___wmhsR) {
   --font-size: var(--hop-Text-inherit-size-font-size);
   --font-family: var(--hop-Text-inherit-size-font-family);
   --font-weight: var(--hop-Text-inherit-size-font-weight);
@@ -164,7 +164,7 @@
 }
 
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/OverlineText/src/OverlineText.module.css/#css-module-data */
-:where(.OverlineText-module__hop-OverlineText___DX8iF) {
+:where(.OverlineText-module__hop-OverlineText___6KBG7) {
   --hop-OverlineText-font-family: var(--hop-overline-font-family);
   --hop-OverlineText-font-size: var(--hop-overline-font-size);
   --hop-OverlineText-font-weight: var(--hop-overline-font-weight);
@@ -188,45 +188,45 @@
   text-transform: uppercase;
   letter-spacing: var(--letter-spacing);
 }
-.OverlineText-module__hop-OverlineText__text___p5TCe {
+.OverlineText-module__hop-OverlineText__text___MHRJ4 {
   box-sizing: border-box;
 }
-.OverlineText-module__hop-OverlineText__text___p5TCe::before,
-.OverlineText-module__hop-OverlineText__text___p5TCe::after {
+.OverlineText-module__hop-OverlineText__text___MHRJ4::before,
+.OverlineText-module__hop-OverlineText__text___MHRJ4::after {
   content: "";
   display: block;
   box-sizing: border-box;
   inline-size: 0;
   block-size: 0;
 }
-.OverlineText-module__hop-OverlineText__text___p5TCe::before {
+.OverlineText-module__hop-OverlineText__text___MHRJ4::before {
   margin-block-end: var(--bottom-offset);
 }
-.OverlineText-module__hop-OverlineText__text___p5TCe::after {
+.OverlineText-module__hop-OverlineText__text___MHRJ4::after {
   margin-block-start: var(--top-offset);
 }
 
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Label/src/Label.module.css/#css-module-data */
-.Label-module__hop-Label___YFmlQ {
+.Label-module__hop-Label___2VJx8 {
   --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___YFmlQ) {
+:where(.Label-module__hop-Label___2VJx8) {
   font-family: var(--hop-Label-font-family);
   font-size: var(--hop-Label-font-size);
   font-weight: var(--hop-Label-font-weight);
   line-height: var(--hop-Label-line-height);
   color: var(--hop-Label-color);
 }
-:where(.Label-module__hop-Label__indicator___32htv) {
+:where(.Label-module__hop-Label__indicator___UgwtS) {
   padding-inline-start: var(--hop-space-20);
 }
 
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBoxItemSkeleton.module.css/#css-module-data */
-.ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___bzUls {
+.ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___9zffP {
   --hop-ListBoxItemSkeleton-background-color: var(--hop-rock-50);
   --hop-ListBoxItemSkeleton-background-color-dark: var(--hop-rock-75);
   --hop-ListBoxItemSkeleton-border-radius: var(--hop-shape-rounded-md);
@@ -252,7 +252,7 @@
   background-image: var(--hop-ListBoxItemSkeleton-linear-gradient);
   background-size: 400% 100%;
   border-radius: var(--hop-ListBoxItemSkeleton-border-radius);
-  animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___ML5Qz;
+  animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___WAceV;
   animation-duration: var(--animation-duration);
   animation-timing-function: ease-in-out;
   animation-fill-mode: forwards;
@@ -261,19 +261,19 @@
     --animation-duration: var(--hop-ListBoxItemSkeleton-animation-reduced-motion-duration);
   }
 }
-.ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___uDmGx {
+.ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___FFwjh {
   --height: var(--hop-ListBoxItemSkeleton-xs-height);
 }
-.ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___XgP-2 {
+.ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___SRA10 {
   --height: var(--hop-ListBoxItemSkeleton-sm-height);
 }
-.ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___AO18x {
+.ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___Sqyy9 {
   --height: var(--hop-ListBoxItemSkeleton-md-height);
 }
-.ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___-VlqF {
+.ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___0csSN {
   --height: var(--hop-ListBoxItemSkeleton-lg-height);
 }
-@keyframes ListBoxItemSkeleton-module__placeholder-shimmer___ML5Qz {
+@keyframes ListBoxItemSkeleton-module__placeholder-shimmer___WAceV {
   0% {
     background-position: 125% 50%;
   }

package/dist/ListBox/src/ListBoxItemSkeleton.d.ts

@@ -4,7 +4,6 @@ import { BaseComponentDOMProps } from '../../utils/src/types.js';
 import { ListBoxItemSize } from './ListBoxItem.js';
 import '@react-types/shared';
 import 'react-aria-components';
-import 'react/jsx-runtime';
 import '../../checkbox/src/DecorativeCheckbox.js';
 import '../../checkbox/src/Checkbox.js';
 import '../../radio/src/DecorativeRadio.js';

package/dist/ListBox/src/ListBoxItemSkeleton.js

@@ -1,4 +1,4 @@
-export { GlobalListBoxItemSkeletonCssSelector, _ListBoxItemSkeleton as ListBoxItemSkeleton } from '../../chunk-K37GG2W4.js';
+export { GlobalListBoxItemSkeletonCssSelector, _ListBoxItemSkeleton as ListBoxItemSkeleton } from '../../chunk-ZWUASBUA.js';
 import '../../chunk-OKZYR4RF.js';
 import '../../chunk-KVDXQMWI.js';
 import '../../chunk-JSBRDJBE.js';

package/dist/ListBox/src/ListBoxItemSkeletonContext.d.ts

@@ -5,7 +5,6 @@ import '@hopper-ui/styled-system';
 import '../../utils/src/types.js';
 import '@react-types/shared';
 import './ListBoxItem.js';
-import 'react/jsx-runtime';
 import '../../checkbox/src/DecorativeCheckbox.js';
 import '../../checkbox/src/Checkbox.js';
 import '../../radio/src/DecorativeRadio.js';