@hopper-ui/components 1.3.25 → 1.3.26

package/dist/Select/src/SelectOptions.d.ts

@@ -1,50 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ReactNode, ForwardedRef } from 'react';
-import { FooterProps } from '../../layout/src/Footer.js';
-import { ListBoxProps } from '../../ListBox/src/ListBox.js';
-export { ListBoxItem as SelectOption } from '../../ListBox/src/ListBoxItem.js';
-import { PopoverProps } from '../../overlays/Popover/src/Popover.js';
-import '@hopper-ui/styled-system';
-import '../../utils/src/types.js';
-import '@react-types/shared';
-import 'react-aria-components';
-import '../../checkbox/src/DecorativeCheckbox.js';
-import '../../checkbox/src/Checkbox.js';
-import '../../radio/src/DecorativeRadio.js';
-import '../../radio/src/Radio.js';
-import 'react-aria';
-
-declare const GlobalSelectOptionsCssSelector = "hop-SelectOptions";
-interface SelectOptionsProps<T extends object> extends Omit<PopoverProps, "children"> {
-    /**
-     * The items of the SelectOptions.
-     */
-    children: ReactNode | ((item: T) => ReactNode);
-    /**
-     * The footer of the select.
-     */
-    footer?: ReactNode;
-    /**
-     * The props for the Footer
-     */
-    footerProps?: FooterProps;
-    /**
-     * If `true`, the select menu will not be the width of the trigger and instead be the width of its contents.
-     */
-    isAutoMenuWidth?: boolean;
-    /**
-     * The list box props.
-     */
-    listBoxProps?: ListBoxProps<T>;
-}
-declare function SelectOptions<T extends object>(props: SelectOptionsProps<T>, ref: ForwardedRef<HTMLDivElement>): react_jsx_runtime.JSX.Element;
-/**
- * SelectOptions is a component that displays a list of options in a popover.
- *
- * [View Documentation](TODO)
- */
-declare const _SelectOptions: <T extends object>(props: SelectOptionsProps<T> & {
-    ref?: ForwardedRef<HTMLDivElement>;
-}) => ReturnType<typeof SelectOptions>;
-
-export { GlobalSelectOptionsCssSelector, _SelectOptions as SelectOptions, type SelectOptionsProps };

package/dist/Select/src/SelectOptions.js

