@wix/site-ui 1.30.0 → 1.31.0

package/dist/Combobox/index.js

@@ -1,7 +1,330 @@
 import { jsx } from "react/jsx-runtime";
-import { Combobox } from "@base-ui/react/combobox";
 import clsx from "clsx";
+import { useFieldRootContext, fieldValidityMapping } from "../1477.js";
+import { selectors, ComboboxArrow_ComboboxArrow, handleInputPress, useComboboxItemContext, AriaCombobox, ComboboxInputGroup_ComboboxInputGroup, ComboboxPositioner_ComboboxPositioner, useComboboxRootContext, useComboboxChipsContext, ComboboxBackdrop_ComboboxBackdrop, ComboboxRow_ComboboxRow, ComboboxIcon_ComboboxIcon, ComboboxClear_ComboboxClear, ComboboxCollection, ComboboxTrigger_ComboboxTrigger, ComboboxGroup_ComboboxGroup, ComboboxGroupLabel_ComboboxGroupLabel, ComboboxStatus_ComboboxStatus, ComboboxPopup_ComboboxPopup, ComboboxInput_ComboboxInput, ComboboxEmpty_ComboboxEmpty, ComboboxPortal_ComboboxPortal, ComboboxChipsContext, ComboboxList_ComboboxList, ComboboxItem_ComboboxItem } from "../6089.js";
+import { useStore } from "../5992.js";
+import { getDefaultLabelId } from "../6825.js";
+import { SafeReact } from "../6499.js";
+import { error } from "../4026.js";
+import { useLabel } from "../4143.js";
+import { esm_formatErrorMessage, useRenderElement, EMPTY_OBJECT } from "../8272.js";
+import { transitionStatusMapping, useOpenChangeComplete, useTransitionStatus } from "../880.js";
+import { CompositeList } from "../9255.js";
+import { useDirection } from "../9863.js";
+import { useCompositeListItem } from "../3021.js";
+import { stopEvent } from "../6330.js";
+import { createChangeEventDetails } from "../4768.js";
+import { listNavigation, chipRemovePress } from "../2418.js";
+import { useButton } from "../9189.js";
+import { resolveSelectedLabel, resolveMultipleLabels, findItemIndex } from "../7366.js";
+import { Separator } from "../9635.js";
 import * as __rspack_external_react from "react";
