@yeshwanthyk/open-tui 0.1.4 → 0.1.6

package/dist/app.js

@@ -10,19 +10,21 @@ import { render } from "@opentui/solid";
  * @returns Promise that resolves when the app exits
  */
 export function startApp(rootComponent, config = {}) {
-    return new Promise((resolve) => {
-        const { onExit, ...renderConfig } = config;
-        render(rootComponent, {
-            targetFps: 30,
-            exitOnCtrlC: false,
-            useKittyKeyboard: {},
-            ...renderConfig,
-            onDestroy: async () => {
-                renderConfig.onDestroy?.();
-                await onExit?.();
-                resolve();
-            },
-        });
+  return new Promise(resolve => {
+    const {
+      onExit,
+      ...renderConfig
+    } = config;
+    render(rootComponent, {
+      targetFps: 30,
+      exitOnCtrlC: false,
+      useKittyKeyboard: {},
+      ...renderConfig,
+      onDestroy: async () => {
+        renderConfig.onDestroy?.();
+        await onExit?.();
+        resolve();
+      }
     });
-}
-//# sourceMappingURL=app.js.map
+  });
+}

package/dist/app.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"app.jsx","sourceRoot":"","sources":["../src/app.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAGH,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAA;AAQvC;;;;;;GAMG;AACH,MAAM,UAAU,QAAQ,CAAC,aAAgC,EAAE,SAAoB,EAAE;IAChF,OAAO,IAAI,OAAO,CAAO,CAAC,OAAO,EAAE,EAAE;QACpC,MAAM,EAAE,MAAM,EAAE,GAAG,YAAY,EAAE,GAAG,MAAM,CAAA;QAE1C,MAAM,CAAC,aAAa,EAAE;YACrB,SAAS,EAAE,EAAE;YACb,WAAW,EAAE,KAAK;YAClB,gBAAgB,EAAE,EAAE;YACpB,GAAG,YAAY;YACf,SAAS,EAAE,KAAK,IAAI,EAAE;gBACrB,YAAY,CAAC,SAAS,EAAE,EAAE,CAAA;gBAC1B,MAAM,MAAM,EAAE,EAAE,CAAA;gBAChB,OAAO,EAAE,CAAA;YACV,CAAC;SACD,CAAC,CAAA;IACH,CAAC,CAAC,CAAA;AACH,CAAC"}

package/dist/components/badge.js

@@ -1,28 +1,64 @@
-import { jsx as _jsx } from "solid-js/h/jsx-runtime";
+import { effect as _$effect } from "@opentui/solid";
+import { insertNode as _$insertNode } from "@opentui/solid";
+import { insert as _$insert } from "@opentui/solid";
+import { setProp as _$setProp } from "@opentui/solid";
+import { spread as _$spread } from "@opentui/solid";
+import { mergeProps as _$mergeProps } from "@opentui/solid";
+import { createElement as _$createElement } from "@opentui/solid";
 import { splitProps } from "solid-js";
 import { TextAttributes } from "@opentui/core";
 import { useTheme } from "../context/theme.js";
 export function Badge(props) {
-    const { theme } = useTheme();
-    const [local, rest] = splitProps(props, ["label", "variant", "fg", "bg"]);
-    const resolvedFg = () => {
-        if (local.fg)
-            return local.fg;
-        switch (local.variant ?? "neutral") {
-            case "info":
-                return theme.info;
-            case "success":
-                return theme.success;
-            case "warning":
-                return theme.warning;
-            case "error":
-                return theme.error;
-            case "neutral":
-            default:
-                return theme.textMuted;
-        }
-    };
-    const resolvedBg = () => local.bg ?? theme.backgroundElement;
-    return (_jsx("box", { backgroundColor: resolvedBg(), border: true, borderColor: theme.borderSubtle, paddingLeft: 1, paddingRight: 1, paddingTop: 0, paddingBottom: 0, flexShrink: 0, ...rest, children: _jsx("text", { fg: resolvedFg(), attributes: TextAttributes.BOLD, children: local.label }) }));
-}
-//# sourceMappingURL=badge.js.map
+  const {
+    theme
+  } = useTheme();
+  const [local, rest] = splitProps(props, ["label", "variant", "fg", "bg"]);
+  const resolvedFg = () => {
+    if (local.fg) return local.fg;
+    switch (local.variant ?? "neutral") {
+      case "info":
+        return theme.info;
+      case "success":
+        return theme.success;
+      case "warning":
+        return theme.warning;
+      case "error":
+        return theme.error;
+      case "neutral":
+      default:
+        return theme.textMuted;
+    }
+  };
+  const resolvedBg = () => local.bg ?? theme.backgroundElement;
+  return (() => {
+    var _el$ = _$createElement("box"),
+      _el$2 = _$createElement("text");
+    _$insertNode(_el$, _el$2);
+    _$setProp(_el$, "border", true);
+    _$setProp(_el$, "paddingLeft", 1);
+    _$setProp(_el$, "paddingRight", 1);
+    _$setProp(_el$, "paddingTop", 0);
+    _$setProp(_el$, "paddingBottom", 0);
+    _$setProp(_el$, "flexShrink", 0);
+    _$spread(_el$, _$mergeProps({
+      get backgroundColor() {
+        return resolvedBg();
+      },
+      get borderColor() {
+        return theme.borderSubtle;
+      }
+    }, rest), true);
+    _$insert(_el$2, () => local.label);
+    _$effect(_p$ => {
+      var _v$ = resolvedFg(),
+        _v$2 = TextAttributes.BOLD;
+      _v$ !== _p$.e && (_p$.e = _$setProp(_el$2, "fg", _v$, _p$.e));
+      _v$2 !== _p$.t && (_p$.t = _$setProp(_el$2, "attributes", _v$2, _p$.t));
+      return _p$;
+    }, {
+      e: undefined,
+      t: undefined
+    });
+    return _el$;
+  })();
+}

