@tuicomponents/keyvalue 0.1.1

package/dist/index.cjs

@@ -0,0 +1,213 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  KeyValueComponent: () => KeyValueComponent,
+  createKeyValue: () => createKeyValue,
+  keyValueInputSchema: () => keyValueInputSchema,
+  keyValuePairSchema: () => keyValuePairSchema,
+  separatorStyleSchema: () => separatorStyleSchema
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/keyvalue.ts
+var import_core = require("@tuicomponents/core");
+var import_zod_to_json_schema = require("zod-to-json-schema");
+
+// src/schema.ts
+var import_zod = require("zod");
+var separatorStyleSchema = import_zod.z.enum([
+  "colon",
+  "equals",
+  "arrow",
+  "dots",
+  "none"
+]);
+var keyValuePairSchema = import_zod.z.object({
+  /** Key/label for this pair */
+  key: import_zod.z.string(),
+  /** Value for this pair */
+  value: import_zod.z.union([import_zod.z.string(), import_zod.z.number(), import_zod.z.boolean()])
+});
+var keyValueInputSchema = import_zod.z.object({
+  /** Array of key-value pairs */
+  pairs: import_zod.z.array(keyValuePairSchema),
+  /** Separator between key and value */
+  separator: separatorStyleSchema.optional().default("colon"),
+  /** Align keys to the same width */
+  alignKeys: import_zod.z.boolean().optional().default(true),
+  /** Minimum key width (for alignment) */
+  minKeyWidth: import_zod.z.number().int().nonnegative().optional(),
+  /** Gap between key+separator and value */
+  gap: import_zod.z.number().int().nonnegative().optional().default(1)
+});
+
+// src/keyvalue.ts
+function getSeparator(style) {
+  switch (style) {
+    case "colon":
+      return ":";
+    case "equals":
+      return "=";
+    case "arrow":
+      return "\u2192";
+    case "dots":
+      return "...";
+    case "none":
+      return "";
+  }
+}
+function colorKey(text, theme) {
+  if (!theme) {
+    return text;
+  }
+  return theme.semantic.header(text);
+}
+function colorSeparator(text, theme) {
+  if (!theme) {
+    return text;
+  }
+  return theme.semantic.secondary(text);
+}
+var KeyValueComponent = class extends import_core.BaseTuiComponent {
+  metadata = {
+    name: "keyvalue",
+    description: "Renders key-value pairs in an aligned format",
+    version: "0.1.0",
+    examples: [
+      {
+        name: "basic",
+        description: "Simple key-value pairs",
+        input: {
+          pairs: [
+            { key: "Name", value: "John Doe" },
+            { key: "Email", value: "john@example.com" },
+            { key: "Age", value: 30 }
+          ]
+        }
+      },
+      {
+        name: "equals-separator",
+        description: "Using equals sign as separator",
+        input: {
+          pairs: [
+            { key: "HOST", value: "localhost" },
+            { key: "PORT", value: 8080 },
+            { key: "DEBUG", value: true }
+          ],
+          separator: "equals"
+        }
+      },
+      {
+        name: "arrow-separator",
+        description: "Using arrow as separator",
+        input: {
+          pairs: [
+            { key: "Input", value: "data.json" },
+            { key: "Output", value: "results.csv" }
+          ],
+          separator: "arrow"
+        }
+      },
+      {
+        name: "dots-separator",
+        description: "Using dots as separator (config file style)",
+        input: {
+          pairs: [
+            { key: "Version", value: "1.0.0" },
+            { key: "Build", value: 12345 },
+            { key: "Status", value: "stable" }
+          ],
+          separator: "dots"
+        }
+      },
+      {
+        name: "no-alignment",
+        description: "Without key alignment",
+        input: {
+          pairs: [
+            { key: "Short", value: "value" },
+            { key: "A much longer key", value: "another value" }
+          ],
+          alignKeys: false
+        }
+      }
+    ]
+  };
+  schema = keyValueInputSchema;
+  /**
+   * Override getJsonSchema to use direct schema generation.
+   */
+  getJsonSchema() {
+    return (0, import_zod_to_json_schema.zodToJsonSchema)(this.schema, {
+      name: this.metadata.name,
+      $refStrategy: "none"
+    });
+  }
+  render(input, context) {
+    const parsed = this.schema.parse(input);
+    const separator = getSeparator(parsed.separator);
+    const gap = " ".repeat(parsed.gap);
+    const theme = context.theme;
+    let maxKeyWidth = parsed.minKeyWidth ?? 0;
+    if (parsed.alignKeys) {
+      for (const pair of parsed.pairs) {
+        const keyWidth = (0, import_core.getStringWidth)(pair.key);
+        if (keyWidth > maxKeyWidth) {
+          maxKeyWidth = keyWidth;
+        }
+      }
+    }
+    const lines = [];
+    for (const pair of parsed.pairs) {
+      const keyWidth = (0, import_core.getStringWidth)(pair.key);
+      const padding = parsed.alignKeys ? " ".repeat(Math.max(0, maxKeyWidth - keyWidth)) : "";
+      const valueStr = String(pair.value);
+      const coloredKey = colorKey(pair.key, theme);
+      if (separator) {
+        const coloredSep = colorSeparator(separator, theme);
+        lines.push(`${coloredKey}${padding}${coloredSep}${gap}${valueStr}`);
+      } else {
+        lines.push(`${coloredKey}${padding}${gap}${valueStr}`);
+      }
+    }
+    const output = lines.join("\n");
+    const measured = (0, import_core.measureLines)(output);
+    return {
+      output,
+      actualWidth: measured.maxWidth,
+      lineCount: measured.lineCount
+    };
+  }
+};
+function createKeyValue() {
+  return new KeyValueComponent();
+}
+import_core.registry.register(createKeyValue);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  KeyValueComponent,
+  createKeyValue,
+  keyValueInputSchema,
+  keyValuePairSchema,
+  separatorStyleSchema
+});
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts","../src/keyvalue.ts","../src/schema.ts"],"sourcesContent":["export { createKeyValue, KeyValueComponent } from \"./keyvalue.js\";\nexport {\n  keyValueInputSchema,\n  keyValuePairSchema,\n  separatorStyleSchema,\n  type KeyValueInput,\n  type KeyValueInputWithDefaults,\n  type KeyValuePair,\n  type SeparatorStyle,\n} from \"./schema.js\";\n","import {\n  BaseTuiComponent,\n  type ComponentMetadata,\n  type RenderContext,\n  type RenderResult,\n  type TuiTheme,\n  getStringWidth,\n  measureLines,\n  registry,\n} from \"@tuicomponents/core\";\nimport { zodToJsonSchema } from \"zod-to-json-schema\";\nimport {\n  keyValueInputSchema,\n  type KeyValueInput,\n  type KeyValueInputWithDefaults,\n  type SeparatorStyle,\n} from \"./schema.js\";\n\n/**\n * Get separator string for the given style.\n */\nfunction getSeparator(style: SeparatorStyle): string {\n  switch (style) {\n    case \"colon\":\n      return \":\";\n    case \"equals\":\n      return \"=\";\n    case \"arrow\":\n      return \"→\";\n    case \"dots\":\n      return \"...\";\n    case \"none\":\n      return \"\";\n  }\n}\n\n/**\n * Apply color to keys.\n */\nfunction colorKey(text: string, theme: TuiTheme | undefined): string {\n  if (!theme) {\n    return text;\n  }\n  return theme.semantic.header(text);\n}\n\n/**\n * Apply color to separators.\n */\nfunction colorSeparator(text: string, theme: TuiTheme | undefined): string {\n  if (!theme) {\n    return text;\n  }\n  return theme.semantic.secondary(text);\n}\n\n/**\n * KeyValue component for rendering labeled data pairs.\n */\nclass KeyValueComponent extends BaseTuiComponent<\n  KeyValueInput,\n  typeof keyValueInputSchema\n> {\n  readonly metadata: ComponentMetadata<KeyValueInput> = {\n    name: \"keyvalue\",\n    description: \"Renders key-value pairs in an aligned format\",\n    version: \"0.1.0\",\n    examples: [\n      {\n        name: \"basic\",\n        description: \"Simple key-value pairs\",\n        input: {\n          pairs: [\n            { key: \"Name\", value: \"John Doe\" },\n            { key: \"Email\", value: \"john@example.com\" },\n            { key: \"Age\", value: 30 },\n          ],\n        },\n      },\n      {\n        name: \"equals-separator\",\n        description: \"Using equals sign as separator\",\n        input: {\n          pairs: [\n            { key: \"HOST\", value: \"localhost\" },\n            { key: \"PORT\", value: 8080 },\n            { key: \"DEBUG\", value: true },\n          ],\n          separator: \"equals\",\n        },\n      },\n      {\n        name: \"arrow-separator\",\n        description: \"Using arrow as separator\",\n        input: {\n          pairs: [\n            { key: \"Input\", value: \"data.json\" },\n            { key: \"Output\", value: \"results.csv\" },\n          ],\n          separator: \"arrow\",\n        },\n      },\n      {\n        name: \"dots-separator\",\n        description: \"Using dots as separator (config file style)\",\n        input: {\n          pairs: [\n            { key: \"Version\", value: \"1.0.0\" },\n            { key: \"Build\", value: 12345 },\n            { key: \"Status\", value: \"stable\" },\n          ],\n          separator: \"dots\",\n        },\n      },\n      {\n        name: \"no-alignment\",\n        description: \"Without key alignment\",\n        input: {\n          pairs: [\n            { key: \"Short\", value: \"value\" },\n            { key: \"A much longer key\", value: \"another value\" },\n          ],\n          alignKeys: false,\n        },\n      },\n    ],\n  };\n\n  readonly schema = keyValueInputSchema;\n\n  /**\n   * Override getJsonSchema to use direct schema generation.\n   */\n  override getJsonSchema(): object {\n    return zodToJsonSchema(this.schema, {\n      name: this.metadata.name,\n      $refStrategy: \"none\",\n    });\n  }\n\n  render(input: KeyValueInput, context: RenderContext): RenderResult {\n    // Parse and apply defaults\n    const parsed: KeyValueInputWithDefaults = this.schema.parse(input);\n    const separator = getSeparator(parsed.separator);\n    const gap = \" \".repeat(parsed.gap);\n    const theme = context.theme;\n\n    // Calculate max key width for alignment\n    let maxKeyWidth = parsed.minKeyWidth ?? 0;\n    if (parsed.alignKeys) {\n      for (const pair of parsed.pairs) {\n        const keyWidth = getStringWidth(pair.key);\n        if (keyWidth > maxKeyWidth) {\n          maxKeyWidth = keyWidth;\n        }\n      }\n    }\n\n    const lines: string[] = [];\n\n    for (const pair of parsed.pairs) {\n      const keyWidth = getStringWidth(pair.key);\n      const padding = parsed.alignKeys\n        ? \" \".repeat(Math.max(0, maxKeyWidth - keyWidth))\n        : \"\";\n\n      // Format value as string\n      const valueStr = String(pair.value);\n\n      // Build the line with colored key and separator\n      const coloredKey = colorKey(pair.key, theme);\n      if (separator) {\n        const coloredSep = colorSeparator(separator, theme);\n        lines.push(`${coloredKey}${padding}${coloredSep}${gap}${valueStr}`);\n      } else {\n        lines.push(`${coloredKey}${padding}${gap}${valueStr}`);\n      }\n    }\n\n    const output = lines.join(\"\\n\");\n    const measured = measureLines(output);\n\n    return {\n      output,\n      actualWidth: measured.maxWidth,\n      lineCount: measured.lineCount,\n    };\n  }\n}\n\n/**\n * Factory function to create a keyvalue component.\n */\nexport function createKeyValue(): KeyValueComponent {\n  return new KeyValueComponent();\n}\n\n// Register with global registry\nregistry.register(createKeyValue);\n\nexport { KeyValueComponent };\n","import { z } from \"zod\";\n\n/**\n * Separator style options.\n */\nexport const separatorStyleSchema = z.enum([\n  \"colon\",\n  \"equals\",\n  \"arrow\",\n  \"dots\",\n  \"none\",\n]);\n\nexport type SeparatorStyle = z.infer<typeof separatorStyleSchema>;\n\n/**\n * Schema for a single key-value pair.\n */\nexport const keyValuePairSchema = z.object({\n  /** Key/label for this pair */\n  key: z.string(),\n  /** Value for this pair */\n  value: z.union([z.string(), z.number(), z.boolean()]),\n});\n\nexport type KeyValuePair = z.infer<typeof keyValuePairSchema>;\n\n/**\n * Schema for keyvalue component input.\n */\nexport const keyValueInputSchema = z.object({\n  /** Array of key-value pairs */\n  pairs: z.array(keyValuePairSchema),\n  /** Separator between key and value */\n  separator: separatorStyleSchema.optional().default(\"colon\"),\n  /** Align keys to the same width */\n  alignKeys: z.boolean().optional().default(true),\n  /** Minimum key width (for alignment) */\n  minKeyWidth: z.number().int().nonnegative().optional(),\n  /** Gap between key+separator and value */\n  gap: z.number().int().nonnegative().optional().default(1),\n});\n\n/**\n * Input type (before defaults applied).\n */\nexport type KeyValueInput = z.input<typeof keyValueInputSchema>;\n\n/**\n * Input type (after defaults applied).\n */\nexport type KeyValueInputWithDefaults = z.output<typeof keyValueInputSchema>;\n"],"mappings":"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","names":[]}

