@pixodesk/svg-animator-rn 1.0.21

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 pixodesk
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/index.cjs

@@ -0,0 +1,459 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  PixodeskSvgAnimator: () => PixodeskSvgAnimator,
+  RN_SVG_COMPONENTS: () => RN_SVG_COMPONENTS,
+  compileTracks: () => compileTracks,
+  default: () => PixodeskSvgAnimator_default,
+  renderRnNode: () => renderRnNode,
+  sampleProps: () => sampleProps,
+  toRnPropName: () => toRnPropName,
+  toRnProps: () => toRnProps
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/PixodeskSvgAnimator.tsx
+var import_svg_animator_core4 = require("@pixodesk/svg-animator-core");
+var import_react2 = require("react");
+var import_react_native_reanimated = __toESM(require("react-native-reanimated"), 1);
+
+// src/PxRnTracks.ts
+var import_svg_animator_core2 = require("@pixodesk/svg-animator-core");
+
+// src/PxRnPropNames.ts
+var import_svg_animator_core = require("@pixodesk/svg-animator-core");
+var ATTR_NAME_OVERRIDES = {
+  "xlink:href": "href"
+};
+var DROPPED_ATTRS = /* @__PURE__ */ new Set(["class", "className", "style", "xmlns", "xmlns:xlink", "data-px-meta"]);
+function toRnPropName(attrName) {
+  if (DROPPED_ATTRS.has(attrName)) return void 0;
+  const override = ATTR_NAME_OVERRIDES[attrName];
+  if (override) return override;
+  return (0, import_svg_animator_core.kebabToCamelCaseWord)(attrName);
+}
+var LENGTH_LIST_PROPS = /* @__PURE__ */ new Set(["strokeDasharray"]);
+function toRnPropValue(rnPropName, value) {
+  if (LENGTH_LIST_PROPS.has(rnPropName)) {
+    const parts = String(value).trim().replace(/,/g, " ").split(/\s+/).map(Number).filter((n) => Number.isFinite(n));
+    return parts.length % 2 === 1 ? parts.concat(parts) : parts;
+  }
+  if (typeof value === "number") return value;
+  const num = +value;
+  return Number.isFinite(num) && String(num) === value ? num : value;
+}
+
+// src/PxRnTracks.ts
+function compileTracks(doc, opts) {
+  var _a, _b, _c;
+  const config = (0, import_svg_animator_core2.getAnimatorConfig)(doc) || {};
+  const duration = +(config.duration || import_svg_animator_core2.DEFAULT_DURATION_MS);
+  const _iterations = config.iterations;
+  let iterations = 1;
+  if (typeof _iterations === "number") iterations = _iterations || 1;
+  if (_iterations === "infinite") iterations = Infinity;
+  if (iterations < 1) iterations = 1;
+  const sampleRate = (_a = opts == null ? void 0 : opts.sampleRate) != null ? _a : 60;
+  const maxSamples = (_b = opts == null ? void 0 : opts.maxSamples) != null ? _b : 600;
+  let sampleCount = Math.max(2, Math.round(duration / 1e3 * sampleRate) + 1);
+  if (sampleCount > maxSamples) sampleCount = maxSamples;
+  const stepMs = duration / (sampleCount - 1);
+  const bindings = (0, import_svg_animator_core2.getNormalisedBindings)(doc, import_svg_animator_core2.PxAnimatorEngine.frames) || [];
+  const elements = [];
+  for (const binding of bindings) {
+    const animDef = binding.animate;
+    if (!animDef || typeof animDef !== "object" || Array.isArray(animDef)) continue;
+    const props = {};
+    for (let i = 0; i < sampleCount; i++) {
+      const t = i === sampleCount - 1 ? duration : i * stepMs;
+      const values = (0, import_svg_animator_core2.calcAnimationValues)(animDef, t);
+      for (const [attr, value] of Object.entries(values)) {
+        const rnProp = toRnPropName(attr);
+        if (!rnProp) continue;
+        let arr = props[rnProp];
+        if (!arr) {
+          arr = props[rnProp] = new Array(sampleCount);
+          for (let j = 0; j < i; j++) arr[j] = toRnPropValue(rnProp, value);
+        }
+        arr[i] = toRnPropValue(rnProp, value);
+      }
+    }
+    for (const arr of Object.values(props)) {
+      for (let i = 1; i < sampleCount; i++) {
+        if (arr[i] === void 0) arr[i] = arr[i - 1];
+      }
+    }
+    if (Object.keys(props).length > 0) {
+      elements.push({ id: binding.id, props });
+    }
+  }
+  return {
+    duration,
+    iterations,
+    direction: config.direction || "normal",
+    delay: config.delay || 0,
+    fill: (_c = config.fill) != null ? _c : "forwards",
+    stepMs,
+    sampleCount,
+    elements
+  };
+}
+function sampleProps(tracks, tMs, stepMs, sampleCount) {
+  "worklet";
+  let idx = Math.round(tMs / stepMs);
+  if (idx < 0) idx = 0;
+  if (idx >= sampleCount) idx = sampleCount - 1;
+  const out = {};
+  for (const key in tracks.props) {
+    out[key] = tracks.props[key][idx];
+  }
+  return out;
+}
+
+// src/PxRnRender.tsx
+var import_svg_animator_core3 = require("@pixodesk/svg-animator-core");
+var import_react = require("react");
+
+// src/PxRnTypeMap.ts
+var import_react_native_svg = require("react-native-svg");
+var RN_SVG_COMPONENTS = {
+  svg: import_react_native_svg.Svg,
+  g: import_react_native_svg.G,
+  rect: import_react_native_svg.Rect,
+  circle: import_react_native_svg.Circle,
+  ellipse: import_react_native_svg.Ellipse,
+  line: import_react_native_svg.Line,
+  path: import_react_native_svg.Path,
+  polygon: import_react_native_svg.Polygon,
+  polyline: import_react_native_svg.Polyline,
+  text: import_react_native_svg.Text,
+  tspan: import_react_native_svg.TSpan,
+  textPath: import_react_native_svg.TextPath,
+  defs: import_react_native_svg.Defs,
+  linearGradient: import_react_native_svg.LinearGradient,
+  radialGradient: import_react_native_svg.RadialGradient,
+  stop: import_react_native_svg.Stop,
+  use: import_react_native_svg.Use,
+  symbol: import_react_native_svg.Symbol,
+  mask: import_react_native_svg.Mask,
+  clipPath: import_react_native_svg.ClipPath,
+  pattern: import_react_native_svg.Pattern,
+  marker: import_react_native_svg.Marker,
+  image: import_react_native_svg.Image
+};
+
+// src/PxRnRender.tsx
+function toRnProps(props, warnings) {
+  const normalised = (0, import_svg_animator_core3.getNormalizedProps)(props);
+  const out = {};
+  for (const key of Object.keys(normalised)) {
+    const sanitised = (0, import_svg_animator_core3.sanitiseAttributeValue)(key, normalised[key]);
+    if (sanitised === void 0) continue;
+    const rnKey = toRnPropName(key);
+    if (!rnKey) continue;
+    out[rnKey] = toRnPropValue(rnKey, String(sanitised));
+  }
+  return out;
+}
+function renderRnNode(node, opts = {}, key) {
+  var _b, _c, _d;
+  if (!node) return null;
+  const _a = node, { type, children, style, animate, meta, effects } = _a, props = __objRest(_a, ["type", "children", "style", "animate", "meta", "effects"]);
+  const tag = String(type || "g");
+  if (import_svg_animator_core3.DISALLOWED_SVG_TAGS_LOWER.has(tag.toLowerCase())) {
+    (_b = opts.warnings) == null ? void 0 : _b.push("tag blocked (dangerous): " + tag);
+    return null;
+  }
+  const Component = RN_SVG_COMPONENTS[tag];
+  if (!Component) {
+    (_c = opts.warnings) == null ? void 0 : _c.push("tag not supported in react-native-svg mapping: " + tag);
+    return null;
+  }
+  const rnProps = toRnProps(props, opts.warnings);
+  if (key !== void 0) rnProps.key = key;
+  const textContent = props[import_svg_animator_core3.TEXT_ATTR] || props[import_svg_animator_core3.TEXT_CONTENT_ATTR];
+  let childElements = void 0;
+  if (Array.isArray(children) && children.length > 0) {
+    childElements = children.map((ch, i) => renderRnNode(ch, opts, i)).filter(Boolean);
+  } else if (textContent !== void 0) {
+    childElements = String(textContent);
+  }
+  const decorated = (_d = opts.decorate) == null ? void 0 : _d.call(opts, node, Component, rnProps, childElements);
+  if (decorated !== void 0) return decorated;
+  return (0, import_react.createElement)(Component, rnProps, childElements);
+}
+
+// src/PixodeskSvgAnimator.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var animatedComponentCache = /* @__PURE__ */ new Map();
+function getAnimatedComponent(Component) {
+  let cached = animatedComponentCache.get(Component);
+  if (!cached) {
+    cached = import_react_native_reanimated.default.createAnimatedComponent(Component);
+    animatedComponentCache.set(Component, cached);
+  }
+  return cached;
+}
+function AnimatedPxElement({
+  Component,
+  staticProps,
+  children,
+  tracks,
+  progress,
+  stepMs,
+  sampleCount
+}) {
+  const AnimatedComponent = (0, import_react2.useMemo)(() => getAnimatedComponent(Component), [Component]);
+  const animatedProps = (0, import_react_native_reanimated.useAnimatedProps)(() => {
+    return sampleProps(tracks, progress.value, stepMs, sampleCount);
+  }, [tracks, stepMs, sampleCount]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AnimatedComponent, __spreadProps(__spreadValues({}, staticProps), { animatedProps, children }));
+}
+function PixodeskSvgAnimator({
+  doc,
+  duration,
+  delay,
+  iterations,
+  fill,
+  direction,
+  autoplay,
+  play,
+  pause,
+  apiRef,
+  time,
+  timeMs,
+  onPlay,
+  onStop,
+  onPause,
+  onCancel,
+  onFinish
+}) {
+  var _a, _b, _c;
+  const compiled = (0, import_react2.useMemo)(() => {
+    const warnings = (0, import_svg_animator_core4.validateNodeEffects)(doc);
+    for (const w of warnings) console.warn("[PixodeskSvgAnimator] effects shape warning:", w);
+    let prepared = (0, import_svg_animator_core4.materialiseAllInTree)(doc, import_svg_animator_core4.PxAnimatorEngine.webapi);
+    const animator = (0, import_svg_animator_core4.getAnimatorConfig)(prepared) || {};
+    prepared = __spreadProps(__spreadValues({}, prepared), {
+      animator: __spreadProps(__spreadValues({}, animator), {
+        duration: duration !== void 0 ? duration : animator.duration,
+        delay: delay !== void 0 ? delay : animator.delay,
+        iterations: iterations !== void 0 ? iterations : animator.iterations,
+        fill: fill !== void 0 ? fill : animator.fill,
+        direction: direction !== void 0 ? direction : animator.direction
+      })
+    });
+    prepared = (0, import_svg_animator_core4.generateNewIds)(prepared);
+    const tracks2 = compileTracks(prepared);
+    return { doc: prepared, tracks: tracks2 };
+  }, [doc, duration, delay, iterations, fill, direction]);
+  const tracks = compiled.tracks;
+  const totalDuration = tracks.duration * (tracks.iterations === Infinity ? 1 : tracks.iterations);
+  const progress = (0, import_react_native_reanimated.useSharedValue)(0);
+  const playingRef = (0, import_react2.useRef)(false);
+  const rateRef = (0, import_react2.useRef)(1);
+  const notifyFinish = () => {
+    playingRef.current = false;
+    if (tracks.fill === "none" || tracks.fill === "backwards") progress.value = 0;
+    onFinish == null ? void 0 : onFinish();
+    onStop == null ? void 0 : onStop();
+  };
+  const startFrom = (fromMs) => {
+    const dur = tracks.duration;
+    const rate = rateRef.current || 1;
+    const reversedStart = tracks.direction === "reverse" || tracks.direction === "alternate-reverse";
+    const alternates = tracks.direction === "alternate" || tracks.direction === "alternate-reverse";
+    const from = Math.max(0, Math.min(fromMs, dur));
+    const legTarget = reversedStart ? 0 : dur;
+    const legRemaining = Math.abs(legTarget - from) / rate;
+    const repeats = tracks.iterations === Infinity ? -1 : tracks.iterations;
+    (0, import_react_native_reanimated.cancelAnimation)(progress);
+    progress.value = reversedStart ? from === 0 ? dur : from : from;
+    const animation = repeats === 1 ? (0, import_react_native_reanimated.withTiming)(legTarget, { duration: legRemaining, easing: import_react_native_reanimated.Easing.linear }, (finished) => {
+      "worklet";
+      if (finished) (0, import_react_native_reanimated.runOnJS)(notifyFinish)();
+    }) : (0, import_react_native_reanimated.withRepeat)(
+      (0, import_react_native_reanimated.withTiming)(legTarget, { duration: legRemaining, easing: import_react_native_reanimated.Easing.linear }),
+      repeats,
+      alternates,
+      (finished) => {
+        "worklet";
+        if (finished) (0, import_react_native_reanimated.runOnJS)(notifyFinish)();
+      }
+    );
+    progress.value = tracks.delay > 0 && from === 0 ? (0, import_react_native_reanimated.withDelay)(tracks.delay / rate, animation) : animation;
+    playingRef.current = true;
+  };
+  const api = {
+    isPlaying: () => playingRef.current,
+    play: () => {
+      const from = playingRef.current ? progress.value : progress.value >= tracks.duration ? 0 : progress.value;
+      startFrom(from);
+      onPlay == null ? void 0 : onPlay();
+    },
+    pause: () => {
+      (0, import_react_native_reanimated.cancelAnimation)(progress);
+      playingRef.current = false;
+      onPause == null ? void 0 : onPause();
+      onStop == null ? void 0 : onStop();
+    },
+    cancel: () => {
+      (0, import_react_native_reanimated.cancelAnimation)(progress);
+      progress.value = 0;
+      playingRef.current = false;
+      onCancel == null ? void 0 : onCancel();
+      onStop == null ? void 0 : onStop();
+    },
+    finish: () => {
+      (0, import_react_native_reanimated.cancelAnimation)(progress);
+      progress.value = tracks.fill === "none" || tracks.fill === "backwards" ? 0 : tracks.duration;
+      playingRef.current = false;
+      onFinish == null ? void 0 : onFinish();
+      onStop == null ? void 0 : onStop();
+    },
+    setPlaybackRate: (rate) => {
+      if (!isFinite(rate) || rate <= 0) {
+        console.warn("setPlaybackRate: only finite positive rates are supported in the RN player (reverse is on the feature-gap list)");
+        return;
+      }
+      rateRef.current = rate;
+      if (playingRef.current) startFrom(progress.value);
+    },
+    getCurrentTime: () => progress.value,
+    setCurrentTime: (t) => {
+      (0, import_react_native_reanimated.cancelAnimation)(progress);
+      playingRef.current = false;
+      const clamped = Math.max(0, Math.min(t, totalDuration));
+      progress.value = tracks.duration > 0 ? clamped % tracks.duration || (clamped === 0 ? 0 : tracks.duration) : 0;
+    }
+  };
+  (0, import_react2.useImperativeHandle)(apiRef, () => api, [compiled]);
+  const startOn = (_c = (_b = (_a = (0, import_svg_animator_core4.getAnimatorConfig)(compiled.doc)) == null ? void 0 : _a.trigger) == null ? void 0 : _b.startOn) != null ? _c : "load";
+  (0, import_react2.useEffect)(() => {
+    if (time !== void 0 || timeMs !== void 0) {
+      const seekMs = timeMs !== void 0 ? timeMs : (time != null ? time : 0) * totalDuration;
+      api.setCurrentTime(seekMs);
+      return;
+    }
+    if (play !== void 0 || pause !== void 0) {
+      if (play && !pause) api.play();
+      else if (pause) api.pause();
+      else if (play === false) api.finish();
+      else api.play();
+      return;
+    }
+    if (autoplay && startOn === "load") {
+      api.play();
+    }
+  }, [compiled, autoplay, play, pause, time, timeMs]);
+  (0, import_react2.useEffect)(() => {
+    return () => {
+      (0, import_react_native_reanimated.cancelAnimation)(progress);
+      playingRef.current = false;
+    };
+  }, [compiled]);
+  const trackById = (0, import_react2.useMemo)(() => {
+    const map = /* @__PURE__ */ new Map();
+    for (const el of tracks.elements) map.set(el.id, el);
+    return map;
+  }, [tracks]);
+  const warningsRef = (0, import_react2.useRef)([]);
+  const root = (0, import_react2.useMemo)(() => {
+    warningsRef.current = [];
+    return renderRnNode(compiled.doc, {
+      warnings: warningsRef.current,
+      decorate: (node, Component, staticProps, children) => {
+        const id = node.id;
+        const elTracks = id ? trackById.get(id) : void 0;
+        if (!elTracks) return void 0;
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          AnimatedPxElement,
+          {
+            Component,
+            staticProps,
+            tracks: elTracks,
+            progress,
+            stepMs: tracks.stepMs,
+            sampleCount: tracks.sampleCount,
+            children
+          },
+          staticProps.key
+        );
+      }
+    });
+  }, [compiled, trackById]);
+  (0, import_react2.useEffect)(() => {
+    for (const w of warningsRef.current) console.warn("[PixodeskSvgAnimator]", w);
+  }, [root]);
+  return root;
+}
+var PixodeskSvgAnimator_default = PixodeskSvgAnimator;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  PixodeskSvgAnimator,
+  RN_SVG_COMPONENTS,
+  compileTracks,
+  renderRnNode,
+  sampleProps,
+  toRnPropName,
+  toRnProps
+});
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts","../src/PixodeskSvgAnimator.tsx","../src/PxRnTracks.ts","../src/PxRnPropNames.ts","../src/PxRnRender.tsx","../src/PxRnTypeMap.ts"],"sourcesContent":["/*---------------------------------------------------------------------------------------\n * Copyright (c) Pixodesk LTD.\n * Licensed under the MIT License. See the LICENSE file in the project root for details.\n *---------------------------------------------------------------------------------------*/\n\nexport { PixodeskSvgAnimator, default } from './PixodeskSvgAnimator';\nexport type { PixodeskSvgAnimatorProps, RnAnimatorApi } from './PixodeskSvgAnimator';\n\nexport { renderRnNode, toRnProps } from './PxRnRender';\nexport type { RenderRnNodeOptions } from './PxRnRender';\n\nexport { compileTracks, sampleProps } from './PxRnTracks';\nexport type { CompileTracksOptions, PxCompiledTracks, PxElementTracks } from './PxRnTracks';\n\nexport { RN_SVG_COMPONENTS, toRnPropName } from './PxRnTypeMap';\n","/*---------------------------------------------------------------------------------------\n * Copyright (c) Pixodesk LTD.\n * Licensed under the MIT License. See the LICENSE file in the project root for details.\n *---------------------------------------------------------------------------------------*/\n\nimport {\n    generateNewIds,\n    getAnimatorConfig,\n    materialiseAllInTree,\n    validateNodeEffects,\n    PxAnimatorEngine,\n    type FillMode,\n    type PlaybackDirection,\n    type PxAnimatedSvgDocument,\n    type PxNode,\n} from '@pixodesk/svg-animator-core';\nimport React, { useEffect, useImperativeHandle, useMemo, useRef, type ComponentType, type ReactElement, type ReactNode } from 'react';\nimport Animated, {\n    cancelAnimation,\n    Easing,\n    runOnJS,\n    useAnimatedProps,\n    useSharedValue,\n    withDelay,\n    withRepeat,\n    withTiming,\n    type SharedValue,\n} from 'react-native-reanimated';\nimport { compileTracks, sampleProps, type PxCompiledTracks, type PxElementTracks } from './PxRnTracks';\nimport { renderRnNode } from './PxRnRender';\n\n\n// -- Public types -----------------------------------------------------------\n\n/** Imperative playback API — mirrors ReactAnimatorApi from svg-animator-react. */\nexport interface RnAnimatorApi {\n    /** Returns true if the animation is currently running. */\n    isPlaying(): boolean;\n\n    /** Starts or resumes the animation. */\n    play(): void;\n\n    /** Pauses the animation at its current state. */\n    pause(): void;\n\n    /** Stops the animation and resets it to its initial state. */\n    cancel(): void;\n\n    /** Jumps to the end of the animation and holds the final state. */\n    finish(): void;\n\n    /** Changes the speed of the animation. 1 is normal, 2 is double. */\n    setPlaybackRate(rate: number): void;\n\n    /** Returns the current playback time in milliseconds. */\n    getCurrentTime(): number | null;\n\n    /** Jumps to a specific time (in milliseconds) in the animation. */\n    setCurrentTime(time: number): void;\n}\n\nexport interface PixodeskSvgAnimatorProps {\n\n    // -- Source ---------------------------------------------------------------\n\n    /** The animation document to render. */\n    doc: PxAnimatedSvgDocument;\n\n    // -- Timing overrides -----------------------------------------------------\n\n    /** Duration of a single iteration in milliseconds. */\n    duration?: number;\n\n    /** Delay before the animation starts, in milliseconds. */\n    delay?: number;\n\n    /** Number of iterations, or 'infinite' for endless looping. */\n    iterations?: number | 'infinite';\n\n    /** Defines the element's state when the animation is not active. */\n    fill?: FillMode;\n\n    /** Playback direction. */\n    direction?: PlaybackDirection;\n\n    // -- Declarative control --------------------------------------------------\n\n    /** When true, honours the document trigger (`startOn: 'load'` plays on mount). */\n    autoplay?: boolean;\n\n    /** Starts playback unconditionally. */\n    play?: boolean;\n\n    /** Pauses current playback. */\n    pause?: boolean;\n\n    // -- Imperative control ---------------------------------------------------\n\n    /** Ref populated with the imperative playback API. */\n    apiRef?: React.RefObject<RnAnimatorApi | null>;\n\n    // -- Controlled (external) time -------------------------------------------\n\n    /** Seek to a fraction (0–1) of the whole timeline (duration × iterations). */\n    time?: number;\n\n    /** Seek to a specific time in milliseconds. */\n    timeMs?: number;\n\n    // -- Callbacks ------------------------------------------------------------\n\n    onPlay?: () => void;\n    onStop?: () => void;\n    onPause?: () => void;\n    onCancel?: () => void;\n    onFinish?: () => void;\n}\n\n\n// -- Animated element wrapper ------------------------------------------------\n\nconst animatedComponentCache = new Map<ComponentType<any>, ComponentType<any>>();\n\nfunction getAnimatedComponent(Component: ComponentType<any>): ComponentType<any> {\n    let cached = animatedComponentCache.get(Component);\n    if (!cached) {\n        cached = Animated.createAnimatedComponent(Component as any);\n        animatedComponentCache.set(Component, cached);\n    }\n    return cached;\n}\n\n/** One animated element: static props + UI-thread sampled animated props. */\nfunction AnimatedPxElement({\n    Component, staticProps, children, tracks, progress, stepMs, sampleCount,\n}: {\n    Component: ComponentType<any>;\n    staticProps: Record<string, any>;\n    children: ReactNode;\n    tracks: PxElementTracks;\n    progress: SharedValue<number>;\n    stepMs: number;\n    sampleCount: number;\n}) {\n    const AnimatedComponent = useMemo(() => getAnimatedComponent(Component), [Component]);\n\n    // Runs on the UI thread every frame; `sampleProps` is a trivial indexed\n    // lookup into the precompiled tracks — no interpolation logic on the hot path.\n    const animatedProps = useAnimatedProps(() => {\n        return sampleProps(tracks, progress.value, stepMs, sampleCount);\n    }, [tracks, stepMs, sampleCount]);\n\n    return (\n        <AnimatedComponent {...staticProps} animatedProps={animatedProps}>\n            {children}\n        </AnimatedComponent>\n    );\n}\n\n\n// -- Main component ----------------------------------------------------------\n\n/**\n * React Native component for rendering and controlling Pixodesk SVG animations.\n *\n * The document is materialised once through the shared core pipeline (effects,\n * loops, motion-path sampling, animated-`<use>` inlining — identical to the\n * web frames engine), compiled into densely sampled per-element tracks, and\n * played back natively: a single reanimated progress value driven by\n * `withTiming`/`withRepeat` on the UI thread, with per-element worklets\n * indexing the precompiled tracks. No JS-thread frame loop.\n */\nexport function PixodeskSvgAnimator({\n    doc, duration, delay, iterations, fill, direction,\n    autoplay, play, pause, apiRef, time, timeMs,\n    onPlay, onStop, onPause, onCancel, onFinish,\n}: PixodeskSvgAnimatorProps): ReactElement | null {\n\n    // -- Compile the document (once per doc/override change) ------------------\n\n    const compiled = useMemo(() => {\n        const warnings = validateNodeEffects(doc as PxNode);\n        for (const w of warnings) console.warn('[PixodeskSvgAnimator] effects shape warning:', w);\n\n        // `webapi` = the FULLY-FLATTENED materialisation: effects + loops +\n        // sampled motion paths + animated `<use>` inlined into real `<g>`\n        // clones + orphaned defs pruned. That last part is why RN must not use\n        // the `frames` flavour: frames keeps `<use href=\"#animatedTarget\">`\n        // live references, which only work because the DOM propagates\n        // attribute writes through `<use>` shadow trees. react-native-svg has\n        // no such live propagation, so an animated `<use>` would render frozen.\n        let prepared = materialiseAllInTree(doc, PxAnimatorEngine.webapi);\n\n        // Apply prop overrides onto the animator config (mirrors the react wrapper).\n        const animator = getAnimatorConfig(prepared) || {};\n        prepared = {\n            ...prepared,\n            animator: {\n                ...animator,\n                duration: duration !== undefined ? duration : animator.duration,\n                delay: delay !== undefined ? delay : animator.delay,\n                iterations: iterations !== undefined ? iterations : animator.iterations,\n                fill: fill !== undefined ? fill : animator.fill,\n                direction: direction !== undefined ? direction : animator.direction,\n            },\n        };\n\n        prepared = generateNewIds(prepared);\n        const tracks = compileTracks(prepared);\n        return { doc: prepared, tracks };\n    }, [doc, duration, delay, iterations, fill, direction]);\n\n    const tracks: PxCompiledTracks = compiled.tracks;\n    const totalDuration = tracks.duration * (tracks.iterations === Infinity ? 1 : tracks.iterations);\n\n    // -- Playback state -------------------------------------------------------\n\n    // Progress in ms within ONE iteration; iteration repetition/alternation is\n    // expressed through withRepeat, so worklets only ever see [0, duration].\n    const progress = useSharedValue(0);\n    const playingRef = useRef(false);\n    const rateRef = useRef(1);\n\n    const notifyFinish = () => {\n        playingRef.current = false;\n        if (tracks.fill === 'none' || tracks.fill === 'backwards') progress.value = 0;\n        onFinish?.();\n        onStop?.();\n    };\n\n    const startFrom = (fromMs: number) => {\n        const dur = tracks.duration;\n        const rate = rateRef.current || 1;\n        const reversedStart = tracks.direction === 'reverse' || tracks.direction === 'alternate-reverse';\n        const alternates = tracks.direction === 'alternate' || tracks.direction === 'alternate-reverse';\n        const from = Math.max(0, Math.min(fromMs, dur));\n\n        const legTarget = reversedStart ? 0 : dur;\n        const legRemaining = Math.abs(legTarget - from) / rate;\n        const repeats = tracks.iterations === Infinity ? -1 : tracks.iterations;\n\n        cancelAnimation(progress);\n        progress.value = reversedStart ? (from === 0 ? dur : from) : from;\n\n        const animation = repeats === 1\n            ? withTiming(legTarget, { duration: legRemaining, easing: Easing.linear }, (finished) => {\n                'worklet';\n                if (finished) runOnJS(notifyFinish)();\n            })\n            : withRepeat(\n                withTiming(legTarget, { duration: legRemaining, easing: Easing.linear }),\n                repeats, alternates,\n                (finished) => {\n                    'worklet';\n                    if (finished) runOnJS(notifyFinish)();\n                }\n            );\n\n        progress.value = tracks.delay > 0 && from === 0\n            ? withDelay(tracks.delay / rate, animation)\n            : animation;\n\n        playingRef.current = true;\n    };\n\n    const api: RnAnimatorApi = {\n        isPlaying: () => playingRef.current,\n        play: () => {\n            const from = playingRef.current ? progress.value : progress.value >= tracks.duration ? 0 : progress.value;\n            startFrom(from);\n            onPlay?.();\n        },\n        pause: () => {\n            cancelAnimation(progress);\n            playingRef.current = false;\n            onPause?.();\n            onStop?.();\n        },\n        cancel: () => {\n            cancelAnimation(progress);\n            progress.value = 0;\n            playingRef.current = false;\n            onCancel?.();\n            onStop?.();\n        },\n        finish: () => {\n            cancelAnimation(progress);\n            progress.value = tracks.fill === 'none' || tracks.fill === 'backwards' ? 0 : tracks.duration;\n            playingRef.current = false;\n            onFinish?.();\n            onStop?.();\n        },\n        setPlaybackRate: (rate: number) => {\n            if (!isFinite(rate) || rate <= 0) {\n                console.warn('setPlaybackRate: only finite positive rates are supported in the RN player (reverse is on the feature-gap list)');\n                return;\n            }\n            rateRef.current = rate;\n            if (playingRef.current) startFrom(progress.value);\n        },\n        getCurrentTime: () => progress.value,\n        setCurrentTime: (t: number) => {\n            cancelAnimation(progress);\n            playingRef.current = false;\n            const clamped = Math.max(0, Math.min(t, totalDuration));\n            progress.value = tracks.duration > 0 ? clamped % tracks.duration || (clamped === 0 ? 0 : tracks.duration) : 0;\n        },\n    };\n\n    useImperativeHandle(apiRef, () => api, [compiled]);\n\n    // -- Declarative control --------------------------------------------------\n\n    const startOn = getAnimatorConfig(compiled.doc)?.trigger?.startOn ?? 'load';\n\n    useEffect(() => {\n        if (time !== undefined || timeMs !== undefined) {\n            const seekMs = timeMs !== undefined ? timeMs : (time ?? 0) * totalDuration;\n            api.setCurrentTime(seekMs);\n            return;\n        }\n        if (play !== undefined || pause !== undefined) {\n            if (play && !pause) api.play();\n            else if (pause) api.pause();\n            else if (play === false) api.finish();\n            else api.play();\n            return;\n        }\n        if (autoplay && startOn === 'load') {\n            api.play();\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [compiled, autoplay, play, pause, time, timeMs]);\n\n    // Stop cleanly on unmount / doc swap.\n    useEffect(() => {\n        return () => {\n            cancelAnimation(progress);\n            playingRef.current = false;\n        };\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [compiled]);\n\n    // -- Render ---------------------------------------------------------------\n\n    const trackById = useMemo(() => {\n        const map = new Map<string, PxElementTracks>();\n        for (const el of tracks.elements) map.set(el.id, el);\n        return map;\n    }, [tracks]);\n\n    const warningsRef = useRef<Array<string>>([]);\n    const root = useMemo(() => {\n        warningsRef.current = [];\n        return renderRnNode(compiled.doc as PxNode, {\n            warnings: warningsRef.current,\n            decorate: (node, Component, staticProps, children) => {\n                const id = (node as any).id;\n                const elTracks = id ? trackById.get(id) : undefined;\n                if (!elTracks) return undefined;\n                return (\n                    <AnimatedPxElement\n                        key={staticProps.key}\n                        Component={Component}\n                        staticProps={staticProps}\n                        tracks={elTracks}\n                        progress={progress}\n                        stepMs={tracks.stepMs}\n                        sampleCount={tracks.sampleCount}\n                    >\n                        {children}\n                    </AnimatedPxElement>\n                );\n            },\n        });\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [compiled, trackById]);\n\n    useEffect(() => {\n        for (const w of warningsRef.current) console.warn('[PixodeskSvgAnimator]', w);\n    }, [root]);\n\n    return root;\n}\n\nexport default PixodeskSvgAnimator;\n","/*---------------------------------------------------------------------------------------\n * Copyright (c) Pixodesk LTD.\n * Licensed under the MIT License. See the LICENSE file in the project root for details.\n *---------------------------------------------------------------------------------------*/\n\nimport {\n    calcAnimationValues,\n    getAnimatorConfig,\n    getNormalisedBindings,\n    DEFAULT_DURATION_MS,\n    PxAnimatorEngine,\n    type PxAnimatedSvgDocument,\n    type PxAnimationDefinition,\n} from '@pixodesk/svg-animator-core';\nimport { toRnPropName, toRnPropValue } from './PxRnPropNames';\n\n/**\n * Sampled animation tracks for ONE element: prop name → per-sample values.\n *\n * The compiler densely samples every animated property through core's\n * `calcAnimationValues` — the exact function the web frames engine renders\n * with — so RN playback is value-identical to the web player. Easing, loops,\n * transform composition, colour interpolation and path morphing are all baked\n * into the samples at compile time; the UI-thread worklet only indexes arrays.\n */\nexport interface PxElementTracks {\n    /** Element id (after id regeneration). */\n    id: string;\n    /** react-native-svg prop name → one value per sample. */\n    props: Record<string, Array<string | number | Array<number>>>;\n}\n\nexport interface PxCompiledTracks {\n    /** Per-iteration duration, ms. */\n    duration: number;\n    /** Iteration count (Infinity for 'infinite'). */\n    iterations: number;\n    /** 'normal' | 'reverse' | 'alternate' | 'alternate-reverse' */\n    direction: string;\n    /** Delay before start, ms (positive = wait). */\n    delay: number;\n    /** WAAPI-style fill mode (default 'forwards'). */\n    fill: string;\n    /** Sample step, ms. */\n    stepMs: number;\n    /** Number of samples per iteration (>= 2; sample i is at time i*stepMs). */\n    sampleCount: number;\n    /** Tracks for every animated element. */\n    elements: Array<PxElementTracks>;\n}\n\nexport interface CompileTracksOptions {\n    /** Target sample rate, samples/second. Default 60 (one per frame). */\n    sampleRate?: number;\n    /** Hard cap on samples per iteration (memory guard). Default 600. */\n    maxSamples?: number;\n}\n\n\n\n/**\n * Compiles a MATERIALISED document (run `materialiseAllInTree(doc, 'frames')`\n * + `generateNewIds` first) into densely sampled per-element tracks.\n */\nexport function compileTracks(doc: PxAnimatedSvgDocument, opts?: CompileTracksOptions): PxCompiledTracks {\n    const config = getAnimatorConfig(doc) || {};\n\n    const duration = +(config.duration || DEFAULT_DURATION_MS);\n    const _iterations = config.iterations;\n    let iterations = 1;\n    if (typeof _iterations === 'number') iterations = _iterations || 1;\n    if (_iterations === 'infinite') iterations = Infinity;\n    if (iterations < 1) iterations = 1;\n\n    const sampleRate = opts?.sampleRate ?? 60;\n    const maxSamples = opts?.maxSamples ?? 600;\n    let sampleCount = Math.max(2, Math.round((duration / 1000) * sampleRate) + 1);\n    if (sampleCount > maxSamples) sampleCount = maxSamples;\n    const stepMs = duration / (sampleCount - 1);\n\n    const bindings = getNormalisedBindings(doc, PxAnimatorEngine.frames) || [];\n\n    const elements: Array<PxElementTracks> = [];\n    for (const binding of bindings) {\n        const animDef = binding.animate;\n        if (!animDef || typeof animDef !== 'object' || Array.isArray(animDef)) continue;\n\n        const props: Record<string, Array<string | number | Array<number>>> = {};\n        for (let i = 0; i < sampleCount; i++) {\n            const t = i === sampleCount - 1 ? duration : i * stepMs;\n            const values = calcAnimationValues(animDef as PxAnimationDefinition, t);\n            for (const [attr, value] of Object.entries(values)) {\n                const rnProp = toRnPropName(attr);\n                if (!rnProp) continue;\n                let arr = props[rnProp];\n                if (!arr) {\n                    arr = props[rnProp] = new Array(sampleCount);\n                    // A prop can appear late (e.g. attrs whose first kf is\n                    // beyond t=0) — backfill earlier samples with the first\n                    // computed value so the array is always fully populated.\n                    for (let j = 0; j < i; j++) arr[j] = toRnPropValue(rnProp, value);\n                }\n                arr[i] = toRnPropValue(rnProp, value);\n            }\n        }\n        // Forward-fill any holes (attr disappeared from a later sample).\n        for (const arr of Object.values(props)) {\n            for (let i = 1; i < sampleCount; i++) {\n                if (arr[i] === undefined) arr[i] = arr[i - 1];\n            }\n        }\n\n        if (Object.keys(props).length > 0) {\n            elements.push({ id: binding.id, props });\n        }\n    }\n\n    return {\n        duration,\n        iterations,\n        direction: config.direction || 'normal',\n        delay: config.delay || 0,\n        fill: config.fill ?? 'forwards',\n        stepMs,\n        sampleCount,\n        elements,\n    };\n}\n\n/**\n * Worklet-safe sample lookup: returns the per-prop values at time `tMs`\n * (already mapped into a single iteration by the caller). Kept deliberately\n * trivial — runs on the UI thread every frame.\n */\nexport function sampleProps(\n    tracks: PxElementTracks,\n    tMs: number,\n    stepMs: number,\n    sampleCount: number\n): Record<string, string | number | Array<number>> {\n    'worklet';\n    let idx = Math.round(tMs / stepMs);\n    if (idx < 0) idx = 0;\n    if (idx >= sampleCount) idx = sampleCount - 1;\n    const out: Record<string, string | number | Array<number>> = {};\n    for (const key in tracks.props) {\n        out[key] = tracks.props[key][idx];\n    }\n    return out;\n}\n","/*---------------------------------------------------------------------------------------\n * Copyright (c) Pixodesk LTD.\n * Licensed under the MIT License. See the LICENSE file in the project root for details.\n *---------------------------------------------------------------------------------------*/\n\nimport { kebabToCamelCaseWord } from '@pixodesk/svg-animator-core';\n\n/** Attribute names with a react-native-svg prop equivalent under a\n *  different name (not just a casing change). */\nconst ATTR_NAME_OVERRIDES: Record<string, string> = {\n    'xlink:href': 'href',\n};\n\n/** Props react-native-svg does not understand / must not receive. */\nconst DROPPED_ATTRS = new Set(['class', 'className', 'style', 'xmlns', 'xmlns:xlink', 'data-px-meta']);\n\n/**\n * Converts one normalised wire attribute name (camelCase after core's\n * `getNormalizedProps`, or kebab-case raw) to a react-native-svg prop name.\n * Returns undefined for props that must be dropped.\n *\n * Pure (no react-native-svg import) so the track compiler and its tests\n * don't need a React Native environment.\n */\nexport function toRnPropName(attrName: string): string | undefined {\n    if (DROPPED_ATTRS.has(attrName)) return undefined;\n    const override = ATTR_NAME_OVERRIDES[attrName];\n    if (override) return override;\n    // react-native-svg uses camelCase props (strokeWidth, fillOpacity, …);\n    // core's kebabToCamelCaseWord is a no-op for already-camelCase input.\n    return kebabToCamelCaseWord(attrName);\n}\n\n/** Props whose value is a LIST of lengths. react-native-svg's native side\n *  expects a number array here (its JS `extractLengthList` splits strings, but\n *  values delivered through reanimated's animated-props path bypass that JS\n *  extraction and reach the native view directly). */\nconst LENGTH_LIST_PROPS = new Set(['strokeDasharray']);\n\n/**\n * Converts one already-renamed prop value into the shape react-native-svg\n * expects: length-list props become number arrays; numeric strings become\n * numbers; everything else passes through.\n */\nexport function toRnPropValue(rnPropName: string, value: string | number): string | number | Array<number> {\n    if (LENGTH_LIST_PROPS.has(rnPropName)) {\n        const parts = String(value).trim().replace(/,/g, ' ').split(/\\s+/).map(Number).filter(n => Number.isFinite(n));\n        // An odd-length dasharray repeats to become even (SVG spec); rn-svg\n        // does this itself for the static path — mirror it so both paths agree.\n        return parts.length % 2 === 1 ? parts.concat(parts) : parts;\n    }\n    if (typeof value === 'number') return value;\n    const num = +value;\n    return Number.isFinite(num) && String(num) === value ? num : value;\n}\n","/*---------------------------------------------------------------------------------------\n * Copyright (c) Pixodesk LTD.\n * Licensed under the MIT License. See the LICENSE file in the project root for details.\n *---------------------------------------------------------------------------------------*/\n\nimport {\n    getNormalizedProps,\n    sanitiseAttributeValue,\n    DISALLOWED_SVG_TAGS_LOWER,\n    TEXT_ATTR,\n    TEXT_CONTENT_ATTR,\n    type PxNode,\n} from '@pixodesk/svg-animator-core';\nimport { createElement, type ComponentType, type ReactElement, type ReactNode } from 'react';\nimport { RN_SVG_COMPONENTS } from './PxRnTypeMap';\nimport { toRnPropName, toRnPropValue } from './PxRnPropNames';\n\nexport interface RenderRnNodeOptions {\n    /** Collects non-fatal issues (unsupported tags, dropped attrs). */\n    warnings?: Array<string>;\n    /**\n     * Wraps the created element for animated nodes: receives the resolved\n     * component + static props and returns the element to mount (the animator\n     * substitutes an Animated component wired to its tracks). Return undefined\n     * to keep the plain static element.\n     */\n    decorate?: (\n        node: PxNode,\n        Component: ComponentType<any>,\n        props: Record<string, any>,\n        children: ReactNode\n    ) => ReactElement | undefined;\n}\n\n/**\n * Converts core-normalised wire props into react-native-svg props: RN prop\n * naming, sanitisation (same security rules as the web renderer), numeric\n * coercion where possible.\n */\nexport function toRnProps(props: Record<string, any>, warnings?: Array<string>): Record<string, any> {\n    const normalised = getNormalizedProps(props);\n    const out: Record<string, any> = {};\n    for (const key of Object.keys(normalised)) {\n        const sanitised = sanitiseAttributeValue(key, normalised[key]);\n        if (sanitised === undefined) continue;\n        const rnKey = toRnPropName(key);\n        if (!rnKey) continue;\n        out[rnKey] = toRnPropValue(rnKey, String(sanitised));\n    }\n    return out;\n}\n\n/**\n * Renders a (materialised) PxNode tree to react-native-svg elements.\n * Mirrors the web `renderNode` contract: unsupported/dangerous tags are\n * skipped with a warning, never a crash.\n */\nexport function renderRnNode(node: PxNode, opts: RenderRnNodeOptions = {}, key?: string | number): ReactElement | null {\n    if (!node) return null;\n\n    const { type, children, style, animate, meta, effects, ...props } = node as any;\n    const tag = String(type || 'g');\n\n    if (DISALLOWED_SVG_TAGS_LOWER.has(tag.toLowerCase())) {\n        opts.warnings?.push('tag blocked (dangerous): ' + tag);\n        return null;\n    }\n\n    const Component = RN_SVG_COMPONENTS[tag];\n    if (!Component) {\n        opts.warnings?.push('tag not supported in react-native-svg mapping: ' + tag);\n        return null;\n    }\n\n    const rnProps = toRnProps(props, opts.warnings);\n    if (key !== undefined) rnProps.key = key;\n\n    // Text content: wire nodes carry it as `text` / `textContent` attr.\n    const textContent: string | undefined = props[TEXT_ATTR] || props[TEXT_CONTENT_ATTR];\n\n    let childElements: ReactNode = undefined;\n    if (Array.isArray(children) && children.length > 0) {\n        childElements = children\n            .map((ch: PxNode, i: number) => renderRnNode(ch, opts, i))\n            .filter(Boolean);\n    } else if (textContent !== undefined) {\n        childElements = String(textContent);\n    }\n\n    const decorated = opts.decorate?.(node, Component, rnProps, childElements);\n    if (decorated !== undefined) return decorated;\n\n    return createElement(Component, rnProps, childElements);\n}\n","/*---------------------------------------------------------------------------------------\n * Copyright (c) Pixodesk LTD.\n * Licensed under the MIT License. See the LICENSE file in the project root for details.\n *---------------------------------------------------------------------------------------*/\n\nimport {\n    Circle,\n    ClipPath,\n    Defs,\n    Ellipse,\n    G,\n    Image,\n    Line,\n    LinearGradient,\n    Marker,\n    Mask,\n    Path,\n    Pattern,\n    Polygon,\n    Polyline,\n    RadialGradient,\n    Rect,\n    Stop,\n    Svg,\n    Symbol as SvgSymbol,\n    Text as SvgText,\n    TextPath,\n    TSpan,\n    Use,\n} from 'react-native-svg';\nimport type { ComponentType } from 'react';\n\n/**\n * SVG tag → react-native-svg component. Tags not in this map are skipped at\n * render time (with a warning collected by the renderer) — they go on the\n * feature-gap list rather than crashing the tree.\n */\nexport const RN_SVG_COMPONENTS: Record<string, ComponentType<any>> = {\n    svg: Svg,\n    g: G,\n    rect: Rect,\n    circle: Circle,\n    ellipse: Ellipse,\n    line: Line,\n    path: Path,\n    polygon: Polygon,\n    polyline: Polyline,\n    text: SvgText,\n    tspan: TSpan,\n    textPath: TextPath,\n    defs: Defs,\n    linearGradient: LinearGradient,\n    radialGradient: RadialGradient,\n    stop: Stop,\n    use: Use,\n    symbol: SvgSymbol,\n    mask: Mask,\n    clipPath: ClipPath,\n    pattern: Pattern,\n    marker: Marker,\n    image: Image,\n};\n\nexport { toRnPropName } from './PxRnPropNames';\n"],"mappings":"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","names":["import_svg_animator_core","import_react","import_svg_animator_core","import_svg_animator_core","SvgText","SvgSymbol","Animated","tracks"]}