package/dist/components/{badge.js.map → badge.jsx.map}

@@ -1 +1 @@
-{"version":3,"file":"badge.js","sourceRoot":"","sources":["../../src/components/badge.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AACrC,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,QAAQ,EAAa,MAAM,qBAAqB,CAAA;AAWzD,MAAM,UAAU,KAAK,CAAC,KAAiB;IACtC,MAAM,EAAE,KAAK,EAAE,GAAG,QAAQ,EAAE,CAAA;IAC5B,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,UAAU,CAAC,KAAK,EAAE,CAAC,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,CAAA;IAEzE,MAAM,UAAU,GAAG,GAAS,EAAE;QAC7B,IAAI,KAAK,CAAC,EAAE;YAAE,OAAO,KAAK,CAAC,EAAE,CAAA;QAC7B,QAAQ,KAAK,CAAC,OAAO,IAAI,SAAS,EAAE,CAAC;YACpC,KAAK,MAAM;gBACV,OAAO,KAAK,CAAC,IAAI,CAAA;YAClB,KAAK,SAAS;gBACb,OAAO,KAAK,CAAC,OAAO,CAAA;YACrB,KAAK,SAAS;gBACb,OAAO,KAAK,CAAC,OAAO,CAAA;YACrB,KAAK,OAAO;gBACX,OAAO,KAAK,CAAC,KAAK,CAAA;YACnB,KAAK,SAAS,CAAC;YACf;gBACC,OAAO,KAAK,CAAC,SAAS,CAAA;QACxB,CAAC;IACF,CAAC,CAAA;IAED,MAAM,UAAU,GAAG,GAAS,EAAE,CAAC,KAAK,CAAC,EAAE,IAAI,KAAK,CAAC,iBAAiB,CAAA;IAElE,OAAO,CACN,cACC,eAAe,EAAE,UAAU,EAAE,EAC7B,MAAM,QACN,WAAW,EAAE,KAAK,CAAC,YAAY,EAC/B,WAAW,EAAE,CAAC,EACd,YAAY,EAAE,CAAC,EACf,UAAU,EAAE,CAAC,EACb,aAAa,EAAE,CAAC,EAChB,UAAU,EAAE,CAAC,KACT,IAAI,YAER,eAAM,EAAE,EAAE,UAAU,EAAE,EAAE,UAAU,EAAE,cAAc,CAAC,IAAI,YACrD,KAAK,CAAC,KAAK,GACN,GACF,CACN,CAAA;AACF,CAAC"}
+{"version":3,"file":"badge.jsx","sourceRoot":"","sources":["../../src/components/badge.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AACrC,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,QAAQ,EAAa,MAAM,qBAAqB,CAAA;AAWzD,MAAM,UAAU,KAAK,CAAC,KAAiB;IACtC,MAAM,EAAE,KAAK,EAAE,GAAG,QAAQ,EAAE,CAAA;IAC5B,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,UAAU,CAAC,KAAK,EAAE,CAAC,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,CAAA;IAEzE,MAAM,UAAU,GAAG,GAAS,EAAE;QAC7B,IAAI,KAAK,CAAC,EAAE;YAAE,OAAO,KAAK,CAAC,EAAE,CAAA;QAC7B,QAAQ,KAAK,CAAC,OAAO,IAAI,SAAS,EAAE,CAAC;YACpC,KAAK,MAAM;gBACV,OAAO,KAAK,CAAC,IAAI,CAAA;YAClB,KAAK,SAAS;gBACb,OAAO,KAAK,CAAC,OAAO,CAAA;YACrB,KAAK,SAAS;gBACb,OAAO,KAAK,CAAC,OAAO,CAAA;YACrB,KAAK,OAAO;gBACX,OAAO,KAAK,CAAC,KAAK,CAAA;YACnB,KAAK,SAAS,CAAC;YACf;gBACC,OAAO,KAAK,CAAC,SAAS,CAAA;QACxB,CAAC;IACF,CAAC,CAAA;IAED,MAAM,UAAU,GAAG,GAAS,EAAE,CAAC,KAAK,CAAC,EAAE,IAAI,KAAK,CAAC,iBAAiB,CAAA;IAElE,OAAO,CACN,CAAC,GAAG,CACH,eAAe,CAAC,CAAC,UAAU,EAAE,CAAC,CAC9B,MAAM,CACN,WAAW,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC,CAChC,WAAW,CAAC,CAAC,CAAC,CAAC,CACf,YAAY,CAAC,CAAC,CAAC,CAAC,CAChB,UAAU,CAAC,CAAC,CAAC,CAAC,CACd,aAAa,CAAC,CAAC,CAAC,CAAC,CACjB,UAAU,CAAC,CAAC,CAAC,CAAC,CACd,IAAI,IAAI,CAAC,CAET;GAAA,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,UAAU,EAAE,CAAC,CAAC,UAAU,CAAC,CAAC,cAAc,CAAC,IAAI,CAAC,CACvD;IAAA,CAAC,KAAK,CAAC,KAAK,CACb;GAAA,EAAE,IAAI,CACP;EAAA,EAAE,GAAG,CAAC,CACN,CAAA;AACF,CAAC"}

package/dist/components/code-block.js

@@ -1,21 +1,114 @@
-import { jsx as _jsx, jsxs as _jsxs } from "solid-js/h/jsx-runtime";
+import { use as _$use } from "@opentui/solid";
+import { memo as _$memo } from "@opentui/solid";
+import { createComponent as _$createComponent } from "@opentui/solid";
+import { effect as _$effect } from "@opentui/solid";
+import { insertNode as _$insertNode } from "@opentui/solid";
+import { insert as _$insert } from "@opentui/solid";
+import { setProp as _$setProp } from "@opentui/solid";
+import { spread as _$spread } from "@opentui/solid";
+import { mergeProps as _$mergeProps } from "@opentui/solid";
+import { createElement as _$createElement } from "@opentui/solid";
 import { getTreeSitterClient } from "@opentui/core";
 import { Show, createSignal, splitProps } from "solid-js";
 import { useTheme } from "../context/theme.js";
 export function CodeBlock(props) {
-    const { theme, syntaxStyle } = useTheme();
-    const [local, rest] = splitProps(props, [
-        "content",
-        "filetype",
-        "title",
-        "showLineNumbers",
-        "wrapMode",
-        "streaming",
-        "conceal",
-    ]);
-    const [codeRef, setCodeRef] = createSignal(undefined);
-    const showLineNumbers = () => local.showLineNumbers ?? true;
-    // Minimal: no border, subtle bg tint
-    return (_jsxs("box", { flexDirection: "column", backgroundColor: theme.backgroundElement, paddingLeft: 1, paddingRight: 1, ...rest, children: [_jsx(Show, { when: local.title, children: _jsx("box", { flexDirection: "row", alignItems: "center", gap: 1, paddingBottom: 1, children: _jsx("text", { fg: theme.textMuted, children: local.title }) }) }), _jsxs("box", { flexDirection: "row", children: [_jsx(Show, { when: showLineNumbers() && codeRef(), children: (ref) => (_jsx("line_number", { target: ref(), fg: theme.diffLineNumberFg, bg: theme.diffLineNumberBg, paddingRight: 1, flexShrink: 0 })) }), _jsx("code", { ref: setCodeRef, content: local.content, filetype: local.filetype ?? "text", syntaxStyle: syntaxStyle, treeSitterClient: getTreeSitterClient(), wrapMode: local.wrapMode ?? "word", streaming: local.streaming ?? false, conceal: local.conceal ?? false, drawUnstyledText: true, selectionBg: theme.selectionBg, selectionFg: theme.selectionFg, width: "100%", height: "100%" })] })] }));
-}
-//# sourceMappingURL=code-block.js.map
+  const {
+    theme,
+    syntaxStyle
+  } = useTheme();
+  const [local, rest] = splitProps(props, ["content", "filetype", "title", "showLineNumbers", "wrapMode", "streaming", "conceal"]);
+  const [codeRef, setCodeRef] = createSignal(undefined);
+  const showLineNumbers = () => local.showLineNumbers ?? true;
+  // Minimal: no border, subtle bg tint
+  return (() => {
+    var _el$ = _$createElement("box"),
+      _el$4 = _$createElement("box"),
+      _el$5 = _$createElement("code");
+    _$insertNode(_el$, _el$4);
+    _$setProp(_el$, "flexDirection", "column");
+    _$setProp(_el$, "paddingLeft", 1);
+    _$setProp(_el$, "paddingRight", 1);
+    _$spread(_el$, _$mergeProps({
+      get backgroundColor() {
+        return theme.backgroundElement;
+      }
+    }, rest), true);
+    _$insert(_el$, _$createComponent(Show, {
+      get when() {
+        return local.title;
+      },
+      get children() {
+        var _el$2 = _$createElement("box"),
+          _el$3 = _$createElement("text");
+        _$insertNode(_el$2, _el$3);
+        _$setProp(_el$2, "flexDirection", "row");
+        _$setProp(_el$2, "alignItems", "center");
+        _$setProp(_el$2, "gap", 1);
+        _$setProp(_el$2, "paddingBottom", 1);
+        _$insert(_el$3, () => local.title);
+        _$effect(_$p => _$setProp(_el$3, "fg", theme.textMuted, _$p));
+        return _el$2;
+      }
+    }), _el$4);
+    _$insertNode(_el$4, _el$5);
+    _$setProp(_el$4, "flexDirection", "row");
+    _$insert(_el$4, _$createComponent(Show, {
+      get when() {
+        return _$memo(() => !!showLineNumbers())() && codeRef();
+      },
+      children: ref => (() => {
+        var _el$6 = _$createElement("line_number");
+        _$setProp(_el$6, "paddingRight", 1);
+        _$setProp(_el$6, "flexShrink", 0);
+        _$effect(_p$ => {
+          var _v$9 = ref(),
+            _v$0 = theme.diffLineNumberFg,
+            _v$1 = theme.diffLineNumberBg;
+          _v$9 !== _p$.e && (_p$.e = _$setProp(_el$6, "target", _v$9, _p$.e));
+          _v$0 !== _p$.t && (_p$.t = _$setProp(_el$6, "fg", _v$0, _p$.t));
+          _v$1 !== _p$.a && (_p$.a = _$setProp(_el$6, "bg", _v$1, _p$.a));
+          return _p$;
+        }, {
+          e: undefined,
+          t: undefined,
+          a: undefined
+        });
+        return _el$6;
+      })()
+    }), _el$5);
+    _$use(setCodeRef, _el$5);
+    _$setProp(_el$5, "syntaxStyle", syntaxStyle);
+    _$setProp(_el$5, "drawUnstyledText", true);
+    _$setProp(_el$5, "width", "100%");
+    _$setProp(_el$5, "height", "100%");
+    _$effect(_p$ => {
+      var _v$ = local.content,
+        _v$2 = local.filetype ?? "text",
+        _v$3 = getTreeSitterClient(),
+        _v$4 = local.wrapMode ?? "word",
+        _v$5 = local.streaming ?? false,
+        _v$6 = local.conceal ?? false,
+        _v$7 = theme.selectionBg,
+        _v$8 = theme.selectionFg;
+      _v$ !== _p$.e && (_p$.e = _$setProp(_el$5, "content", _v$, _p$.e));
+      _v$2 !== _p$.t && (_p$.t = _$setProp(_el$5, "filetype", _v$2, _p$.t));
+      _v$3 !== _p$.a && (_p$.a = _$setProp(_el$5, "treeSitterClient", _v$3, _p$.a));
+      _v$4 !== _p$.o && (_p$.o = _$setProp(_el$5, "wrapMode", _v$4, _p$.o));
+      _v$5 !== _p$.i && (_p$.i = _$setProp(_el$5, "streaming", _v$5, _p$.i));
+      _v$6 !== _p$.n && (_p$.n = _$setProp(_el$5, "conceal", _v$6, _p$.n));
+      _v$7 !== _p$.s && (_p$.s = _$setProp(_el$5, "selectionBg", _v$7, _p$.s));
+      _v$8 !== _p$.h && (_p$.h = _$setProp(_el$5, "selectionFg", _v$8, _p$.h));
+      return _p$;
+    }, {
+      e: undefined,
+      t: undefined,
+      a: undefined,
+      o: undefined,
+      i: undefined,
+      n: undefined,
+      s: undefined,
+      h: undefined
+    });
+    return _el$;
+  })();
+}

package/dist/components/code-block.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-block.jsx","sourceRoot":"","sources":["../../src/components/code-block.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAA;AAEnD,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,UAAU,EAAiB,MAAM,UAAU,CAAA;AACxE,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAA;AAY9C,MAAM,UAAU,SAAS,CAAC,KAAqB;IAC9C,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,QAAQ,EAAE,CAAA;IACzC,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,UAAU,CAAC,KAAK,EAAE;QACvC,SAAS;QACT,UAAU;QACV,OAAO;QACP,iBAAiB;QACjB,UAAU;QACV,WAAW;QACX,SAAS;KACT,CAAC,CAAA;IAEF,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,YAAY,CAA6B,SAAS,CAAC,CAAA;IAEjF,MAAM,eAAe,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC,eAAe,IAAI,IAAI,CAAA;IAE3D,qCAAqC;IACrC,OAAO,CACN,CAAC,GAAG,CACH,aAAa,CAAC,QAAQ,CACtB,eAAe,CAAC,CAAC,KAAK,CAAC,iBAAiB,CAAC,CACzC,WAAW,CAAC,CAAC,CAAC,CAAC,CACf,YAAY,CAAC,CAAC,CAAC,CAAC,CAChB,IAAI,IAAI,CAAC,CAET;GAAA,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CACvB;IAAA,CAAC,GAAG,CAAC,aAAa,CAAC,KAAK,CAAC,UAAU,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CACrE;KAAA,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,CACzB;MAAA,CAAC,KAAK,CAAC,KAAK,CACb;KAAA,EAAE,IAAI,CACP;IAAA,EAAE,GAAG,CACN;GAAA,EAAE,IAAI,CACN;GAAA,CAAC,GAAG,CAAC,aAAa,CAAC,KAAK,CACvB;IAAA,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,IAAI,OAAO,EAAE,CAAC,CAC1C;KAAA,CAAC,CAAC,GAA6B,EAAE,EAAE,CAAC,CACnC,CAAC,WAAW,CACX,MAAM,CAAC,CAAC,GAAG,EAAE,CAAC,CACd,EAAE,CAAC,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAC3B,EAAE,CAAC,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAC3B,YAAY,CAAC,CAAC,CAAC,CAAC,CAChB,UAAU,CAAC,CAAC,CAAC,CAAC,EACb,CACF,CACF;IAAA,EAAE,IAAI,CACN;IAAA,CAAC,IAAI,CACJ,GAAG,CAAC,CAAC,UAAU,CAAC,CAChB,OAAO,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CACvB,QAAQ,CAAC,CAAC,KAAK,CAAC,QAAQ,IAAI,MAAM,CAAC,CACnC,WAAW,CAAC,CAAC,WAAW,CAAC,CACzB,gBAAgB,CAAC,CAAC,mBAAmB,EAAE,CAAC,CACxC,QAAQ,CAAC,CAAC,KAAK,CAAC,QAAQ,IAAI,MAAM,CAAC,CACnC,SAAS,CAAC,CAAC,KAAK,CAAC,SAAS,IAAI,KAAK,CAAC,CACpC,OAAO,CAAC,CAAC,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,CAChC,gBAAgB,CAChB,WAAW,CAAC,CAAC,KAAK,CAAC,WAAW,CAAC,CAC/B,WAAW,CAAC,CAAC,KAAK,CAAC,WAAW,CAAC,CAC/B,KAAK,CAAC,MAAM,CACZ,MAAM,CAAC,MAAM,EAEf;GAAA,EAAE,GAAG,CACN;EAAA,EAAE,GAAG,CAAC,CACN,CAAA;AACF,CAAC"}

package/dist/components/dialog.js

@@ -1,15 +1,91 @@
-import { jsx as _jsx, jsxs as _jsxs } from "solid-js/h/jsx-runtime";
+import { insertNode as _$insertNode } from "@opentui/solid";
+import { createComponent as _$createComponent } from "@opentui/solid";
+import { effect as _$effect } from "@opentui/solid";
+import { insert as _$insert } from "@opentui/solid";
+import { memo as _$memo } from "@opentui/solid";
+import { spread as _$spread } from "@opentui/solid";
+import { setProp as _$setProp } from "@opentui/solid";
+import { createElement as _$createElement } from "@opentui/solid";
 import { Show, splitProps } from "solid-js";
 import { TextAttributes } from "@opentui/core";
 import { useTheme } from "../context/theme.js";
 import { Panel } from "./panel.js";
 export function Dialog(props) {
-    const { theme } = useTheme();
-    const [local, rest] = splitProps(props, ["open", "title", "borderColor", "closeOnOverlayClick", "onClose", "children"]);
-    return (_jsx(Show, { when: local.open, children: _jsxs("box", { position: "absolute", top: 0, left: 0, width: "100%", height: "100%", zIndex: 900, children: [_jsx("box", { position: "absolute", top: 0, left: 0, width: "100%", height: "100%", backgroundColor: theme.background, opacity: 0.8, onMouseUp: () => {
-                        if (local.closeOnOverlayClick === false)
-                            return;
-                        local.onClose?.();
-                    } }), _jsx("box", { position: "absolute", top: "15%", left: "15%", width: "70%", maxHeight: "70%", zIndex: 901, ...rest, children: _jsxs(Panel, { variant: "panel", borderColor: local.borderColor ?? theme.borderActive, paddingX: 2, paddingY: 1, children: [_jsxs(Show, { when: local.title, children: [_jsx("text", { fg: theme.text, attributes: TextAttributes.BOLD, children: local.title }), _jsx("box", { height: 1 })] }), local.children] }) })] }) }));
-}
-//# sourceMappingURL=dialog.js.map
+  const {
+    theme
+  } = useTheme();
+  const [local, rest] = splitProps(props, ["open", "title", "borderColor", "closeOnOverlayClick", "onClose", "children"]);
+  return _$createComponent(Show, {
+    get when() {
+      return local.open;
+    },
+    get children() {
+      var _el$ = _$createElement("box"),
+        _el$2 = _$createElement("box"),
+        _el$3 = _$createElement("box");
+      _$insertNode(_el$, _el$2);
+      _$insertNode(_el$, _el$3);
+      _$setProp(_el$, "position", "absolute");
+      _$setProp(_el$, "top", 0);
+      _$setProp(_el$, "left", 0);
+      _$setProp(_el$, "width", "100%");
+      _$setProp(_el$, "height", "100%");
+      _$setProp(_el$, "zIndex", 900);
+      _$setProp(_el$2, "position", "absolute");
+      _$setProp(_el$2, "top", 0);
+      _$setProp(_el$2, "left", 0);
+      _$setProp(_el$2, "width", "100%");
+      _$setProp(_el$2, "height", "100%");
+      _$setProp(_el$2, "opacity", 0.8);
+      _$setProp(_el$2, "onMouseUp", () => {
+        if (local.closeOnOverlayClick === false) return;
+        local.onClose?.();
+      });
+      _$setProp(_el$3, "position", "absolute");
+      _$setProp(_el$3, "top", "15%");
+      _$setProp(_el$3, "left", "15%");
+      _$setProp(_el$3, "width", "70%");
+      _$setProp(_el$3, "maxHeight", "70%");
+      _$setProp(_el$3, "zIndex", 901);
+      _$spread(_el$3, rest, true);
+      _$insert(_el$3, _$createComponent(Panel, {
+        variant: "panel",
+        get borderColor() {
+          return local.borderColor ?? theme.borderActive;
+        },
+        paddingX: 2,
+        paddingY: 1,
+        get children() {
+          return [_$createComponent(Show, {
+            get when() {
+              return local.title;
+            },
+            get children() {
+              return [(() => {
+                var _el$4 = _$createElement("text");
+                _$insert(_el$4, () => local.title);
+                _$effect(_p$ => {
+                  var _v$ = theme.text,
+                    _v$2 = TextAttributes.BOLD;
+                  _v$ !== _p$.e && (_p$.e = _$setProp(_el$4, "fg", _v$, _p$.e));
+                  _v$2 !== _p$.t && (_p$.t = _$setProp(_el$4, "attributes", _v$2, _p$.t));
+                  return _p$;
+                }, {
+                  e: undefined,
+                  t: undefined
+                });
+                return _el$4;
+              })(), (() => {
+                var _el$5 = _$createElement("box");
+                _$setProp(_el$5, "height", 1);
+                return _el$5;
+              })()];
+            }
+          }), _$memo(() => local.children)];
+        }
+      }));
+      _$effect(_$p => _$setProp(_el$2, "backgroundColor", theme.background, _$p));
+      return _el$;
+    }
+  });
+}

