@hopper-ui/components 1.0.4 → 1.0.6

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

@@ -0,0 +1,8 @@
+export { GlobalListBoxCssSelector, GlobalListBoxEmptyItemCssSelector, ListBox, ListBoxProps } from './ListBox.js';
+export { ListBoxContext } from './ListBoxContext.js';
+export { GlobalListBoxItemCssSelector, ListBoxItem, ListBoxItemProps, ListBoxItemSize } from './ListBoxItem.js';
+export { ListBoxItemContext } from './ListBoxItemContext.js';
+import 'react/jsx-runtime';
+import '@hopper-ui/styled-system';
+import 'react';
+import 'react-aria-components';

package/dist/ListBox/src/index.js

@@ -0,0 +1,34 @@
+export { GlobalListBoxCssSelector, GlobalListBoxEmptyItemCssSelector, _ListBox as ListBox } from '../../chunk-RA7PM75O.js';
+import '../../chunk-TIPN4VYD.js';
+import '../../chunk-JTNMFPM4.js';
+import '../../chunk-5H5AZJPQ.js';
+export { ListBoxContext } from '../../chunk-UIEP5BA5.js';
+export { GlobalListBoxItemCssSelector, _ListBoxItem as ListBoxItem } from '../../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-ZOTVZM6F.js';
+import '../../chunk-QCA3ZR56.js';
+export { ListBoxItemContext } from '../../chunk-Y2POLIXK.js';
+import '../../chunk-4TXFHYHL.js';
+import '../../chunk-OKZYR4RF.js';
+import '../../chunk-65JPI4FL.js';
+import '../../chunk-FAE27DLF.js';
+import '../../chunk-7JOGKC3W.js';
+import '../../chunk-HZKFQ33E.js';
+import '../../chunk-CQDLZ42T.js';
+import '../../chunk-ZWU6DRRZ.js';
+import '../../chunk-DHVVYSLB.js';
+import '../../chunk-FYIHMKHI.js';
+import '../../chunk-RG4JKE4N.js';
+import '../../chunk-X6SER3TZ.js';
+import '../../chunk-HXI3MEEK.js';
+import '../../chunk-M36KANKC.js';
+import '../../chunk-KVDXQMWI.js';
+import '../../chunk-2P3A4VVY.js';

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

@@ -0,0 +1,16 @@
+import { RefObject } from 'react';
+
+interface LoadOnScrollProps {
+    /** Whether data is currently being loaded. */
+    isLoading?: boolean;
+    /** Handler that is called when more items should be loaded, e.g. while scrolling near the bottom.  */
+    onLoadMore?: () => void;
+    /**
+     * The amount of offset (in pixels) from the bottom of your scrollable region that should trigger load more.
+     * @default 5
+     */
+    scrollOffset?: number;
+}
+declare function useLoadOnScroll(props: LoadOnScrollProps, ref: RefObject<HTMLElement | null>): () => void;
+
+export { type LoadOnScrollProps, useLoadOnScroll };

package/dist/ListBox/src/useLoadOnScroll.js

@@ -0,0 +1,2 @@
+export { useLoadOnScroll } from '../../chunk-JTNMFPM4.js';
+import '../../chunk-2P3A4VVY.js';

package/dist/Section/src/Section.d.ts

@@ -0,0 +1,19 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { StyledComponentProps } from '@hopper-ui/styled-system';
+import { ForwardedRef } from 'react';
+import { SectionProps as SectionProps$1 } from 'react-aria-components';
+
+declare const GlobalSectionCssSelector = "hop-Section";
+interface SectionProps<T> extends StyledComponentProps<SectionProps$1<T>> {
+}
+declare function Section<T extends object>(props: SectionProps<T>, ref: ForwardedRef<HTMLElement>): react_jsx_runtime.JSX.Element;
+/**
+ * A Section serves as a versatile container component, encapsulating an HTML section element to facilitate the organization and grouping of content.
+ *
+ * [View Documentation](TODO)
+ */
+declare const _Section: <T>(props: SectionProps<T> & {
+    ref?: ForwardedRef<HTMLDivElement>;
+}) => ReturnType<typeof Section>;
+
+export { GlobalSectionCssSelector, _Section as Section, type SectionProps };

package/dist/Section/src/Section.js