@@ -1,125 +0,0 @@
-export { GlobalSelectOptionsCssSelector, _SelectOptions as SelectOptions } from '../../chunk-XSKVQY7T.js';
-import '../../chunk-I4VPBQI7.js';
-import '../../chunk-QCEUL6I6.js';
-import '../../chunk-LCAS3YQV.js';
-import '../../chunk-WWRB4K4M.js';
-import '../../chunk-XLKYXKWE.js';
-import '../../chunk-TLQ7IGJK.js';
-import '../../chunk-2KG3OHKZ.js';
-import '../../chunk-YHBJAXUY.js';
-import '../../chunk-H7VJS4MX.js';
-import '../../chunk-LVMXSXUU.js';
-import '../../chunk-EWMWQ2MC.js';
-import '../../chunk-GFHBDUJD.js';
-import '../../chunk-SLF2NM3M.js';
-import '../../chunk-MMOO3PA2.js';
-import '../../chunk-YSI55QTD.js';
-import '../../chunk-DGLAGYBD.js';
-import '../../chunk-5MBJWRZD.js';
-import '../../chunk-DPC3Y6Y2.js';
-import '../../chunk-IXB2WK56.js';
-import '../../chunk-GTM56LGX.js';
-import '../../chunk-I67NHYK4.js';
-import '../../chunk-N77LTZ4U.js';
-import '../../chunk-Y7HUXUHX.js';
-import '../../chunk-D6UTDI2K.js';
-import '../../chunk-TVFC2MJ4.js';
-import '../../chunk-HL6KUV6M.js';
-import '../../chunk-3NKF5TPD.js';
-import '../../chunk-PM3R4HC6.js';
-import '../../chunk-IU6XMS2X.js';
-import '../../chunk-MHQZXLKW.js';
-import '../../chunk-KJIGRQNG.js';
-import '../../chunk-Z57VHYOF.js';
-import '../../chunk-L7RJGOCA.js';
-import '../../chunk-O4XPUINW.js';
-import '../../chunk-BTHGQBNC.js';
-import '../../chunk-MTDFS4CZ.js';
-import '../../chunk-ZQ3AWYRR.js';
-import '../../chunk-M6YJFDSQ.js';
-import '../../chunk-53JGRJCV.js';
-import '../../chunk-6BFSSZCY.js';
-import '../../chunk-QW45G6K4.js';
-import '../../chunk-NGK3TCDT.js';
-import '../../chunk-G5AT4DUS.js';
-import '../../chunk-N3ZSOPEG.js';
-import '../../chunk-ZGNK4GWA.js';
-import '../../chunk-N7YDPVZL.js';
-import '../../chunk-WQT2547E.js';
-import '../../chunk-DXVKHP4V.js';
-import '../../chunk-P5EJKG65.js';
-import '../../chunk-O7IJYNVQ.js';
-import '../../chunk-7F5TKAIG.js';
-import '../../chunk-IH3RR5MG.js';
-import '../../chunk-H5YTU3U7.js';
-import '../../chunk-CB2SODXY.js';
-import '../../chunk-4ZYV2XLW.js';
-import '../../chunk-3JTKO6GT.js';
-import '../../chunk-VJQ7M2BK.js';
-import '../../chunk-3UQFC2NQ.js';
-import '../../chunk-WMTWFKKP.js';
-import '../../chunk-O5PTD6IN.js';
-import '../../chunk-RFDRCPQ7.js';
-import '../../chunk-WABC2ZXX.js';
-import '../../chunk-EHXOXTDN.js';
-import '../../chunk-T24MBA34.js';
-import '../../chunk-CQFXGAJK.js';
-import '../../chunk-6FGO2GDP.js';
-import '../../chunk-TIPN4VYD.js';
-import '../../chunk-5H5AZJPQ.js';
-export { _ListBoxItem as SelectOption } from '../../chunk-4TP6C4G2.js';
-import '../../chunk-PAYW2NOQ.js';
-import '../../chunk-FU5CCPLP.js';
-import '../../chunk-WYWHOSC6.js';
-import '../../chunk-2EAZPH3M.js';
-import '../../chunk-Y2POLIXK.js';
-import '../../chunk-X7WNB6WS.js';
-import '../../chunk-OKZYR4RF.js';
-import '../../chunk-NMKBUGSO.js';
-import '../../chunk-KAYNG6FW.js';
-import '../../chunk-VG4DSVZN.js';
-import '../../chunk-4VVNSXIB.js';
-import '../../chunk-DHVVYSLB.js';
-import '../../chunk-EURJK4ZT.js';
-import '../../chunk-N5UT7MST.js';
-import '../../chunk-7JOGKC3W.js';
-import '../../chunk-L37Y7HGN.js';
-import '../../chunk-XGOJ7VOE.js';
-import '../../chunk-NSMUWG64.js';
-import '../../chunk-FYIHMKHI.js';
-import '../../chunk-2ETSJJL5.js';
-import '../../chunk-A2EH4QHT.js';
-import '../../chunk-CCZOA5KO.js';
-import '../../chunk-CQDLZ42T.js';
-import '../../chunk-CIGS4QGT.js';
-import '../../chunk-XVOHLDT7.js';
-import '../../chunk-SC6ZK5ON.js';
-import '../../chunk-UIEP5BA5.js';
-import '../../chunk-QH5LWKA7.js';
-import '../../chunk-ZWU6DRRZ.js';
-import '../../chunk-LJXTJRSB.js';
-import '../../chunk-P6DGNPLB.js';
-import '../../chunk-TXZ6BMFR.js';
-import '../../chunk-AAMEZDS5.js';
-import '../../chunk-QCA3ZR56.js';
-import '../../chunk-TFVDF4YH.js';
-import '../../chunk-HZKFQ33E.js';
-import '../../chunk-FAE27DLF.js';
-import '../../chunk-5HPWSPMG.js';
-import '../../chunk-WPNVVGFW.js';
-import '../../chunk-4XHTP4GX.js';
-import '../../chunk-AGPDWIJB.js';
-import '../../chunk-QIFW365G.js';
-import '../../chunk-LI5HSYF7.js';
-import '../../chunk-FR7CLIF6.js';
-import '../../chunk-X6SER3TZ.js';
-import '../../chunk-HXI3MEEK.js';
-import '../../chunk-62HFZTN3.js';
-import '../../chunk-AES7QBQE.js';
-import '../../chunk-VNW2HMOF.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/Select/src/SelectOptionsContext.d.ts