package/dist/components/dialog.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.jsx","sourceRoot":"","sources":["../../src/components/dialog.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAC3C,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,QAAQ,EAAa,MAAM,qBAAqB,CAAA;AACzD,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAWlC,MAAM,UAAU,MAAM,CAAC,KAAkB;IACxC,MAAM,EAAE,KAAK,EAAE,GAAG,QAAQ,EAAE,CAAA;IAC5B,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,UAAU,CAAC,KAAK,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,aAAa,EAAE,qBAAqB,EAAE,SAAS,EAAE,UAAU,CAAC,CAAC,CAAA;IAEvH,OAAO,CACN,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CACtB;GAAA,CAAC,GAAG,CAAC,QAAQ,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAChF;IAAA,CAAC,GAAG,CACH,QAAQ,CAAC,UAAU,CACnB,GAAG,CAAC,CAAC,CAAC,CAAC,CACP,IAAI,CAAC,CAAC,CAAC,CAAC,CACR,KAAK,CAAC,MAAM,CACZ,MAAM,CAAC,MAAM,CACb,eAAe,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,CAClC,OAAO,CAAC,CAAC,GAAG,CAAC,CACb,SAAS,CAAC,CAAC,GAAG,EAAE;YACf,IAAI,KAAK,CAAC,mBAAmB,KAAK,KAAK;gBAAE,OAAM;YAC/C,KAAK,CAAC,OAAO,EAAE,EAAE,CAAA;QAClB,CAAC,CAAC,EAEH;IAAA,CAAC,GAAG,CACH,QAAQ,CAAC,UAAU,CACnB,GAAG,CAAC,KAAK,CACT,IAAI,CAAC,KAAK,CACV,KAAK,CAAC,KAAK,CACX,SAAS,CAAC,KAAK,CACf,MAAM,CAAC,CAAC,GAAG,CAAC,CACZ,IAAI,IAAI,CAAC,CAET;KAAA,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,KAAK,CAAC,WAAW,IAAI,KAAK,CAAC,YAAY,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CACrG;MAAA,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CACvB;OAAA,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,UAAU,CAAC,CAAC,cAAc,CAAC,IAAI,CAAC,CACrD;QAAA,CAAC,KAAK,CAAC,KAAK,CACb;OAAA,EAAE,IAAI,CACN;OAAA,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,EAChB;MAAA,EAAE,IAAI,CACN;MAAA,CAAC,KAAK,CAAC,QAAQ,CAChB;KAAA,EAAE,KAAK,CACR;IAAA,EAAE,GAAG,CACN;GAAA,EAAE,GAAG,CACN;EAAA,EAAE,IAAI,CAAC,CACP,CAAA;AACF,CAAC"}