+import * as __rspack_external_react_dom_7136dc57 from "react-dom";
+const ComboboxLabel_ComboboxLabel = /*#__PURE__*/ __rspack_external_react.forwardRef(function(componentProps, forwardedRef) {
+    const { render, className, style, ...elementProps } = componentProps;
+    const elementPropsWithoutId = elementProps;
+    delete elementPropsWithoutId.id;
+    const fieldRootContext = useFieldRootContext();
+    const store = useComboboxRootContext();
+    const inputInsidePopup = useStore(store, selectors.inputInsidePopup);
+    const triggerElement = useStore(store, selectors.triggerElement);
+    const inputElement = useStore(store, selectors.inputElement);
+    const rootId = useStore(store, selectors.id);
+    const defaultLabelId = getDefaultLabelId(rootId);
+    const localControlId = triggerElement?.id ?? (inputInsidePopup ? rootId : void 0);
+    if ('production' !== process.env.NODE_ENV) __rspack_external_react.useEffect(()=>{
+        if (!inputElement || inputInsidePopup) return;
+        const ownerStackMessage = SafeReact.captureOwnerStack?.() || '';
+        const message = "<Combobox.Label> labels <Combobox.Trigger> only. When <Combobox.Input> is the form control, use a native <label> or <Field.Label> instead.";
+        error(`${message}${ownerStackMessage}`);
+    }, [
+        inputElement,
+        inputInsidePopup
+    ]);
+    const labelProps = useLabel({
+        id: defaultLabelId,
+        fallbackControlId: localControlId,
+        setLabelId (nextLabelId) {
+            store.set('labelId', nextLabelId);
+        }
+    });
+    return useRenderElement('div', componentProps, {
+        ref: forwardedRef,
+        state: fieldRootContext.state,
+        props: [
+            labelProps,
+            elementProps
+        ],
+        stateAttributesMapping: fieldValidityMapping
+    });
+});
+if ("production" !== process.env.NODE_ENV) ComboboxLabel_ComboboxLabel.displayName = "ComboboxLabel";
+const ComboboxItemIndicator_ComboboxItemIndicator = /*#__PURE__*/ __rspack_external_react.forwardRef(function(componentProps, forwardedRef) {
+    const keepMounted = componentProps.keepMounted ?? false;
+    const { selected } = useComboboxItemContext();
+    const shouldRender = keepMounted || selected;
+    if (!shouldRender) return null;
+    return /*#__PURE__*/ jsx(Inner, {
+        ...componentProps,
+        ref: forwardedRef
+    });
+});
+if ("production" !== process.env.NODE_ENV) ComboboxItemIndicator_ComboboxItemIndicator.displayName = "ComboboxItemIndicator";
+const Inner = /*#__PURE__*/ __rspack_external_react.memo(/*#__PURE__*/ __rspack_external_react.forwardRef((componentProps, forwardedRef)=>{
+    const { render, className, style, keepMounted, ...elementProps } = componentProps;
+    const { selected } = useComboboxItemContext();
+    const indicatorRef = __rspack_external_react.useRef(null);
+    const { transitionStatus, setMounted } = useTransitionStatus(selected);
+    const state = {
+        selected,
+        transitionStatus
+    };
+    const element = useRenderElement('span', componentProps, {
+        ref: [
+            forwardedRef,
+            indicatorRef
+        ],
+        state,
+        props: [
+            {
+                'aria-hidden': true,
+                children: '✔️'
+            },
+            elementProps
+        ],
+        stateAttributesMapping: transitionStatusMapping
+    });
+    useOpenChangeComplete({
+        open: selected,
+        ref: indicatorRef,
+        onComplete () {
+            if (!selected) setMounted(false);
+        }
+    });
+    return element;
+}));
+if ("production" !== process.env.NODE_ENV) Inner.displayName = "Inner";
+const ComboboxChips_ComboboxChips = /*#__PURE__*/ __rspack_external_react.forwardRef(function(componentProps, forwardedRef) {
+    const { render, className, style, ...elementProps } = componentProps;
+    const store = useComboboxRootContext();
+    const open = useStore(store, selectors.open);
+    const hasSelectionChips = useStore(store, selectors.hasSelectionChips);
+    const [highlightedChipIndex, setHighlightedChipIndex] = __rspack_external_react.useState(void 0);
+    if (open && void 0 !== highlightedChipIndex) setHighlightedChipIndex(void 0);
+    const chipsRef = __rspack_external_react.useRef([]);
+    const element = useRenderElement('div', componentProps, {
+        ref: [
+            forwardedRef,
+            store.state.chipsContainerRef
+        ],
+        props: [
+            hasSelectionChips ? {
+                role: 'toolbar'
+            } : EMPTY_OBJECT,
+            {
+                onMouseDown (event) {
+                    handleInputPress(event, store, store.state.disabled, store.state.readOnly);
+                }
+            },
+            elementProps
+        ]
+    });
+    const contextValue = __rspack_external_react.useMemo(()=>({
+            highlightedChipIndex,
+            setHighlightedChipIndex,
+            chipsRef
+        }), [
+        highlightedChipIndex,
+        setHighlightedChipIndex,
+        chipsRef
+    ]);
+    return /*#__PURE__*/ jsx(ComboboxChipsContext.Provider, {
+        value: contextValue,
+        children: /*#__PURE__*/ jsx(CompositeList, {
+            elementsRef: chipsRef,
+            children: element
+        })
+    });
+});
+if ("production" !== process.env.NODE_ENV) ComboboxChips_ComboboxChips.displayName = "ComboboxChips";
+const ComboboxChipContext = /*#__PURE__*/ __rspack_external_react.createContext(void 0);
+if ("production" !== process.env.NODE_ENV) ComboboxChipContext.displayName = "ComboboxChipContext";
+function useComboboxChipContext() {
+    const context = __rspack_external_react.useContext(ComboboxChipContext);
+    if (!context) throw new Error("production" !== process.env.NODE_ENV ? 'useComboboxChipContext must be used within a ComboboxChip' : esm_formatErrorMessage(17));
+    return context;
+}
+const ComboboxChip_ComboboxChip = /*#__PURE__*/ __rspack_external_react.forwardRef(function(componentProps, forwardedRef) {
+    const { render, className, style, ...elementProps } = componentProps;
+    const store = useComboboxRootContext();
+    const { setHighlightedChipIndex, chipsRef } = useComboboxChipsContext();
+    const direction = useDirection();
+    const disabled = useStore(store, selectors.disabled);
+    const readOnly = useStore(store, selectors.readOnly);
+    const selectedValue = useStore(store, selectors.selectedValue);
+    const { ref, index } = useCompositeListItem();
+    function handleKeyDown(event) {
+        let nextIndex = index;
+        const isRtl = 'rtl' === direction;
+        const previousChipKey = isRtl ? 'ArrowRight' : 'ArrowLeft';
+        const nextChipKey = isRtl ? 'ArrowLeft' : 'ArrowRight';
+        if (event.key === previousChipKey) {
+            event.preventDefault();
+            nextIndex = index > 0 ? index - 1 : void 0;
+        } else if (event.key === nextChipKey) {
+            event.preventDefault();
+            nextIndex = index < chipsRef.current.length - 1 ? index + 1 : void 0;
+        } else if ('Backspace' === event.key || 'Delete' === event.key) {
+            const computedNextIndex = index >= selectedValue.length - 1 ? selectedValue.length - 2 : index;
+            nextIndex = computedNextIndex >= 0 ? computedNextIndex : void 0;
+            stopEvent(event);
+            store.state.setIndices({
+                activeIndex: null,
+                selectedIndex: null,
+                type: 'keyboard'
+            });
+            store.state.setSelectedValue(selectedValue.filter((_, i)=>i !== index), createChangeEventDetails("none", event.nativeEvent));
+        } else if ('Enter' === event.key || ' ' === event.key) {
+            stopEvent(event);
+            nextIndex = void 0;
+        } else if ('ArrowDown' === event.key || 'ArrowUp' === event.key) {
+            stopEvent(event);
+            store.state.setOpen(true, createChangeEventDetails(listNavigation, event.nativeEvent));
+            nextIndex = void 0;
+        } else if (1 === event.key.length && !event.ctrlKey && !event.metaKey && !event.altKey) nextIndex = void 0;
+        return nextIndex;
+    }
+    const state = {
+        disabled
+    };
+    const element = useRenderElement('div', componentProps, {
+        ref: [
+            forwardedRef,
+            ref
+        ],
+        state,
+        props: [
+            {
+                tabIndex: -1,
+                'aria-disabled': disabled || void 0,
+                'aria-readonly': readOnly || void 0,
+                onKeyDown (event) {
+                    if (disabled || readOnly) return;
+                    const nextIndex = handleKeyDown(event);
+                    __rspack_external_react_dom_7136dc57.flushSync(()=>{
+                        setHighlightedChipIndex(nextIndex);
+                    });
+                    if (void 0 === nextIndex) store.state.inputRef.current?.focus();
+                    else chipsRef.current[nextIndex]?.focus();
+                }
+            },
+            elementProps
+        ]
+    });
+    const contextValue = __rspack_external_react.useMemo(()=>({
+            index
+        }), [
+        index
+    ]);
+    return /*#__PURE__*/ jsx(ComboboxChipContext.Provider, {
+        value: contextValue,
+        children: element
+    });
+});
+if ("production" !== process.env.NODE_ENV) ComboboxChip_ComboboxChip.displayName = "ComboboxChip";
+const ComboboxChipRemove_ComboboxChipRemove = /*#__PURE__*/ __rspack_external_react.forwardRef(function(componentProps, forwardedRef) {
+    const { render, className, disabled: disabledProp = false, nativeButton = true, style, ...elementProps } = componentProps;
+    const store = useComboboxRootContext();
+    const { index } = useComboboxChipContext();
+    const comboboxDisabled = useStore(store, selectors.disabled);
+    const readOnly = useStore(store, selectors.readOnly);
+    const selectedValue = useStore(store, selectors.selectedValue);
+    const isItemEqualToValue = useStore(store, selectors.isItemEqualToValue);
+    const disabled = comboboxDisabled || disabledProp;
+    const { buttonRef, getButtonProps } = useButton({
+        native: nativeButton,
+        disabled: disabled || readOnly,
+        focusableWhenDisabled: true
+    });
+    const state = {
+        disabled
+    };
+    function clearActiveIndexForRemovedItem(removedItem) {
+        const activeIndex = store.state.activeIndex;
+        if (null == activeIndex) return;
+        const removedIndex = findItemIndex(store.state.valuesRef.current, removedItem, isItemEqualToValue);
+        if (-1 !== removedIndex && activeIndex === removedIndex) store.state.setIndices({
+            activeIndex: null,
+            type: store.state.keyboardActiveRef.current ? 'keyboard' : 'pointer'
+        });
+    }
+    function removeChip(event) {
+        const eventDetails = createChangeEventDetails(chipRemovePress, event.nativeEvent);
+        const removedItem = selectedValue[index];
+        clearActiveIndexForRemovedItem(removedItem);
+        store.state.setSelectedValue(selectedValue.filter((_, i)=>i !== index), eventDetails);
+        store.state.inputRef.current?.focus();
+        return eventDetails;
+    }
+    const element = useRenderElement('button', componentProps, {
+        ref: [
+            forwardedRef,
+            buttonRef
+        ],
+        state,
+        props: [
+            {
+                tabIndex: -1,
+                onMouseDown (event) {
+                    event.preventDefault();
+                },
+                onClick (event) {
+                    if (disabled || readOnly) return;
+                    const eventDetails = removeChip(event);
+                    if (!eventDetails.isPropagationAllowed) event.stopPropagation();
+                },
+                onKeyDown (event) {
+                    if (disabled || readOnly) return;
+                    if ('Enter' === event.key || ' ' === event.key) {
+                        const eventDetails = removeChip(event);
+                        if (!eventDetails.isPropagationAllowed) stopEvent(event);
+                    }
+                }
+            },
+            elementProps,
+            getButtonProps
+        ]
+    });
+    return element;
+});
+if ("production" !== process.env.NODE_ENV) ComboboxChipRemove_ComboboxChipRemove.displayName = "ComboboxChipRemove";
+function ComboboxRoot(props) {
+    const { multiple = false, defaultValue, value, onValueChange, autoComplete, ...other } = props;
+    return /*#__PURE__*/ jsx(AriaCombobox, {
+        ...other,
+        selectionMode: multiple ? 'multiple' : 'single',
+        selectedValue: value,
+        defaultSelectedValue: defaultValue,
+        onSelectedValueChange: onValueChange,
+        formAutoComplete: autoComplete
+    });
+}
+function ComboboxValue(props) {
+    const { children: childrenProp, placeholder } = props;
+    const store = useComboboxRootContext();
+    const itemToStringLabel = useStore(store, selectors.itemToStringLabel);
+    const selectedValue = useStore(store, selectors.selectedValue);
+    const items = useStore(store, selectors.items);
+    const multiple = 'multiple' === useStore(store, selectors.selectionMode);
+    const hasSelectedValue = useStore(store, selectors.hasSelectedValue);
+    const shouldCheckNullItemLabel = !hasSelectedValue && null != placeholder && null == childrenProp;
+    const hasNullLabel = useStore(store, selectors.hasNullItemLabel, shouldCheckNullItemLabel);
+    let children = null;
+    children = 'function' == typeof childrenProp ? childrenProp(selectedValue) : null != childrenProp ? childrenProp : hasSelectedValue || null == placeholder || hasNullLabel ? multiple && Array.isArray(selectedValue) ? resolveMultipleLabels(selectedValue, items, itemToStringLabel) : resolveSelectedLabel(selectedValue, items, itemToStringLabel) : placeholder;
+    return /*#__PURE__*/ jsx(__rspack_external_react.Fragment, {
+        children: children
+    });
+}
 const Combobox_module = {
     label: "label-AxhKN1",
     inputGroup: "inputGroup-j4QBzY",
@@ -21,112 +344,112 @@ const Combobox_module = {
     empty: "empty-ypPHaj",
     clear: "clear-UgLOma"
 };
-const Label = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Combobox.Label, {
+const Label = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(ComboboxLabel_ComboboxLabel, {
         ref: ref,
         className: clsx(Combobox_module.label, className),
         ...props
     }));
-const Input = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Combobox.Input, {
+const Input = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(ComboboxInput_ComboboxInput, {
         ref: ref,
         className: clsx(Combobox_module.input, className),
         ...props
     }));
-const InputGroup = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Combobox.InputGroup, {
+const InputGroup = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(ComboboxInputGroup_ComboboxInputGroup, {
         ref: ref,
         className: clsx(Combobox_module.inputGroup, className),
         ...props
     }));
-const Trigger = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Combobox.Trigger, {
+const Trigger = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(ComboboxTrigger_ComboboxTrigger, {
         ref: ref,
         className: clsx(Combobox_module.trigger, className),
         ...props
     }));
-const List = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Combobox.List, {
+const List = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(ComboboxList_ComboboxList, {
         ref: ref,
         className: clsx(Combobox_module.list, className),
         ...props
     }));
-const Status = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Combobox.Status, {
+const Status = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(ComboboxStatus_ComboboxStatus, {
         ref: ref,
         className: clsx(Combobox_module.status, className),
         ...props
     }));
-const Backdrop = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Combobox.Backdrop, {
+const Backdrop = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(ComboboxBackdrop_ComboboxBackdrop, {
         ref: ref,
         className: clsx(Combobox_module.backdrop, className),
         ...props
     }));
-const Positioner = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Combobox.Positioner, {
+const Positioner = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(ComboboxPositioner_ComboboxPositioner, {
         ref: ref,
         className: clsx(Combobox_module.positioner, className),
         ...props
     }));
-const Popup = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Combobox.Popup, {
+const Popup = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(ComboboxPopup_ComboboxPopup, {
         ref: ref,
         className: clsx(Combobox_module.popup, className),
         ...props
     }));
-const Arrow = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Combobox.Arrow, {
+const Arrow = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(ComboboxArrow_ComboboxArrow, {
         ref: ref,
         className: clsx(Combobox_module.arrow, className),
         ...props
     }));
-const Icon = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Combobox.Icon, {
+const Icon = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(ComboboxIcon_ComboboxIcon, {
         ref: ref,
         className: clsx(Combobox_module.icon, className),
         ...props
     }));
-const Group = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Combobox.Group, {
+const Group = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(ComboboxGroup_ComboboxGroup, {
         ref: ref,
         className: clsx(Combobox_module.group, className),
         ...props
     }));
-const GroupLabel = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Combobox.GroupLabel, {
+const GroupLabel = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(ComboboxGroupLabel_ComboboxGroupLabel, {
         ref: ref,
         className: clsx(Combobox_module.groupLabel, className),
         ...props
     }));
-const Item = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Combobox.Item, {
+const Item = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(ComboboxItem_ComboboxItem, {
         ref: ref,
         className: clsx(Combobox_module.item, className),
         ...props
     }));
-const ItemIndicator = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Combobox.ItemIndicator, {
+const ItemIndicator = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(ComboboxItemIndicator_ComboboxItemIndicator, {
         ref: ref,
         className: clsx(Combobox_module.itemIndicator, className),
         ...props
     }));
-const Chips = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Combobox.Chips, {
+const Chips = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(ComboboxChips_ComboboxChips, {
         ref: ref,
         className: clsx(Combobox_module.chips, className),
         ...props
     }));
-const Chip = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Combobox.Chip, {
+const Chip = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(ComboboxChip_ComboboxChip, {
         ref: ref,
         className: clsx(Combobox_module.chip, className),
         ...props
     }));
-const ChipRemove = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Combobox.ChipRemove, {
+const ChipRemove = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(ComboboxChipRemove_ComboboxChipRemove, {
         ref: ref,
         className: clsx(Combobox_module.chipRemove, className),
         ...props
     }));
-const Row = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Combobox.Row, {
+const Row = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(ComboboxRow_ComboboxRow, {
         ref: ref,
         className: clsx(Combobox_module.row, className),
         ...props
     }));
-const Empty = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Combobox.Empty, {
+const Empty = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(ComboboxEmpty_ComboboxEmpty, {
         ref: ref,
         className: clsx(Combobox_module.empty, className),
         ...props
     }));
-const Clear = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Combobox.Clear, {
+const Clear = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(ComboboxClear_ComboboxClear, {
         ref: ref,
         className: clsx(Combobox_module.clear, className),
         ...props
     }));
-const Combobox_Combobox = {
+const Combobox = {
     Label: Label,
     Input: Input,
     InputGroup: InputGroup,
@@ -146,12 +469,12 @@ const Combobox_Combobox = {
     Chip: Chip,
     ChipRemove: ChipRemove,
     Row: Row,
-    Collection: Combobox.Collection,
+    Collection: ComboboxCollection,
     Empty: Empty,
     Clear: Clear,
-    Root: Combobox.Root,
-    Value: Combobox.Value,
-    Portal: Combobox.Portal,
-    Separator: Combobox.Separator
+    Root: ComboboxRoot,
+    Value: ComboboxValue,
+    Portal: ComboboxPortal_ComboboxPortal,
+    Separator: Separator
 };
-export { Combobox_Combobox as Combobox };
+export { Combobox };