diff --git a/button.js b/button.js
new file mode 100644
index 000000000..5614c2a79
--- /dev/null
+++ b/button.js
@@ -0,0 +1 @@
+export { DocSearchButton } from './dist/esm/DocSearchButton.js';
diff --git a/modal.js b/modal.js
new file mode 100644
index 000000000..7ae1e01d7
--- /dev/null
+++ b/modal.js
@@ -0,0 +1 @@
+export { DocSearchModal } from './dist/esm/DocSearchModal.js';
diff --git a/src/DocSearchButton.tsx b/src/DocSearchButton.tsx
index 364b4fba5..bb91a2143 100644
--- a/src/DocSearchButton.tsx
+++ b/src/DocSearchButton.tsx
@@ -17,7 +17,7 @@ function isAppleDevice() {
   return /(Mac|iPhone|iPod|iPad)/i.test(navigator.platform);
 }
 
-export function SearchButton(props: SearchButtonProps) {
+export function DocSearchButton(props: SearchButtonProps) {
   const [key, setKey] = useState(() =>
     isAppleDevice() ? ACTION_KEY_APPLE : ACTION_KEY_DEFAULT
   );
diff --git a/style.js b/style.js
new file mode 100644
index 000000000..e3212c1bf
--- /dev/null
+++ b/style.js
@@ -0,0 +1 @@
+import './dist/esm/style.css';