updates

Author: carlosabadia

demo/rxconfig.py

@@ -3,5 +3,8 @@
 config = rx.Config(
     app_name="demo",
     telemetry_enabled=False,
-    plugins=[rx.plugins.TailwindV4Plugin()],
+    plugins=[
+        rx.plugins.SitemapPlugin(),
+        rx.plugins.TailwindV4Plugin(),
+    ],
 )

reflex_ui/__init__.pyi

@@ -17,6 +17,7 @@ from .components.base.link import link
 from .components.base.menu import menu
 from .components.base.navigation_menu import navigation_menu
 from .components.base.popover import popover
+from .components.base.preview_card import preview_card
 from .components.base.scroll_area import scroll_area
 from .components.base.select import select
 from .components.base.skeleton import skeleton
@@ -44,6 +45,7 @@ _REFLEX_UI_MAPPING = {
     "components.base.menu": ["menu"],
     "components.base.navigation_menu": ["navigation_menu"],
     "components.base.popover": ["popover"],
+    "components.base.preview_card": ["preview_card"],
     "components.base.scroll_area": ["scroll_area"],
     "components.base.select": ["select"],
     "components.base.skeleton": ["skeleton"],
@@ -82,6 +84,7 @@ __all__ = [
     "menu",
     "navigation_menu",
     "popover",
+    "preview_card",
     "scroll_area",
     "select",
     "skeleton",

reflex_ui/components/base/__init__.pyi

@@ -17,6 +17,7 @@ from .link import link
 from .menu import menu
 from .navigation_menu import navigation_menu
 from .popover import popover
+from .preview_card import preview_card
 from .scroll_area import scroll_area
 from .select import select
 from .skeleton import skeleton
@@ -46,6 +47,7 @@ __all__ = [
     "menu",
     "navigation_menu",
     "popover",
+    "preview_card",
     "scroll_area",
     "select",
     "skeleton",

reflex_ui/components/base/preview_card.py

@@ -88,6 +88,7 @@ class PreviewCardBackdrop(PreviewCardBaseComponent):
 
     tag = "PreviewCard.Backdrop"
 
+    # The render prop
     render_: Var[Component]
 
     @classmethod
@@ -151,13 +152,14 @@ class PreviewCardPositioner(PreviewCardBaseComponent):
     # Whether the popup tracks any layout shift of its positioning anchor. Defaults to true.
     track_anchor: Var[bool]
 
+    # The render prop
     render_: Var[Component]
 
     @classmethod
     def create(cls, *children, **props) -> BaseUIComponent:
         """Create the preview card positioner component."""
         props["data-slot"] = "preview-card-positioner"
-        props.setdefault("side_offset", 4)
+        props.setdefault("side_offset", 8)
         cls.set_class_name(ClassNames.POSITIONER, props)
         return super().create(*children, **props)
 
@@ -167,6 +169,7 @@ class PreviewCardPopup(PreviewCardBaseComponent):
 
     tag = "PreviewCard.Popup"
 
+    # The render prop
     render_: Var[Component]
 
     @classmethod
@@ -182,6 +185,7 @@ class PreviewCardArrow(PreviewCardBaseComponent):
 
     tag = "PreviewCard.Arrow"
 
+    # The render prop
     render_: Var[Component]
 
     @classmethod