Add SVG marker element support (#5683)

* Add SVG marker element support

- Add Marker class with all standard SVG marker attributes
- Include marker in SVG namespace and convenience functions
- Add test coverage for marker element
- Follows established patterns for SVG element implementation

Co-Authored-By: [email protected] <[email protected]>

* Add marker to _MAPPING for proper lazy loading

- Enables marker component to be discovered by Reflex's import system
- Addresses PR feedback from @adhami3310

Co-Authored-By: [email protected] <[email protected]>

* Revert marker from _MAPPING

- Remove marker from top-level _MAPPING as requested by @adhami3310
- Marker should only be available at rx.el.marker and rx.el.svg.marker
- Addresses PR feedback to keep marker in el namespace only

Co-Authored-By: [email protected] <[email protected]>

* Add marker to el elements _MAPPING

- Enables rx.el.marker and rx.el.svg.marker access
- Addresses PR feedback from @adhami3310
- Marker now properly available through el namespace only

Co-Authored-By: [email protected] <[email protected]>

* Update pyi_hashes.json after adding marker to el elements

- Generated by update-pyi-files pre-commit hook
- Fixes pre-commit issues as requested by @adhami3310
- All pre-commit hooks now pass with proper environment

Co-Authored-By: [email protected] <[email protected]>

---------

Co-authored-by: Devin AI <158243242+devin-ai-integration[bot]@users.noreply.github.com>
Co-authored-by: [email protected] <[email protected]>

Author: devin-ai-integration[bot]

pyi_hashes.json

@@ -26,13 +26,13 @@
   "reflex/components/datadisplay/code.pyi": "ec35c215a219c616ff38c30047d9b601",
   "reflex/components/datadisplay/dataeditor.pyi": "82c652f0679148d8431a0cf645686a50",
   "reflex/components/datadisplay/shiki_code_block.pyi": "1d53e75b6be0d3385a342e7b3011babd",
-  "reflex/components/el/__init__.pyi": "00ded672c0336da6225036f56855b042",
+  "reflex/components/el/__init__.pyi": "0adfd001a926a2a40aee94f6fa725ecc",
   "reflex/components/el/element.pyi": "c5974a92fbc310e42d0f6cfdd13472f4",
-  "reflex/components/el/elements/__init__.pyi": "2e30624329b8b535dfd8969f95efdd25",
+  "reflex/components/el/elements/__init__.pyi": "29512d7a6b29c6dc5ff68d3b31f26528",
   "reflex/components/el/elements/base.pyi": "7d1163c7221bb16691ce179646ce8515",
   "reflex/components/el/elements/forms.pyi": "a2099706131a8cf364b2bf9a6f958cdc",
   "reflex/components/el/elements/inline.pyi": "8bc2bbf8f3fd8bb9b5910c0e888e5386",
-  "reflex/components/el/elements/media.pyi": "09c761bb3743e2351073ad81397e7d13",
+  "reflex/components/el/elements/media.pyi": "66846a0c74fbe772811cd6577b2796d0",
   "reflex/components/el/elements/metadata.pyi": "bace81e70eaa42adbf50702c166dcd65",
   "reflex/components/el/elements/other.pyi": "a6615c3b7373d57f3bf5bf52fd96410f",
   "reflex/components/el/elements/scripts.pyi": "944fbe108254498fd34d9fbf744fc965",

reflex/components/el/elements/__init__.py

@@ -78,6 +78,7 @@
         "linear_gradient",
         "radial_gradient",
         "defs",
+        "marker",
     ],
     "metadata": [
         "base",

reflex/components/el/elements/media.py

@@ -484,6 +484,36 @@ class Path(BaseHTML):
     d: Var[str | int | float]
 
 
+class Marker(BaseHTML):
+    """Display the marker element."""
+
+    tag = "marker"
+
+    # The height of the marker viewport.
+    marker_height: Var[str | int | float]
+
+    # The width of the marker viewport.
+    marker_width: Var[str | int | float]
+
+    # The coordinate system for the marker attributes.
+    marker_units: Var[str]
+
+    # The orientation of the marker relative to the shape it is attached to.
+    orient: Var[str | int | float]
+
+    # How the svg fragment must be deformed if it is embedded in a container with a different aspect ratio.
+    preserve_aspect_ratio: Var[str]
+
+    # The x coordinate for the reference point of the marker.
+    ref_x: Var[str | int | float]
+
+    # The y coordinate for the reference point of the marker.
+    ref_y: Var[str | int | float]
+
+    # The bound of the SVG viewport for the current SVG fragment.
+    view_box: Var[str]
+
+
 class G(BaseHTML):
     """The SVG g component, used to group other SVG elements."""
 
@@ -522,6 +552,7 @@ class SVG(ComponentNamespace):
     linear_gradient = staticmethod(LinearGradient.create)
     radial_gradient = staticmethod(RadialGradient.create)
     defs = staticmethod(Defs.create)
+    marker = staticmethod(Marker.create)
     g = staticmethod(G.create)
     __call__ = staticmethod(Svg.create)
 
@@ -537,6 +568,7 @@ class SVG(ComponentNamespace):
 linear_gradient = LinearGradient.create
 radial_gradient = RadialGradient.create
 defs = Defs.create
+marker = Marker.create
 g = G.create
 area = Area.create
 audio = Audio.create

tests/units/components/el/test_svg.py

@@ -5,6 +5,7 @@
     G,
     Line,
     LinearGradient,
+    Marker,
     Path,
     Polygon,
     RadialGradient,
@@ -75,6 +76,11 @@ def test_stop():
     assert stop["name"] == '"stop"'
 
 
+def test_marker():
+    marker = Marker.create().render()
+    assert marker["name"] == '"marker"'
+
+
 def test_g():
     g = G.create().render()
     assert g["name"] == '"g"'