+ )
+}
+
+const rootElement = document.getElementById("root")
+if (!rootElement) throw new Error("Root element not found")
+
+createRoot(rootElement).render(
+
+
+
+)
\ No newline at end of file
diff --git a/combobox-input/src/vite-env.d.ts b/combobox-input/src/vite-env.d.ts
new file mode 100644
index 0000000..151aa68
--- /dev/null
+++ b/combobox-input/src/vite-env.d.ts
@@ -0,0 +1 @@
+///
\ No newline at end of file
diff --git a/combobox-input/tsconfig.app.json b/combobox-input/tsconfig.app.json
new file mode 100644
index 0000000..d775f2a
--- /dev/null
+++ b/combobox-input/tsconfig.app.json
@@ -0,0 +1,27 @@
+{
+ "compilerOptions": {
+ "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsBuildInfo",
+ "target": "ES2022",
+ "useDefineForClassFields": true,
+ "lib": [
+ "ES2022",
+ "DOM",
+ "DOM.Iterable"
+ ],
+ "module": "ESNext",
+ "skipLibCheck": true,
+ "moduleResolution": "bundler",
+ "allowImportingTsExtensions": true,
+ "verbatimModuleSyntax": true,
+ "noEmit": true,
+ "jsx": "react-jsx",
+ "strict": true,
+ "noUnusedLocals": true,
+ "noUnusedParameters": true,
+ "noFallthroughCasesInSwitch": true,
+ "noUncheckedSideEffectImports": true
+ },
+ "include": [
+ "src"
+ ]
+}
\ No newline at end of file
diff --git a/combobox-input/tsconfig.json b/combobox-input/tsconfig.json
new file mode 100644
index 0000000..65f670c
--- /dev/null
+++ b/combobox-input/tsconfig.json
@@ -0,0 +1,11 @@
+{
+ "files": [],
+ "references": [
+ {
+ "path": "./tsconfig.app.json"
+ },
+ {
+ "path": "./tsconfig.node.json"
+ }
+ ]
+}
\ No newline at end of file
diff --git a/combobox-input/tsconfig.node.json b/combobox-input/tsconfig.node.json
new file mode 100644
index 0000000..c4a9a48
--- /dev/null
+++ b/combobox-input/tsconfig.node.json
@@ -0,0 +1,23 @@
+{
+ "compilerOptions": {
+ "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsBuildInfo",
+ "target": "ES2023",
+ "lib": [
+ "ES2023"
+ ],
+ "module": "ESNext",
+ "skipLibCheck": true,
+ "moduleResolution": "bundler",
+ "allowImportingTsExtensions": true,
+ "verbatimModuleSyntax": true,
+ "noEmit": true,
+ "strict": true,
+ "noUnusedLocals": true,
+ "noUnusedParameters": true,
+ "noFallthroughCasesInSwitch": true,
+ "noUncheckedSideEffectImports": true
+ },
+ "include": [
+ "vite.config.ts"
+ ]
+}
\ No newline at end of file
diff --git a/combobox-input/vite.config.ts b/combobox-input/vite.config.ts
new file mode 100644
index 0000000..c7a4f78
--- /dev/null
+++ b/combobox-input/vite.config.ts
@@ -0,0 +1,6 @@
+import { defineConfig } from "vite";
+import react from "@vitejs/plugin-react";
+
+export default defineConfig({
+ plugins: [react()],
+});
\ No newline at end of file
diff --git a/combobox-input/webflow.json b/combobox-input/webflow.json
new file mode 100644
index 0000000..f330833
--- /dev/null
+++ b/combobox-input/webflow.json
@@ -0,0 +1,10 @@
+{
+ "library": {
+ "name": "ComboboxInput",
+ "components": [
+ "./src/**/*.webflow.@(js|jsx|mjs|ts|tsx)"
+ ],
+ "description": "A combobox/autocomplete input component that combines a text input field with a filterable dropdown list. As the user types, options are dynamically filtered to match the input text. Supports single selection with the selected value displayed in the input field. Each option can display a label and an optional description beneath it. The dropdown opens automatically on focus showing all available options, then filters as the user types. Includes full keyboard navigation with arrow keys for moving through options, Enter to select, and Escape to close the dropdown. Features a clear button to reset the selection, a loading state for async data fetching, and a customizable no-results message when filtering returns no matches. The component is fully responsive and accessible.",
+ "id": "combobox-input"
+ }
+}
\ No newline at end of file