@@ -1,21 +0,0 @@
-import * as react from 'react';
-import { ContextValue } from 'react-aria-components';
-import { SelectOptionsProps } from './SelectOptions.js';
-import 'react/jsx-runtime';
-import '../../layout/src/Footer.js';
-import '@hopper-ui/styled-system';
-import '../../utils/src/types.js';
-import '@react-types/shared';
-import '../../ListBox/src/ListBox.js';
-import '../../ListBox/src/ListBoxItem.js';
-import '../../checkbox/src/DecorativeCheckbox.js';
-import '../../checkbox/src/Checkbox.js';
-import '../../radio/src/DecorativeRadio.js';
-import '../../radio/src/Radio.js';
-import '../../overlays/Popover/src/Popover.js';
-import 'react-aria';
-
-type SelectContextProps = SelectOptionsProps<any>;
-declare const SelectOptionsContext: react.Context<ContextValue<Partial<SelectContextProps>, HTMLDivElement>>;
-
-export { SelectOptionsContext };

package/dist/Select/src/SelectOptionsContext.js

@@ -1,2 +0,0 @@
-export { SelectOptionsContext } from '../../chunk-CQFXGAJK.js';
-import '../../chunk-JSBRDJBE.js';

package/dist/chunk-CQFXGAJK.js

@@ -1,7 +0,0 @@
-import { createContext } from 'react';
-
-// src/Select/src/SelectOptionsContext.ts
-var SelectOptionsContext = createContext({});
-SelectOptionsContext.displayName = "SelectOptionsContext";
-
-export { SelectOptionsContext };

package/dist/chunk-RFDRCPQ7.js

