@opentui/react 0.1.86 → 0.1.87

package/{chunk-55jh4xgn.js → chunk-6x3h6qt2.js}

@@ -166,7 +166,7 @@ import { TextNodeRenderable as TextNodeRenderable2 } from "@opentui/core";
 // package.json
 var package_default = {
   name: "@opentui/react",
-  version: "0.1.86",
+  version: "0.1.87",
   description: "React renderer for building terminal user interfaces using OpenTUI core",
   license: "MIT",
   repository: {

package/index.js

@@ -9,7 +9,7 @@ import {
   flushSync,
   getComponentCatalogue,
   useAppContext
-} from "./chunk-55jh4xgn.js";
+} from "./chunk-6x3h6qt2.js";
 import"./chunk-2mx7fq49.js";
 // src/hooks/use-keyboard.ts
 import { useEffect } from "react";
@@ -96,8 +96,16 @@ var useTimeline = (options = {}) => {
   }, []);
   return timeline;
 };
-// src/index.ts
+// src/time-to-first-draw.tsx
+import { TimeToFirstDrawRenderable } from "@opentui/core";
 import { createElement } from "react";
+extend({ "time-to-first-draw": TimeToFirstDrawRenderable });
+var TimeToFirstDraw = (props) => {
+  return createElement("time-to-first-draw", props);
+};
+
+// src/index.ts
+import { createElement as createElement2 } from "react";
 export {
   useTimeline,
   useTerminalDimensions,
@@ -110,8 +118,9 @@ export {
   extend,
   createRoot,
   createPortal,
-  createElement,
+  createElement2 as createElement,
   componentCatalogue,
   baseComponents,
+  TimeToFirstDraw,
   AppContext
 };

package/package.json

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

package/src/index.d.ts

@@ -2,5 +2,6 @@ export * from "./components";
 export * from "./components/app";
 export * from "./hooks";
 export * from "./reconciler/renderer";
+export * from "./time-to-first-draw";
 export * from "./types/components";
 export { createElement } from "react";

package/src/time-to-first-draw.d.ts

@@ -0,0 +1,12 @@
+import { TimeToFirstDrawRenderable } from "@opentui/core";
+import type { ExtendedComponentProps } from "./types/components";
+declare module "@opentui/react" {
+    interface OpenTUIComponents {
+        "time-to-first-draw": typeof TimeToFirstDrawRenderable;
+    }
+}
+export type TimeToFirstDrawProps = ExtendedComponentProps<typeof TimeToFirstDrawRenderable>;
+export declare const TimeToFirstDraw: (props: TimeToFirstDrawProps) => import("react").ReactElement<import("@opentui/core").TimeToFirstDrawOptions & {
+    children?: React.ReactNode;
+    style?: Partial<Omit<import("@opentui/core").TimeToFirstDrawOptions | undefined, import("@opentui/react").NonStyledProps>> | undefined;
+} & import("@opentui/react").ReactProps<TimeToFirstDrawRenderable>, string | import("react").JSXElementConstructor<any>>;

package/test-utils.js

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