@tuicomponents/box 0.1.1

package/dist/index.cjs

@@ -0,0 +1,380 @@
+"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, {
+  BoxComponent: () => BoxComponent,
+  alignmentSchema: () => alignmentSchema,
+  borderStyleSchema: () => borderStyleSchema,
+  boxInputSchema: () => boxInputSchema,
+  createBox: () => createBox,
+  getBorderChars: () => getBorderChars,
+  paddingSchema: () => paddingSchema
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/box.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 borderStyleSchema = import_zod.z.enum([
+  "single",
+  "double",
+  "round",
+  "bold",
+  "singleDouble",
+  "doubleSingle",
+  "classic",
+  "none"
+]);
+var alignmentSchema = import_zod.z.enum(["left", "center", "right"]);
+var paddingSchema = import_zod.z.union([
+  import_zod.z.number().int().nonnegative(),
+  import_zod.z.object({
+    top: import_zod.z.number().int().nonnegative().optional().default(0),
+    right: import_zod.z.number().int().nonnegative().optional().default(0),
+    bottom: import_zod.z.number().int().nonnegative().optional().default(0),
+    left: import_zod.z.number().int().nonnegative().optional().default(0)
+  })
+]);
+var boxInputSchema = import_zod.z.object({
+  /** Content to display inside the box */
+  content: import_zod.z.string(),
+  /** Title to display in the top border */
+  title: import_zod.z.string().optional(),
+  /** Title alignment */
+  titleAlignment: alignmentSchema.optional().default("left"),
+  /** Border style */
+  borderStyle: borderStyleSchema.optional().default("single"),
+  /** Padding inside the box */
+  padding: paddingSchema.optional().default(0),
+  /** Fixed width (if not set, fits content) */
+  width: import_zod.z.number().int().positive().optional(),
+  /** Text alignment within the box */
+  textAlignment: alignmentSchema.optional().default("left"),
+  /** Whether to dim the border */
+  dimBorder: import_zod.z.boolean().optional().default(false)
+});
+
+// src/chars.ts
+var borderCharSets = {
+  single: {
+    topLeft: "\u250C",
+    top: "\u2500",
+    topRight: "\u2510",
+    right: "\u2502",
+    bottomRight: "\u2518",
+    bottom: "\u2500",
+    bottomLeft: "\u2514",
+    left: "\u2502"
+  },
+  double: {
+    topLeft: "\u2554",
+    top: "\u2550",
+    topRight: "\u2557",
+    right: "\u2551",
+    bottomRight: "\u255D",
+    bottom: "\u2550",
+    bottomLeft: "\u255A",
+    left: "\u2551"
+  },
+  round: {
+    topLeft: "\u256D",
+    top: "\u2500",
+    topRight: "\u256E",
+    right: "\u2502",
+    bottomRight: "\u256F",
+    bottom: "\u2500",
+    bottomLeft: "\u2570",
+    left: "\u2502"
+  },
+  bold: {
+    topLeft: "\u250F",
+    top: "\u2501",
+    topRight: "\u2513",
+    right: "\u2503",
+    bottomRight: "\u251B",
+    bottom: "\u2501",
+    bottomLeft: "\u2517",
+    left: "\u2503"
+  },
+  singleDouble: {
+    topLeft: "\u2553",
+    top: "\u2500",
+    topRight: "\u2556",
+    right: "\u2551",
+    bottomRight: "\u255C",
+    bottom: "\u2500",
+    bottomLeft: "\u2559",
+    left: "\u2551"
+  },
+  doubleSingle: {
+    topLeft: "\u2552",
+    top: "\u2550",
+    topRight: "\u2555",
+    right: "\u2502",
+    bottomRight: "\u255B",
+    bottom: "\u2550",
+    bottomLeft: "\u2558",
+    left: "\u2502"
+  },
+  classic: {
+    topLeft: "+",
+    top: "-",
+    topRight: "+",
+    right: "|",
+    bottomRight: "+",
+    bottom: "-",
+    bottomLeft: "+",
+    left: "|"
+  },
+  none: {
+    topLeft: " ",
+    top: " ",
+    topRight: " ",
+    right: " ",
+    bottomRight: " ",
+    bottom: " ",
+    bottomLeft: " ",
+    left: " "
+  }
+};
+function getBorderChars(style) {
+  return borderCharSets[style];
+}
+
+// src/box.ts
+function colorBorder(text, theme) {
+  if (!theme) {
+    return text;
+  }
+  return theme.semantic.border(text);
+}
+function colorTitle(text, theme) {
+  if (!theme) {
+    return text;
+  }
+  return theme.semantic.header(text);
+}
+var BoxComponent = class extends import_core.BaseTuiComponent {
+  metadata = {
+    name: "box",
+    description: "Renders content in a bordered box/panel",
+    version: "0.1.0",
+    examples: [
+      {
+        name: "basic",
+        description: "Simple box with content",
+        input: {
+          content: "Hello, World!"
+        }
+      },
+      {
+        name: "with-title",
+        description: "Box with a title",
+        input: {
+          content: "This is the content inside the box.",
+          title: "My Title"
+        }
+      },
+      {
+        name: "rounded",
+        description: "Box with rounded corners",
+        input: {
+          content: "Rounded corners look nice!",
+          borderStyle: "round",
+          padding: 1
+        }
+      },
+      {
+        name: "double-border",
+        description: "Box with double-line border",
+        input: {
+          content: "Double border style",
+          borderStyle: "double",
+          title: "Important",
+          titleAlignment: "center"
+        }
+      },
+      {
+        name: "centered-text",
+        description: "Box with centered content",
+        input: {
+          content: "Centered\nMultiple lines\nAll centered",
+          textAlignment: "center",
+          width: 30,
+          padding: { top: 1, bottom: 1, left: 2, right: 2 }
+        }
+      }
+    ]
+  };
+  schema = boxInputSchema;
+  /**
+   * 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 chars = getBorderChars(parsed.borderStyle);
+    const padding = this.normalizePadding(parsed.padding);
+    const theme = context.theme;
+    const contentMeasured = (0, import_core.measureLines)(parsed.content);
+    const contentLines = contentMeasured.lines;
+    const titleWidth = parsed.title ? context.renderMode === "markdown" ? (0, import_core.getMarkdownRenderedWidth)(` ${parsed.title} `) : (0, import_core.getStringWidth)(` ${parsed.title} `) : 0;
+    let contentWidth;
+    if (parsed.width) {
+      contentWidth = parsed.width - 2 - padding.left - padding.right;
+    } else {
+      const minWidthForTitle = Math.max(
+        0,
+        titleWidth - padding.left - padding.right
+      );
+      contentWidth = Math.max(contentMeasured.maxWidth, minWidthForTitle);
+    }
+    const innerWidth = contentWidth + padding.left + padding.right;
+    const outputLines = [];
+    outputLines.push(
+      this.buildTopBorder(
+        chars,
+        innerWidth,
+        parsed.title,
+        parsed.titleAlignment,
+        theme,
+        context.renderMode
+      )
+    );
+    for (let i = 0; i < padding.top; i++) {
+      outputLines.push(this.buildEmptyLine(chars, innerWidth, theme));
+    }
+    for (const line of contentLines) {
+      outputLines.push(
+        this.buildContentLine(
+          chars,
+          line,
+          contentWidth,
+          padding,
+          parsed.textAlignment,
+          theme
+        )
+      );
+    }
+    for (let i = 0; i < padding.bottom; i++) {
+      outputLines.push(this.buildEmptyLine(chars, innerWidth, theme));
+    }
+    outputLines.push(this.buildBottomBorder(chars, innerWidth, theme));
+    const output = outputLines.join("\n");
+    const measured = (0, import_core.measureLines)(output);
+    return {
+      output,
+      actualWidth: measured.maxWidth,
+      lineCount: measured.lineCount
+    };
+  }
+  /**
+   * Normalize padding to object with all sides.
+   */
+  normalizePadding(padding) {
+    if (typeof padding === "number") {
+      return { top: padding, right: padding, bottom: padding, left: padding };
+    }
+    return {
+      top: padding.top,
+      right: padding.right,
+      bottom: padding.bottom,
+      left: padding.left
+    };
+  }
+  /**
+   * Build the top border with optional title.
+   */
+  buildTopBorder(chars, innerWidth, title, titleAlignment, theme, renderMode) {
+    if (!title) {
+      const border = chars.topLeft + chars.top.repeat(innerWidth) + chars.topRight;
+      return colorBorder(border, theme);
+    }
+    const titleWithSpace = ` ${title} `;
+    const titleWidth = renderMode === "markdown" ? (0, import_core.getMarkdownRenderedWidth)(titleWithSpace) : (0, import_core.getStringWidth)(titleWithSpace);
+    if (titleWidth > innerWidth) {
+      const truncatedTitle = titleWithSpace.slice(0, innerWidth - 1) + "\u2026";
+      return colorBorder(chars.topLeft, theme) + colorTitle(truncatedTitle, theme) + colorBorder(chars.topRight, theme);
+    }
+    const remainingWidth = innerWidth - titleWidth;
+    switch (titleAlignment) {
+      case "center": {
+        const leftPad = Math.floor(remainingWidth / 2);
+        const rightPad = remainingWidth - leftPad;
+        return colorBorder(chars.topLeft + chars.top.repeat(leftPad), theme) + colorTitle(titleWithSpace, theme) + colorBorder(chars.top.repeat(rightPad) + chars.topRight, theme);
+      }
+      case "right": {
+        return colorBorder(chars.topLeft + chars.top.repeat(remainingWidth), theme) + colorTitle(titleWithSpace, theme) + colorBorder(chars.topRight, theme);
+      }
+      case "left":
+      default: {
+        return colorBorder(chars.topLeft, theme) + colorTitle(titleWithSpace, theme) + colorBorder(chars.top.repeat(remainingWidth) + chars.topRight, theme);
+      }
+    }
+  }
+  /**
+   * Build an empty line (for padding).
+   */
+  buildEmptyLine(chars, innerWidth, theme) {
+    return colorBorder(chars.left, theme) + " ".repeat(innerWidth) + colorBorder(chars.right, theme);
+  }
+  /**
+   * Build a content line with padding and alignment.
+   */
+  buildContentLine(chars, content, contentWidth, padding, textAlignment, theme) {
+    const alignedContent = (0, import_core.padToWidth)(content, contentWidth, {
+      align: textAlignment
+    });
+    const leftPad = " ".repeat(padding.left);
+    const rightPad = " ".repeat(padding.right);
+    return colorBorder(chars.left, theme) + leftPad + alignedContent + rightPad + colorBorder(chars.right, theme);
+  }
+  /**
+   * Build the bottom border.
+   */
+  buildBottomBorder(chars, innerWidth, theme) {
+    const border = chars.bottomLeft + chars.bottom.repeat(innerWidth) + chars.bottomRight;
+    return colorBorder(border, theme);
+  }
+};
+function createBox() {
+  return new BoxComponent();
+}
+import_core.registry.register(createBox);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  BoxComponent,
+  alignmentSchema,
+  borderStyleSchema,
+  boxInputSchema,
+  createBox,
+  getBorderChars,
+  paddingSchema
+});
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts","../src/box.ts","../src/schema.ts","../src/chars.ts"],"sourcesContent":["export { createBox, BoxComponent } from \"./box.js\";\nexport {\n  boxInputSchema,\n  borderStyleSchema,\n  alignmentSchema,\n  paddingSchema,\n  type BoxInput,\n  type BoxInputWithDefaults,\n  type BorderStyle,\n  type Alignment,\n  type Padding,\n  type NormalizedPadding,\n} from \"./schema.js\";\nexport { getBorderChars, type BorderChars } from \"./chars.js\";\n","import {\n  BaseTuiComponent,\n  type ComponentMetadata,\n  type RenderContext,\n  type RenderResult,\n  type TuiTheme,\n  type RenderMode,\n  getStringWidth,\n  getMarkdownRenderedWidth,\n  padToWidth,\n  measureLines,\n  registry,\n} from \"@tuicomponents/core\";\nimport { zodToJsonSchema } from \"zod-to-json-schema\";\nimport {\n  boxInputSchema,\n  type BoxInput,\n  type BoxInputWithDefaults,\n  type NormalizedPadding,\n  type Padding,\n  type Alignment,\n} from \"./schema.js\";\nimport { getBorderChars, type BorderChars } from \"./chars.js\";\n\n/**\n * Apply border color to text.\n */\nfunction colorBorder(text: string, theme: TuiTheme | undefined): string {\n  if (!theme) {\n    return text;\n  }\n  return theme.semantic.border(text);\n}\n\n/**\n * Apply header/title color to text.\n */\nfunction colorTitle(text: string, theme: TuiTheme | undefined): string {\n  if (!theme) {\n    return text;\n  }\n  return theme.semantic.header(text);\n}\n\n/**\n * Box component for rendering content in bordered panels.\n */\nclass BoxComponent extends BaseTuiComponent<BoxInput, typeof boxInputSchema> {\n  readonly metadata: ComponentMetadata<BoxInput> = {\n    name: \"box\",\n    description: \"Renders content in a bordered box/panel\",\n    version: \"0.1.0\",\n    examples: [\n      {\n        name: \"basic\",\n        description: \"Simple box with content\",\n        input: {\n          content: \"Hello, World!\",\n        },\n      },\n      {\n        name: \"with-title\",\n        description: \"Box with a title\",\n        input: {\n          content: \"This is the content inside the box.\",\n          title: \"My Title\",\n        },\n      },\n      {\n        name: \"rounded\",\n        description: \"Box with rounded corners\",\n        input: {\n          content: \"Rounded corners look nice!\",\n          borderStyle: \"round\",\n          padding: 1,\n        },\n      },\n      {\n        name: \"double-border\",\n        description: \"Box with double-line border\",\n        input: {\n          content: \"Double border style\",\n          borderStyle: \"double\",\n          title: \"Important\",\n          titleAlignment: \"center\",\n        },\n      },\n      {\n        name: \"centered-text\",\n        description: \"Box with centered content\",\n        input: {\n          content: \"Centered\\nMultiple lines\\nAll centered\",\n          textAlignment: \"center\",\n          width: 30,\n          padding: { top: 1, bottom: 1, left: 2, right: 2 },\n        },\n      },\n    ],\n  };\n\n  readonly schema = boxInputSchema;\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: BoxInput, context: RenderContext): RenderResult {\n    // Parse and apply defaults\n    const parsed: BoxInputWithDefaults = this.schema.parse(input);\n    const chars = getBorderChars(parsed.borderStyle);\n    const padding = this.normalizePadding(parsed.padding);\n    const theme = context.theme;\n\n    // Split content into lines\n    const contentMeasured = measureLines(parsed.content);\n    const contentLines = contentMeasured.lines;\n\n    // Calculate title width requirement (title + surrounding spaces)\n    // In markdown mode, use visual width (formatting chars like ** and _ are invisible)\n    const titleWidth = parsed.title\n      ? context.renderMode === \"markdown\"\n        ? getMarkdownRenderedWidth(` ${parsed.title} `)\n        : getStringWidth(` ${parsed.title} `)\n      : 0;\n\n    // Determine content width - must fit both content and title\n    let contentWidth: number;\n    if (parsed.width) {\n      contentWidth = parsed.width - 2 - padding.left - padding.right; // Account for borders and padding\n    } else {\n      // Use the larger of content width or title width (minus padding)\n      const minWidthForTitle = Math.max(\n        0,\n        titleWidth - padding.left - padding.right\n      );\n      contentWidth = Math.max(contentMeasured.maxWidth, minWidthForTitle);\n    }\n\n    // Calculate total inner width (content + horizontal padding)\n    const innerWidth = contentWidth + padding.left + padding.right;\n\n    // Build output lines\n    const outputLines: string[] = [];\n\n    // Top border with optional title\n    outputLines.push(\n      this.buildTopBorder(\n        chars,\n        innerWidth,\n        parsed.title,\n        parsed.titleAlignment,\n        theme,\n        context.renderMode\n      )\n    );\n\n    // Top padding\n    for (let i = 0; i < padding.top; i++) {\n      outputLines.push(this.buildEmptyLine(chars, innerWidth, theme));\n    }\n\n    // Content lines\n    for (const line of contentLines) {\n      outputLines.push(\n        this.buildContentLine(\n          chars,\n          line,\n          contentWidth,\n          padding,\n          parsed.textAlignment,\n          theme\n        )\n      );\n    }\n\n    // Bottom padding\n    for (let i = 0; i < padding.bottom; i++) {\n      outputLines.push(this.buildEmptyLine(chars, innerWidth, theme));\n    }\n\n    // Bottom border\n    outputLines.push(this.buildBottomBorder(chars, innerWidth, theme));\n\n    const output = outputLines.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   * Normalize padding to object with all sides.\n   */\n  private normalizePadding(padding: Padding): NormalizedPadding {\n    if (typeof padding === \"number\") {\n      return { top: padding, right: padding, bottom: padding, left: padding };\n    }\n    // After schema parsing with .default(0), all fields are guaranteed to be numbers\n    return {\n      top: padding.top,\n      right: padding.right,\n      bottom: padding.bottom,\n      left: padding.left,\n    };\n  }\n\n  /**\n   * Build the top border with optional title.\n   */\n  private buildTopBorder(\n    chars: BorderChars,\n    innerWidth: number,\n    title: string | undefined,\n    titleAlignment: Alignment,\n    theme: TuiTheme | undefined,\n    renderMode: RenderMode\n  ): string {\n    if (!title) {\n      const border =\n        chars.topLeft + chars.top.repeat(innerWidth) + chars.topRight;\n      return colorBorder(border, theme);\n    }\n\n    const titleWithSpace = ` ${title} `;\n    // In markdown mode, use visual width (formatting chars like ** and _ are invisible when rendered)\n    const titleWidth =\n      renderMode === \"markdown\"\n        ? getMarkdownRenderedWidth(titleWithSpace)\n        : getStringWidth(titleWithSpace);\n\n    // If title is too long, truncate\n    if (titleWidth > innerWidth) {\n      const truncatedTitle = titleWithSpace.slice(0, innerWidth - 1) + \"…\";\n      return (\n        colorBorder(chars.topLeft, theme) +\n        colorTitle(truncatedTitle, theme) +\n        colorBorder(chars.topRight, theme)\n      );\n    }\n\n    const remainingWidth = innerWidth - titleWidth;\n\n    switch (titleAlignment) {\n      case \"center\": {\n        const leftPad = Math.floor(remainingWidth / 2);\n        const rightPad = remainingWidth - leftPad;\n        return (\n          colorBorder(chars.topLeft + chars.top.repeat(leftPad), theme) +\n          colorTitle(titleWithSpace, theme) +\n          colorBorder(chars.top.repeat(rightPad) + chars.topRight, theme)\n        );\n      }\n      case \"right\": {\n        return (\n          colorBorder(chars.topLeft + chars.top.repeat(remainingWidth), theme) +\n          colorTitle(titleWithSpace, theme) +\n          colorBorder(chars.topRight, theme)\n        );\n      }\n      case \"left\":\n      default: {\n        return (\n          colorBorder(chars.topLeft, theme) +\n          colorTitle(titleWithSpace, theme) +\n          colorBorder(chars.top.repeat(remainingWidth) + chars.topRight, theme)\n        );\n      }\n    }\n  }\n\n  /**\n   * Build an empty line (for padding).\n   */\n  private buildEmptyLine(\n    chars: BorderChars,\n    innerWidth: number,\n    theme: TuiTheme | undefined\n  ): string {\n    return (\n      colorBorder(chars.left, theme) +\n      \" \".repeat(innerWidth) +\n      colorBorder(chars.right, theme)\n    );\n  }\n\n  /**\n   * Build a content line with padding and alignment.\n   */\n  private buildContentLine(\n    chars: BorderChars,\n    content: string,\n    contentWidth: number,\n    padding: NormalizedPadding,\n    textAlignment: Alignment,\n    theme: TuiTheme | undefined\n  ): string {\n    // Pad/align content within content area\n    const alignedContent = padToWidth(content, contentWidth, {\n      align: textAlignment,\n    });\n\n    // Add horizontal padding\n    const leftPad = \" \".repeat(padding.left);\n    const rightPad = \" \".repeat(padding.right);\n\n    return (\n      colorBorder(chars.left, theme) +\n      leftPad +\n      alignedContent +\n      rightPad +\n      colorBorder(chars.right, theme)\n    );\n  }\n\n  /**\n   * Build the bottom border.\n   */\n  private buildBottomBorder(\n    chars: BorderChars,\n    innerWidth: number,\n    theme: TuiTheme | undefined\n  ): string {\n    const border =\n      chars.bottomLeft + chars.bottom.repeat(innerWidth) + chars.bottomRight;\n    return colorBorder(border, theme);\n  }\n}\n\n/**\n * Factory function to create a box component.\n */\nexport function createBox(): BoxComponent {\n  return new BoxComponent();\n}\n\n// Register with global registry\nregistry.register(createBox);\n\nexport { BoxComponent };\n","import { z } from \"zod\";\n\n/**\n * Border style options for box rendering.\n */\nexport const borderStyleSchema = z.enum([\n  \"single\",\n  \"double\",\n  \"round\",\n  \"bold\",\n  \"singleDouble\",\n  \"doubleSingle\",\n  \"classic\",\n  \"none\",\n]);\n\nexport type BorderStyle = z.infer<typeof borderStyleSchema>;\n\n/**\n * Text alignment options.\n */\nexport const alignmentSchema = z.enum([\"left\", \"center\", \"right\"]);\n\nexport type Alignment = z.infer<typeof alignmentSchema>;\n\n/**\n * Padding configuration - can be a single number or object with sides.\n */\nexport const paddingSchema = z.union([\n  z.number().int().nonnegative(),\n  z.object({\n    top: z.number().int().nonnegative().optional().default(0),\n    right: z.number().int().nonnegative().optional().default(0),\n    bottom: z.number().int().nonnegative().optional().default(0),\n    left: z.number().int().nonnegative().optional().default(0),\n  }),\n]);\n\nexport type Padding = z.infer<typeof paddingSchema>;\n\n/**\n * Normalized padding with all sides specified.\n */\nexport interface NormalizedPadding {\n  top: number;\n  right: number;\n  bottom: number;\n  left: number;\n}\n\n/**\n * Schema for box component input.\n */\nexport const boxInputSchema = z.object({\n  /** Content to display inside the box */\n  content: z.string(),\n  /** Title to display in the top border */\n  title: z.string().optional(),\n  /** Title alignment */\n  titleAlignment: alignmentSchema.optional().default(\"left\"),\n  /** Border style */\n  borderStyle: borderStyleSchema.optional().default(\"single\"),\n  /** Padding inside the box */\n  padding: paddingSchema.optional().default(0),\n  /** Fixed width (if not set, fits content) */\n  width: z.number().int().positive().optional(),\n  /** Text alignment within the box */\n  textAlignment: alignmentSchema.optional().default(\"left\"),\n  /** Whether to dim the border */\n  dimBorder: z.boolean().optional().default(false),\n});\n\n/**\n * Input type (before defaults applied).\n */\nexport type BoxInput = z.input<typeof boxInputSchema>;\n\n/**\n * Input type (after defaults applied).\n */\nexport type BoxInputWithDefaults = z.output<typeof boxInputSchema>;\n","import type { BorderStyle } from \"./schema.js\";\n\n/**\n * Border character set for box rendering.\n */\nexport interface BorderChars {\n  topLeft: string;\n  top: string;\n  topRight: string;\n  right: string;\n  bottomRight: string;\n  bottom: string;\n  bottomLeft: string;\n  left: string;\n}\n\n/**\n * Border character sets for different styles.\n */\nconst borderCharSets: Record<BorderStyle, BorderChars> = {\n  single: {\n    topLeft: \"┌\",\n    top: \"─\",\n    topRight: \"┐\",\n    right: \"│\",\n    bottomRight: \"┘\",\n    bottom: \"─\",\n    bottomLeft: \"└\",\n    left: \"│\",\n  },\n  double: {\n    topLeft: \"╔\",\n    top: \"═\",\n    topRight: \"╗\",\n    right: \"║\",\n    bottomRight: \"╝\",\n    bottom: \"═\",\n    bottomLeft: \"╚\",\n    left: \"║\",\n  },\n  round: {\n    topLeft: \"╭\",\n    top: \"─\",\n    topRight: \"╮\",\n    right: \"│\",\n    bottomRight: \"╯\",\n    bottom: \"─\",\n    bottomLeft: \"╰\",\n    left: \"│\",\n  },\n  bold: {\n    topLeft: \"┏\",\n    top: \"━\",\n    topRight: \"┓\",\n    right: \"┃\",\n    bottomRight: \"┛\",\n    bottom: \"━\",\n    bottomLeft: \"┗\",\n    left: \"┃\",\n  },\n  singleDouble: {\n    topLeft: \"╓\",\n    top: \"─\",\n    topRight: \"╖\",\n    right: \"║\",\n    bottomRight: \"╜\",\n    bottom: \"─\",\n    bottomLeft: \"╙\",\n    left: \"║\",\n  },\n  doubleSingle: {\n    topLeft: \"╒\",\n    top: \"═\",\n    topRight: \"╕\",\n    right: \"│\",\n    bottomRight: \"╛\",\n    bottom: \"═\",\n    bottomLeft: \"╘\",\n    left: \"│\",\n  },\n  classic: {\n    topLeft: \"+\",\n    top: \"-\",\n    topRight: \"+\",\n    right: \"|\",\n    bottomRight: \"+\",\n    bottom: \"-\",\n    bottomLeft: \"+\",\n    left: \"|\",\n  },\n  none: {\n    topLeft: \" \",\n    top: \" \",\n    topRight: \" \",\n    right: \" \",\n    bottomRight: \" \",\n    bottom: \" \",\n    bottomLeft: \" \",\n    left: \" \",\n  },\n};\n\n/**\n * Get border characters for the specified style.\n */\nexport function getBorderChars(style: BorderStyle): BorderChars {\n  return borderCharSets[style];\n}\n"],"mappings":"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","names":[]}

