@coopdigital/react 1.30.0 → 1.30.2

package/dist/components/icons/GiftFilledIcon.d.ts

@@ -4,4 +4,5 @@ interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string;
 }
 export declare const GiftFilledIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
-//#endregion
+//#endregion
+export {};

package/dist/components/icons/GiftIcon.d.ts

@@ -4,4 +4,5 @@ interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string;
 }
 export declare const GiftIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
-//#endregion
+//#endregion
+export {};

package/dist/components/icons/HelpFilledIcon.d.ts

@@ -4,4 +4,5 @@ interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string;
 }
 export declare const HelpFilledIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
-//#endregion
+//#endregion
+export {};

package/dist/components/icons/HelpIcon.d.ts

@@ -4,4 +4,5 @@ interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string;
 }
 export declare const HelpIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
-//#endregion
+//#endregion
+export {};

package/dist/components/icons/HomeFilledIcon.d.ts

@@ -4,4 +4,5 @@ interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string;
 }
 export declare const HomeFilledIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
-//#endregion
+//#endregion
+export {};

package/dist/components/icons/HomeIcon.d.ts

@@ -4,4 +4,5 @@ interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string;
 }
 export declare const HomeIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
-//#endregion
+//#endregion
+export {};

package/dist/components/icons/HowDoIAssistantIcon.d.ts

@@ -4,4 +4,5 @@ interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string;
 }
 export declare const HowDoIAssistantIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
-//#endregion
+//#endregion
+export {};

package/dist/components/icons/InfoIcon.d.ts

@@ -4,4 +4,5 @@ interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string;
 }
 export declare const InfoIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
-//#endregion
+//#endregion
+export {};

package/dist/components/icons/KebabIcon.d.ts

@@ -4,4 +4,5 @@ interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string;
 }
 export declare const KebabIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
-//#endregion
+//#endregion
+export {};

package/dist/components/icons/LoadingIcon.d.ts

@@ -4,4 +4,5 @@ interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string;
 }
 export declare const LoadingIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
-//#endregion
+//#endregion
+export {};

package/dist/components/icons/LocationFilledIcon.d.ts

@@ -4,4 +4,5 @@ interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string;
 }
 export declare const LocationFilledIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
-//#endregion
+//#endregion
+export {};

package/dist/components/icons/LocationIcon.d.ts

@@ -4,4 +4,5 @@ interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string;
 }
 export declare const LocationIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
-//#endregion
+//#endregion
+export {};

package/dist/components/icons/LogoutIcon.d.ts

@@ -4,4 +4,5 @@ interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string;
 }
 export declare const LogoutIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
-//#endregion
+//#endregion
+export {};

package/dist/components/icons/MailIcon.d.ts

@@ -4,4 +4,5 @@ interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string;
 }
 export declare const MailIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
-//#endregion
+//#endregion
+export {};

package/dist/components/icons/MenuIcon.d.ts

@@ -4,4 +4,5 @@ interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string;
 }
 export declare const MenuIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
-//#endregion
+//#endregion
+export {};

package/dist/components/icons/MessageIcon.d.ts

@@ -4,4 +4,5 @@ interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string;
 }
 export declare const MessageIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
-//#endregion
+//#endregion
+export {};

package/dist/components/icons/MinusIcon.d.ts

@@ -4,4 +4,5 @@ interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string;
 }
 export declare const MinusIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
-//#endregion
+//#endregion
+export {};

package/dist/components/icons/NotesFilledIcon.d.ts

@@ -4,4 +4,5 @@ interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string;
 }
 export declare const NotesFilledIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
-//#endregion
+//#endregion
+export {};

package/dist/components/icons/NotesIcon.d.ts

@@ -4,4 +4,5 @@ interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string;
 }
 export declare const NotesIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
-//#endregion
+//#endregion
+export {};

package/dist/components/icons/OpenNewIcon.d.ts

@@ -4,4 +4,5 @@ interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string;
 }
 export declare const OpenNewIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
-//#endregion
+//#endregion
+export {};

package/dist/components/icons/OwnBagIcon.d.ts

@@ -4,4 +4,5 @@ interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string;
 }
 export declare const OwnBagIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
-//#endregion
+//#endregion
+export {};

package/dist/components/icons/PadlockIcon.d.ts

@@ -4,4 +4,5 @@ interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string;
 }
 export declare const PadlockIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
-//#endregion
+//#endregion
+export {};

package/dist/components/icons/PencilIcon.d.ts

@@ -4,4 +4,5 @@ interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string;
 }
 export declare const PencilIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
-//#endregion
+//#endregion
+export {};