package/dist/components/diff.js

@@ -1,18 +1,84 @@
-import { jsx as _jsx } from "solid-js/h/jsx-runtime";
+import { setProp as _$setProp } from "@opentui/solid";
+import { spread as _$spread } from "@opentui/solid";
+import { mergeProps as _$mergeProps } from "@opentui/solid";
+import { memo as _$memo } from "@opentui/solid";
+import { createElement as _$createElement } from "@opentui/solid";
 import { splitProps } from "solid-js";
 import { getTreeSitterClient } from "@opentui/core";
 import { useTerminalDimensions } from "../context/terminal.js";
 import { useTheme } from "../context/theme.js";
 export function Diff(props) {
-    const dimensions = useTerminalDimensions();
-    const { theme, syntaxStyle } = useTheme();
-    const [local, rest] = splitProps(props, ["diffText", "filetype", "view", "wrapMode"]);
-    const computedView = () => {
-        const requested = local.view ?? "auto";
-        if (requested === "unified" || requested === "split")
-            return requested;
-        return dimensions().width > 120 ? "split" : "unified";
-    };
-    return (_jsx("diff", { diff: local.diffText, view: computedView(), filetype: local.filetype ?? "text", wrapMode: local.wrapMode ?? "word", syntaxStyle: syntaxStyle, treeSitterClient: getTreeSitterClient(), showLineNumbers: true, lineNumberFg: theme.diffLineNumberFg, lineNumberBg: theme.diffLineNumberBg, addedBg: theme.diffAddedBg, removedBg: theme.diffRemovedBg, contextBg: theme.diffContextBg, addedContentBg: theme.diffHighlightAddedBg, removedContentBg: theme.diffHighlightRemovedBg, addedSignColor: theme.diffAddedSign, removedSignColor: theme.diffRemovedSign, addedLineNumberBg: theme.diffAddedLineNumberBg, removedLineNumberBg: theme.diffRemovedLineNumberBg, selectionBg: theme.selectionBg, selectionFg: theme.selectionFg, ...rest }));
-}
-//# sourceMappingURL=diff.js.map
+  const dimensions = useTerminalDimensions();
+  const {
+    theme,
+    syntaxStyle
+  } = useTheme();
+  const [local, rest] = splitProps(props, ["diffText", "filetype", "view", "wrapMode"]);
+  const computedView = () => {
+    const requested = local.view ?? "auto";
+    if (requested === "unified" || requested === "split") return requested;
+    return dimensions().width > 120 ? "split" : "unified";
+  };
+  return (() => {
+    var _el$ = _$createElement("diff");
+    _$setProp(_el$, "syntaxStyle", syntaxStyle);
+    _$setProp(_el$, "showLineNumbers", true);
+    _$spread(_el$, _$mergeProps({
+      get diff() {
+        return local.diffText;
+      },
+      get view() {
+        return computedView();
+      },
+      get filetype() {
+        return local.filetype ?? "text";
+      },
+      get wrapMode() {
+        return local.wrapMode ?? "word";
+      },
+      get treeSitterClient() {
+        return getTreeSitterClient();
+      },
+      get lineNumberFg() {
+        return theme.diffLineNumberFg;
+      },
+      get lineNumberBg() {
+        return theme.diffLineNumberBg;
+      },
+      get addedBg() {
+        return theme.diffAddedBg;
+      },
+      get removedBg() {
+        return theme.diffRemovedBg;
+      },
+      get contextBg() {
+        return theme.diffContextBg;
+      },
+      get addedContentBg() {
+        return theme.diffHighlightAddedBg;
+      },
+      get removedContentBg() {
+        return theme.diffHighlightRemovedBg;
+      },
+      get addedSignColor() {
+        return theme.diffAddedSign;
+      },
+      get removedSignColor() {
+        return theme.diffRemovedSign;
+      },
+      get addedLineNumberBg() {
+        return theme.diffAddedLineNumberBg;
+      },
+      get removedLineNumberBg() {
+        return theme.diffRemovedLineNumberBg;
+      },
+      get selectionBg() {
+        return theme.selectionBg;
+      },
+      get selectionFg() {
+        return theme.selectionFg;
+      }
+    }, rest), false);
+    return _el$;
+  })();
+}

