@aotearoan/neon 21.0.3 → 22.0.0

package/dist/src/components/user-input/search/NeonSearch.d.ts

@@ -13,12 +13,12 @@ import { NeonInputMode } from '@/common/enums/NeonInputMode';
  */
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     /**
-     * Either a string indicating the key of the selected option ('' if there is no selection) or an array of selected
-     * NeonSearchOption in the case when multiple = true (necessary to display them as chips).
+     * The selected model value(s). In the case of single select this should be set to a single NeonSearchOption or null.
+     * In the case of multiple selection (multiple=true) pass an Array of selected NeonSearchOptions or an empty array
+     * if nothing is selected.
      */
     modelValue: {
-        type: (StringConstructor | (() => Array<NeonSearchOption>))[];
-        required: true;
+        type: ((() => NeonSearchOption) | (() => Array<NeonSearchOption>))[];
     };
     /**
      * Placeholder to display in search input when there is no search string entered.
@@ -126,7 +126,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: NeonSize;
         };
         color: {
-            type: () => NeonFunctionalColor;
+            type: () => NeonFunctionalColor; /**
+             * The HTML input mode as specified <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode">here</a>.
+             * This can be used to simplify populating the filter field, e.g. providing the user's country from their address.
+             */
             default: NeonFunctionalColor;
         };
         alternateColor: {
@@ -139,8 +142,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         };
         placement: {
             type: () => NeonDropdownPlacement;
-            default: NeonDropdownPlacement;
-        };
+            default: NeonDropdownPlacement; /**
+             * @type {NeonSearchOption | NeonSearchOption[] | null} either the selected option (single select) or an array of
+             * the selected options (multi-select). In the case nothing is selected in single select mode <null> is returned &
+             * for multiple selection an empty array is returned.
+             */
+        }; /**
+         * @type {NeonSearchOption | NeonSearchOption[] | null} either the selected option (single select) or an array of
+         * the selected options (multi-select). In the case nothing is selected in single select mode <null> is returned &
+         * for multiple selection an empty array is returned.
+         */
         placementContainer: {
             type: () => HTMLElement;
             default: null;
@@ -229,12 +240,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             };
             imageAlt: {
                 type: StringConstructor;
-                default: string; /**
-                 * Disable the search
-                 */
-            }; /**
-             * Disable the search
-             */
+                default: string;
+            };
         }>, {
             svg: import("vue").ComputedRef<string | null>;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
@@ -276,12 +283,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             };
             imageAlt: {
                 type: StringConstructor;
-                default: string; /**
-                 * Disable the search
-                 */
-            }; /**
-             * Disable the search
-             */
+                default: string;
+            };
         }>> & Readonly<{}>, {
             disabled: boolean;
             label: string;
@@ -314,9 +317,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             }>, {
                 attrs: {
                     [x: string]: unknown;
-                }; /**
-                 * The color of the search.
-                 */
+                };
                 icon: import("vue").ComputedRef<string>;
             }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                 name: {
@@ -370,14 +371,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 type: StringConstructor;
                 default: null;
             };
-            /**
-             * Disable the search
-             */
             iconAriaLabel: {
                 type: StringConstructor;
-            }; /**
-             * The size of the dropdown - Small, Medium or Large.
-             */
+            };
             iconPosition: {
                 type: () => import("../../../neon").NeonHorizontalPosition;
                 default: import("../../../neon").NeonHorizontalPosition;
@@ -470,14 +466,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 type: StringConstructor;
                 default: null;
             };
