@hopper-ui/components 1.3.8 → 1.3.10

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

@@ -0,0 +1,94 @@
+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>;
+    /**
+     * Whether the required state should be shown as an asterisk or a label, which would display (Optional) on all non required field labels.
+     */
+    necessityIndicator?: "asterisk" | "label";
+    /**
+     * 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,123 @@
+export { CompoundComboBox as ComboBox, GlobalComboBoxCssSelector } from '../../chunk-6J3RVKV4.js';
+import '../../chunk-SC6ZK5ON.js';
+import '../../chunk-I4VPBQI7.js';
+import '../../chunk-WWRB4K4M.js';
+import '../../chunk-ZRGWYBTI.js';
+import '../../chunk-7P6QVHCU.js';
+import '../../chunk-H7VJS4MX.js';
+import '../../chunk-JRL2S56W.js';
+import '../../chunk-KKL5HHYL.js';
+import '../../chunk-XLKYXKWE.js';
+import '../../chunk-EWMWQ2MC.js';
+import '../../chunk-LCAS3YQV.js';
+import '../../chunk-ARURHRKE.js';
+import '../../chunk-45BUVEOG.js';
+import '../../chunk-DGLAGYBD.js';
+import '../../chunk-5MBJWRZD.js';
+import '../../chunk-NKHMUPAP.js';
+import '../../chunk-A7TZHALP.js';
+import '../../chunk-JCD37WMK.js';
+import '../../chunk-YHBJAXUY.js';
+import '../../chunk-N77LTZ4U.js';
+import '../../chunk-Y7HUXUHX.js';
+import '../../chunk-D6UTDI2K.js';
+import '../../chunk-GFHBDUJD.js';
+import '../../chunk-AH3LBZUR.js';
+import '../../chunk-TNXKWBYE.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-GU6D6RQL.js';
+import '../../chunk-MTDFS4CZ.js';
+import '../../chunk-ZQ3AWYRR.js';
+import '../../chunk-OBLOV2RN.js';
+import '../../chunk-QW45G6K4.js';
+import '../../chunk-FF6KAPPN.js';
+import '../../chunk-3NKF5TPD.js';
+import '../../chunk-P5YCVNZM.js';
+import '../../chunk-IU6XMS2X.js';
+import '../../chunk-MHQZXLKW.js';
+import '../../chunk-Z57VHYOF.js';
+import '../../chunk-B44HANDX.js';
+import '../../chunk-3LRBUQC2.js';
+import '../../chunk-CIKHW47C.js';
+import '../../chunk-6BFSSZCY.js';
+import '../../chunk-OOY56G7Y.js';
+import '../../chunk-DCAA2AVQ.js';
+import '../../chunk-UBMAVA4B.js';
+import '../../chunk-WDUQUPTE.js';
+import '../../chunk-ZGNK4GWA.js';
+import '../../chunk-N7YDPVZL.js';
+import '../../chunk-IBHSGV7Y.js';
+import '../../chunk-H5YTU3U7.js';
+import '../../chunk-4KKT3O2S.js';
+import '../../chunk-WMTWFKKP.js';
+import '../../chunk-VJQ7M2BK.js';
+import '../../chunk-XBVS62J3.js';
+import '../../chunk-DXVKHP4V.js';
+import '../../chunk-2BYOZEHS.js';
+import '../../chunk-O7IJYNVQ.js';
+import '../../chunk-T24MBA34.js';
+import '../../chunk-VM6LLJYR.js';
+import '../../chunk-EHXOXTDN.js';
+import '../../chunk-LJXTJRSB.js';
+import '../../chunk-MMROXMQV.js';
+import '../../chunk-X7ZM3VW6.js';
+import '../../chunk-TXZ6BMFR.js';
+import '../../chunk-QCA3ZR56.js';
+import '../../chunk-XDRKVTAI.js';
+import '../../chunk-4ZYV2XLW.js';
+import '../../chunk-JMQTEJC4.js';
+import '../../chunk-TIPN4VYD.js';
+import '../../chunk-TFVDF4YH.js';
+import '../../chunk-UIEP5BA5.js';
+import '../../chunk-LU7KOIOH.js';
+import '../../chunk-BJNXUNAB.js';
+import '../../chunk-FU5CCPLP.js';
+import '../../chunk-XT4MALWA.js';
+import '../../chunk-2EAZPH3M.js';
+import '../../chunk-Y2POLIXK.js';
+import '../../chunk-VRMZDHNL.js';
+import '../../chunk-OKZYR4RF.js';
+import '../../chunk-O5PTD6IN.js';
+import '../../chunk-5H5AZJPQ.js';
+import '../../chunk-NMKBUGSO.js';
+import '../../chunk-XFQJ7HYB.js';
+import '../../chunk-GLFAZQ25.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-46Y3BNK6.js';
+import '../../chunk-HZKFQ33E.js';
+import '../../chunk-QX6MTYPY.js';
+import '../../chunk-FYIHMKHI.js';
+import '../../chunk-TTECXSWO.js';
+import '../../chunk-FAE27DLF.js';
+import '../../chunk-IJS2OFE5.js';
+import '../../chunk-XT3AM5KT.js';
+import '../../chunk-WPNVVGFW.js';
+import '../../chunk-DV7LZMDA.js';
+import '../../chunk-CQDLZ42T.js';
+import '../../chunk-CIGS4QGT.js';
+import '../../chunk-4XHTP4GX.js';
+import '../../chunk-RKX7GGGY.js';
+import '../../chunk-FI74MGJH.js';
+import '../../chunk-Y7G6PIDC.js';
+import '../../chunk-X6SER3TZ.js';
+import '../../chunk-NS3XVOQ7.js';
+import '../../chunk-HXI3MEEK.js';
+import '../../chunk-XNOILDPJ.js';
+import '../../chunk-AES7QBQE.js';
+import '../../chunk-RZ4K42NA.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';