@@ -0,0 +1,3 @@
+export { GlobalSectionCssSelector, _Section as Section } from '../../chunk-O5PTD6IN.js';
+import '../../chunk-5H5AZJPQ.js';
+import '../../chunk-2P3A4VVY.js';

package/dist/Section/src/SectionContext.d.ts

@@ -0,0 +1,9 @@
+import { SectionProps } from './Section.js';
+import * as react from 'react';
+import { ContextValue } from 'react-aria-components';
+import 'react/jsx-runtime';
+import '@hopper-ui/styled-system';
+
+declare const SectionContext: react.Context<ContextValue<SectionProps<any>, HTMLElement>>;
+
+export { SectionContext };

package/dist/Section/src/SectionContext.js

@@ -0,0 +1,2 @@
+export { SectionContext } from '../../chunk-5H5AZJPQ.js';
+import '../../chunk-2P3A4VVY.js';

package/dist/Section/src/index.d.ts

@@ -0,0 +1,6 @@
+export { GlobalSectionCssSelector, Section, SectionProps } from './Section.js';
+export { SectionContext } from './SectionContext.js';
+import 'react/jsx-runtime';
+import '@hopper-ui/styled-system';
+import 'react';
+import 'react-aria-components';

package/dist/Section/src/index.js

@@ -0,0 +1,3 @@
+export { GlobalSectionCssSelector, _Section as Section } from '../../chunk-O5PTD6IN.js';
+export { SectionContext } from '../../chunk-5H5AZJPQ.js';
+import '../../chunk-2P3A4VVY.js';

package/dist/Spinner/src/Spinner.css

@@ -1,5 +1,5 @@
 /* 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___7xL3v {
+.Label-module__hop-Label___mLBaa {
   --hop-Label-xs-font-size: var(--hop-body-xs-font-size);
   --hop-Label-xs-font-family: var(--hop-body-xs-font-family);
   --hop-Label-xs-font-weight: var(--hop-body-xs-font-weight);
@@ -29,49 +29,49 @@
   --hop-Label-inherit-size-font-weight: inherit;
   --hop-Label-inherit-size-line-height: inherit;
 }
-:where(.Label-module__hop-Label___7xL3v) {
+:where(.Label-module__hop-Label___mLBaa) {
   font-family: var(--font-family);
   font-size: var(--font-size);
   font-weight: var(--font-weight);
   line-height: var(--line-height);
 }
-:where(.Label-module__hop-Label--xs___CHLy3) {
+:where(.Label-module__hop-Label--xs___SooLf) {
   --font-size: var(--hop-Label-xs-font-size);
   --font-family: var(--hop-Label-xs-font-family);
   --font-weight: var(--hop-Label-xs-font-weight);
   --line-height: var(--hop-Label-xs-line-height);
 }
-:where(.Label-module__hop-Label--sm___oQzz3) {
+:where(.Label-module__hop-Label--sm___0IFHf) {
   --font-size: var(--hop-Label-sm-font-size);
   --font-family: var(--hop-Label-sm-font-family);
   --font-weight: var(--hop-Label-sm-font-weight);
   --line-height: var(--hop-Label-sm-line-height);
 }
-:where(.Label-module__hop-Label--md___dLqF6) {
+:where(.Label-module__hop-Label--md___OwSmD) {
   --font-size: var(--hop-Label-md-font-size);
   --font-family: var(--hop-Label-md-font-family);
   --font-weight: var(--hop-Label-md-font-weight);
   --line-height: var(--hop-Label-md-line-height);
 }
-:where(.Label-module__hop-Label--lg___ViQCe) {
+:where(.Label-module__hop-Label--lg___NtQQ0) {
   --font-size: var(--hop-Label-lg-font-size);
   --font-family: var(--hop-Label-lg-font-family);
   --font-weight: var(--hop-Label-lg-font-weight);
   --line-height: var(--hop-Label-lg-line-height);
 }
-:where(.Label-module__hop-Label--xl___wlNpS) {
+:where(.Label-module__hop-Label--xl___-Hdm9) {
   --font-size: var(--hop-Label-xl-font-size);
   --font-family: var(--hop-Label-xl-font-family);
   --font-weight: var(--hop-Label-xl-font-weight);
   --line-height: var(--hop-Label-xl-line-height);
 }
-:where(.Label-module__hop-Label--2xl___N5Lkc) {
+:where(.Label-module__hop-Label--2xl___Ulb-V) {
   --font-size: var(--hop-Label-2xl-font-size);
   --font-family: var(--hop-Label-2xl-font-family);
   --font-weight: var(--hop-Label-2xl-font-weight);
   --line-height: var(--hop-Label-2xl-line-height);
 }
-:where(.Label-module__hop-Label--inherit___UeeVB) {
+:where(.Label-module__hop-Label--inherit___K1Xcp) {
   --font-size: var(--hop-Label-inherit-size-font-size);
   --font-family: var(--hop-Label-inherit-size-font-family);
   --font-weight: var(--hop-Label-inherit-size-font-weight);
@@ -79,7 +79,7 @@
 }
 
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Spinner/src/Spinner.module.css/#css-module-data */
-@keyframes Spinner-module__spin___t8CGY {
+@keyframes Spinner-module__spin___Z5UnU {
   0% {
     transform: rotate(0deg);
   }
@@ -87,7 +87,7 @@
     transform: rotate(360deg);
   }
 }