-            /**
-             * Disable the search
-             */
             iconAriaLabel: {
                 type: StringConstructor;
-            }; /**
-             * The size of the dropdown - Small, Medium or Large.
-             */
+            };
             iconPosition: {
                 type: () => import("../../../neon").NeonHorizontalPosition;
                 default: import("../../../neon").NeonHorizontalPosition;
@@ -599,9 +590,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             }>, {
                 attrs: {
                     [x: string]: unknown;
-                }; /**
-                 * The color of the search.
-                 */
+                };
                 icon: import("vue").ComputedRef<string>;
             }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                 name: {
@@ -696,9 +685,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 }>, {
                     attrs: {
                         [x: string]: unknown;
-                    }; /**
-                     * The color of the search.
-                     */
+                    };
                     icon: import("vue").ComputedRef<string>;
                 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                     name: {
@@ -811,7 +798,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: NeonSize;
         };
         color: {
-            type: () => NeonFunctionalColor;
+            type: () => NeonFunctionalColor; /**
+             * The HTML input mode as specified <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode">here</a>.
+             * This can be used to simplify populating the filter field, e.g. providing the user's country from their address.
+             */
             default: NeonFunctionalColor;
         };
         alternateColor: {
@@ -824,8 +814,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         };
         placement: {
             type: () => NeonDropdownPlacement;
-            default: NeonDropdownPlacement;
-        };
+            default: NeonDropdownPlacement; /**
+             * @type {NeonSearchOption | NeonSearchOption[] | null} either the selected option (single select) or an array of
+             * the selected options (multi-select). In the case nothing is selected in single select mode <null> is returned &
+             * for multiple selection an empty array is returned.
+             */
+        }; /**
+         * @type {NeonSearchOption | NeonSearchOption[] | null} either the selected option (single select) or an array of
+         * the selected options (multi-select). In the case nothing is selected in single select mode <null> is returned &
+         * for multiple selection an empty array is returned.
+         */
         placementContainer: {
             type: () => HTMLElement;
             default: null;
@@ -914,7 +912,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: NeonSize;
         };
         color: {
-            type: () => NeonFunctionalColor;
+            type: () => NeonFunctionalColor; /**
+             * The HTML input mode as specified <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode">here</a>.
+             * This can be used to simplify populating the filter field, e.g. providing the user's country from their address.
+             */
             default: NeonFunctionalColor;
         };
         alternateColor: {
@@ -927,8 +928,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         };
         placement: {
             type: () => NeonDropdownPlacement;
-            default: NeonDropdownPlacement;
-        };
+            default: NeonDropdownPlacement; /**
+             * @type {NeonSearchOption | NeonSearchOption[] | null} either the selected option (single select) or an array of
+             * the selected options (multi-select). In the case nothing is selected in single select mode <null> is returned &
+             * for multiple selection an empty array is returned.
+             */
+        }; /**
+         * @type {NeonSearchOption | NeonSearchOption[] | null} either the selected option (single select) or an array of
+         * the selected options (multi-select). In the case nothing is selected in single select mode <null> is returned &
+         * for multiple selection an empty array is returned.
+         */
         placementContainer: {
             type: () => HTMLElement;
             default: null;
@@ -1017,12 +1026,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             };
             imageAlt: {
                 type: StringConstructor;
-                default: string; /**
-                 * Disable the search
-                 */
-            }; /**
-             * Disable the search
-             */
+                default: string;
+            };
         }>, {
             svg: import("vue").ComputedRef<string | null>;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
@@ -1064,12 +1069,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             };
             imageAlt: {
                 type: StringConstructor;
-                default: string; /**
-                 * Disable the search
-                 */
-            }; /**
-             * Disable the search
-             */
+                default: string;
+            };
         }>> & Readonly<{}>, {
             disabled: boolean;
             label: string;
@@ -1102,9 +1103,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             }>, {
                 attrs: {
                     [x: string]: unknown;
-                }; /**
-                 * The color of the search.
-                 */
+                };
                 icon: import("vue").ComputedRef<string>;
             }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                 name: {
@@ -1158,14 +1157,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 type: StringConstructor;
                 default: null;
             };
-            /**
-             * Disable the search
-             */
             iconAriaLabel: {
                 type: StringConstructor;
-            }; /**
-             * The size of the dropdown - Small, Medium or Large.
-             */
+            };
             iconPosition: {
                 type: () => import("../../../neon").NeonHorizontalPosition;
                 default: import("../../../neon").NeonHorizontalPosition;
@@ -1258,14 +1252,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 type: StringConstructor;
                 default: null;
             };
