@hopper-ui/components 1.3.7 → 1.3.9

package/dist/ComboBox/src/ComboBox.d.ts

@@ -0,0 +1,90 @@
+import { ListBoxProps } from '../../ListBox/src/ListBox.js';
+import { ReactNode, MutableRefObject, ForwardedRef } from 'react';
+import { GroupProps, ComboBoxProps as ComboBoxProps$1 } from 'react-aria-components';
+import { ListBoxItemProps } from '../../ListBox/src/ListBoxItem.js';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { StyledComponentProps, ResponsiveProp } from '@hopper-ui/styled-system';
+import { PopoverProps } from '../../overlays/Popover/src/Popover.js';
+import '../../utils/src/types.js';
+import '@react-types/shared';
+import 'react-aria';
+
+declare const GlobalComboBoxCssSelector = "hop-ComboBox";
+type ComboBoxSize = "sm" | "md";
+type ComboBoxTriggerProps = StyledComponentProps<GroupProps>;
+interface ComboBoxProps<T extends object> extends StyledComponentProps<Omit<ComboBoxProps$1<T>, "children">> {
+    /**
+     * The items of the ComboBox.
+     */
+    children: ReactNode | ((item: T) => ReactNode);
+    /**
+     * The field children of the ComboBox. This includes the field label, field description, and field errors.
+     */
+    fieldChildren?: ReactNode;
+    /**
+     * The footer of the ComboBox.
+     */
+    footer?: ReactNode;
+    /**
+     * A ref for the HTML input element.
+     */
+    inputRef?: MutableRefObject<HTMLInputElement>;
+    /**
+     * If `true`, the select menu will not be the width of the trigger and instead be the width of its contents.
+     */
+    isAutoMenuWidth?: boolean;
+    /**
+     * If `true`, the select will take all available width.
+     * @default false
+     */
+    isFluid?: ResponsiveProp<boolean>;
+    /**
+     * Item objects in the collection.
+     */
+    items?: Iterable<T>;
+    /**
+     * The list box props.
+     */
+    listBoxProps?: ListBoxProps<T>;
+    /**
+     * The placeholder text when the select is empty.
+     */
+    placeholder?: string;
+    /**
+     * The popover props.
+     */
+    popoverProps?: PopoverProps;
+    /**
+     * An icon or text to display at the start of the select trigger.
+     */
+    prefix?: ReactNode;
+    /**
+     * The size of the select.
+     * @default "sm"
+     */
+    size?: ResponsiveProp<ComboBoxSize>;
+    /**
+     * The props for the select's trigger.
+     */
+    triggerProps?: ComboBoxTriggerProps;
+}
+declare function ComboBox<T extends object>(props: ComboBoxProps<T>, ref: ForwardedRef<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+/**
+ * Combo box components enable users to choose a single option from a collapsible list, optimizing space efficiency.
+ *
+ * [View Documentation](TODO)
+ */
+declare const CompoundComboBox: (<T extends object>(props: ComboBoxProps<T> & {
+    ref?: ForwardedRef<HTMLDivElement>;
+}) => ReturnType<typeof ComboBox>) & {
+    /**
+     * A combo box option is an item that is displayed in a combo box.
+     *
+     * [View Documentation](TODO)
+     */
+    Option: <T>(props: ListBoxItemProps<T> & {
+        ref?: ForwardedRef<HTMLDivElement> | undefined;
+    }) => react_jsx_runtime.JSX.Element;
+};
+
+export { CompoundComboBox as ComboBox, type ComboBoxProps, type ComboBoxSize, type ComboBoxTriggerProps, GlobalComboBoxCssSelector };

package/dist/ComboBox/src/ComboBox.js

@@ -0,0 +1,124 @@
+export { CompoundComboBox as ComboBox, GlobalComboBoxCssSelector } from '../../chunk-KSKIQSYM.js';
+import '../../chunk-4XHTP4GX.js';
+import '../../chunk-UJXKUNEW.js';
+import '../../chunk-SC6ZK5ON.js';
+import '../../chunk-I4VPBQI7.js';
+import '../../chunk-WWRB4K4M.js';
+import '../../chunk-A3E76SDY.js';
+import '../../chunk-E4JB7I3F.js';
+import '../../chunk-H7VJS4MX.js';
+import '../../chunk-HCJLAF2O.js';
+import '../../chunk-N66DZLL6.js';
+import '../../chunk-XLKYXKWE.js';
+import '../../chunk-EWMWQ2MC.js';
+import '../../chunk-LCAS3YQV.js';
+import '../../chunk-CZRCXQFS.js';
+import '../../chunk-ANO4F3LJ.js';
+import '../../chunk-DGLAGYBD.js';
+import '../../chunk-5MBJWRZD.js';
+import '../../chunk-NKHMUPAP.js';
+import '../../chunk-A7TZHALP.js';
+import '../../chunk-VQKJXEPU.js';
+import '../../chunk-YHBJAXUY.js';
+import '../../chunk-N77LTZ4U.js';
+import '../../chunk-Y7HUXUHX.js';
+import '../../chunk-D6UTDI2K.js';
+import '../../chunk-GFHBDUJD.js';
+import '../../chunk-GIMOHY5C.js';
+import '../../chunk-S6AH3YTH.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-VC3HSOGC.js';
+import '../../chunk-MTDFS4CZ.js';
+import '../../chunk-ZQ3AWYRR.js';
+import '../../chunk-FBABNQTM.js';
+import '../../chunk-QW45G6K4.js';
+import '../../chunk-7LTA4KPO.js';
+import '../../chunk-3NKF5TPD.js';
+import '../../chunk-YQDRT547.js';
+import '../../chunk-IU6XMS2X.js';
+import '../../chunk-MHQZXLKW.js';
+import '../../chunk-Z57VHYOF.js';
+import '../../chunk-2ZXF62AA.js';
+import '../../chunk-3LRBUQC2.js';
+import '../../chunk-GDVP2QEZ.js';
+import '../../chunk-6BFSSZCY.js';
+import '../../chunk-KOT3ULJY.js';
+import '../../chunk-HI2SHIGG.js';
+import '../../chunk-Q6SYCTJD.js';
+import '../../chunk-WDUQUPTE.js';
+import '../../chunk-ZGNK4GWA.js';
+import '../../chunk-N7YDPVZL.js';
+import '../../chunk-TRDXTYZD.js';
+import '../../chunk-H5YTU3U7.js';
+import '../../chunk-I55EPFTM.js';
+import '../../chunk-WMTWFKKP.js';
+import '../../chunk-VJQ7M2BK.js';
+import '../../chunk-UR3NK3LV.js';
+import '../../chunk-DXVKHP4V.js';
+import '../../chunk-4PBFVO5S.js';
+import '../../chunk-O7IJYNVQ.js';
+import '../../chunk-T24MBA34.js';
+import '../../chunk-BGOYDN4M.js';
+import '../../chunk-EHXOXTDN.js';
+import '../../chunk-LJXTJRSB.js';
+import '../../chunk-NQD2OQEG.js';
+import '../../chunk-XHW2Z6AX.js';
+import '../../chunk-TXZ6BMFR.js';
+import '../../chunk-QCA3ZR56.js';
+import '../../chunk-54U727IV.js';
+import '../../chunk-4ZYV2XLW.js';
+import '../../chunk-XQFICAVB.js';
+import '../../chunk-TIPN4VYD.js';
+import '../../chunk-TFVDF4YH.js';
+import '../../chunk-UIEP5BA5.js';
+import '../../chunk-2GYC6ADT.js';
+import '../../chunk-4FVIH73F.js';
+import '../../chunk-FU5CCPLP.js';
+import '../../chunk-PAW7CB3K.js';
+import '../../chunk-2EAZPH3M.js';
+import '../../chunk-Y2POLIXK.js';
+import '../../chunk-RDLI353P.js';
+import '../../chunk-OKZYR4RF.js';
+import '../../chunk-O5PTD6IN.js';
+import '../../chunk-5H5AZJPQ.js';
+import '../../chunk-NMKBUGSO.js';
+import '../../chunk-4EUVVRTY.js';
+import '../../chunk-3O74ORYF.js';
+import '../../chunk-ZWU6DRRZ.js';
+import '../../chunk-DHVVYSLB.js';
+import '../../chunk-4VVNSXIB.js';
+import '../../chunk-EURJK4ZT.js';
+import '../../chunk-L5A2UTQV.js';
+import '../../chunk-7JOGKC3W.js';
+import '../../chunk-TMGUYWTR.js';
+import '../../chunk-HZKFQ33E.js';
+import '../../chunk-B2O3ZCYC.js';
+import '../../chunk-FYIHMKHI.js';
+import '../../chunk-ENHK4K3U.js';
+import '../../chunk-FAE27DLF.js';
+import '../../chunk-JX5YYFB3.js';
+import '../../chunk-2SF7BBJT.js';
+import '../../chunk-WPNVVGFW.js';
+import '../../chunk-6U6JI3L3.js';
+import '../../chunk-CQDLZ42T.js';
+import '../../chunk-CIGS4QGT.js';
+import '../../chunk-6KHTQTRF.js';
+import '../../chunk-5TH7VHRH.js';
+import '../../chunk-KQQCELPA.js';
+import '../../chunk-X6SER3TZ.js';
+import '../../chunk-NS3XVOQ7.js';
+import '../../chunk-HXI3MEEK.js';
+import '../../chunk-MLHAFFJQ.js';
+import '../../chunk-AES7QBQE.js';
+import '../../chunk-2WK465I4.js';
+import '../../chunk-NH3IVMXB.js';
+import '../../chunk-65JPI4FL.js';
+import '../../chunk-M36KANKC.js';
+import '../../chunk-KVDXQMWI.js';
+import '../../chunk-JWW56J7M.js';
+import '../../chunk-JSBRDJBE.js';

package/dist/ComboBox/src/ComboBoxContext.d.ts

@@ -0,0 +1,16 @@
+import { ComboBoxProps } from './ComboBox.js';
+import * as react from 'react';
+import { ContextValue } from 'react-aria-components';
+import '../../ListBox/src/ListBox.js';
+import 'react/jsx-runtime';
+import '@hopper-ui/styled-system';
+import '../../ListBox/src/ListBoxItem.js';
+import '../../overlays/Popover/src/Popover.js';
+import '../../utils/src/types.js';
+import '@react-types/shared';
+import 'react-aria';
+
+type ComboBoxContextProps = ComboBoxProps<any>;
+declare const ComboBoxContext: react.Context<ContextValue<Partial<ComboBoxContextProps>, HTMLDivElement>>;
+
+export { ComboBoxContext };

package/dist/ComboBox/src/ComboBoxContext.js

@@ -0,0 +1,2 @@
+export { ComboBoxContext } from '../../chunk-4XHTP4GX.js';
+import '../../chunk-JSBRDJBE.js';