@hopper-ui/components 1.0.4 → 1.0.6

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

@@ -0,0 +1,48 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { StyledComponentProps, ResponsiveProp } from '@hopper-ui/styled-system';
+import { ForwardedRef } from 'react';
+import { ListBoxProps as ListBoxProps$1 } from 'react-aria-components';
+import { ListBoxItemSize } from './ListBoxItem.js';
+
+declare const GlobalListBoxCssSelector = "hop-ListBox";
+declare const GlobalListBoxEmptyItemCssSelector = "hop-ListBox__empty-item";
+interface ListBoxProps<T> extends StyledComponentProps<Omit<ListBoxProps$1<T>, "orientation | layout">> {
+    /**
+     * Whether or not the ListBox is 100% of its container's width.
+     */
+    isFluid?: ResponsiveProp<boolean>;
+    /**
+     * Whether or not the ListBox is in an invalid state.
+     */
+    isInvalid?: boolean;
+    /**
+     * 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 selection indicator to use. Only available if the selection mode is not "none".
+     * When set to "input", the selection indicator will be an either a radio or checkbox based on the selection mode.
+     * @default "check"
+     */
+    selectionIndicator?: "check" | "input";
+    /**
+     * A ListBox can vary in size.
+     * @default "sm"
+     */
+    size?: ResponsiveProp<ListBoxItemSize>;
+}
+declare function ListBox<T extends object>(props: ListBoxProps<T>, ref: ForwardedRef<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+/**
+ * A listbox is a list of interactive options that appears when users interact with an element or perform a specific action.
+ *
+ * [View Documentation](TODO)
+ */
+declare const _ListBox: <T>(props: ListBoxProps<T> & {
+    ref?: ForwardedRef<HTMLDivElement>;
+}) => ReturnType<typeof ListBox>;
+
+export { GlobalListBoxCssSelector, GlobalListBoxEmptyItemCssSelector, _ListBox as ListBox, type ListBoxProps };

package/dist/ListBox/src/ListBox.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';
+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-ZOTVZM6F.js';
+import '../../chunk-QCA3ZR56.js';
+import '../../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/ListBoxContext.d.ts

@@ -0,0 +1,10 @@
+import * as react from 'react';
+import { ContextValue } from 'react-aria-components';
+import { ListBoxProps } from './ListBox.js';
+import 'react/jsx-runtime';
+import '@hopper-ui/styled-system';
+import './ListBoxItem.js';
+
+declare const ListBoxContext: react.Context<ContextValue<ListBoxProps<any>, HTMLDivElement>>;
+
+export { ListBoxContext };

package/dist/ListBox/src/ListBoxContext.js

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