-.Spinner-module__hop-Spinner___WKQTI {
+.Spinner-module__hop-Spinner___LbEMh {
   --hop-Spinner-border-radius: var(--hop-shape-circle);
   --hop-Spinner-sm-wheel-size: 1rem;
   --hop-Spinner-md-wheel-size: 1.25rem;
@@ -95,7 +95,7 @@
   --hop-Spinner-track-width: 0.125rem;
   --hop-Spinner-track-opacity: 0.2;
   --hop-Spinner-track-border: var(--hop-Spinner-track-width) solid currentcolor;
-  --hop-Spinner-fill-animation: Spinner-module__spin___t8CGY .8s infinite linear;
+  --hop-Spinner-fill-animation: Spinner-module__spin___Z5UnU .8s infinite linear;
   --hop-Spinner-fill-animation-reduced-motion-duration: 2s;
   --hop-Spinner-fill-border: var(--hop-Spinner-track-width) solid transparent;
   --hop-Spinner-fill-border-inline-start: var(--hop-Spinner-track-width) solid currentcolor;
@@ -106,19 +106,19 @@
   align-items: center;
   box-sizing: border-box;
 }
-.Spinner-module__hop-Spinner--sm___YO1ZU {
+.Spinner-module__hop-Spinner--sm___peiQV {
   --width: var(--hop-Spinner-sm-wheel-size);
   --height: var(--hop-Spinner-sm-wheel-size);
 }
-.Spinner-module__hop-Spinner--md___UiJMR {
+.Spinner-module__hop-Spinner--md___8fE20 {
   --width: var(--hop-Spinner-md-wheel-size);
   --height: var(--hop-Spinner-md-wheel-size);
 }
-.Spinner-module__hop-Spinner--lg___uAp2X {
+.Spinner-module__hop-Spinner--lg___3UVCZ {
   --width: var(--hop-Spinner-lg-wheel-size);
   --height: var(--hop-Spinner-lg-wheel-size);
 }
-.Spinner-module__hop-Spinner__track___vU-oZ {
+.Spinner-module__hop-Spinner__track___tZuJb {
   grid-area: spinner;
   box-sizing: border-box;
   inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -127,7 +127,7 @@
   border: var(--hop-Spinner-track-border);
   border-radius: var(--hop-Spinner-border-radius);
 }
-.Spinner-module__hop-Spinner__fill___8gJAf {
+.Spinner-module__hop-Spinner__fill___EVNJP {
   grid-area: spinner;
   box-sizing: border-box;
   inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -138,11 +138,11 @@
   animation: var(--hop-Spinner-fill-animation);
 }
 @media (prefers-reduced-motion: reduce) {
-  .Spinner-module__hop-Spinner__fill___8gJAf {
+  .Spinner-module__hop-Spinner__fill___EVNJP {
     animation-duration: var(--hop-Spinner-fill-animation-reduced-motion-duration);
   }
 }
-.Spinner-module__hop-Spinner__label___GxQ20 {
+.Spinner-module__hop-Spinner__label___nM4Dw {
   grid-area: label;
   margin-inline-start: var(--hop-Spinner-label-margin-inline-start);
 }

package/dist/Spinner/src/Spinner.js

@@ -1,7 +1,7 @@
-export { GlobalSpinnerCssSelector, _Spinner as Spinner } from '../../chunk-Y7XWWUMU.js';
-import '../../chunk-2CKDJG6R.js';
-import '../../chunk-QCA3ZR56.js';
+export { GlobalSpinnerCssSelector, _Spinner as Spinner } from '../../chunk-G242LPQE.js';
+import '../../chunk-HR25MLRP.js';
 import '../../chunk-4ZYV2XLW.js';
+import '../../chunk-QCA3ZR56.js';
 import '../../chunk-65JPI4FL.js';
 import '../../chunk-KVDXQMWI.js';
 import '../../chunk-2P3A4VVY.js';

package/dist/Spinner/src/index.css

@@ -1,5 +1,5 @@
 /* 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___7xL3v {
+.Label-module__hop-Label___mLBaa {
   --hop-Label-xs-font-size: var(--hop-body-xs-font-size);
   --hop-Label-xs-font-family: var(--hop-body-xs-font-family);
   --hop-Label-xs-font-weight: var(--hop-body-xs-font-weight);
@@ -29,49 +29,49 @@
   --hop-Label-inherit-size-font-weight: inherit;
   --hop-Label-inherit-size-line-height: inherit;
 }
-:where(.Label-module__hop-Label___7xL3v) {
+:where(.Label-module__hop-Label___mLBaa) {
   font-family: var(--font-family);
   font-size: var(--font-size);
   font-weight: var(--font-weight);
   line-height: var(--line-height);
 }
-:where(.Label-module__hop-Label--xs___CHLy3) {
+:where(.Label-module__hop-Label--xs___SooLf) {
   --font-size: var(--hop-Label-xs-font-size);
   --font-family: var(--hop-Label-xs-font-family);
   --font-weight: var(--hop-Label-xs-font-weight);
   --line-height: var(--hop-Label-xs-line-height);
 }
-:where(.Label-module__hop-Label--sm___oQzz3) {
+:where(.Label-module__hop-Label--sm___0IFHf) {
   --font-size: var(--hop-Label-sm-font-size);
   --font-family: var(--hop-Label-sm-font-family);
   --font-weight: var(--hop-Label-sm-font-weight);
   --line-height: var(--hop-Label-sm-line-height);
 }
-:where(.Label-module__hop-Label--md___dLqF6) {
+:where(.Label-module__hop-Label--md___OwSmD) {
   --font-size: var(--hop-Label-md-font-size);
   --font-family: var(--hop-Label-md-font-family);
   --font-weight: var(--hop-Label-md-font-weight);
   --line-height: var(--hop-Label-md-line-height);
 }
-:where(.Label-module__hop-Label--lg___ViQCe) {
+:where(.Label-module__hop-Label--lg___NtQQ0) {
   --font-size: var(--hop-Label-lg-font-size);
   --font-family: var(--hop-Label-lg-font-family);
   --font-weight: var(--hop-Label-lg-font-weight);
   --line-height: var(--hop-Label-lg-line-height);
 }
-:where(.Label-module__hop-Label--xl___wlNpS) {
+:where(.Label-module__hop-Label--xl___-Hdm9) {
   --font-size: var(--hop-Label-xl-font-size);
   --font-family: var(--hop-Label-xl-font-family);
   --font-weight: var(--hop-Label-xl-font-weight);
   --line-height: var(--hop-Label-xl-line-height);
 }
-:where(.Label-module__hop-Label--2xl___N5Lkc) {
+:where(.Label-module__hop-Label--2xl___Ulb-V) {
   --font-size: var(--hop-Label-2xl-font-size);
   --font-family: var(--hop-Label-2xl-font-family);
   --font-weight: var(--hop-Label-2xl-font-weight);
   --line-height: var(--hop-Label-2xl-line-height);
 }
-:where(.Label-module__hop-Label--inherit___UeeVB) {
+:where(.Label-module__hop-Label--inherit___K1Xcp) {
   --font-size: var(--hop-Label-inherit-size-font-size);
   --font-family: var(--hop-Label-inherit-size-font-family);
   --font-weight: var(--hop-Label-inherit-size-font-weight);
@@ -79,7 +79,7 @@
 }
 
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Spinner/src/Spinner.module.css/#css-module-data */
-@keyframes Spinner-module__spin___t8CGY {
+@keyframes Spinner-module__spin___Z5UnU {
   0% {
     transform: rotate(0deg);
   }
@@ -87,7 +87,7 @@
     transform: rotate(360deg);
   }
 }
-.Spinner-module__hop-Spinner___WKQTI {
+.Spinner-module__hop-Spinner___LbEMh {
   --hop-Spinner-border-radius: var(--hop-shape-circle);
   --hop-Spinner-sm-wheel-size: 1rem;
   --hop-Spinner-md-wheel-size: 1.25rem;
@@ -95,7 +95,7 @@
   --hop-Spinner-track-width: 0.125rem;
   --hop-Spinner-track-opacity: 0.2;
   --hop-Spinner-track-border: var(--hop-Spinner-track-width) solid currentcolor;
-  --hop-Spinner-fill-animation: Spinner-module__spin___t8CGY .8s infinite linear;
+  --hop-Spinner-fill-animation: Spinner-module__spin___Z5UnU .8s infinite linear;
   --hop-Spinner-fill-animation-reduced-motion-duration: 2s;
   --hop-Spinner-fill-border: var(--hop-Spinner-track-width) solid transparent;
   --hop-Spinner-fill-border-inline-start: var(--hop-Spinner-track-width) solid currentcolor;
@@ -106,19 +106,19 @@
   align-items: center;
   box-sizing: border-box;
 }
-.Spinner-module__hop-Spinner--sm___YO1ZU {
+.Spinner-module__hop-Spinner--sm___peiQV {
   --width: var(--hop-Spinner-sm-wheel-size);
   --height: var(--hop-Spinner-sm-wheel-size);
 }
-.Spinner-module__hop-Spinner--md___UiJMR {
+.Spinner-module__hop-Spinner--md___8fE20 {
   --width: var(--hop-Spinner-md-wheel-size);
   --height: var(--hop-Spinner-md-wheel-size);
 }
-.Spinner-module__hop-Spinner--lg___uAp2X {
+.Spinner-module__hop-Spinner--lg___3UVCZ {
   --width: var(--hop-Spinner-lg-wheel-size);
   --height: var(--hop-Spinner-lg-wheel-size);
 }
-.Spinner-module__hop-Spinner__track___vU-oZ {
+.Spinner-module__hop-Spinner__track___tZuJb {
   grid-area: spinner;
   box-sizing: border-box;
   inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -127,7 +127,7 @@
   border: var(--hop-Spinner-track-border);
   border-radius: var(--hop-Spinner-border-radius);
 }
-.Spinner-module__hop-Spinner__fill___8gJAf {
+.Spinner-module__hop-Spinner__fill___EVNJP {
   grid-area: spinner;
   box-sizing: border-box;
   inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -138,11 +138,11 @@
   animation: var(--hop-Spinner-fill-animation);
 }
 @media (prefers-reduced-motion: reduce) {
-  .Spinner-module__hop-Spinner__fill___8gJAf {
+  .Spinner-module__hop-Spinner__fill___EVNJP {
     animation-duration: var(--hop-Spinner-fill-animation-reduced-motion-duration);
   }
 }
-.Spinner-module__hop-Spinner__label___GxQ20 {
+.Spinner-module__hop-Spinner__label___nM4Dw {
   grid-area: label;
   margin-inline-start: var(--hop-Spinner-label-margin-inline-start);
 }

package/dist/Spinner/src/index.js

@@ -1,7 +1,7 @@
-export { GlobalSpinnerCssSelector, _Spinner as Spinner } from '../../chunk-Y7XWWUMU.js';
-import '../../chunk-2CKDJG6R.js';
-import '../../chunk-QCA3ZR56.js';
+export { GlobalSpinnerCssSelector, _Spinner as Spinner } from '../../chunk-G242LPQE.js';
+import '../../chunk-HR25MLRP.js';
 export { SpinnerContext } from '../../chunk-4ZYV2XLW.js';
+import '../../chunk-QCA3ZR56.js';
 import '../../chunk-65JPI4FL.js';
 import '../../chunk-KVDXQMWI.js';
 import '../../chunk-2P3A4VVY.js';