package/dist/components/diff.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"diff.jsx","sourceRoot":"","sources":["../../src/components/diff.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AACrC,OAAO,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAA;AACnD,OAAO,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAA;AAC9D,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAA;AAa9C,MAAM,UAAU,IAAI,CAAC,KAAgB;IACpC,MAAM,UAAU,GAAG,qBAAqB,EAAE,CAAA;IAC1C,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,QAAQ,EAAE,CAAA;IAEzC,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,UAAU,CAAC,KAAK,EAAE,CAAC,UAAU,EAAE,UAAU,EAAE,MAAM,EAAE,UAAU,CAAC,CAAC,CAAA;IAErF,MAAM,YAAY,GAAG,GAAwB,EAAE;QAC9C,MAAM,SAAS,GAAG,KAAK,CAAC,IAAI,IAAI,MAAM,CAAA;QACtC,IAAI,SAAS,KAAK,SAAS,IAAI,SAAS,KAAK,OAAO;YAAE,OAAO,SAAS,CAAA;QACtE,OAAO,UAAU,EAAE,CAAC,KAAK,GAAG,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAA;IACtD,CAAC,CAAA;IAED,OAAO,CACN,CAAC,IAAI,CACJ,IAAI,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CACrB,IAAI,CAAC,CAAC,YAAY,EAAE,CAAC,CACrB,QAAQ,CAAC,CAAC,KAAK,CAAC,QAAQ,IAAI,MAAM,CAAC,CACnC,QAAQ,CAAC,CAAC,KAAK,CAAC,QAAQ,IAAI,MAAM,CAAC,CACnC,WAAW,CAAC,CAAC,WAAW,CAAC,CACzB,gBAAgB,CAAC,CAAC,mBAAmB,EAAE,CAAC,CACxC,eAAe,CACf,YAAY,CAAC,CAAC,KAAK,CAAC,gBAAgB,CAAC,CACrC,YAAY,CAAC,CAAC,KAAK,CAAC,gBAAgB,CAAC,CACrC,OAAO,CAAC,CAAC,KAAK,CAAC,WAAW,CAAC,CAC3B,SAAS,CAAC,CAAC,KAAK,CAAC,aAAa,CAAC,CAC/B,SAAS,CAAC,CAAC,KAAK,CAAC,aAAa,CAAC,CAC/B,cAAc,CAAC,CAAC,KAAK,CAAC,oBAAoB,CAAC,CAC3C,gBAAgB,CAAC,CAAC,KAAK,CAAC,sBAAsB,CAAC,CAC/C,cAAc,CAAC,CAAC,KAAK,CAAC,aAAa,CAAC,CACpC,gBAAgB,CAAC,CAAC,KAAK,CAAC,eAAe,CAAC,CACxC,iBAAiB,CAAC,CAAC,KAAK,CAAC,qBAAqB,CAAC,CAC/C,mBAAmB,CAAC,CAAC,KAAK,CAAC,uBAAuB,CAAC,CACnD,WAAW,CAAC,CAAC,KAAK,CAAC,WAAW,CAAC,CAC/B,WAAW,CAAC,CAAC,KAAK,CAAC,WAAW,CAAC,CAC/B,IAAI,IAAI,CAAC,EACR,CACF,CAAA;AACF,CAAC"}