package/dist/index.d.cts

@@ -0,0 +1,129 @@
+import * as zod from 'zod';
+import { z } from 'zod';
+import { BaseTuiComponent, ComponentMetadata, RenderContext, RenderResult } from '@tuicomponents/core';
+
+/**
+ * Separator style options.
+ */
+declare const separatorStyleSchema: z.ZodEnum<["colon", "equals", "arrow", "dots", "none"]>;
+type SeparatorStyle = z.infer<typeof separatorStyleSchema>;
+/**
+ * Schema for a single key-value pair.
+ */
+declare const keyValuePairSchema: z.ZodObject<{
+    /** Key/label for this pair */
+    key: z.ZodString;
+    /** Value for this pair */
+    value: z.ZodUnion<[z.ZodString, z.ZodNumber, z.ZodBoolean]>;
+}, "strip", z.ZodTypeAny, {
+    value: string | number | boolean;
+    key: string;
+}, {
+    value: string | number | boolean;
+    key: string;
+}>;
+type KeyValuePair = z.infer<typeof keyValuePairSchema>;
+/**
+ * Schema for keyvalue component input.
+ */
+declare const keyValueInputSchema: z.ZodObject<{
+    /** Array of key-value pairs */
+    pairs: z.ZodArray<z.ZodObject<{
+        /** Key/label for this pair */
+        key: z.ZodString;
+        /** Value for this pair */
+        value: z.ZodUnion<[z.ZodString, z.ZodNumber, z.ZodBoolean]>;
+    }, "strip", z.ZodTypeAny, {
+        value: string | number | boolean;
+        key: string;
+    }, {
+        value: string | number | boolean;
+        key: string;
+    }>, "many">;
+    /** Separator between key and value */
+    separator: z.ZodDefault<z.ZodOptional<z.ZodEnum<["colon", "equals", "arrow", "dots", "none"]>>>;
+    /** Align keys to the same width */
+    alignKeys: z.ZodDefault<z.ZodOptional<z.ZodBoolean>>;
+    /** Minimum key width (for alignment) */
+    minKeyWidth: z.ZodOptional<z.ZodNumber>;
+    /** Gap between key+separator and value */
+    gap: z.ZodDefault<z.ZodOptional<z.ZodNumber>>;
+}, "strip", z.ZodTypeAny, {
+    pairs: {
+        value: string | number | boolean;
+        key: string;
+    }[];
+    separator: "colon" | "equals" | "arrow" | "dots" | "none";
+    alignKeys: boolean;
+    gap: number;
+    minKeyWidth?: number | undefined;
+}, {
+    pairs: {
+        value: string | number | boolean;
+        key: string;
+    }[];
+    separator?: "colon" | "equals" | "arrow" | "dots" | "none" | undefined;
+    alignKeys?: boolean | undefined;
+    minKeyWidth?: number | undefined;
+    gap?: number | undefined;
+}>;
+/**
+ * Input type (before defaults applied).
+ */
+type KeyValueInput = z.input<typeof keyValueInputSchema>;
+/**
+ * Input type (after defaults applied).
+ */
+type KeyValueInputWithDefaults = z.output<typeof keyValueInputSchema>;
+
+/**
+ * KeyValue component for rendering labeled data pairs.
+ */
+declare class KeyValueComponent extends BaseTuiComponent<KeyValueInput, typeof keyValueInputSchema> {
+    readonly metadata: ComponentMetadata<KeyValueInput>;
+    readonly schema: zod.ZodObject<{
+        pairs: zod.ZodArray<zod.ZodObject<{
+            key: zod.ZodString;
+            value: zod.ZodUnion<[zod.ZodString, zod.ZodNumber, zod.ZodBoolean]>;
+        }, "strip", zod.ZodTypeAny, {
+            value: string | number | boolean;
+            key: string;
+        }, {
+            value: string | number | boolean;
+            key: string;
+        }>, "many">;
+        separator: zod.ZodDefault<zod.ZodOptional<zod.ZodEnum<["colon", "equals", "arrow", "dots", "none"]>>>;
+        alignKeys: zod.ZodDefault<zod.ZodOptional<zod.ZodBoolean>>;
+        minKeyWidth: zod.ZodOptional<zod.ZodNumber>;
+        gap: zod.ZodDefault<zod.ZodOptional<zod.ZodNumber>>;
+    }, "strip", zod.ZodTypeAny, {
+        pairs: {
+            value: string | number | boolean;
+            key: string;
+        }[];
+        separator: "colon" | "equals" | "arrow" | "dots" | "none";
+        alignKeys: boolean;
+        gap: number;
+        minKeyWidth?: number | undefined;
+    }, {
+        pairs: {
+            value: string | number | boolean;
+            key: string;
+        }[];
+        separator?: "colon" | "equals" | "arrow" | "dots" | "none" | undefined;
+        alignKeys?: boolean | undefined;
+        minKeyWidth?: number | undefined;
+        gap?: number | undefined;
+    }>;
+    /**
+     * Override getJsonSchema to use direct schema generation.
+     */
+    getJsonSchema(): object;
+    render(input: KeyValueInput, context: RenderContext): RenderResult;
+}
+/**
+ * Factory function to create a keyvalue component.
+ */
+declare function createKeyValue(): KeyValueComponent;
+
+export { KeyValueComponent, type KeyValueInput, type KeyValueInputWithDefaults, type KeyValuePair, type SeparatorStyle, createKeyValue, keyValueInputSchema, keyValuePairSchema, separatorStyleSchema };

