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: khaleel@reflex.dev <khaleel.aladhami@gmail.com>

Author: devin-ai-integration[bot]

pyi_hashes.json

@@ -32,7 +32,7 @@
   "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/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"'