diff --git a/COMPONENT_INDEX.md b/COMPONENT_INDEX.md
index 31f94601..141b6c7d 100644
--- a/COMPONENT_INDEX.md
+++ b/COMPONENT_INDEX.md
@@ -648,8 +648,10 @@ None.
 ### Types
 
 ```ts
+export type ComboBoxItemId = any;
+
 export interface ComboBoxItem {
-  id: string;
+  id: ComboBoxItemId;
   text: string;
 }
 ```
@@ -662,7 +664,7 @@ export interface ComboBoxItem {
 | ref              | <code>let</code>      | Yes      | <code>null &#124; HTMLInputElement</code>                   | <code>null</code>                                                                                                                                                                                                            | Obtain a reference to the input HTML element                             |
 | open             | <code>let</code>      | Yes      | <code>boolean</code>                                        | <code>false</code>                                                                                                                                                                                                           | Set to `true` to open the combobox menu dropdown                         |
 | value            | <code>let</code>      | Yes      | <code>string</code>                                         | <code>""</code>                                                                                                                                                                                                              | Specify the selected combobox value                                      |
-| selectedId       | <code>let</code>      | Yes      | <code>string</code>                                         | --                                                                                                                                                                                                                           | Set the selected item by value id                                        |
+| selectedId       | <code>let</code>      | Yes      | <code>ComboBoxItemId</code>                                 | --                                                                                                                                                                                                                           | Set the selected item by value id                                        |
 | items            | <code>let</code>      | No       | <code>ComboBoxItem[]</code>                                 | <code>[]</code>                                                                                                                                                                                                              | Set the combobox items                                                   |
 | itemToString     | <code>let</code>      | No       | <code>(item: ComboBoxItem) => string</code>                 | <code>(item) => item.text &#124;&#124; item.id</code>                                                                                                                                                                        | Override the display of a combobox item                                  |
 | direction        | <code>let</code>      | No       | <code>"bottom" &#124; "top"</code>                          | <code>"bottom"</code>                                                                                                                                                                                                        | Specify the direction of the combobox dropdown menu                      |
@@ -688,15 +690,15 @@ None.
 
 ### Events
 
-| Event name | Type       | Detail                                                          |
-| :--------- | :--------- | :-------------------------------------------------------------- |
-| select     | dispatched | <code>{ selectedId: string; selectedItem: ComboBoxItem }</code> |
-| keydown    | forwarded  | --                                                              |
-| keyup      | forwarded  | --                                                              |
-| focus      | forwarded  | --                                                              |
-| blur       | forwarded  | --                                                              |
-| clear      | forwarded  | --                                                              |
-| scroll     | forwarded  | --                                                              |
+| Event name | Type       | Detail                                                                  |
+| :--------- | :--------- | :---------------------------------------------------------------------- |
+| select     | dispatched | <code>{ selectedId: ComboBoxItemId; selectedItem: ComboBoxItem }</code> |
+| keydown    | forwarded  | --                                                                      |
+| keyup      | forwarded  | --                                                                      |
+| focus      | forwarded  | --                                                                      |
+| blur       | forwarded  | --                                                                      |
+| clear      | forwarded  | --                                                                      |
+| scroll     | forwarded  | --                                                                      |
 
 ## `ComposedModal`
 
diff --git a/docs/src/COMPONENT_API.json b/docs/src/COMPONENT_API.json
index d76f65f4..43209cf6 100644
--- a/docs/src/COMPONENT_API.json
+++ b/docs/src/COMPONENT_API.json
@@ -1398,7 +1398,7 @@
           "name": "selectedId",
           "kind": "let",
           "description": "Set the selected item by value id",
-          "type": "string",
+          "type": "ComboBoxItemId",
           "isFunction": false,
           "isFunctionDeclaration": false,
           "constant": false,
@@ -1627,7 +1627,7 @@
         {
           "type": "dispatched",
           "name": "select",
-          "detail": "{ selectedId: string; selectedItem: ComboBoxItem }"
+          "detail": "{ selectedId: ComboBoxItemId; selectedItem: ComboBoxItem }"
         },
         { "type": "forwarded", "name": "keydown", "element": "input" },
         { "type": "forwarded", "name": "keyup", "element": "input" },
@@ -1638,9 +1638,14 @@
       ],
       "typedefs": [
         {
-          "type": "{ id: string; text: string; }",
+          "type": "any",
+          "name": "ComboBoxItemId",
+          "ts": "type ComboBoxItemId = any"
+        },
+        {
+          "type": "{ id: ComboBoxItemId; text: string; }",
           "name": "ComboBoxItem",
-          "ts": "interface ComboBoxItem { id: string; text: string; }"
+          "ts": "interface ComboBoxItem { id: ComboBoxItemId; text: string; }"
         }
       ],
       "rest_props": { "type": "Element", "name": "input" }
diff --git a/types/ComboBox/ComboBox.svelte.d.ts b/types/ComboBox/ComboBox.svelte.d.ts
index 17bf77d1..1b2db20b 100644
--- a/types/ComboBox/ComboBox.svelte.d.ts
+++ b/types/ComboBox/ComboBox.svelte.d.ts
@@ -1,8 +1,10 @@
 /// <reference types="svelte" />
 import { SvelteComponentTyped } from "svelte";
 
+export type ComboBoxItemId = any;
+
 export interface ComboBoxItem {
-  id: string;
+  id: ComboBoxItemId;
   text: string;
 }
 
@@ -23,7 +25,7 @@ export interface ComboBoxProps
   /**
    * Set the selected item by value id
    */
-  selectedId?: string;
+  selectedId?: ComboBoxItemId;
 
   /**
    * Specify the selected combobox value
@@ -140,7 +142,10 @@ export interface ComboBoxProps
 export default class ComboBox extends SvelteComponentTyped<
   ComboBoxProps,
   {
-    select: CustomEvent<{ selectedId: string; selectedItem: ComboBoxItem }>;
+    select: CustomEvent<{
+      selectedId: ComboBoxItemId;
+      selectedItem: ComboBoxItem;
+    }>;
     keydown: WindowEventMap["keydown"];
     keyup: WindowEventMap["keyup"];
     focus: WindowEventMap["focus"];