package/dist/index.d.ts

@@ -0,0 +1,129 @@
+import * as zod from 'zod';
+import { z } from 'zod';
+import { BaseTuiComponent, ComponentMetadata, RenderContext, RenderResult } from '@tuicomponents/core';
+
+/**
+ * Separator style options.
+ */
+declare const separatorStyleSchema: z.ZodEnum<["colon", "equals", "arrow", "dots", "none"]>;
+type SeparatorStyle = z.infer<typeof separatorStyleSchema>;
+/**
+ * Schema for a single key-value pair.
+ */
+declare const keyValuePairSchema: z.ZodObject<{
+    /** Key/label for this pair */
+    key: z.ZodString;
+    /** Value for this pair */
+    value: z.ZodUnion<[z.ZodString, z.ZodNumber, z.ZodBoolean]>;
+}, "strip", z.ZodTypeAny, {
+    value: string | number | boolean;
+    key: string;
+}, {
+    value: string | number | boolean;
+    key: string;
+}>;
+type KeyValuePair = z.infer<typeof keyValuePairSchema>;
+/**
+ * Schema for keyvalue component input.
+ */
+declare const keyValueInputSchema: z.ZodObject<{
+    /** Array of key-value pairs */
+    pairs: z.ZodArray<z.ZodObject<{
+        /** Key/label for this pair */
+        key: z.ZodString;
+        /** Value for this pair */
+        value: z.ZodUnion<[z.ZodString, z.ZodNumber, z.ZodBoolean]>;
+    }, "strip", z.ZodTypeAny, {
+        value: string | number | boolean;
+        key: string;
+    }, {
+        value: string | number | boolean;
+        key: string;
+    }>, "many">;
+    /** Separator between key and value */
+    separator: z.ZodDefault<z.ZodOptional<z.ZodEnum<["colon", "equals", "arrow", "dots", "none"]>>>;
+    /** Align keys to the same width */
+    alignKeys: z.ZodDefault<z.ZodOptional<z.ZodBoolean>>;
+    /** Minimum key width (for alignment) */
+    minKeyWidth: z.ZodOptional<z.ZodNumber>;
+    /** Gap between key+separator and value */
+    gap: z.ZodDefault<z.ZodOptional<z.ZodNumber>>;
+}, "strip", z.ZodTypeAny, {
+    pairs: {
+        value: string | number | boolean;
+        key: string;
+    }[];
+    separator: "colon" | "equals" | "arrow" | "dots" | "none";
+    alignKeys: boolean;
+    gap: number;
+    minKeyWidth?: number | undefined;
+}, {
+    pairs: {
+        value: string | number | boolean;
+        key: string;
+    }[];
+    separator?: "colon" | "equals" | "arrow" | "dots" | "none" | undefined;
+    alignKeys?: boolean | undefined;
+    minKeyWidth?: number | undefined;
+    gap?: number | undefined;
+}>;
+/**
+ * Input type (before defaults applied).
+ */
+type KeyValueInput = z.input<typeof keyValueInputSchema>;
+/**
+ * Input type (after defaults applied).
+ */
+type KeyValueInputWithDefaults = z.output<typeof keyValueInputSchema>;
+
+/**
+ * KeyValue component for rendering labeled data pairs.
+ */
+declare class KeyValueComponent extends BaseTuiComponent<KeyValueInput, typeof keyValueInputSchema> {
+    readonly metadata: ComponentMetadata<KeyValueInput>;
+    readonly schema: zod.ZodObject<{
+        pairs: zod.ZodArray<zod.ZodObject<{
+            key: zod.ZodString;
+            value: zod.ZodUnion<[zod.ZodString, zod.ZodNumber, zod.ZodBoolean]>;
+        }, "strip", zod.ZodTypeAny, {
+            value: string | number | boolean;
+            key: string;
+        }, {
+            value: string | number | boolean;
+            key: string;
+        }>, "many">;
+        separator: zod.ZodDefault<zod.ZodOptional<zod.ZodEnum<["colon", "equals", "arrow", "dots", "none"]>>>;
+        alignKeys: zod.ZodDefault<zod.ZodOptional<zod.ZodBoolean>>;
+        minKeyWidth: zod.ZodOptional<zod.ZodNumber>;
+        gap: zod.ZodDefault<zod.ZodOptional<zod.ZodNumber>>;
+    }, "strip", zod.ZodTypeAny, {
+        pairs: {
+            value: string | number | boolean;
+            key: string;
+        }[];
+        separator: "colon" | "equals" | "arrow" | "dots" | "none";
+        alignKeys: boolean;
+        gap: number;
+        minKeyWidth?: number | undefined;
+    }, {
+        pairs: {
+            value: string | number | boolean;
+            key: string;
+        }[];
+        separator?: "colon" | "equals" | "arrow" | "dots" | "none" | undefined;
+        alignKeys?: boolean | undefined;
+        minKeyWidth?: number | undefined;
+        gap?: number | undefined;
+    }>;
+    /**
+     * Override getJsonSchema to use direct schema generation.
+     */
+    getJsonSchema(): object;
+    render(input: KeyValueInput, context: RenderContext): RenderResult;
+}
+/**
+ * Factory function to create a keyvalue component.
+ */
+declare function createKeyValue(): KeyValueComponent;
+
+export { KeyValueComponent, type KeyValueInput, type KeyValueInputWithDefaults, type KeyValuePair, type SeparatorStyle, createKeyValue, keyValueInputSchema, keyValuePairSchema, separatorStyleSchema };

