@exponential_app/eui-react 0.6.0 → 0.7.0

package/dist/index.js

@@ -2741,6 +2741,7 @@ function VoiceWaveBarsNative({ node, props, rootProps, children }) {
   latest.current = input;
   const elapsed = useRef13(0);
   const rects = useRef13([]);
+  const svg = useRef13(null);
   const animates = voiceWaveAnimates(activity) && !ctx.reducedMotion;
   useEffect9(() => {
     if (!animates) {
@@ -2756,7 +2757,7 @@ function VoiceWaveBarsNative({ node, props, rootProps, children }) {
         el.setAttribute(`y`, String(bar.y));
         el.setAttribute(`height`, String(bar.height));
       });
-    });
+    }, svg.current);
   }, [animates]);
   const meter = voiceWaveBars({ ...input, elapsed: elapsed.current });
   const colour = String(resolveRecipe(ctx.theme, { component: `VoiceWave`, part: `bar`, props: nativeRecipeProps2(`VoiceWave`, props) }, ctx.mode).color ?? `currentColor`);
@@ -2770,6 +2771,7 @@ function VoiceWaveBarsNative({ node, props, rootProps, children }) {
     style: mergeStyle(rootProps, { width: meter.width, height: meter.height }),
     children: [
       /* @__PURE__ */ jsx12("svg", {
+        ref: svg,
         viewBox: `0 0 ${meter.width} ${meter.height}`,
         width: meter.width,
         height: meter.height,
@@ -2807,6 +2809,7 @@ function VoiceWaveRingNative({ node, props, rootProps, children }) {
   latest.current = input;
   const elapsed = useRef13(0);
   const paths = useRef13([]);
+  const svg = useRef13(null);
   const animates = voiceWaveAnimates(activity) && !ctx.reducedMotion;
   useEffect9(() => {
     if (!animates) {
@@ -2816,7 +2819,7 @@ function VoiceWaveRingNative({ node, props, rootProps, children }) {
     return voiceWaveClock((t) => {
       elapsed.current = t;
       voiceWave({ ...latest.current, elapsed: t }).rings.forEach((ring, k) => paths.current[k]?.setAttribute(`d`, voiceWavePath(ring)));
-    });
+    }, svg.current);
   }, [animates]);
   const childEl = useRef13(null);
   const hasChild = node.children.length > 0;
@@ -2833,6 +2836,7 @@ function VoiceWaveRingNative({ node, props, rootProps, children }) {
     style: mergeStyle(rootProps, { width: size, height: size }),
     children: [
       /* @__PURE__ */ jsx12("svg", {
+        ref: svg,
         viewBox: `0 0 ${size} ${size}`,
         width: size,
         height: size,
@@ -8076,5 +8080,5 @@ export {
   walkNodes
 };
 
-//# debugId=5A48BA09F5F12DD664756E2164756E21
+//# debugId=BC5D9945895E03F164756E2164756E21
 //# sourceMappingURL=index.js.map