-            /**
-             * Disable the search
-             */
             iconAriaLabel: {
                 type: StringConstructor;
-            }; /**
-             * The size of the dropdown - Small, Medium or Large.
-             */
+            };
             iconPosition: {
                 type: () => import("../../../neon").NeonHorizontalPosition;
                 default: import("../../../neon").NeonHorizontalPosition;
@@ -1387,9 +1376,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             }>, {
                 attrs: {
                     [x: string]: unknown;
-                }; /**
-                 * The color of the search.
-                 */
+                };
                 icon: import("vue").ComputedRef<string>;
             }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                 name: {
@@ -1484,9 +1471,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 }>, {
                     attrs: {
                         [x: string]: unknown;
-                    }; /**
-                     * The color of the search.
-                     */
+                    };
                     icon: import("vue").ComputedRef<string>;
                 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                     name: {
@@ -1599,7 +1584,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: NeonSize;
         };
         color: {
-            type: () => NeonFunctionalColor;
+            type: () => NeonFunctionalColor; /**
+             * The HTML input mode as specified <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode">here</a>.
+             * This can be used to simplify populating the filter field, e.g. providing the user's country from their address.
+             */
             default: NeonFunctionalColor;
         };
         alternateColor: {
@@ -1612,8 +1600,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         };
         placement: {
             type: () => NeonDropdownPlacement;
-            default: NeonDropdownPlacement;
-        };
+            default: NeonDropdownPlacement; /**
+             * @type {NeonSearchOption | NeonSearchOption[] | null} either the selected option (single select) or an array of
+             * the selected options (multi-select). In the case nothing is selected in single select mode <null> is returned &
+             * for multiple selection an empty array is returned.
+             */
+        }; /**
+         * @type {NeonSearchOption | NeonSearchOption[] | null} either the selected option (single select) or an array of
+         * the selected options (multi-select). In the case nothing is selected in single select mode <null> is returned &
+         * for multiple selection an empty array is returned.
+         */
         placementContainer: {
             type: () => HTMLElement;
             default: null;
@@ -1698,12 +1694,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         };
         state: {
             type: () => import("../../../neon").NeonState;
-            default: import("../../../neon").NeonState; /**
-             * The color of the search.
-             */
-        }; /**
-         * The color of the search.
-         */
+            default: import("../../../neon").NeonState;
+        };
         rows: {
             type: NumberConstructor;
             default: null;
@@ -1713,6 +1705,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: null;
         };
         iconReadonly: {
+            /**
+             * The HTML input mode as specified <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode">here</a>.
+             * This can be used to simplify populating the filter field, e.g. providing the user's country from their address.
+             */
             type: BooleanConstructor;
             default: boolean;
         };
@@ -1725,7 +1721,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: number;
         };
         disabled: {
-            type: BooleanConstructor;
+            type: BooleanConstructor; /**
+             * Placement of the dropdown contents.
+             */
             default: boolean;
         };
         stateHighlight: {
@@ -1807,9 +1805,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }>, {
             attrs: {
                 [x: string]: unknown;
-            }; /**
-             * The color of the search.
-             */
+            };
             icon: import("vue").ComputedRef<string>;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
             name: {
@@ -1875,12 +1871,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         };
         state: {
             type: () => import("../../../neon").NeonState;
-            default: import("../../../neon").NeonState; /**
-             * The color of the search.
-             */
-        }; /**
-         * The color of the search.
-         */
+            default: import("../../../neon").NeonState;
+        };
         rows: {
             type: NumberConstructor;
             default: null;
@@ -1890,6 +1882,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: null;
         };
         iconReadonly: {
+            /**
+             * The HTML input mode as specified <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode">here</a>.
+             * This can be used to simplify populating the filter field, e.g. providing the user's country from their address.
+             */
             type: BooleanConstructor;
             default: boolean;
         };
@@ -1902,7 +1898,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: number;
         };
         disabled: {
-            type: BooleanConstructor;
+            type: BooleanConstructor; /**
+             * Placement of the dropdown contents.
+             */
             default: boolean;
         };
         stateHighlight: {
@@ -1998,12 +1996,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         };
         state: {
             type: () => import("../../../neon").NeonState;
-            default: import("../../../neon").NeonState; /**
-             * The color of the search.
-             */
-        }; /**
-         * The color of the search.
-         */
+            default: import("../../../neon").NeonState;
+        };
         rows: {
             type: NumberConstructor;
             default: null;
@@ -2013,6 +2007,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: null;
         };
         iconReadonly: {
+            /**
+             * The HTML input mode as specified <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode">here</a>.
+             * This can be used to simplify populating the filter field, e.g. providing the user's country from their address.
+             */
             type: BooleanConstructor;
             default: boolean;
         };
