Merge branch 'main' into carlos/hosting-billing-links

Author: Alek99

docs/library/media/image.md

@@ -41,8 +41,8 @@ import requests
 
 
 class ImageState(rx.State):
-    url = f"https://picsum.photos/id/1/200/300"
-    image = Image.open(requests.get(url, stream=True).raw)
+    url: str = f"https://picsum.photos/id/1/200/300"
+    image: Image.Image = Image.open(requests.get(url, stream=True).raw)
 
 
 def image_pil_example():
@@ -59,4 +59,4 @@ A cv2 image must be converted to a PIL image to be passed directly to `rx.image`
 ```md alert info
 # How to let your user upload an image
 To let a user upload an image to your app check out the [upload docs]({library.forms.upload.path}).
-```
+```

errors.md

@@ -8,23 +8,17 @@
 from reflex.vars import Var
 
 
-class Search(rx.Component):
-    tag = "SearchBar"
+class InkeepSearchBar(rx.NoSSRComponent):
+    tag = "InkeepSearchBar"
+    library = "@inkeep/uikit-js"
 
-    special_props: List[Var] = [Var("{...searchBarProps}")]
-
-    is_open: Var[bool] = False
-
-    on_close: EventHandler[lambda: []]
-
-    on_shortcut_key_pressed: EventHandler[lambda: []]
 
+class Search(rx.el.Div):
     class_name: Var[str] = "max-w-[256px] max-h-[32px]"
 
     def add_imports(self):
         """Add the imports for the component."""
         return {
-            "next/dynamic": {ImportVar(tag="dynamic", is_default=True)},
             "react": {ImportVar(tag="useContext")},
             "$/utils/context": {ImportVar(tag="ColorModeContext")},
         }
@@ -33,12 +27,7 @@ def add_hooks(self):
         """Add the hooks for the component."""
         return [
             "const { resolvedColorMode } = useContext(ColorModeContext)",
-            """const SearchBar = dynamic(
-  () => import('@inkeep/uikit').then((mod) => mod.InkeepSearchBar),
-  {
-    ssr: false,
-  },
-);
+            """
 const supportFormConfig = {
   heading: "Contact support",
   fields: [
@@ -237,5 +226,14 @@ def add_hooks(self):
 };""",
         ]
 
+    @classmethod
+    def create(cls):
+        """Create the search component."""
+        return super().create(
+            InkeepSearchBar.create(
+                special_props=[Var("{...searchBarProps}")],
+            )
+        )
+
 
 inkeep = Search.create