@@ -1,149 +0,0 @@
-import { _SelectValue } from './chunk-WABC2ZXX.js';
-import { SelectContext } from './chunk-T24MBA34.js';
-import { ListBoxContext } from './chunk-UIEP5BA5.js';
-import { EnsureTextWrapper } from './chunk-QH5LWKA7.js';
-import { LabelContext } from './chunk-QCA3ZR56.js';
-import { HelperMessageContext } from './chunk-HZKFQ33E.js';
-import { ErrorMessageContext } from './chunk-FAE27DLF.js';
-import { TextContext } from './chunk-X6SER3TZ.js';
-import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
-import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
-import { SlotProvider } from './chunk-M36KANKC.js';
-import { cssModule } from './chunk-KVDXQMWI.js';
-import { IconContext, AngleUpIcon, AngleDownIcon } from '@hopper-ui/icons';
-import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
-import { forwardRef } from 'react';
-import { useContextProps, composeRenderProps, Select as Select$1, Button } from 'react-aria-components';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-
-// css-module:./Select.module.css#css-module
-var Select_module_default = { "hop-Select": "Select-module__hop-Select___u5d3m", "hop-Select--fluid": "Select-module__hop-Select--fluid___YkEzs", "hop-Select__label": "Select-module__hop-Select__label___lj87n", "hop-Select__button": "Select-module__hop-Select__button___V3fKN", "hop-Select__button--sm": "Select-module__hop-Select__button--sm___cGJzt", "hop-Select__button--md": "Select-module__hop-Select__button--md___GgxAQ", "hop-Select__prefix": "Select-module__hop-Select__prefix___iC8wF", "hop-Select__button-icon": "Select-module__hop-Select__button-icon___WEzTG", "hop-Select__helper-message": "Select-module__hop-Select__helper-message___aopAP", "hop-Select__error-message": "Select-module__hop-Select__error-message___xF2H9" };
-var GlobalSelectCssSelector = "hop-Select";
-function Select(props, ref) {
-  var _a, _b;
-  [props, ref] = useContextProps(props, ref, SelectContext);
-  const { stylingProps, ...ownProps } = useStyledSystem(props);
-  const {
-    className,
-    children: childrenProp,
-    isFluid: isFluidProp,
-    isInvalid,
-    isRequired,
-    items,
-    necessityIndicator,
-    prefix,
-    renderValue,
-    size: sizeProp,
-    style: styleProp,
-    triggerProps,
-    ...otherProps
-  } = ownProps;
-  const { stylingProps: triggerStylingProps, ...triggerOwnProps } = useStyledSystem(triggerProps != null ? triggerProps : {});
-  const {
-    className: triggerClassName,
-    style: triggerStyleProp,
-    ...otherTriggerProps
-  } = triggerOwnProps;
-  const size = (_a = useResponsiveValue(sizeProp)) != null ? _a : "sm";
-  const isFluid = (_b = useResponsiveValue(isFluidProp)) != null ? _b : false;
-  const classNames = composeClassnameRenderProps(
-    className,
-    GlobalSelectCssSelector,
-    cssModule(
-      Select_module_default,
-      "hop-Select",
-      isFluid && "fluid",
-      size
-    ),
-    stylingProps.className
-  );
-  const buttonClassNames = composeClassnameRenderProps(
-    triggerClassName,
-    cssModule(
-      Select_module_default,
-      "hop-Select__button",
-      size
-    ),
-    triggerStylingProps.className
-  );
-  const style = composeRenderProps(styleProp, (prev) => {
-    return {
-      ...stylingProps.style,
-      ...prev
-    };
-  });
-  const triggerStyle = composeRenderProps(triggerStyleProp, (prev) => {
-    return {
-      ...triggerStylingProps.style,
-      ...prev
-    };
-  });
-  const children = composeRenderProps(childrenProp, (prev) => {
-    return prev;
-  });
-  const prefixMarkup = prefix ? /* @__PURE__ */ jsx(
-    SlotProvider,
-    {
-      values: [
-        [TextContext, { size, className: Select_module_default["hop-Select__prefix"] }],
-        [IconContext, { size, className: Select_module_default["hop-Select__prefix"] }]
-      ],
-      children: /* @__PURE__ */ jsx(ClearContainerSlots, { children: /* @__PURE__ */ jsx(EnsureTextWrapper, { children: prefix }) })
-    }
-  ) : null;
-  return /* @__PURE__ */ jsx(
-    Select$1,
-    {
-      ...otherProps,
-      ref,
-      className: classNames,
-      style,
-      isInvalid,
-      isRequired,
-      children: (selectRenderProps) => {
-        const { isOpen } = selectRenderProps;
-        const ButtonIcon = isOpen ? AngleUpIcon : AngleDownIcon;
-        return /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(
-            SlotProvider,
-            {
-              values: [
-                [LabelContext, {
-                  className: Select_module_default["hop-Select__label"],
-                  isRequired,
-                  necessityIndicator
-                }],
-                [HelperMessageContext, {
-                  className: Select_module_default["hop-Select__helper-message"]
-                }],
-                [ErrorMessageContext, {
-                  className: Select_module_default["hop-Select__error-message"]
-                }],
-                [TextContext, {
-                  size
-                }],
-                [ListBoxContext, {
-                  size,
-                  isInvalid,
-                  items
-                }]
-              ],
-              children: children(selectRenderProps)
-            }
-          ),
-          /* @__PURE__ */ jsxs(Button, { className: buttonClassNames, style: triggerStyle, "data-invalid": isInvalid || void 0, ...otherTriggerProps, children: [
-            prefixMarkup,
-            /* @__PURE__ */ jsx(_SelectValue, { size, children: (valueRenderProps) => {
-              return renderValue == null ? void 0 : renderValue(valueRenderProps);
-            } }),
-            /* @__PURE__ */ jsx(ButtonIcon, { size: "sm", className: Select_module_default["hop-Select__button-icon"] })
-          ] })
-        ] });
-      }
-    }
-  );
-}
-var _Select = forwardRef(Select);
-_Select.displayName = "Select";
-
-export { GlobalSelectCssSelector, _Select };

package/dist/chunk-XGOJ7VOE.js

@@ -1,7 +0,0 @@
-import { createContext } from 'react';
-
-// src/ComboBox/src/ComboBoxOptionsContext.ts
-var ComboBoxOptionsContext = createContext({});
-ComboBoxOptionsContext.displayName = "ComboBoxOptionsContext";
-
-export { ComboBoxOptionsContext };

package/dist/chunk-XVOHLDT7.js

