fixes & update

Signed-off-by: Hadi <[email protected]>

dist/chunk-c4gp0x16.js

@@ -0,0 +1,44 @@
+// @bun
+import {
+  theme2
+} from "./chunk-p6jvscj3.js";
+
+// src/components/KeyValue.tsx
+import { memo as _$memo } from "@opentui/solid";
+import { effect as _$effect } from "@opentui/solid";
+import { insertNode as _$insertNode } from "@opentui/solid";
+import { createComponent as _$createComponent } from "@opentui/solid";
+import { insert as _$insert } from "@opentui/solid";
+import { setProp as _$setProp } from "@opentui/solid";
+import { createElement as _$createElement } from "@opentui/solid";
+import { Show } from "solid-js";
+function KeyValue2(props) {
+  return (() => {
+    var _el$ = _$createElement("box"), _el$2 = _$createElement("text");
+    _$insertNode(_el$, _el$2);
+    _$setProp(_el$, "flexShrink", 0);
+    _$setProp(_el$, "flexDirection", "row");
+    _$setProp(_el$, "justifyContent", "space-between");
+    _$insert(_el$2, () => props.label);
+    _$insert(_el$, _$createComponent(Show, {
+      get when() {
+        return props.children;
+      },
+      get fallback() {
+        return (() => {
+          var _el$3 = _$createElement("text");
+          _$insert(_el$3, () => props.value ?? "");
+          _$effect((_$p) => _$setProp(_el$3, "fg", props.valueColor, _$p));
+          return _el$3;
+        })();
+      },
+      get children() {
+        return props.children;
+      }
+    }), null);
+    _$effect((_$p) => _$setProp(_el$2, "fg", theme2.muted, _$p));
+    return _el$;
+  })();
+}
+
+export { KeyValue2 };