@@ -2025,7 +2023,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: number;
         };
         disabled: {
-            type: BooleanConstructor;
+            type: BooleanConstructor; /**
+             * Placement of the dropdown contents.
+             */
             default: boolean;
         };
         stateHighlight: {
@@ -2107,9 +2107,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }>, {
             attrs: {
                 [x: string]: unknown;
-            }; /**
-             * The color of the search.
-             */
+            };
             icon: import("vue").ComputedRef<string>;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
             name: {
@@ -2175,12 +2173,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         };
         state: {
             type: () => import("../../../neon").NeonState;
-            default: import("../../../neon").NeonState; /**
-             * The color of the search.
-             */
-        }; /**
-         * The color of the search.
-         */
+            default: import("../../../neon").NeonState;
+        };
         rows: {
             type: NumberConstructor;
             default: null;
@@ -2190,6 +2184,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: null;
         };
         iconReadonly: {
+            /**
+             * The HTML input mode as specified <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode">here</a>.
+             * This can be used to simplify populating the filter field, e.g. providing the user's country from their address.
+             */
             type: BooleanConstructor;
             default: boolean;
         };
@@ -2202,7 +2200,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: number;
         };
         disabled: {
-            type: BooleanConstructor;
+            type: BooleanConstructor; /**
+             * Placement of the dropdown contents.
+             */
             default: boolean;
         };
         stateHighlight: {
@@ -2278,14 +2278,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     changeHighlighted: (key: string) => void;
     showOptions: () => boolean;
     removeSelected: (removed: NeonSearchOption) => void;
+    activeDescendant: import("vue").ComputedRef<string | null>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "filter-changed")[], "update:modelValue" | "filter-changed", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /**
-     * Either a string indicating the key of the selected option ('' if there is no selection) or an array of selected
-     * NeonSearchOption in the case when multiple = true (necessary to display them as chips).
+     * The selected model value(s). In the case of single select this should be set to a single NeonSearchOption or null.
+     * In the case of multiple selection (multiple=true) pass an Array of selected NeonSearchOptions or an empty array
+     * if nothing is selected.
      */
     modelValue: {
-        type: (StringConstructor | (() => Array<NeonSearchOption>))[];
-        required: true;
+        type: ((() => NeonSearchOption) | (() => Array<NeonSearchOption>))[];
     };
     /**
      * Placeholder to display in search input when there is no search string entered.
@@ -2455,9 +2456,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }>, {
             attrs: {
                 [x: string]: unknown;
-            }; /**
-             * The color of the search.
-             */
+            };
             icon: import("vue").ComputedRef<string>;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
             name: {
@@ -2522,7 +2521,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: NeonSize;
         };
         color: {
-            type: () => NeonFunctionalColor;
+            type: () => NeonFunctionalColor; /**
+             * The HTML input mode as specified <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode">here</a>.
+             * This can be used to simplify populating the filter field, e.g. providing the user's country from their address.
+             */
             default: NeonFunctionalColor;
         };
         alternateColor: {
@@ -2535,8 +2537,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         };
         placement: {
             type: () => NeonDropdownPlacement;
-            default: NeonDropdownPlacement;
-        };
+            default: NeonDropdownPlacement; /**
+             * @type {NeonSearchOption | NeonSearchOption[] | null} either the selected option (single select) or an array of
+             * the selected options (multi-select). In the case nothing is selected in single select mode <null> is returned &
+             * for multiple selection an empty array is returned.
+             */
+        }; /**
+         * @type {NeonSearchOption | NeonSearchOption[] | null} either the selected option (single select) or an array of
+         * the selected options (multi-select). In the case nothing is selected in single select mode <null> is returned &
+         * for multiple selection an empty array is returned.
+         */
         placementContainer: {
             type: () => HTMLElement;
             default: null;
@@ -2606,7 +2616,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: NeonSize;
         };
         color: {
-            type: () => NeonFunctionalColor;
+            type: () => NeonFunctionalColor; /**
+             * The HTML input mode as specified <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode">here</a>.
+             * This can be used to simplify populating the filter field, e.g. providing the user's country from their address.
+             */
             default: NeonFunctionalColor;
         };
         alternateColor: {
@@ -2619,8 +2632,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         };
         placement: {
             type: () => NeonDropdownPlacement;
-            default: NeonDropdownPlacement;
-        };
+            default: NeonDropdownPlacement; /**
+             * @type {NeonSearchOption | NeonSearchOption[] | null} either the selected option (single select) or an array of
+             * the selected options (multi-select). In the case nothing is selected in single select mode <null> is returned &
+             * for multiple selection an empty array is returned.
+             */
+        }; /**
+         * @type {NeonSearchOption | NeonSearchOption[] | null} either the selected option (single select) or an array of
+         * the selected options (multi-select). In the case nothing is selected in single select mode <null> is returned &
+         * for multiple selection an empty array is returned.
+         */
         placementContainer: {
             type: () => HTMLElement;
             default: null;
@@ -2688,12 +2709,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             };
             imageAlt: {
                 type: StringConstructor;
-                default: string; /**
-                 * Disable the search
-                 */
-            }; /**
-             * Disable the search
-             */
+                default: string;
+            };
         }>, {
             svg: import("vue").ComputedRef<string | null>;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
@@ -2735,12 +2752,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             };
             imageAlt: {
                 type: StringConstructor;
-                default: string; /**
-                 * Disable the search
-                 */
-            }; /**
-             * Disable the search
-             */
+                default: string;
+            };
         }>> & Readonly<{}>, {
             disabled: boolean;
             label: string;
@@ -2773,9 +2786,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             }>, {
                 attrs: {
                     [x: string]: unknown;
-                }; /**
-                 * The color of the search.
-                 */
+                };
                 icon: import("vue").ComputedRef<string>;
             }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                 name: {
@@ -2829,14 +2840,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 type: StringConstructor;
                 default: null;
             };