package/dist/components/icons/PhoneIcon.d.ts

@@ -4,4 +4,5 @@ interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string;
 }
 export declare const PhoneIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
-//#endregion
+//#endregion
+export {};

package/dist/components/icons/PowerIcon.d.ts

@@ -4,4 +4,5 @@ interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string;
 }
 export declare const PowerIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
-//#endregion
+//#endregion
+export {};

package/dist/components/icons/SaveFilledIcon.d.ts

@@ -4,4 +4,5 @@ interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string;
 }
 export declare const SaveFilledIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
-//#endregion
+//#endregion
+export {};

package/dist/components/icons/SaveIcon.d.ts

@@ -4,4 +4,5 @@ interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string;
 }
 export declare const SaveIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
-//#endregion
+//#endregion
+export {};

package/dist/components/icons/ScooterIcon.d.ts

@@ -4,4 +4,5 @@ interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string;
 }
 export declare const ScooterIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
-//#endregion
+//#endregion
+export {};

package/dist/components/icons/SearchFilledIcon.d.ts

@@ -4,4 +4,5 @@ interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string;
 }
 export declare const SearchFilledIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
-//#endregion
+//#endregion
+export {};

package/dist/components/icons/SearchIcon.d.ts

@@ -4,4 +4,5 @@ interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string;
 }
 export declare const SearchIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
-//#endregion
+//#endregion
+export {};

package/dist/components/icons/SendIcon.d.ts

@@ -4,4 +4,5 @@ interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string;
 }
 export declare const SendIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
-//#endregion
+//#endregion
+export {};

package/dist/components/icons/SpannerIcon.d.ts

@@ -4,4 +4,5 @@ interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string;
 }
 export declare const SpannerIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
-//#endregion
+//#endregion
+export {};

package/dist/components/icons/StarFilledIcon.d.ts

@@ -4,4 +4,5 @@ interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string;
 }
 export declare const StarFilledIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
-//#endregion
+//#endregion
+export {};

package/dist/components/icons/StarIcon.d.ts

@@ -4,4 +4,5 @@ interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string;
 }
 export declare const StarIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
-//#endregion
+//#endregion
+export {};

package/dist/components/icons/TickAltFilledIcon.d.ts

@@ -4,4 +4,5 @@ interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string;
 }
 export declare const TickAltFilledIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
-//#endregion
+//#endregion
+export {};

package/dist/components/icons/TickAltIcon.d.ts

@@ -4,4 +4,5 @@ interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string;
 }
 export declare const TickAltIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
-//#endregion
+//#endregion
+export {};

package/dist/components/icons/TickIcon.d.ts

@@ -4,4 +4,5 @@ interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string;
 }
 export declare const TickIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
-//#endregion
+//#endregion
+export {};

package/dist/components/icons/TruckIcon.d.ts

@@ -4,4 +4,5 @@ interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string;
 }
 export declare const TruckIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
-//#endregion
+//#endregion
+export {};

package/dist/components/icons/UserWipeIcon.d.ts

@@ -4,4 +4,5 @@ interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string;
 }
 export declare const UserWipeIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
-//#endregion
+//#endregion
+export {};

package/dist/components/icons/VoucherFilledIcon.d.ts

@@ -4,4 +4,5 @@ interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string;
 }
 export declare const VoucherFilledIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
-//#endregion
+//#endregion
+export {};

package/dist/components/icons/VoucherIcon.d.ts

@@ -4,4 +4,5 @@ interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string;
 }
 export declare const VoucherIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
-//#endregion
+//#endregion
+export {};

package/dist/components/icons/WarningCircleFilledIcon.d.ts

@@ -4,4 +4,5 @@ interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string;
 }
 export declare const WarningCircleFilledIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
-//#endregion
+//#endregion
+export {};

package/dist/components/icons/WarningCircleIcon.d.ts

@@ -4,4 +4,5 @@ interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string;
 }
 export declare const WarningCircleIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
-//#endregion
+//#endregion
+export {};

package/dist/components/icons/WarningFilledIcon.d.ts

@@ -4,4 +4,5 @@ interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string;
 }
 export declare const WarningFilledIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
-//#endregion
+//#endregion
+export {};

package/dist/components/icons/WarningIcon.d.ts

@@ -4,4 +4,5 @@ interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string;
 }
 export declare const WarningIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
-//#endregion
+//#endregion
+export {};

package/dist/components/icons/WifiIcon.d.ts

@@ -4,4 +4,5 @@ interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string;
 }
 export declare const WifiIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
-//#endregion
+//#endregion
+export {};

