@rootnative/inertia-svg 0.0.0-alpha.0 → 0.0.0-alpha.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +7 -0
- package/llms.txt +9 -0
- package/package.json +3 -3
package/README.md
CHANGED
|
@@ -91,6 +91,13 @@ Path resampling between structurally different shapes (flubber-style) is out of
|
|
|
91
91
|
- Path resampling between arbitrary shapes.
|
|
92
92
|
- Morphing an `L` into a `C` (or other across-command interpolation). Element-wise scalar interpolation is intentional.
|
|
93
93
|
|
|
94
|
+
## Documentation
|
|
95
|
+
|
|
96
|
+
- Full docs: [https://rootnative.github.io/inertia/docs/svg](https://rootnative.github.io/inertia/docs/svg)
|
|
97
|
+
- Core library: [`@rootnative/inertia`](../core)
|
|
98
|
+
|
|
99
|
+
AI agents: this package ships its own copy of the reference — read `node_modules/@rootnative/inertia-svg/llms.txt` for the full API, no network needed.
|
|
100
|
+
|
|
94
101
|
## License
|
|
95
102
|
|
|
96
103
|
MIT
|
package/llms.txt
CHANGED
|
@@ -45,6 +45,15 @@ function Toggle({ open }) {
|
|
|
45
45
|
}
|
|
46
46
|
```
|
|
47
47
|
|
|
48
|
+
The package also exports a `MotionSvg` namespace for autocomplete-friendly grouping — `MotionSvg.Path` and `MotionPath` point at the same component, so pick whichever import style matches your codebase:
|
|
49
|
+
|
|
50
|
+
```tsx
|
|
51
|
+
import { MotionSvg } from '@rootnative/inertia-svg'
|
|
52
|
+
;<MotionSvg.Path d={SOURCE_D} animate={{ d: TARGET_D }} />
|
|
53
|
+
```
|
|
54
|
+
|
|
55
|
+
Additional shape primitives (`Circle`, `Rect`, `Line`, `Ellipse`) will join the namespace in a follow-up release once the path morphing API is validated.
|
|
56
|
+
|
|
48
57
|
The static `d` prop is required. Its **command sequence is locked at first render** — every target `d` you pass via `animate` or `initial` must produce the same command letters in the same order after implicit-repeat expansion. Element-wise scalar interpolation is the entire morphing model.
|
|
49
58
|
|
|
50
59
|
## Structural compatibility
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@rootnative/inertia-svg",
|
|
3
|
-
"version": "0.0.0-alpha.
|
|
3
|
+
"version": "0.0.0-alpha.1",
|
|
4
4
|
"description": "Animatable SVG primitives (path morphing, fill/stroke) for @rootnative/inertia, built on react-native-svg.",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"author": "RootNative",
|
|
@@ -49,7 +49,7 @@
|
|
|
49
49
|
"!**/*.test.*"
|
|
50
50
|
],
|
|
51
51
|
"peerDependencies": {
|
|
52
|
-
"@rootnative/inertia": ">=0.0.0-alpha.
|
|
52
|
+
"@rootnative/inertia": ">=0.0.0-alpha.1",
|
|
53
53
|
"react": ">=19.0.0",
|
|
54
54
|
"react-native": ">=0.81.0",
|
|
55
55
|
"react-native-reanimated": ">=4.0.0",
|
|
@@ -68,7 +68,7 @@
|
|
|
68
68
|
"react-test-renderer": "19.1.0",
|
|
69
69
|
"tsup": "^8.3.5",
|
|
70
70
|
"typescript": "^5.7.3",
|
|
71
|
-
"@rootnative/inertia": "0.0.0-alpha.
|
|
71
|
+
"@rootnative/inertia": "0.0.0-alpha.1"
|
|
72
72
|
},
|
|
73
73
|
"publishConfig": {
|
|
74
74
|
"access": "public"
|