@alchemy.run/sigil 0.0.0-alpha.2 → 0.0.0-alpha.3

package/dist/index.d.ts

@@ -1175,6 +1175,7 @@ Transform a string representation of React components before they're written to
 declare function Transform({ children, transform, accessibilityLabel }: Props$7): import("react").JSX.Element | null;
 //#endregion
 //#region src/components/Newline.d.ts
+/** @jsxImportSource react */
 type Props$2 = {
   /**
       Number of newlines to insert.

package/dist/index.js

@@ -312,6 +312,7 @@ const parseStackLine = (line) => {
 const backgroundContext = createContext(void 0);
 //#endregion
 //#region src/components/Box.tsx
+/** @jsxImportSource react */
 /**
 `<Box>` is an essential Ink component to build your layout. It's like `<div style="display: flex">` in the browser.
 */
@@ -377,6 +378,7 @@ const colorize = (str, color, type) => {
 };
 //#endregion
 //#region src/components/Text.tsx
+/** @jsxImportSource react */
 /**
 This component can display text and change its style to make it bold, underlined, italic, or strikethrough.
 */
@@ -411,6 +413,7 @@ function Text({ color, backgroundColor, dimColor = false, bold = false, italic =
 }
 //#endregion
 //#region src/components/ErrorOverview.tsx
+/** @jsxImportSource react */
 const cleanupPath = (path) => {
 	return path?.replace(`file://${cwd()}/`, "");
 };
@@ -523,6 +526,7 @@ function ErrorOverview({ error }) {
 }
 //#endregion
 //#region src/components/ErrorBoundary.tsx
+/** @jsxImportSource react */
 var ErrorBoundary = class extends PureComponent {
 	static displayName = "InternalErrorBoundary";
 	static getDerivedStateFromError(error) {
@@ -588,6 +592,7 @@ const StdoutContext = createContext({
 StdoutContext.displayName = "InternalStdoutContext";
 //#endregion
 //#region src/components/App.tsx
+/** @jsxImportSource react */
 const tab = "	";
 const shiftTab = `${CSI}Z`;
 const escape = "\x1B";
@@ -2885,6 +2890,7 @@ function shouldSynchronize(stream, interactive) {
 }
 //#endregion
 //#region src/ink.tsx
+/** @jsxImportSource react */
 const noop = () => {};
 const textEncoder = new TextEncoder();
 const yieldImmediate = async () => new Promise((resolve) => {
@@ -3712,6 +3718,7 @@ const renderToString = (node, options) => {
 };
 //#endregion
 //#region src/components/Static.tsx
+/** @jsxImportSource react */
 /**
 `<Static>` component permanently renders its output above everything else. It's useful for displaying activity like completed tasks or logs—things that don't change after they're rendered (hence the name "Static").
 
@@ -3744,6 +3751,7 @@ function Static(props) {
 }
 //#endregion
 //#region src/components/Transform.tsx
+/** @jsxImportSource react */
 /**
 Transform a string representation of React components before they're written to output. For example, you might want to apply a gradient to text, add a clickable link, or create some text effects. These use cases can't accept React nodes as input; they expect a string. That's what the <Transform> component does: it gives you an output string of its child components and lets you transform it in any way.
 */
@@ -3770,6 +3778,7 @@ function Newline({ count = 1 }) {
 }
 //#endregion
 //#region src/components/Spacer.tsx
+/** @jsxImportSource react */
 /**
 A flexible space that expands along the major axis of its containing layout.
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alchemy.run/sigil",
-  "version": "0.0.0-alpha.2",
+  "version": "0.0.0-alpha.3",
   "description": "React for CLIs. A self-contained fork of Ink with an integrated TypeScript Yoga layout engine.",
   "keywords": [
     "cli",

package/src/components/App.tsx

@@ -1,3 +1,4 @@
+/** @jsxImportSource react */
 import { EventEmitter } from "node:events";
 import process from "node:process";
 

package/src/components/Box.tsx

@@ -1,3 +1,4 @@
+/** @jsxImportSource react */
 import { forwardRef, useContext, type PropsWithChildren } from "react";
 
 import { type DOMElement } from "../dom.ts";

package/src/components/ErrorBoundary.tsx

@@ -1,3 +1,4 @@
+/** @jsxImportSource react */
 import { PureComponent, type ReactNode } from "react";
 
 import { ErrorOverview } from "./ErrorOverview.tsx";

package/src/components/ErrorOverview.tsx

@@ -1,3 +1,4 @@
+/** @jsxImportSource react */
 import * as fs from "node:fs";
 import { cwd } from "node:process";
 

package/src/components/Newline.tsx

@@ -1,3 +1,4 @@
+/** @jsxImportSource react */
 export type Props = {
   /**
 	Number of newlines to insert.

package/src/components/Spacer.tsx

@@ -1,3 +1,4 @@
+/** @jsxImportSource react */
 import { Box } from "./Box.tsx";
 
 /**

package/src/components/Static.tsx

@@ -1,3 +1,4 @@
+/** @jsxImportSource react */
 import { useMemo, useState, useLayoutEffect, type ReactNode } from "react";
 
 import { type Styles } from "../styles.ts";

package/src/components/Text.tsx

@@ -1,3 +1,4 @@
+/** @jsxImportSource react */
 import { useContext, type ReactNode } from "react";
 
 import { chalk, type ForegroundColorName } from "../ansi/chalk.ts";

package/src/components/Transform.tsx

@@ -1,3 +1,4 @@
+/** @jsxImportSource react */
 import { useContext, type ReactNode } from "react";
 
 import { accessibilityContext } from "./AccessibilityContext.ts";

package/src/ink.tsx

@@ -1,3 +1,4 @@
+/** @jsxImportSource react */
 import process from "node:process";
 
 import { type ReactNode } from "react";