package/dist/index.d.cts

@@ -0,0 +1,224 @@
+import * as zod from 'zod';
+import { z } from 'zod';
+import { BaseTuiComponent, ComponentMetadata, RenderContext, RenderResult } from '@tuicomponents/core';
+
+/**
+ * Border style options for box rendering.
+ */
+declare const borderStyleSchema: z.ZodEnum<["single", "double", "round", "bold", "singleDouble", "doubleSingle", "classic", "none"]>;
+type BorderStyle = z.infer<typeof borderStyleSchema>;
+/**
+ * Text alignment options.
+ */
+declare const alignmentSchema: z.ZodEnum<["left", "center", "right"]>;
+type Alignment = z.infer<typeof alignmentSchema>;
+/**
+ * Padding configuration - can be a single number or object with sides.
+ */
+declare const paddingSchema: z.ZodUnion<[z.ZodNumber, z.ZodObject<{
+    top: z.ZodDefault<z.ZodOptional<z.ZodNumber>>;
+    right: z.ZodDefault<z.ZodOptional<z.ZodNumber>>;
+    bottom: z.ZodDefault<z.ZodOptional<z.ZodNumber>>;
+    left: z.ZodDefault<z.ZodOptional<z.ZodNumber>>;
+}, "strip", z.ZodTypeAny, {
+    left: number;
+    right: number;
+    top: number;
+    bottom: number;
+}, {
+    left?: number | undefined;
+    right?: number | undefined;
+    top?: number | undefined;
+    bottom?: number | undefined;
+}>]>;
+type Padding = z.infer<typeof paddingSchema>;
+/**
+ * Normalized padding with all sides specified.
+ */
+interface NormalizedPadding {
+    top: number;
+    right: number;
+    bottom: number;
+    left: number;
+}
+/**
+ * Schema for box component input.
+ */
+declare const boxInputSchema: z.ZodObject<{
+    /** Content to display inside the box */
+    content: z.ZodString;
+    /** Title to display in the top border */
+    title: z.ZodOptional<z.ZodString>;
+    /** Title alignment */
+    titleAlignment: z.ZodDefault<z.ZodOptional<z.ZodEnum<["left", "center", "right"]>>>;
+    /** Border style */
+    borderStyle: z.ZodDefault<z.ZodOptional<z.ZodEnum<["single", "double", "round", "bold", "singleDouble", "doubleSingle", "classic", "none"]>>>;
+    /** Padding inside the box */
+    padding: z.ZodDefault<z.ZodOptional<z.ZodUnion<[z.ZodNumber, z.ZodObject<{
+        top: z.ZodDefault<z.ZodOptional<z.ZodNumber>>;
+        right: z.ZodDefault<z.ZodOptional<z.ZodNumber>>;
+        bottom: z.ZodDefault<z.ZodOptional<z.ZodNumber>>;
+        left: z.ZodDefault<z.ZodOptional<z.ZodNumber>>;
+    }, "strip", z.ZodTypeAny, {
+        left: number;
+        right: number;
+        top: number;
+        bottom: number;
+    }, {
+        left?: number | undefined;
+        right?: number | undefined;
+        top?: number | undefined;
+        bottom?: number | undefined;
+    }>]>>>;
+    /** Fixed width (if not set, fits content) */
+    width: z.ZodOptional<z.ZodNumber>;
+    /** Text alignment within the box */
+    textAlignment: z.ZodDefault<z.ZodOptional<z.ZodEnum<["left", "center", "right"]>>>;
+    /** Whether to dim the border */
+    dimBorder: z.ZodDefault<z.ZodOptional<z.ZodBoolean>>;
+}, "strip", z.ZodTypeAny, {
+    content: string;
+    titleAlignment: "left" | "center" | "right";
+    borderStyle: "single" | "double" | "round" | "bold" | "singleDouble" | "doubleSingle" | "classic" | "none";
+    padding: number | {
+        left: number;
+        right: number;
+        top: number;
+        bottom: number;
+    };
+    textAlignment: "left" | "center" | "right";
+    dimBorder: boolean;
+    title?: string | undefined;
+    width?: number | undefined;
+}, {
+    content: string;
+    title?: string | undefined;
+    titleAlignment?: "left" | "center" | "right" | undefined;
+    borderStyle?: "single" | "double" | "round" | "bold" | "singleDouble" | "doubleSingle" | "classic" | "none" | undefined;
+    padding?: number | {
+        left?: number | undefined;
+        right?: number | undefined;
+        top?: number | undefined;
+        bottom?: number | undefined;
+    } | undefined;
+    width?: number | undefined;
+    textAlignment?: "left" | "center" | "right" | undefined;
+    dimBorder?: boolean | undefined;
+}>;
+/**
+ * Input type (before defaults applied).
+ */
+type BoxInput = z.input<typeof boxInputSchema>;
+/**
+ * Input type (after defaults applied).
+ */
+type BoxInputWithDefaults = z.output<typeof boxInputSchema>;
+
+/**
+ * Box component for rendering content in bordered panels.
+ */
+declare class BoxComponent extends BaseTuiComponent<BoxInput, typeof boxInputSchema> {
+    readonly metadata: ComponentMetadata<BoxInput>;
+    readonly schema: zod.ZodObject<{
+        content: zod.ZodString;
+        title: zod.ZodOptional<zod.ZodString>;
+        titleAlignment: zod.ZodDefault<zod.ZodOptional<zod.ZodEnum<["left", "center", "right"]>>>;
+        borderStyle: zod.ZodDefault<zod.ZodOptional<zod.ZodEnum<["single", "double", "round", "bold", "singleDouble", "doubleSingle", "classic", "none"]>>>;
+        padding: zod.ZodDefault<zod.ZodOptional<zod.ZodUnion<[zod.ZodNumber, zod.ZodObject<{
+            top: zod.ZodDefault<zod.ZodOptional<zod.ZodNumber>>;
+            right: zod.ZodDefault<zod.ZodOptional<zod.ZodNumber>>;
+            bottom: zod.ZodDefault<zod.ZodOptional<zod.ZodNumber>>;
+            left: zod.ZodDefault<zod.ZodOptional<zod.ZodNumber>>;
+        }, "strip", zod.ZodTypeAny, {
+            left: number;
+            right: number;
+            top: number;
+            bottom: number;
+        }, {
+            left?: number | undefined;
+            right?: number | undefined;
+            top?: number | undefined;
+            bottom?: number | undefined;
+        }>]>>>;
+        width: zod.ZodOptional<zod.ZodNumber>;
+        textAlignment: zod.ZodDefault<zod.ZodOptional<zod.ZodEnum<["left", "center", "right"]>>>;
+        dimBorder: zod.ZodDefault<zod.ZodOptional<zod.ZodBoolean>>;
+    }, "strip", zod.ZodTypeAny, {
+        content: string;
+        titleAlignment: "left" | "center" | "right";
+        borderStyle: "single" | "double" | "round" | "bold" | "singleDouble" | "doubleSingle" | "classic" | "none";
+        padding: number | {
+            left: number;
+            right: number;
+            top: number;
+            bottom: number;
+        };
+        textAlignment: "left" | "center" | "right";
+        dimBorder: boolean;
+        title?: string | undefined;
+        width?: number | undefined;
+    }, {
+        content: string;
+        title?: string | undefined;
+        titleAlignment?: "left" | "center" | "right" | undefined;
+        borderStyle?: "single" | "double" | "round" | "bold" | "singleDouble" | "doubleSingle" | "classic" | "none" | undefined;
+        padding?: number | {
+            left?: number | undefined;
+            right?: number | undefined;
+            top?: number | undefined;
+            bottom?: number | undefined;
+        } | undefined;
+        width?: number | undefined;
+        textAlignment?: "left" | "center" | "right" | undefined;
+        dimBorder?: boolean | undefined;
+    }>;
+    /**
+     * Override getJsonSchema to use direct schema generation.
+     */
+    getJsonSchema(): object;
+    render(input: BoxInput, context: RenderContext): RenderResult;
+    /**
+     * Normalize padding to object with all sides.
+     */
+    private normalizePadding;
+    /**
+     * Build the top border with optional title.
+     */
+    private buildTopBorder;
+    /**
+     * Build an empty line (for padding).
+     */
+    private buildEmptyLine;
+    /**
+     * Build a content line with padding and alignment.
+     */
+    private buildContentLine;
+    /**
+     * Build the bottom border.
+     */
+    private buildBottomBorder;
+}
+/**
+ * Factory function to create a box component.
+ */
+declare function createBox(): BoxComponent;
+
+/**
+ * Border character set for box rendering.
+ */
+interface BorderChars {
+    topLeft: string;
+    top: string;
+    topRight: string;
+    right: string;
+    bottomRight: string;
+    bottom: string;
+    bottomLeft: string;
+    left: string;
+}
+/**
+ * Get border characters for the specified style.
+ */
+declare function getBorderChars(style: BorderStyle): BorderChars;
+
+export { type Alignment, type BorderChars, type BorderStyle, BoxComponent, type BoxInput, type BoxInputWithDefaults, type NormalizedPadding, type Padding, alignmentSchema, borderStyleSchema, boxInputSchema, createBox, getBorderChars, paddingSchema };

