@opentui/react 0.5.2 → 0.5.4

package/{chunk-6ew4m133.js → chunk-sxh319c2.js}

@@ -168,7 +168,7 @@ import { ImageRenderable as ImageRenderable2, TextNodeRenderable as TextNodeRend
 // package.json
 var package_default = {
   name: "@opentui/react",
-  version: "0.5.2",
+  version: "0.5.4",
   description: "React renderer for building terminal user interfaces using OpenTUI core",
   license: "MIT",
   repository: {

package/index.js

@@ -11,7 +11,7 @@ import {
   getComponentCatalogue,
   jsxDEV,
   useAppContext
-} from "./chunk-6ew4m133.js";
+} from "./chunk-sxh319c2.js";
 import"./chunk-2mx7fq49.js";
 // src/hooks/use-blur.ts
 import { useEffect } from "react";
@@ -132,11 +132,12 @@ var useTerminalDimensions = () => {
 };
 // src/hooks/use-timeline.ts
 import { engine, Timeline } from "@opentui/core";
-import { useEffect as useEffect7 } from "react";
+import { useEffect as useEffect7, useState as useState2 } from "react";
 var useTimeline = (options = {}) => {
-  const timeline = new Timeline(options);
+  const [timeline] = useState2(() => new Timeline(options));
+  const [autoplay] = useState2(options.autoplay !== false);
   useEffect7(() => {
-    if (options.autoplay !== false) {
+    if (autoplay) {
       timeline.play();
     }
     engine.register(timeline);
@@ -144,14 +145,14 @@ var useTimeline = (options = {}) => {
       timeline.pause();
       engine.unregister(timeline);
     };
-  }, []);
+  }, [autoplay, timeline]);
   return timeline;
 };
 // src/plugins/slot.tsx
 import {
   createSlotRegistry
 } from "@opentui/core";
-import React, { Fragment as Fragment2, useEffect as useEffect8, useMemo, useRef as useRef2, useState as useState2 } from "react";
+import React, { Fragment as Fragment2, useEffect as useEffect8, useMemo, useRef as useRef2, useState as useState3 } from "react";
 function createReactSlotRegistry(renderer, context, options = {}) {
   return createSlotRegistry(renderer, "react:slot-registry", context, options);
 }
@@ -225,7 +226,7 @@ function createSlot(registry, options = {}) {
   };
 }
 function Slot(props) {
-  const [version, setVersion] = useState2(0);
+  const [version, setVersion] = useState3(0);
   const registry = props.registry;
   const slotName = String(props.name);
   const renderFailuresByPluginRef = useRef2(new Map);

package/package.json

@@ -4,7 +4,7 @@
   "main": "index.js",
   "types": "src/index.d.ts",
   "type": "module",
-  "version": "0.5.2",
+  "version": "0.5.4",
   "description": "React renderer for building terminal user interfaces using OpenTUI core",
   "license": "MIT",
   "repository": {
@@ -52,7 +52,7 @@
     }
   },
   "dependencies": {
-    "@opentui/core": "0.5.2",
+    "@opentui/core": "0.5.4",
     "react-reconciler": "^0.33.0"
   },
   "devDependencies": {

package/test-utils.js

@@ -1,7 +1,7 @@
 // @bun
 import {
   createRoot
-} from "./chunk-6ew4m133.js";
+} from "./chunk-sxh319c2.js";
 import"./chunk-2mx7fq49.js";
 
 // src/test-utils.ts