package/dist/components/icons/WriteIcon.d.ts

@@ -4,4 +4,5 @@ interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string;
 }
 export declare const WriteIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
-//#endregion
+//#endregion
+export {};

package/dist/hooks/index.d.ts

@@ -1,4 +1,5 @@
 import { useDebounce } from "./useDebounce.js";
+import { useFormReset } from "./useFormReset.js";
 import { useId } from "./useId.js";
 import { useSlots } from "./useSlots.js";
-export { useDebounce, useId, useSlots };
+export { useDebounce, useFormReset, useId, useSlots };

package/dist/hooks/index.js

@@ -1,4 +1,5 @@
 import { useId } from "./useId.js";
 import { useSlots } from "./useSlots.js";
 import { useDebounce } from "./useDebounce.js";
-export { useDebounce, useId, useSlots };
+import { useFormReset } from "./useFormReset.js";
+export { useDebounce, useFormReset, useId, useSlots };

package/dist/hooks/useFormReset.d.ts

@@ -0,0 +1,6 @@
+import { RefObject } from "react";
+//#region src/hooks/useFormReset.d.ts
+type FormControl = HTMLButtonElement | HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement;
+export declare function useFormReset(ref: RefObject<FormControl | null>, onReset: () => void): void;
+//#endregion
+export {};

package/dist/hooks/useFormReset.js

@@ -0,0 +1,19 @@
+import { useEffect, useRef } from "react";
+//#region src/hooks/useFormReset.ts
+function useFormReset(ref, onReset) {
+	const onResetRef = useRef(onReset);
+	useEffect(() => {
+		onResetRef.current = onReset;
+	});
+	useEffect(() => {
+		const form = ref.current?.form;
+		if (!form) return;
+		const handleReset = (event) => {
+			if (!event.defaultPrevented) onResetRef.current();
+		};
+		form.addEventListener("reset", handleReset);
+		return () => form.removeEventListener("reset", handleReset);
+	}, [ref]);
+}
+//#endregion
+export { useFormReset };

package/dist/hooks/useSlots.d.ts

@@ -4,4 +4,5 @@ type Slots<T> = Record<keyof T, React.ReactNode>;
 export declare function useSlots<T>(componentSlots: Slots<T>, children: React.ReactNode, options?: {
   collect?: string[];
 }): Slots<T>;
-//#endregion
+//#endregion
+export {};

package/dist/types/index.js

@@ -0,0 +1,4 @@
+//#region src/types/index.ts
+const REACT_LAZY_TYPE = Symbol.for("react.lazy");
+//#endregion
+export { REACT_LAZY_TYPE };

package/dist/utils/slots.d.ts

@@ -2,8 +2,8 @@ import { LazyComponent, SlotConfig } from "../types/index.js";
 import React, { ReactElement, ReactNode } from "react";
 //#region src/utils/slots.d.ts
 export declare function getSlotProp<R = unknown>(slot: React.ReactNode, prop: string): R | undefined;
-export declare const forEachSlot: (children: ReactNode, fn: (slot: SlotConfig, child: ReactElement) => void) => void;
 export declare function isLazy<T extends React.ComponentType<any>>(type: unknown): type is LazyComponent<T>;
+export declare const forEachSlot: (children: ReactNode, fn: (slot: SlotConfig, child: ReactElement) => void) => void;
 export declare function resolveComponentName(child: React.ReactNode): string | null;
 export declare function getSlotName(node: React.ReactNode): string | false;
 //#endregion

package/dist/utils/slots.js

@@ -1,26 +1,34 @@
+import { REACT_LAZY_TYPE } from "../types/index.js";
 import { isValidElement } from "react";
 //#region src/utils/slots.ts
 function getSlotProp(slot, prop) {
 	if (isValidElement(slot) && prop in slot.props) return slot.props[prop];
 }
+function isLazy(type) {
+	return typeof type === "object" && type !== null && type.$$typeof === REACT_LAZY_TYPE;
+}
+const resolveType = (type) => {
+	if (!isLazy(type)) return type;
+	try {
+		return type._init(type._payload);
+	} catch {
+		return;
+	}
+};
+const getSlotConfig = (type) => {
+	const resolved = resolveType(type);
+	return typeof resolved === "function" && "slot" in resolved ? resolved.slot : void 0;
+};
 const forEachSlot = (children, fn) => {
 	Array.from([children].flat()).forEach((child) => {
-		if (isValidElement(child) && typeof child.type === "function" && "slot" in child.type) fn(child.type.slot, child);
+		if (!isValidElement(child)) return;
+		const slot = getSlotConfig(child.type);
+		if (slot) fn(slot, child);
 	});
 };