package/dist/index.d.ts

@@ -0,0 +1,224 @@
+import * as zod from 'zod';
+import { z } from 'zod';
+import { BaseTuiComponent, ComponentMetadata, RenderContext, RenderResult } from '@tuicomponents/core';
+
+/**
+ * Border style options for box rendering.
+ */
+declare const borderStyleSchema: z.ZodEnum<["single", "double", "round", "bold", "singleDouble", "doubleSingle", "classic", "none"]>;
+type BorderStyle = z.infer<typeof borderStyleSchema>;
+/**
+ * Text alignment options.
+ */
+declare const alignmentSchema: z.ZodEnum<["left", "center", "right"]>;
+type Alignment = z.infer<typeof alignmentSchema>;
+/**
+ * Padding configuration - can be a single number or object with sides.
+ */
+declare const paddingSchema: z.ZodUnion<[z.ZodNumber, z.ZodObject<{
+    top: z.ZodDefault<z.ZodOptional<z.ZodNumber>>;
+    right: z.ZodDefault<z.ZodOptional<z.ZodNumber>>;
+    bottom: z.ZodDefault<z.ZodOptional<z.ZodNumber>>;
+    left: z.ZodDefault<z.ZodOptional<z.ZodNumber>>;
+}, "strip", z.ZodTypeAny, {
+    left: number;
+    right: number;
+    top: number;
+    bottom: number;
+}, {
+    left?: number | undefined;
+    right?: number | undefined;
+    top?: number | undefined;
+    bottom?: number | undefined;
+}>]>;
+type Padding = z.infer<typeof paddingSchema>;
+/**
+ * Normalized padding with all sides specified.
+ */
+interface NormalizedPadding {
+    top: number;
+    right: number;
+    bottom: number;
+    left: number;
+}
+/**
+ * Schema for box component input.
+ */
+declare const boxInputSchema: z.ZodObject<{
+    /** Content to display inside the box */
+    content: z.ZodString;
+    /** Title to display in the top border */
+    title: z.ZodOptional<z.ZodString>;
+    /** Title alignment */
+    titleAlignment: z.ZodDefault<z.ZodOptional<z.ZodEnum<["left", "center", "right"]>>>;
+    /** Border style */
+    borderStyle: z.ZodDefault<z.ZodOptional<z.ZodEnum<["single", "double", "round", "bold", "singleDouble", "doubleSingle", "classic", "none"]>>>;
+    /** Padding inside the box */
+    padding: z.ZodDefault<z.ZodOptional<z.ZodUnion<[z.ZodNumber, z.ZodObject<{
+        top: z.ZodDefault<z.ZodOptional<z.ZodNumber>>;
+        right: z.ZodDefault<z.ZodOptional<z.ZodNumber>>;
+        bottom: z.ZodDefault<z.ZodOptional<z.ZodNumber>>;
+        left: z.ZodDefault<z.ZodOptional<z.ZodNumber>>;
+    }, "strip", z.ZodTypeAny, {
+        left: number;
+        right: number;
+        top: number;
+        bottom: number;
+    }, {
+        left?: number | undefined;
+        right?: number | undefined;
+        top?: number | undefined;
+        bottom?: number | undefined;
+    }>]>>>;
+    /** Fixed width (if not set, fits content) */
+    width: z.ZodOptional<z.ZodNumber>;
+    /** Text alignment within the box */
+    textAlignment: z.ZodDefault<z.ZodOptional<z.ZodEnum<["left", "center", "right"]>>>;
+    /** Whether to dim the border */
+    dimBorder: z.ZodDefault<z.ZodOptional<z.ZodBoolean>>;
+}, "strip", z.ZodTypeAny, {
+    content: string;
+    titleAlignment: "left" | "center" | "right";
+    borderStyle: "single" | "double" | "round" | "bold" | "singleDouble" | "doubleSingle" | "classic" | "none";
+    padding: number | {
+        left: number;
+        right: number;
+        top: number;
+        bottom: number;
+    };
+    textAlignment: "left" | "center" | "right";
+    dimBorder: boolean;
+    title?: string | undefined;
+    width?: number | undefined;
+}, {
+    content: string;
+    title?: string | undefined;
+    titleAlignment?: "left" | "center" | "right" | undefined;
+    borderStyle?: "single" | "double" | "round" | "bold" | "singleDouble" | "doubleSingle" | "classic" | "none" | undefined;
+    padding?: number | {
+        left?: number | undefined;
+        right?: number | undefined;
+        top?: number | undefined;
+        bottom?: number | undefined;
+    } | undefined;
+    width?: number | undefined;
+    textAlignment?: "left" | "center" | "right" | undefined;
+    dimBorder?: boolean | undefined;
+}>;
+/**
+ * Input type (before defaults applied).
+ */
+type BoxInput = z.input<typeof boxInputSchema>;
+/**
+ * Input type (after defaults applied).
+ */
+type BoxInputWithDefaults = z.output<typeof boxInputSchema>;
+
+/**
+ * Box component for rendering content in bordered panels.
+ */
+declare class BoxComponent extends BaseTuiComponent<BoxInput, typeof boxInputSchema> {
+    readonly metadata: ComponentMetadata<BoxInput>;
+    readonly schema: zod.ZodObject<{
+        content: zod.ZodString;
+        title: zod.ZodOptional<zod.ZodString>;
+        titleAlignment: zod.ZodDefault<zod.ZodOptional<zod.ZodEnum<["left", "center", "right"]>>>;
+        borderStyle: zod.ZodDefault<zod.ZodOptional<zod.ZodEnum<["single", "double", "round", "bold", "singleDouble", "doubleSingle", "classic", "none"]>>>;
+        padding: zod.ZodDefault<zod.ZodOptional<zod.ZodUnion<[zod.ZodNumber, zod.ZodObject<{
+            top: zod.ZodDefault<zod.ZodOptional<zod.ZodNumber>>;
+            right: zod.ZodDefault<zod.ZodOptional<zod.ZodNumber>>;
+            bottom: zod.ZodDefault<zod.ZodOptional<zod.ZodNumber>>;
+            left: zod.ZodDefault<zod.ZodOptional<zod.ZodNumber>>;
+        }, "strip", zod.ZodTypeAny, {
+            left: number;
+            right: number;
+            top: number;
+            bottom: number;
+        }, {
+            left?: number | undefined;
+            right?: number | undefined;
+            top?: number | undefined;
+            bottom?: number | undefined;
+        }>]>>>;
+        width: zod.ZodOptional<zod.ZodNumber>;
+        textAlignment: zod.ZodDefault<zod.ZodOptional<zod.ZodEnum<["left", "center", "right"]>>>;
+        dimBorder: zod.ZodDefault<zod.ZodOptional<zod.ZodBoolean>>;
+    }, "strip", zod.ZodTypeAny, {
+        content: string;
+        titleAlignment: "left" | "center" | "right";
+        borderStyle: "single" | "double" | "round" | "bold" | "singleDouble" | "doubleSingle" | "classic" | "none";
+        padding: number | {
+            left: number;
+            right: number;
+            top: number;
+            bottom: number;
+        };
+        textAlignment: "left" | "center" | "right";
+        dimBorder: boolean;
+        title?: string | undefined;
+        width?: number | undefined;
+    }, {
+        content: string;
+        title?: string | undefined;
+        titleAlignment?: "left" | "center" | "right" | undefined;
+        borderStyle?: "single" | "double" | "round" | "bold" | "singleDouble" | "doubleSingle" | "classic" | "none" | undefined;
+        padding?: number | {
+            left?: number | undefined;
+            right?: number | undefined;
+            top?: number | undefined;
+            bottom?: number | undefined;
+        } | undefined;
+        width?: number | undefined;
+        textAlignment?: "left" | "center" | "right" | undefined;
+        dimBorder?: boolean | undefined;
+    }>;
+    /**
+     * Override getJsonSchema to use direct schema generation.
+     */
+    getJsonSchema(): object;
+    render(input: BoxInput, context: RenderContext): RenderResult;
+    /**
+     * Normalize padding to object with all sides.
+     */
+    private normalizePadding;
+    /**
+     * Build the top border with optional title.
+     */
+    private buildTopBorder;
+    /**
+     * Build an empty line (for padding).
+     */
+    private buildEmptyLine;
+    /**
+     * Build a content line with padding and alignment.
+     */
+    private buildContentLine;
+    /**
+     * Build the bottom border.
+     */
+    private buildBottomBorder;
+}
+/**
+ * Factory function to create a box component.
+ */
+declare function createBox(): BoxComponent;
+
+/**
+ * Border character set for box rendering.
+ */
+interface BorderChars {
+    topLeft: string;
+    top: string;
+    topRight: string;
+    right: string;
+    bottomRight: string;
+    bottom: string;
+    bottomLeft: string;
+    left: string;
+}
+/**
+ * Get border characters for the specified style.
+ */
+declare function getBorderChars(style: BorderStyle): BorderChars;
+
+export { type Alignment, type BorderChars, type BorderStyle, BoxComponent, type BoxInput, type BoxInputWithDefaults, type NormalizedPadding, type Padding, alignmentSchema, borderStyleSchema, boxInputSchema, createBox, getBorderChars, paddingSchema };

