@vygruppen/spor-react 12.8.3 → 12.8.5

package/dist/index.d.cts

@@ -1186,7 +1186,6 @@ type ComboboxProps<T> = Exclude<InputProps, "variant" | "colorPalette" | "size">
     leftIcon?: ReactNode;
     rightIcon?: ReactNode;
     variant?: "core" | "floating";
-    children?: React__default.ReactNode;
 };
 /**
  * A combobox is a combination of an input and a list of suggestions.

package/dist/index.d.ts

@@ -1186,7 +1186,6 @@ type ComboboxProps<T> = Exclude<InputProps, "variant" | "colorPalette" | "size">
     leftIcon?: ReactNode;
     rightIcon?: ReactNode;
     variant?: "core" | "floating";
-    children?: React__default.ReactNode;
 };
 /**
  * A combobox is a combination of an input and a list of suggestions.

package/dist/index.mjs

@@ -2596,6 +2596,17 @@ var Combobox = (props) => {
     inputRef: externalInputRef,
     children,
     variant,
+    allowsEmptyCollection,
+    onSelectionChange,
+    inputValue,
+    onInputChange,
+    menuTrigger,
+    allowsCustomValue,
+    onFocusChange,
+    defaultInputValue,
+    defaultItems,
+    defaultSelectedKey,
+    onOpenChange,
     ...restProps
   } = props;
   const { contains } = useFilter({ sensitivity: "base" });
@@ -2603,11 +2614,22 @@ var Combobox = (props) => {
   const inputRef = externalInputRef ?? fallbackInputRef;
   const listBoxRef = useRef(null);
   const popoverRef = useRef(null);
-  const listboxId = `${useId()}-listbox`;
+  const listboxId = useId();
   const inputWidth = useInputWidth(inputRef);
   const state = useComboBoxState({
     defaultFilter: contains,
     shouldCloseOnBlur: true,
+    allowsEmptyCollection,
+    onSelectionChange,
+    inputValue,
+    onInputChange,
+    menuTrigger,
+    allowsCustomValue,
+    onFocusChange,
+    defaultInputValue,
+    defaultItems,
+    defaultSelectedKey,
+    onOpenChange,
     ...props
   });
   const comboBoxProps = {
@@ -2624,22 +2646,29 @@ var Combobox = (props) => {
     paddingTop,
     paddingLeft,
     paddingX,
-    paddingY,
-    leftIcon
+    paddingY
   };
-  const {
-    inputProps: { ...inputProps },
-    listBoxProps
-  } = useComboBox(
+  const { inputProps, listBoxProps } = useComboBox(
     {
       ...props,
       inputRef,
       listBoxRef,
       popoverRef,
-      label
+      label,
+      onSelectionChange,
+      inputValue,
+      onInputChange,
+      menuTrigger,
+      allowsCustomValue,
+      onFocusChange,
+      defaultInputValue,
+      defaultItems,
+      defaultSelectedKey,
+      onOpenChange
     },
     state
   );
+  const { "aria-labelledby": _, id: __, ...filteredInputProps } = inputProps;
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
       Input,
@@ -2662,7 +2691,7 @@ var Combobox = (props) => {
         borderBottomLeftRadius: state.isOpen && !loading ? 0 : borderBottomLeftRadius,
         borderBottomRightRadius: state.isOpen && !loading ? 0 : borderBottomRightRadius,
         _active: { backgroundColor: "core.surface.active" },
-        ...inputProps,
+        ...filteredInputProps,
         startElement: leftIcon,
         endElement: loading ? /* @__PURE__ */ jsx(
           ColorSpinner,