-function isLazy(type) {
-	return typeof type === "object" && type !== null && "_payload" in type && "_init" in type;
-}
 function resolveComponentName(child) {
 	if (child && typeof child === "object" && "type" in child) {
-		const type = child.type;
-		if (isLazy(type)) try {
-			const resolved = type._init(type._payload);
-			if ("slot" in resolved) return resolved.slot.name;
-			return resolved.displayName ?? resolved.name ?? null;
-		} catch {
-			return null;
-		}
+		const type = resolveType(child.type);
 		if (typeof type === "function") {
 			if ("slot" in type) return type.slot.name;
 			return type.displayName ?? type.name ?? null;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@coopdigital/react",
   "type": "module",
-  "version": "1.30.0",
+  "version": "1.30.2",
   "private": false,
   "publishConfig": {
     "access": "public"
@@ -12,9 +12,10 @@
       "default": "./dist/index.js"
     },
     "./components/*": {
-      "types": "./dist/components/*/*.d.ts",
-      "default": "./dist/components/*/*.js"
+      "types": "./dist/components/*/index.d.ts",
+      "default": "./dist/components/*/index.js"
     },
+    "./components/icons": null,
     "./icons": {
       "types": "./dist/components/icons/index.d.ts",
       "default": "./dist/components/icons/index.js"
@@ -67,23 +68,25 @@
   "license": "MIT",
   "description": "React components for the Experience Library design system",
   "devDependencies": {
-    "@axe-core/playwright": "^4.13.0",
-    "@playwright/test": "^1.64.0",
-    "@storybook/addon-a11y": "^10.6.1",
-    "@storybook/addon-docs": "^10.6.1",
-    "@storybook/addon-links": "^10.6.1",
-    "@storybook/addon-onboarding": "^10.6.1",
-    "@storybook/react-vite": "^10.6.1",
+    "@axe-core/playwright": "^4.14.0",
+    "@playwright/test": "^1.64.1",
+    "@storybook/addon-a11y": "^10.6.2",
+    "@storybook/addon-docs": "^10.6.2",
+    "@storybook/addon-links": "^10.6.2",
+    "@storybook/addon-onboarding": "^10.6.2",
+    "@storybook/react-vite": "^10.6.2",
     "@testing-library/jest-dom": "^7.0.1",
     "@testing-library/react": "^16.3.3",
     "@types/react": "^19.3.0",
     "@types/react-dom": "^19.3.0",
     "@whitespace/storybook-addon-html": "^9.0.0",
-    "react": "^19.3.0",
-    "react-dom": "^19.3.0",
+    "react": "^19.3.1",
+    "react-dom": "^19.3.1",
+    "react-element-to-jsx-string": "^18.0.0",
+    "react-hook-form": "^7.90.0",
     "resize-observer-polyfill": "^1.5.1",
     "serve": "^14.2.6",
-    "storybook": "^10.6.1",
+    "storybook": "^10.6.2",
     "storybook-addon-tag-badges": "^3.1.0"
   },
   "peerDependencies": {
@@ -107,8 +110,8 @@
     "storybook": "$storybook"
   },
   "dependencies": {
-    "@coopdigital/styles": "^1.21.0",
-    "@radix-ui/react-popover": "^1.2.0",
+    "@coopdigital/styles": "^1.21.1",
+    "@radix-ui/react-popover": "^1.3.1",
     "clsx": "^2.1.1",
     "date-fns": "^4.4.0",
     "downshift": "^9.4.0",
@@ -116,5 +119,5 @@
     "merge-refs": "^2.0.0",
     "react-day-picker": "^10.0.2"
   },
-  "gitHead": "3f7a257781401d8700ddc0e16feeaeab452bd79e"
+  "gitHead": "eb06ec9a3ea4bb441c5b6738949da6dfdd9f0ce2"
 }

package/src/components/Combobox/Combobox.context.ts

@@ -1,7 +1,7 @@
 "use client"
 import type { UseComboboxReturnValue } from "downshift"
 
-import { createContext, useContext } from "react"
+import { createContext, type RefObject, useContext } from "react"
 
 import type { ComboboxItem } from "@/components/Combobox/combobox-utils"
 
@@ -11,6 +11,8 @@ interface ComboboxContextValue {
   disabled: boolean
   downshift: UseComboboxReturnValue<ComboboxItem>
   error: boolean
+  // The visible input, which the form reset is looked up from
+  inputRef: RefObject<HTMLInputElement | null>
   // The options currently shown, after filtering and the maxResults cap
   items: ComboboxItem[]
   // The number of options that match the input, before the cap