package/dist/index.js

@@ -0,0 +1,354 @@
+// src/box.ts
+import {
+  BaseTuiComponent,
+  getStringWidth,
+  getMarkdownRenderedWidth,
+  padToWidth,
+  measureLines,
+  registry
+} from "@tuicomponents/core";
+import { zodToJsonSchema } from "zod-to-json-schema";
+
+// src/schema.ts
+import { z } from "zod";
+var borderStyleSchema = z.enum([
+  "single",
+  "double",
+  "round",
+  "bold",
+  "singleDouble",
+  "doubleSingle",
+  "classic",
+  "none"
+]);
+var alignmentSchema = z.enum(["left", "center", "right"]);
+var paddingSchema = z.union([
+  z.number().int().nonnegative(),
+  z.object({
+    top: z.number().int().nonnegative().optional().default(0),
+    right: z.number().int().nonnegative().optional().default(0),
+    bottom: z.number().int().nonnegative().optional().default(0),
+    left: z.number().int().nonnegative().optional().default(0)
+  })
+]);
+var boxInputSchema = z.object({
+  /** Content to display inside the box */
+  content: z.string(),
+  /** Title to display in the top border */
+  title: z.string().optional(),
+  /** Title alignment */
+  titleAlignment: alignmentSchema.optional().default("left"),
+  /** Border style */
+  borderStyle: borderStyleSchema.optional().default("single"),
+  /** Padding inside the box */
+  padding: paddingSchema.optional().default(0),
+  /** Fixed width (if not set, fits content) */
+  width: z.number().int().positive().optional(),
+  /** Text alignment within the box */
+  textAlignment: alignmentSchema.optional().default("left"),
+  /** Whether to dim the border */
+  dimBorder: z.boolean().optional().default(false)
+});
+
+// src/chars.ts
+var borderCharSets = {
+  single: {
+    topLeft: "\u250C",
+    top: "\u2500",
+    topRight: "\u2510",
+    right: "\u2502",
+    bottomRight: "\u2518",
+    bottom: "\u2500",
+    bottomLeft: "\u2514",
+    left: "\u2502"
+  },
+  double: {
+    topLeft: "\u2554",
+    top: "\u2550",
+    topRight: "\u2557",
+    right: "\u2551",
+    bottomRight: "\u255D",
+    bottom: "\u2550",
+    bottomLeft: "\u255A",
+    left: "\u2551"
+  },
+  round: {
+    topLeft: "\u256D",
+    top: "\u2500",
+    topRight: "\u256E",
+    right: "\u2502",
+    bottomRight: "\u256F",
+    bottom: "\u2500",
+    bottomLeft: "\u2570",
+    left: "\u2502"
+  },
+  bold: {
+    topLeft: "\u250F",
+    top: "\u2501",
+    topRight: "\u2513",
+    right: "\u2503",
+    bottomRight: "\u251B",
+    bottom: "\u2501",
+    bottomLeft: "\u2517",
+    left: "\u2503"
+  },
+  singleDouble: {
+    topLeft: "\u2553",
+    top: "\u2500",
+    topRight: "\u2556",
+    right: "\u2551",
+    bottomRight: "\u255C",
+    bottom: "\u2500",
+    bottomLeft: "\u2559",
+    left: "\u2551"
+  },
+  doubleSingle: {
+    topLeft: "\u2552",
+    top: "\u2550",
+    topRight: "\u2555",
+    right: "\u2502",
+    bottomRight: "\u255B",
+    bottom: "\u2550",
+    bottomLeft: "\u2558",
+    left: "\u2502"
+  },
+  classic: {
+    topLeft: "+",
+    top: "-",
+    topRight: "+",
+    right: "|",
+    bottomRight: "+",
+    bottom: "-",
+    bottomLeft: "+",
+    left: "|"
+  },
+  none: {
+    topLeft: " ",
+    top: " ",
+    topRight: " ",
+    right: " ",
+    bottomRight: " ",
+    bottom: " ",
+    bottomLeft: " ",
+    left: " "
+  }
+};
+function getBorderChars(style) {
+  return borderCharSets[style];
+}
+
+// src/box.ts
+function colorBorder(text, theme) {
+  if (!theme) {
+    return text;
+  }
+  return theme.semantic.border(text);
+}
+function colorTitle(text, theme) {
+  if (!theme) {
+    return text;
+  }
+  return theme.semantic.header(text);
+}
+var BoxComponent = class extends BaseTuiComponent {
+  metadata = {
+    name: "box",
+    description: "Renders content in a bordered box/panel",
+    version: "0.1.0",
+    examples: [
+      {
+        name: "basic",
+        description: "Simple box with content",
+        input: {
+          content: "Hello, World!"
+        }
+      },
+      {
+        name: "with-title",
+        description: "Box with a title",
+        input: {
+          content: "This is the content inside the box.",
+          title: "My Title"
+        }
+      },
+      {
+        name: "rounded",
+        description: "Box with rounded corners",
+        input: {
+          content: "Rounded corners look nice!",
+          borderStyle: "round",
+          padding: 1
+        }
+      },
+      {
+        name: "double-border",
+        description: "Box with double-line border",
+        input: {
+          content: "Double border style",
+          borderStyle: "double",
+          title: "Important",
+          titleAlignment: "center"
+        }
+      },
+      {
+        name: "centered-text",
+        description: "Box with centered content",
+        input: {
+          content: "Centered\nMultiple lines\nAll centered",
+          textAlignment: "center",
+          width: 30,
+          padding: { top: 1, bottom: 1, left: 2, right: 2 }
+        }
+      }
+    ]
+  };
+  schema = boxInputSchema;
+  /**
+   * 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 chars = getBorderChars(parsed.borderStyle);
+    const padding = this.normalizePadding(parsed.padding);
+    const theme = context.theme;
+    const contentMeasured = measureLines(parsed.content);
+    const contentLines = contentMeasured.lines;
+    const titleWidth = parsed.title ? context.renderMode === "markdown" ? getMarkdownRenderedWidth(` ${parsed.title} `) : getStringWidth(` ${parsed.title} `) : 0;
+    let contentWidth;
+    if (parsed.width) {
+      contentWidth = parsed.width - 2 - padding.left - padding.right;
+    } else {
+      const minWidthForTitle = Math.max(
+        0,
+        titleWidth - padding.left - padding.right
+      );
+      contentWidth = Math.max(contentMeasured.maxWidth, minWidthForTitle);
+    }
+    const innerWidth = contentWidth + padding.left + padding.right;
+    const outputLines = [];
+    outputLines.push(
+      this.buildTopBorder(
+        chars,
+        innerWidth,
+        parsed.title,
+        parsed.titleAlignment,
+        theme,
+        context.renderMode
+      )
+    );
+    for (let i = 0; i < padding.top; i++) {
+      outputLines.push(this.buildEmptyLine(chars, innerWidth, theme));
+    }
+    for (const line of contentLines) {
+      outputLines.push(
+        this.buildContentLine(
+          chars,
+          line,
+          contentWidth,
+          padding,
+          parsed.textAlignment,
+          theme
+        )
+      );
+    }
+    for (let i = 0; i < padding.bottom; i++) {
+      outputLines.push(this.buildEmptyLine(chars, innerWidth, theme));
+    }
+    outputLines.push(this.buildBottomBorder(chars, innerWidth, theme));
+    const output = outputLines.join("\n");
+    const measured = measureLines(output);
+    return {
+      output,
+      actualWidth: measured.maxWidth,
+      lineCount: measured.lineCount
+    };
+  }
+  /**
+   * Normalize padding to object with all sides.
+   */
+  normalizePadding(padding) {
+    if (typeof padding === "number") {
+      return { top: padding, right: padding, bottom: padding, left: padding };
+    }
+    return {
+      top: padding.top,
+      right: padding.right,
+      bottom: padding.bottom,
+      left: padding.left
+    };
+  }
+  /**
+   * Build the top border with optional title.
+   */
+  buildTopBorder(chars, innerWidth, title, titleAlignment, theme, renderMode) {
+    if (!title) {
+      const border = chars.topLeft + chars.top.repeat(innerWidth) + chars.topRight;
+      return colorBorder(border, theme);
+    }
+    const titleWithSpace = ` ${title} `;
+    const titleWidth = renderMode === "markdown" ? getMarkdownRenderedWidth(titleWithSpace) : getStringWidth(titleWithSpace);
+    if (titleWidth > innerWidth) {
+      const truncatedTitle = titleWithSpace.slice(0, innerWidth - 1) + "\u2026";
+      return colorBorder(chars.topLeft, theme) + colorTitle(truncatedTitle, theme) + colorBorder(chars.topRight, theme);
+    }
+    const remainingWidth = innerWidth - titleWidth;
+    switch (titleAlignment) {
+      case "center": {
+        const leftPad = Math.floor(remainingWidth / 2);
+        const rightPad = remainingWidth - leftPad;
+        return colorBorder(chars.topLeft + chars.top.repeat(leftPad), theme) + colorTitle(titleWithSpace, theme) + colorBorder(chars.top.repeat(rightPad) + chars.topRight, theme);
+      }
+      case "right": {
+        return colorBorder(chars.topLeft + chars.top.repeat(remainingWidth), theme) + colorTitle(titleWithSpace, theme) + colorBorder(chars.topRight, theme);
+      }
+      case "left":
+      default: {
+        return colorBorder(chars.topLeft, theme) + colorTitle(titleWithSpace, theme) + colorBorder(chars.top.repeat(remainingWidth) + chars.topRight, theme);
+      }
+    }
+  }
+  /**
+   * Build an empty line (for padding).
+   */
+  buildEmptyLine(chars, innerWidth, theme) {
+    return colorBorder(chars.left, theme) + " ".repeat(innerWidth) + colorBorder(chars.right, theme);
+  }
+  /**
+   * Build a content line with padding and alignment.
+   */
+  buildContentLine(chars, content, contentWidth, padding, textAlignment, theme) {
+    const alignedContent = padToWidth(content, contentWidth, {
+      align: textAlignment
+    });
+    const leftPad = " ".repeat(padding.left);
+    const rightPad = " ".repeat(padding.right);
+    return colorBorder(chars.left, theme) + leftPad + alignedContent + rightPad + colorBorder(chars.right, theme);
+  }
+  /**
+   * Build the bottom border.
+   */
+  buildBottomBorder(chars, innerWidth, theme) {
+    const border = chars.bottomLeft + chars.bottom.repeat(innerWidth) + chars.bottomRight;
+    return colorBorder(border, theme);
+  }
+};
+function createBox() {
+  return new BoxComponent();
+}
+registry.register(createBox);
+export {
+  BoxComponent,
+  alignmentSchema,
+  borderStyleSchema,
+  boxInputSchema,
+  createBox,
+  getBorderChars,
+  paddingSchema
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/box.ts","../src/schema.ts","../src/chars.ts"],"sourcesContent":["import {\n  BaseTuiComponent,\n  type ComponentMetadata,\n  type RenderContext,\n  type RenderResult,\n  type TuiTheme,\n  type RenderMode,\n  getStringWidth,\n  getMarkdownRenderedWidth,\n  padToWidth,\n  measureLines,\n  registry,\n} from \"@tuicomponents/core\";\nimport { zodToJsonSchema } from \"zod-to-json-schema\";\nimport {\n  boxInputSchema,\n  type BoxInput,\n  type BoxInputWithDefaults,\n  type NormalizedPadding,\n  type Padding,\n  type Alignment,\n} from \"./schema.js\";\nimport { getBorderChars, type BorderChars } from \"./chars.js\";\n\n/**\n * Apply border color to text.\n */\nfunction colorBorder(text: string, theme: TuiTheme | undefined): string {\n  if (!theme) {\n    return text;\n  }\n  return theme.semantic.border(text);\n}\n\n/**\n * Apply header/title color to text.\n */\nfunction colorTitle(text: string, theme: TuiTheme | undefined): string {\n  if (!theme) {\n    return text;\n  }\n  return theme.semantic.header(text);\n}\n\n/**\n * Box component for rendering content in bordered panels.\n */\nclass BoxComponent extends BaseTuiComponent<BoxInput, typeof boxInputSchema> {\n  readonly metadata: ComponentMetadata<BoxInput> = {\n    name: \"box\",\n    description: \"Renders content in a bordered box/panel\",\n    version: \"0.1.0\",\n    examples: [\n      {\n        name: \"basic\",\n        description: \"Simple box with content\",\n        input: {\n          content: \"Hello, World!\",\n        },\n      },\n      {\n        name: \"with-title\",\n        description: \"Box with a title\",\n        input: {\n          content: \"This is the content inside the box.\",\n          title: \"My Title\",\n        },\n      },\n      {\n        name: \"rounded\",\n        description: \"Box with rounded corners\",\n        input: {\n          content: \"Rounded corners look nice!\",\n          borderStyle: \"round\",\n          padding: 1,\n        },\n      },\n      {\n        name: \"double-border\",\n        description: \"Box with double-line border\",\n        input: {\n          content: \"Double border style\",\n          borderStyle: \"double\",\n          title: \"Important\",\n          titleAlignment: \"center\",\n        },\n      },\n      {\n        name: \"centered-text\",\n        description: \"Box with centered content\",\n        input: {\n          content: \"Centered\\nMultiple lines\\nAll centered\",\n          textAlignment: \"center\",\n          width: 30,\n          padding: { top: 1, bottom: 1, left: 2, right: 2 },\n        },\n      },\n    ],\n  };\n\n  readonly schema = boxInputSchema;\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: BoxInput, context: RenderContext): RenderResult {\n    // Parse and apply defaults\n    const parsed: BoxInputWithDefaults = this.schema.parse(input);\n    const chars = getBorderChars(parsed.borderStyle);\n    const padding = this.normalizePadding(parsed.padding);\n    const theme = context.theme;\n\n    // Split content into lines\n    const contentMeasured = measureLines(parsed.content);\n    const contentLines = contentMeasured.lines;\n\n    // Calculate title width requirement (title + surrounding spaces)\n    // In markdown mode, use visual width (formatting chars like ** and _ are invisible)\n    const titleWidth = parsed.title\n      ? context.renderMode === \"markdown\"\n        ? getMarkdownRenderedWidth(` ${parsed.title} `)\n        : getStringWidth(` ${parsed.title} `)\n      : 0;\n\n    // Determine content width - must fit both content and title\n    let contentWidth: number;\n    if (parsed.width) {\n      contentWidth = parsed.width - 2 - padding.left - padding.right; // Account for borders and padding\n    } else {\n      // Use the larger of content width or title width (minus padding)\n      const minWidthForTitle = Math.max(\n        0,\n        titleWidth - padding.left - padding.right\n      );\n      contentWidth = Math.max(contentMeasured.maxWidth, minWidthForTitle);\n    }\n\n    // Calculate total inner width (content + horizontal padding)\n    const innerWidth = contentWidth + padding.left + padding.right;\n\n    // Build output lines\n    const outputLines: string[] = [];\n\n    // Top border with optional title\n    outputLines.push(\n      this.buildTopBorder(\n        chars,\n        innerWidth,\n        parsed.title,\n        parsed.titleAlignment,\n        theme,\n        context.renderMode\n      )\n    );\n\n    // Top padding\n    for (let i = 0; i < padding.top; i++) {\n      outputLines.push(this.buildEmptyLine(chars, innerWidth, theme));\n    }\n\n    // Content lines\n    for (const line of contentLines) {\n      outputLines.push(\n        this.buildContentLine(\n          chars,\n          line,\n          contentWidth,\n          padding,\n          parsed.textAlignment,\n          theme\n        )\n      );\n    }\n\n    // Bottom padding\n    for (let i = 0; i < padding.bottom; i++) {\n      outputLines.push(this.buildEmptyLine(chars, innerWidth, theme));\n    }\n\n    // Bottom border\n    outputLines.push(this.buildBottomBorder(chars, innerWidth, theme));\n\n    const output = outputLines.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   * Normalize padding to object with all sides.\n   */\n  private normalizePadding(padding: Padding): NormalizedPadding {\n    if (typeof padding === \"number\") {\n      return { top: padding, right: padding, bottom: padding, left: padding };\n    }\n    // After schema parsing with .default(0), all fields are guaranteed to be numbers\n    return {\n      top: padding.top,\n      right: padding.right,\n      bottom: padding.bottom,\n      left: padding.left,\n    };\n  }\n\n  /**\n   * Build the top border with optional title.\n   */\n  private buildTopBorder(\n    chars: BorderChars,\n    innerWidth: number,\n    title: string | undefined,\n    titleAlignment: Alignment,\n    theme: TuiTheme | undefined,\n    renderMode: RenderMode\n  ): string {\n    if (!title) {\n      const border =\n        chars.topLeft + chars.top.repeat(innerWidth) + chars.topRight;\n      return colorBorder(border, theme);\n    }\n\n    const titleWithSpace = ` ${title} `;\n    // In markdown mode, use visual width (formatting chars like ** and _ are invisible when rendered)\n    const titleWidth =\n      renderMode === \"markdown\"\n        ? getMarkdownRenderedWidth(titleWithSpace)\n        : getStringWidth(titleWithSpace);\n\n    // If title is too long, truncate\n    if (titleWidth > innerWidth) {\n      const truncatedTitle = titleWithSpace.slice(0, innerWidth - 1) + \"…\";\n      return (\n        colorBorder(chars.topLeft, theme) +\n        colorTitle(truncatedTitle, theme) +\n        colorBorder(chars.topRight, theme)\n      );\n    }\n\n    const remainingWidth = innerWidth - titleWidth;\n\n    switch (titleAlignment) {\n      case \"center\": {\n        const leftPad = Math.floor(remainingWidth / 2);\n        const rightPad = remainingWidth - leftPad;\n        return (\n          colorBorder(chars.topLeft + chars.top.repeat(leftPad), theme) +\n          colorTitle(titleWithSpace, theme) +\n          colorBorder(chars.top.repeat(rightPad) + chars.topRight, theme)\n        );\n      }\n      case \"right\": {\n        return (\n          colorBorder(chars.topLeft + chars.top.repeat(remainingWidth), theme) +\n          colorTitle(titleWithSpace, theme) +\n          colorBorder(chars.topRight, theme)\n        );\n      }\n      case \"left\":\n      default: {\n        return (\n          colorBorder(chars.topLeft, theme) +\n          colorTitle(titleWithSpace, theme) +\n          colorBorder(chars.top.repeat(remainingWidth) + chars.topRight, theme)\n        );\n      }\n    }\n  }\n\n  /**\n   * Build an empty line (for padding).\n   */\n  private buildEmptyLine(\n    chars: BorderChars,\n    innerWidth: number,\n    theme: TuiTheme | undefined\n  ): string {\n    return (\n      colorBorder(chars.left, theme) +\n      \" \".repeat(innerWidth) +\n      colorBorder(chars.right, theme)\n    );\n  }\n\n  /**\n   * Build a content line with padding and alignment.\n   */\n  private buildContentLine(\n    chars: BorderChars,\n    content: string,\n    contentWidth: number,\n    padding: NormalizedPadding,\n    textAlignment: Alignment,\n    theme: TuiTheme | undefined\n  ): string {\n    // Pad/align content within content area\n    const alignedContent = padToWidth(content, contentWidth, {\n      align: textAlignment,\n    });\n\n    // Add horizontal padding\n    const leftPad = \" \".repeat(padding.left);\n    const rightPad = \" \".repeat(padding.right);\n\n    return (\n      colorBorder(chars.left, theme) +\n      leftPad +\n      alignedContent +\n      rightPad +\n      colorBorder(chars.right, theme)\n    );\n  }\n\n  /**\n   * Build the bottom border.\n   */\n  private buildBottomBorder(\n    chars: BorderChars,\n    innerWidth: number,\n    theme: TuiTheme | undefined\n  ): string {\n    const border =\n      chars.bottomLeft + chars.bottom.repeat(innerWidth) + chars.bottomRight;\n    return colorBorder(border, theme);\n  }\n}\n\n/**\n * Factory function to create a box component.\n */\nexport function createBox(): BoxComponent {\n  return new BoxComponent();\n}\n\n// Register with global registry\nregistry.register(createBox);\n\nexport { BoxComponent };\n","import { z } from \"zod\";\n\n/**\n * Border style options for box rendering.\n */\nexport const borderStyleSchema = z.enum([\n  \"single\",\n  \"double\",\n  \"round\",\n  \"bold\",\n  \"singleDouble\",\n  \"doubleSingle\",\n  \"classic\",\n  \"none\",\n]);\n\nexport type BorderStyle = z.infer<typeof borderStyleSchema>;\n\n/**\n * Text alignment options.\n */\nexport const alignmentSchema = z.enum([\"left\", \"center\", \"right\"]);\n\nexport type Alignment = z.infer<typeof alignmentSchema>;\n\n/**\n * Padding configuration - can be a single number or object with sides.\n */\nexport const paddingSchema = z.union([\n  z.number().int().nonnegative(),\n  z.object({\n    top: z.number().int().nonnegative().optional().default(0),\n    right: z.number().int().nonnegative().optional().default(0),\n    bottom: z.number().int().nonnegative().optional().default(0),\n    left: z.number().int().nonnegative().optional().default(0),\n  }),\n]);\n\nexport type Padding = z.infer<typeof paddingSchema>;\n\n/**\n * Normalized padding with all sides specified.\n */\nexport interface NormalizedPadding {\n  top: number;\n  right: number;\n  bottom: number;\n  left: number;\n}\n\n/**\n * Schema for box component input.\n */\nexport const boxInputSchema = z.object({\n  /** Content to display inside the box */\n  content: z.string(),\n  /** Title to display in the top border */\n  title: z.string().optional(),\n  /** Title alignment */\n  titleAlignment: alignmentSchema.optional().default(\"left\"),\n  /** Border style */\n  borderStyle: borderStyleSchema.optional().default(\"single\"),\n  /** Padding inside the box */\n  padding: paddingSchema.optional().default(0),\n  /** Fixed width (if not set, fits content) */\n  width: z.number().int().positive().optional(),\n  /** Text alignment within the box */\n  textAlignment: alignmentSchema.optional().default(\"left\"),\n  /** Whether to dim the border */\n  dimBorder: z.boolean().optional().default(false),\n});\n\n/**\n * Input type (before defaults applied).\n */\nexport type BoxInput = z.input<typeof boxInputSchema>;\n\n/**\n * Input type (after defaults applied).\n */\nexport type BoxInputWithDefaults = z.output<typeof boxInputSchema>;\n","import type { BorderStyle } from \"./schema.js\";\n\n/**\n * Border character set for box rendering.\n */\nexport interface BorderChars {\n  topLeft: string;\n  top: string;\n  topRight: string;\n  right: string;\n  bottomRight: string;\n  bottom: string;\n  bottomLeft: string;\n  left: string;\n}\n\n/**\n * Border character sets for different styles.\n */\nconst borderCharSets: Record<BorderStyle, BorderChars> = {\n  single: {\n    topLeft: \"┌\",\n    top: \"─\",\n    topRight: \"┐\",\n    right: \"│\",\n    bottomRight: \"┘\",\n    bottom: \"─\",\n    bottomLeft: \"└\",\n    left: \"│\",\n  },\n  double: {\n    topLeft: \"╔\",\n    top: \"═\",\n    topRight: \"╗\",\n    right: \"║\",\n    bottomRight: \"╝\",\n    bottom: \"═\",\n    bottomLeft: \"╚\",\n    left: \"║\",\n  },\n  round: {\n    topLeft: \"╭\",\n    top: \"─\",\n    topRight: \"╮\",\n    right: \"│\",\n    bottomRight: \"╯\",\n    bottom: \"─\",\n    bottomLeft: \"╰\",\n    left: \"│\",\n  },\n  bold: {\n    topLeft: \"┏\",\n    top: \"━\",\n    topRight: \"┓\",\n    right: \"┃\",\n    bottomRight: \"┛\",\n    bottom: \"━\",\n    bottomLeft: \"┗\",\n    left: \"┃\",\n  },\n  singleDouble: {\n    topLeft: \"╓\",\n    top: \"─\",\n    topRight: \"╖\",\n    right: \"║\",\n    bottomRight: \"╜\",\n    bottom: \"─\",\n    bottomLeft: \"╙\",\n    left: \"║\",\n  },\n  doubleSingle: {\n    topLeft: \"╒\",\n    top: \"═\",\n    topRight: \"╕\",\n    right: \"│\",\n    bottomRight: \"╛\",\n    bottom: \"═\",\n    bottomLeft: \"╘\",\n    left: \"│\",\n  },\n  classic: {\n    topLeft: \"+\",\n    top: \"-\",\n    topRight: \"+\",\n    right: \"|\",\n    bottomRight: \"+\",\n    bottom: \"-\",\n    bottomLeft: \"+\",\n    left: \"|\",\n  },\n  none: {\n    topLeft: \" \",\n    top: \" \",\n    topRight: \" \",\n    right: \" \",\n    bottomRight: \" \",\n    bottom: \" \",\n    bottomLeft: \" \",\n    left: \" \",\n  },\n};\n\n/**\n * Get border characters for the specified style.\n */\nexport function getBorderChars(style: BorderStyle): BorderChars {\n  return borderCharSets[style];\n}\n"],"mappings":"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","names":[]}

package/package.json

@@ -0,0 +1,50 @@
+{
+  "name": "@tuicomponents/box",
+  "version": "0.1.1",
+  "description": "Box component for TUI - renders content in bordered panels",
+  "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",
+    "box",
+    "panel",
+    "border"
+  ],
+  "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"
+  }
+}