package/dist/index.js

@@ -0,0 +1,187 @@
+// src/keyvalue.ts
+import {
+  BaseTuiComponent,
+  getStringWidth,
+  measureLines,
+  registry
+} from "@tuicomponents/core";
+import { zodToJsonSchema } from "zod-to-json-schema";
+
+// src/schema.ts
+import { z } from "zod";
+var separatorStyleSchema = z.enum([
+  "colon",
+  "equals",
+  "arrow",
+  "dots",
+  "none"
+]);
+var keyValuePairSchema = z.object({
+  /** Key/label for this pair */
+  key: z.string(),
+  /** Value for this pair */
+  value: z.union([z.string(), z.number(), z.boolean()])
+});
+var keyValueInputSchema = z.object({
+  /** Array of key-value pairs */
+  pairs: z.array(keyValuePairSchema),
+  /** Separator between key and value */
+  separator: separatorStyleSchema.optional().default("colon"),
+  /** Align keys to the same width */
+  alignKeys: z.boolean().optional().default(true),
+  /** Minimum key width (for alignment) */
+  minKeyWidth: z.number().int().nonnegative().optional(),
+  /** Gap between key+separator and value */
+  gap: z.number().int().nonnegative().optional().default(1)
+});
+
+// src/keyvalue.ts
+function getSeparator(style) {
+  switch (style) {
+    case "colon":
+      return ":";
+    case "equals":
+      return "=";
+    case "arrow":
+      return "\u2192";
+    case "dots":
+      return "...";
+    case "none":
+      return "";
+  }
+}
+function colorKey(text, theme) {
+  if (!theme) {
+    return text;
+  }
+  return theme.semantic.header(text);
+}
+function colorSeparator(text, theme) {
+  if (!theme) {
+    return text;
+  }
+  return theme.semantic.secondary(text);
+}
+var KeyValueComponent = class extends BaseTuiComponent {
+  metadata = {
+    name: "keyvalue",
+    description: "Renders key-value pairs in an aligned format",
+    version: "0.1.0",
+    examples: [
+      {
+        name: "basic",
+        description: "Simple key-value pairs",
+        input: {
+          pairs: [
+            { key: "Name", value: "John Doe" },
+            { key: "Email", value: "john@example.com" },
+            { key: "Age", value: 30 }
+          ]
+        }
+      },
+      {
+        name: "equals-separator",
+        description: "Using equals sign as separator",
+        input: {
+          pairs: [
+            { key: "HOST", value: "localhost" },
+            { key: "PORT", value: 8080 },
+            { key: "DEBUG", value: true }
+          ],
+          separator: "equals"
+        }
+      },
+      {
+        name: "arrow-separator",
+        description: "Using arrow as separator",
+        input: {
+          pairs: [
+            { key: "Input", value: "data.json" },
+            { key: "Output", value: "results.csv" }
+          ],
+          separator: "arrow"
+        }
+      },
+      {
+        name: "dots-separator",
+        description: "Using dots as separator (config file style)",
+        input: {
+          pairs: [
+            { key: "Version", value: "1.0.0" },
+            { key: "Build", value: 12345 },
+            { key: "Status", value: "stable" }
+          ],
+          separator: "dots"
+        }
+      },
+      {
+        name: "no-alignment",
+        description: "Without key alignment",
+        input: {
+          pairs: [
+            { key: "Short", value: "value" },
+            { key: "A much longer key", value: "another value" }
+          ],
+          alignKeys: false
+        }
+      }
+    ]
+  };
+  schema = keyValueInputSchema;
+  /**
+   * Override getJsonSchema to use direct schema generation.
+   */
+  getJsonSchema() {
+    return zodToJsonSchema(this.schema, {
+      name: this.metadata.name,
+      $refStrategy: "none"
+    });
+  }
+  render(input, context) {
+    const parsed = this.schema.parse(input);
+    const separator = getSeparator(parsed.separator);
+    const gap = " ".repeat(parsed.gap);
+    const theme = context.theme;
+    let maxKeyWidth = parsed.minKeyWidth ?? 0;
+    if (parsed.alignKeys) {
+      for (const pair of parsed.pairs) {
+        const keyWidth = getStringWidth(pair.key);
+        if (keyWidth > maxKeyWidth) {
+          maxKeyWidth = keyWidth;
+        }
+      }
+    }
+    const lines = [];
+    for (const pair of parsed.pairs) {
+      const keyWidth = getStringWidth(pair.key);
+      const padding = parsed.alignKeys ? " ".repeat(Math.max(0, maxKeyWidth - keyWidth)) : "";
+      const valueStr = String(pair.value);
+      const coloredKey = colorKey(pair.key, theme);
+      if (separator) {
+        const coloredSep = colorSeparator(separator, theme);
+        lines.push(`${coloredKey}${padding}${coloredSep}${gap}${valueStr}`);
+      } else {
+        lines.push(`${coloredKey}${padding}${gap}${valueStr}`);
+      }
+    }
+    const output = lines.join("\n");
+    const measured = measureLines(output);
+    return {
+      output,
+      actualWidth: measured.maxWidth,
+      lineCount: measured.lineCount
+    };
+  }
+};
+function createKeyValue() {
+  return new KeyValueComponent();
+}
+registry.register(createKeyValue);
+export {
+  KeyValueComponent,
+  createKeyValue,
+  keyValueInputSchema,
+  keyValuePairSchema,
+  separatorStyleSchema
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/keyvalue.ts","../src/schema.ts"],"sourcesContent":["import {\n  BaseTuiComponent,\n  type ComponentMetadata,\n  type RenderContext,\n  type RenderResult,\n  type TuiTheme,\n  getStringWidth,\n  measureLines,\n  registry,\n} from \"@tuicomponents/core\";\nimport { zodToJsonSchema } from \"zod-to-json-schema\";\nimport {\n  keyValueInputSchema,\n  type KeyValueInput,\n  type KeyValueInputWithDefaults,\n  type SeparatorStyle,\n} from \"./schema.js\";\n\n/**\n * Get separator string for the given style.\n */\nfunction getSeparator(style: SeparatorStyle): string {\n  switch (style) {\n    case \"colon\":\n      return \":\";\n    case \"equals\":\n      return \"=\";\n    case \"arrow\":\n      return \"→\";\n    case \"dots\":\n      return \"...\";\n    case \"none\":\n      return \"\";\n  }\n}\n\n/**\n * Apply color to keys.\n */\nfunction colorKey(text: string, theme: TuiTheme | undefined): string {\n  if (!theme) {\n    return text;\n  }\n  return theme.semantic.header(text);\n}\n\n/**\n * Apply color to separators.\n */\nfunction colorSeparator(text: string, theme: TuiTheme | undefined): string {\n  if (!theme) {\n    return text;\n  }\n  return theme.semantic.secondary(text);\n}\n\n/**\n * KeyValue component for rendering labeled data pairs.\n */\nclass KeyValueComponent extends BaseTuiComponent<\n  KeyValueInput,\n  typeof keyValueInputSchema\n> {\n  readonly metadata: ComponentMetadata<KeyValueInput> = {\n    name: \"keyvalue\",\n    description: \"Renders key-value pairs in an aligned format\",\n    version: \"0.1.0\",\n    examples: [\n      {\n        name: \"basic\",\n        description: \"Simple key-value pairs\",\n        input: {\n          pairs: [\n            { key: \"Name\", value: \"John Doe\" },\n            { key: \"Email\", value: \"john@example.com\" },\n            { key: \"Age\", value: 30 },\n          ],\n        },\n      },\n      {\n        name: \"equals-separator\",\n        description: \"Using equals sign as separator\",\n        input: {\n          pairs: [\n            { key: \"HOST\", value: \"localhost\" },\n            { key: \"PORT\", value: 8080 },\n            { key: \"DEBUG\", value: true },\n          ],\n          separator: \"equals\",\n        },\n      },\n      {\n        name: \"arrow-separator\",\n        description: \"Using arrow as separator\",\n        input: {\n          pairs: [\n            { key: \"Input\", value: \"data.json\" },\n            { key: \"Output\", value: \"results.csv\" },\n          ],\n          separator: \"arrow\",\n        },\n      },\n      {\n        name: \"dots-separator\",\n        description: \"Using dots as separator (config file style)\",\n        input: {\n          pairs: [\n            { key: \"Version\", value: \"1.0.0\" },\n            { key: \"Build\", value: 12345 },\n            { key: \"Status\", value: \"stable\" },\n          ],\n          separator: \"dots\",\n        },\n      },\n      {\n        name: \"no-alignment\",\n        description: \"Without key alignment\",\n        input: {\n          pairs: [\n            { key: \"Short\", value: \"value\" },\n            { key: \"A much longer key\", value: \"another value\" },\n          ],\n          alignKeys: false,\n        },\n      },\n    ],\n  };\n\n  readonly schema = keyValueInputSchema;\n\n  /**\n   * Override getJsonSchema to use direct schema generation.\n   */\n  override getJsonSchema(): object {\n    return zodToJsonSchema(this.schema, {\n      name: this.metadata.name,\n      $refStrategy: \"none\",\n    });\n  }\n\n  render(input: KeyValueInput, context: RenderContext): RenderResult {\n    // Parse and apply defaults\n    const parsed: KeyValueInputWithDefaults = this.schema.parse(input);\n    const separator = getSeparator(parsed.separator);\n    const gap = \" \".repeat(parsed.gap);\n    const theme = context.theme;\n\n    // Calculate max key width for alignment\n    let maxKeyWidth = parsed.minKeyWidth ?? 0;\n    if (parsed.alignKeys) {\n      for (const pair of parsed.pairs) {\n        const keyWidth = getStringWidth(pair.key);\n        if (keyWidth > maxKeyWidth) {\n          maxKeyWidth = keyWidth;\n        }\n      }\n    }\n\n    const lines: string[] = [];\n\n    for (const pair of parsed.pairs) {\n      const keyWidth = getStringWidth(pair.key);\n      const padding = parsed.alignKeys\n        ? \" \".repeat(Math.max(0, maxKeyWidth - keyWidth))\n        : \"\";\n\n      // Format value as string\n      const valueStr = String(pair.value);\n\n      // Build the line with colored key and separator\n      const coloredKey = colorKey(pair.key, theme);\n      if (separator) {\n        const coloredSep = colorSeparator(separator, theme);\n        lines.push(`${coloredKey}${padding}${coloredSep}${gap}${valueStr}`);\n      } else {\n        lines.push(`${coloredKey}${padding}${gap}${valueStr}`);\n      }\n    }\n\n    const output = lines.join(\"\\n\");\n    const measured = measureLines(output);\n\n    return {\n      output,\n      actualWidth: measured.maxWidth,\n      lineCount: measured.lineCount,\n    };\n  }\n}\n\n/**\n * Factory function to create a keyvalue component.\n */\nexport function createKeyValue(): KeyValueComponent {\n  return new KeyValueComponent();\n}\n\n// Register with global registry\nregistry.register(createKeyValue);\n\nexport { KeyValueComponent };\n","import { z } from \"zod\";\n\n/**\n * Separator style options.\n */\nexport const separatorStyleSchema = z.enum([\n  \"colon\",\n  \"equals\",\n  \"arrow\",\n  \"dots\",\n  \"none\",\n]);\n\nexport type SeparatorStyle = z.infer<typeof separatorStyleSchema>;\n\n/**\n * Schema for a single key-value pair.\n */\nexport const keyValuePairSchema = z.object({\n  /** Key/label for this pair */\n  key: z.string(),\n  /** Value for this pair */\n  value: z.union([z.string(), z.number(), z.boolean()]),\n});\n\nexport type KeyValuePair = z.infer<typeof keyValuePairSchema>;\n\n/**\n * Schema for keyvalue component input.\n */\nexport const keyValueInputSchema = z.object({\n  /** Array of key-value pairs */\n  pairs: z.array(keyValuePairSchema),\n  /** Separator between key and value */\n  separator: separatorStyleSchema.optional().default(\"colon\"),\n  /** Align keys to the same width */\n  alignKeys: z.boolean().optional().default(true),\n  /** Minimum key width (for alignment) */\n  minKeyWidth: z.number().int().nonnegative().optional(),\n  /** Gap between key+separator and value */\n  gap: z.number().int().nonnegative().optional().default(1),\n});\n\n/**\n * Input type (before defaults applied).\n */\nexport type KeyValueInput = z.input<typeof keyValueInputSchema>;\n\n/**\n * Input type (after defaults applied).\n */\nexport type KeyValueInputWithDefaults = z.output<typeof keyValueInputSchema>;\n"],"mappings":"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","names":[]}

package/package.json

@@ -0,0 +1,49 @@
+{
+  "name": "@tuicomponents/keyvalue",
+  "version": "0.1.1",
+  "description": "Key-value component for TUI - renders labeled data pairs",
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      },
+      "require": {
+        "types": "./dist/index.d.cts",
+        "default": "./dist/index.cjs"
+      }
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "keywords": [
+    "tui",
+    "terminal",
+    "keyvalue",
+    "properties"
+  ],
+  "license": "UNLICENSED",
+  "dependencies": {
+    "zod": "^3.24.0",
+    "zod-to-json-schema": "^3.24.0",
+    "@tuicomponents/core": "0.1.1"
+  },
+  "devDependencies": {
+    "@types/node": "^22.0.0"
+  },
+  "scripts": {
+    "build": "tsup",
+    "typecheck": "tsc --noEmit",
+    "lint": "eslint src",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "api-report": "api-extractor run",
+    "api-report:update": "api-extractor run --local",
+    "clean": "rm -rf dist"
+  }
+}