package/dist/components/divider.js

@@ -1,14 +1,47 @@
-import { jsx as _jsx } from "solid-js/h/jsx-runtime";
+import { setProp as _$setProp } from "@opentui/solid";
+import { spread as _$spread } from "@opentui/solid";
+import { mergeProps as _$mergeProps } from "@opentui/solid";
+import { memo as _$memo } from "@opentui/solid";
+import { createElement as _$createElement } from "@opentui/solid";
 import { splitProps } from "solid-js";
 import { useTheme } from "../context/theme.js";
 export function Divider(props) {
-    const { theme } = useTheme();
-    const [local, rest] = splitProps(props, ["orientation", "color"]);
-    const color = () => local.color ?? theme.borderSubtle;
-    const orientation = () => local.orientation ?? "horizontal";
-    if (orientation() === "vertical") {
-        return _jsx("box", { border: ["left"], borderColor: color(), width: 1, height: rest.height ?? "100%", flexShrink: 0, ...rest });
-    }
-    return _jsx("box", { border: ["top"], borderColor: color(), height: 1, width: rest.width ?? "100%", flexShrink: 0, ...rest });
-}
-//# sourceMappingURL=divider.js.map
+  const {
+    theme
+  } = useTheme();
+  const [local, rest] = splitProps(props, ["orientation", "color"]);
+  const color = () => local.color ?? theme.borderSubtle;
+  const orientation = () => local.orientation ?? "horizontal";
+  if (orientation() === "vertical") {
+    return (() => {
+      var _el$ = _$createElement("box");
+      _$setProp(_el$, "border", ["left"]);
+      _$setProp(_el$, "width", 1);
+      _$setProp(_el$, "flexShrink", 0);
+      _$spread(_el$, _$mergeProps({
+        get borderColor() {
+          return color();
+        },
+        get height() {
+          return rest.height ?? "100%";
+        }
+      }, rest), false);
+      return _el$;
+    })();
+  }
+  return (() => {
+    var _el$2 = _$createElement("box");
+    _$setProp(_el$2, "border", ["top"]);
+    _$setProp(_el$2, "height", 1);
+    _$setProp(_el$2, "flexShrink", 0);
+    _$spread(_el$2, _$mergeProps({
+      get borderColor() {
+        return color();
+      },
+      get width() {
+        return rest.width ?? "100%";
+      }
+    }, rest), false);
+    return _el$2;
+  })();
+}

package/dist/components/divider.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"divider.jsx","sourceRoot":"","sources":["../../src/components/divider.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AACrC,OAAO,EAAE,QAAQ,EAAa,MAAM,qBAAqB,CAAA;AASzD,MAAM,UAAU,OAAO,CAAC,KAAmB;IAC1C,MAAM,EAAE,KAAK,EAAE,GAAG,QAAQ,EAAE,CAAA;IAC5B,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,UAAU,CAAC,KAAK,EAAE,CAAC,aAAa,EAAE,OAAO,CAAC,CAAC,CAAA;IAEjE,MAAM,KAAK,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,YAAY,CAAA;IACrD,MAAM,WAAW,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC,WAAW,IAAI,YAAY,CAAA;IAE3D,IAAI,WAAW,EAAE,KAAK,UAAU,EAAE,CAAC;QAClC,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,MAAM,IAAI,MAAM,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,EAAG,CAAA;IACzH,CAAC;IAED,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,KAAK,IAAI,MAAM,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,EAAG,CAAA;AACvH,CAAC"}