Implement <svg> support

Author: efoken

apps/examples/package.json

@@ -18,6 +18,7 @@
     "react": "~18.3.1",
     "react-dom": "~18.3.1",
     "react-native": "~0.76.1",
+    "react-native-svg": "15.8.0",
     "react-native-web": "~0.19.13",
     "react-strict-dom": "*"
   },

package-lock.json

@@ -44,7 +44,8 @@
   "peerDependencies": {
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "react-native": ">=0.75.2"
+    "react-native": ">=0.75.2",
+    "react-native-svg": "^15.8.0"
   },
   "engines": {
     "node": ">=20.11.0"

packages/react-strict-dom/package.json

@@ -17,6 +17,7 @@ import type { StrictReactDOMListItemProps } from '../types/StrictReactDOMListIte
 import type { StrictReactDOMOptionProps } from '../types/StrictReactDOMOptionProps';
 import type { StrictReactDOMOptionGroupProps } from '../types/StrictReactDOMOptionGroupProps';
 import type { StrictReactDOMSelectProps } from '../types/StrictReactDOMSelectProps';
+import type { StrictReactDOMSvgProps } from '../types/StrictReactDOMSvgProps';
 import type { StrictReactDOMTextAreaProps } from '../types/StrictReactDOMTextAreaProps';
 
 import { createStrictDOMComponent as createStrict } from './modules/createStrictDOMComponent';
@@ -373,6 +374,14 @@ export const sup: component(
   ...StrictReactDOMProps
 ) = createStrict('sup', defaultStyles.sup);
 
+/**
+ * "svg" (inline)
+ */
+export const svg: component(
+  ref?: React.RefSetter<HTMLElement>,
+  ...StrictReactDOMSvgProps
+) = createStrict('svg', defaultStyles.img);
+
 /**
  * "textarea" (inline-block)
  */

packages/react-strict-dom/src/dom/html.js

@@ -16,6 +16,7 @@ import type {
 } from '@stylexjs/stylex';
 
 import * as html from './html';
+import * as svg from './svg';
 import * as css from '@stylexjs/stylex';
 
 type StyleTheme<V, T> = Theme<V, T>;
@@ -25,4 +26,4 @@ type StylesWithout<T> = StyleXStylesWithout<T>;
 
 export type { StaticStyles, StyleTheme, StyleVars, Styles, StylesWithout };
 
-export { css, html };
+export { css, html, svg };