-            /**
-             * Disable the search
-             */
             iconAriaLabel: {
                 type: StringConstructor;
-            }; /**
-             * The size of the dropdown - Small, Medium or Large.
-             */
+            };
             iconPosition: {
                 type: () => import("../../../neon").NeonHorizontalPosition;
                 default: import("../../../neon").NeonHorizontalPosition;
@@ -2929,14 +2935,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 type: StringConstructor;
                 default: null;
             };
-            /**
-             * Disable the search
-             */
             iconAriaLabel: {
                 type: StringConstructor;
-            }; /**
-             * The size of the dropdown - Small, Medium or Large.
-             */
+            };
             iconPosition: {
                 type: () => import("../../../neon").NeonHorizontalPosition;
                 default: import("../../../neon").NeonHorizontalPosition;
@@ -3058,9 +3059,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             }>, {
                 attrs: {
                     [x: string]: unknown;
-                }; /**
-                 * The color of the search.
-                 */
+                };
                 icon: import("vue").ComputedRef<string>;
             }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                 name: {
@@ -3155,9 +3154,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 }>, {
                     attrs: {
                         [x: string]: unknown;
-                    }; /**
-                     * The color of the search.
-                     */
+                    };
                     icon: import("vue").ComputedRef<string>;
                 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                     name: {
@@ -3244,9 +3241,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }>, {
         attrs: {
             [x: string]: unknown;
-        }; /**
-         * The color of the search.
-         */
+        };
         icon: import("vue").ComputedRef<string>;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
         name: {
@@ -3305,12 +3300,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         };
         state: {
             type: () => import("../../../neon").NeonState;
-            default: import("../../../neon").NeonState; /**
-             * The color of the search.
-             */
-        }; /**
-         * The color of the search.
-         */
+            default: import("../../../neon").NeonState;
+        };
         rows: {
             type: NumberConstructor;
             default: null;
@@ -3320,6 +3311,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: null;
         };
         iconReadonly: {
+            /**
+             * The HTML input mode as specified <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode">here</a>.
+             * This can be used to simplify populating the filter field, e.g. providing the user's country from their address.
+             */
             type: BooleanConstructor;
             default: boolean;
         };
@@ -3332,7 +3327,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: number;
         };
         disabled: {
-            type: BooleanConstructor;
+            type: BooleanConstructor; /**
+             * Placement of the dropdown contents.
+             */
             default: boolean;
         };
         stateHighlight: {
@@ -3403,12 +3400,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         };
         state: {
             type: () => import("../../../neon").NeonState;
-            default: import("../../../neon").NeonState; /**
-             * The color of the search.
-             */
-        }; /**
-         * The color of the search.
-         */
+            default: import("../../../neon").NeonState;
+        };
         rows: {
             type: NumberConstructor;
             default: null;
@@ -3418,6 +3411,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: null;
         };
         iconReadonly: {
+            /**
+             * The HTML input mode as specified <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode">here</a>.
+             * This can be used to simplify populating the filter field, e.g. providing the user's country from their address.
+             */
             type: BooleanConstructor;
             default: boolean;
         };
@@ -3430,7 +3427,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: number;
         };
         disabled: {
-            type: BooleanConstructor;
+            type: BooleanConstructor; /**
+             * Placement of the dropdown contents.
+             */
             default: boolean;
         };
         stateHighlight: {
@@ -3495,9 +3494,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }>, {
             attrs: {
                 [x: string]: unknown;
-            }; /**
-             * The color of the search.
-             */
+            };
             icon: import("vue").ComputedRef<string>;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
             name: {