@@ -1,210 +0,0 @@
-import { PopoverContext } from './chunk-SC6ZK5ON.js';
-import { ListBoxContext } from './chunk-UIEP5BA5.js';
-import { EnsureTextWrapper } from './chunk-QH5LWKA7.js';
-import { LabelContext } from './chunk-QCA3ZR56.js';
-import { HelperMessageContext } from './chunk-HZKFQ33E.js';
-import { ErrorMessageContext } from './chunk-FAE27DLF.js';
-import { ComboBoxContext } from './chunk-4XHTP4GX.js';
-import { TextContext } from './chunk-X6SER3TZ.js';
-import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
-import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
-import { SlotProvider } from './chunk-M36KANKC.js';
-import { cssModule } from './chunk-KVDXQMWI.js';
-import { IconContext, AngleUpIcon, AngleDownIcon } from '@hopper-ui/icons';
-import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
-import { useObjectRef, mergeRefs, useResizeObserver } from '@react-aria/utils';
-import { forwardRef, useRef, useState, useCallback } from 'react';
-import { useContextProps, useSlottedContext, InputContext, composeRenderProps, ComboBox as ComboBox$1, Group, Input, Button } from 'react-aria-components';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-
-// css-module:./ComboBox.module.css#css-module
-var ComboBox_module_default = { "hop-ComboBox": "ComboBox-module__hop-ComboBox___a9LpO", "hop-ComboBox--fluid": "ComboBox-module__hop-ComboBox--fluid___d-xQt", "hop-ComboBox__label": "ComboBox-module__hop-ComboBox__label___1Pmp0", "hop-ComboBox__trigger": "ComboBox-module__hop-ComboBox__trigger___Y0udS", "hop-ComboBox__trigger--sm": "ComboBox-module__hop-ComboBox__trigger--sm___iATng", "hop-ComboBox__trigger--md": "ComboBox-module__hop-ComboBox__trigger--md___4-gUx", "hop-ComboBox__input": "ComboBox-module__hop-ComboBox__input___uEoSl", "hop-ComboBox__button": "ComboBox-module__hop-ComboBox__button___-e9b-", "hop-ComboBox__prefix": "ComboBox-module__hop-ComboBox__prefix___omevd", "hop-ComboBox__button-icon": "ComboBox-module__hop-ComboBox__button-icon___LTpHS", "hop-ComboBox__helper-message": "ComboBox-module__hop-ComboBox__helper-message___avOXN", "hop-ComboBox__error-message": "ComboBox-module__hop-ComboBox__error-message___QGgiZ" };
-var GlobalComboBoxCssSelector = "hop-ComboBox";
-function ComboBox(props, ref) {
-  var _a, _b, _c;
-  const {
-    inputRef: userProvidedInputRef = null,
-    ...propsWithoutRef
-  } = props;
-  [props, ref] = useContextProps(propsWithoutRef, ref, ComboBoxContext);
-  const { stylingProps, ...ownProps } = useStyledSystem(props);
-  const {
-    className,
-    children: childrenProp,
-    isFluid: isFluidProp,
-    isInvalid,
-    isRequired,
-    items,
-    menuTrigger = "focus",
-    necessityIndicator,
-    placeholder,
-    prefix,
-    size: sizeProp,
-    style: styleProp,
-    triggerProps,
-    ...otherProps
-  } = ownProps;
-  const inputRef = useObjectRef(mergeRefs(userProvidedInputRef, (_a = props.inputRef) != null ? _a : null));
-  const inputContext = useSlottedContext(InputContext);
-  const mergedInputRefs = (inputContext == null ? void 0 : inputContext.ref) ? mergeRefs(inputRef, inputContext.ref) : inputRef;
-  const triggerRef = useRef(null);
-  const buttonRef = useRef(null);
-  const [triggerWidth, setTriggerWidth] = useState(null);
-  const onResize = useCallback(() => {
-    if (triggerRef.current) {
-      setTriggerWidth(triggerRef.current.offsetWidth + "px");
-    }
-  }, [triggerRef]);
-  useResizeObserver({
-    ref: triggerRef,
-    onResize
-  });
-  const { stylingProps: triggerStylingProps, ...triggerOwnProps } = useStyledSystem(triggerProps != null ? triggerProps : {});
-  const {
-    className: triggerClassName,
-    style: triggerStyleProp,
-    ...otherTriggerProps
-  } = triggerOwnProps;
-  const size = (_b = useResponsiveValue(sizeProp)) != null ? _b : "sm";
-  const isFluid = (_c = useResponsiveValue(isFluidProp)) != null ? _c : false;
-  const classNames = composeClassnameRenderProps(
-    className,
-    GlobalComboBoxCssSelector,
-    cssModule(
-      ComboBox_module_default,
-      "hop-ComboBox",
-      isFluid && "fluid",
-      size
-    ),
-    stylingProps.className
-  );
-  const triggerClassNames = composeClassnameRenderProps(
-    triggerClassName,
-    cssModule(
-      ComboBox_module_default,
-      "hop-ComboBox__trigger",
-      size
-    ),
-    triggerStylingProps.className
-  );
-  const buttonClassNames = composeClassnameRenderProps(
-    cssModule(
-      ComboBox_module_default,
-      "hop-ComboBox__button"
-    )
-  );
-  const inputClassNames = composeClassnameRenderProps(
-    inputContext == null ? void 0 : inputContext.className,
-    ComboBox_module_default["hop-ComboBox__input"]
-  );
-  const style = composeRenderProps(styleProp, (prev) => {
-    return {
-      ...stylingProps.style,
-      ...prev
-    };
-  });
-  const triggerStyle = composeRenderProps(triggerStyleProp, (prev) => {
-    return {
-      ...triggerStylingProps.style,
-      ...prev
-    };
-  });
-  const children = composeRenderProps(childrenProp, (prev) => {
-    return prev;
-  });
-  const handleMouseDown = useCallback((e) => {
-    if (inputRef.current && e.target !== inputRef.current && buttonRef.current && e.target !== buttonRef.current) {
-      inputRef.current.focus();
-      e.preventDefault();
-    }
-  }, [inputRef]);
-  const prefixMarkup = prefix ? /* @__PURE__ */ jsx(
-    SlotProvider,
-    {
-      values: [
-        [TextContext, { size, className: ComboBox_module_default["hop-ComboBox__prefix"] }],
-        [IconContext, { size, className: ComboBox_module_default["hop-ComboBox__prefix"] }]
-      ],
-      children: /* @__PURE__ */ jsx(ClearContainerSlots, { children: /* @__PURE__ */ jsx(EnsureTextWrapper, { children: prefix }) })
-    }
-  ) : null;
-  return /* @__PURE__ */ jsx(
-    ComboBox$1,
-    {
-      ref,
-      className: classNames,
-      style,
-      isInvalid,
-      isRequired,
-      items,
-      menuTrigger,
-      ...otherProps,
-      children: (comboBoxRenderProps) => {
-        const { isOpen } = comboBoxRenderProps;
-        const ButtonIcon = isOpen ? AngleUpIcon : AngleDownIcon;
-        return /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(
-            SlotProvider,
-            {
-              values: [
-                [LabelContext, {
-                  className: ComboBox_module_default["hop-ComboBox__label"],
-                  isRequired,
-                  necessityIndicator
-                }],
-                [HelperMessageContext, {
-                  className: ComboBox_module_default["hop-ComboBox__helper-message"]
-                }],
-                [ErrorMessageContext, {
-                  className: ComboBox_module_default["hop-ComboBox__error-message"]
-                }],
-                [TextContext, {
-                  size
-                }],
-                [ListBoxContext, {
-                  size,
-                  isInvalid,
-                  items
-                }],
-                [PopoverContext, {
-                  triggerRef,
-                  style: {
-                    "--custom-trigger-width": triggerWidth
-                  }
-                }]
-              ],
-              children: children(comboBoxRenderProps)
-            }
-          ),
-          /* @__PURE__ */ jsxs(
-            Group,
-            {
-              ref: triggerRef,
-              className: triggerClassNames,
-              style: triggerStyle,
-              onMouseDown: handleMouseDown,
-              "data-selected": isOpen || void 0,
-              ...otherTriggerProps,
-              children: [
-                prefixMarkup,
-                /* @__PURE__ */ jsx(
-                  Input,
-                  {
-                    ref: mergedInputRefs,
-                    className: inputClassNames,
-                    placeholder
-                  }
-                ),
-                /* @__PURE__ */ jsx(Button, { className: buttonClassNames, ref: buttonRef, children: /* @__PURE__ */ jsx(ButtonIcon, { size: "sm", className: ComboBox_module_default["hop-ComboBox__button-icon"] }) })
-              ]
-            }
-          )
-        ] });
-      }
-    }
-  );
-}
-var _ComboBox = forwardRef(ComboBox);
-_ComboBox.displayName = "ComboBox";
-
-export { GlobalComboBoxCssSelector, _ComboBox };