@teaui/core 1.1.4

package/.dist/components/Dropdown.js

@@ -0,0 +1,367 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Dropdown = void 0;
+const sys_1 = require("../sys");
+const View_1 = require("../View");
+const Container_1 = require("../Container");
+const geometry_1 = require("../geometry");
+const components_1 = require("../components");
+const events_1 = require("../events");
+class Dropdown extends View_1.View {
+    dropdownSelector;
+    #title;
+    #showModal = false;
+    #multiple;
+    #onSelectCallback;
+    constructor({ multiple, ...props }) {
+        super(props);
+        this.#multiple = multiple ?? false;
+        this.dropdownSelector = new DropdownSelector({
+            theme: this.theme,
+            multiple: this.#multiple,
+            choices: [],
+            selected: [],
+            onSelect: () => this.#onSelect(),
+        });
+        this.#update(props);
+    }
+    update(props) {
+        this.#update(props);
+        super.update(props);
+    }
+    #update({ title, choices, selected, onSelect }) {
+        this.#onSelectCallback = onSelect;
+        this.#title = title ? title.split('\n') : undefined;
+        this.choices = choices;
+        this.selected = selected;
+        this.dropdownSelector.theme = this.theme;
+    }
+    get choices() {
+        return this.dropdownSelector.choices;
+    }
+    set choices(choices) {
+        this.dropdownSelector.choices = choices;
+    }
+    #titleLines() {
+        if (this.#title !== undefined &&
+            this.dropdownSelector.selectedValues.length === 0) {
+            return this.#title;
+        }
+        return this.dropdownSelector.selectedText ?? ['<select>'];
+    }
+    dismissModal() {
+        this.#showModal = false;
+    }
+    get selected() {
+        if (this.#multiple) {
+            return this.dropdownSelector.selectedValues;
+        }
+        else {
+            return this.dropdownSelector.selectedValue;
+        }
+    }
+    set selected(selected) {
+        this.dropdownSelector.selectedRows = dropdownSelectedRows(selected, this.dropdownSelector.choices, this.#multiple);
+    }
+    #onSelect() {
+        if (this.#multiple) {
+            ;
+            this.#onSelectCallback?.(this.dropdownSelector.selectedValues);
+        }
+        else {
+            this.dismissModal();
+            const value = this.dropdownSelector.selectedValue;
+            if (value !== undefined) {
+                ;
+                this.#onSelectCallback?.(value);
+            }
+        }
+        this.invalidateSize();
+    }
+    naturalSize() {
+        const size = new geometry_1.Size(sys_1.unicode.stringSize(this.#titleLines()));
+        return size.grow(8, 0);
+    }
+    receiveMouse(event, system) {
+        super.receiveMouse(event, system);
+        if ((0, events_1.isMouseClicked)(event)) {
+            this.#showModal = true;
+        }
+    }
+    render(viewport) {
+        if (viewport.isEmpty) {
+            return;
+        }
+        if (this.#showModal) {
+            viewport.requestModal(this.dropdownSelector, () => {
+                this.#showModal = false;
+            });
+        }
+        viewport.registerMouse(['mouse.move', 'mouse.button.left']);
+        const lines = this.#titleLines();
+        const textStyle = this.theme.ui({
+            isHover: this.isHover && !this.#showModal,
+        });
+        viewport.paint(textStyle);
+        const pt = new geometry_1.Point(0, 0).mutableCopy();
+        const lineIndexOffset = ~~((viewport.contentSize.height - lines.length) / 2);
+        for (; pt.y < viewport.contentSize.height; pt.y++) {
+            const lineIndex = pt.y - lineIndexOffset;
+            if (lineIndex >= 0 && lineIndex < lines.length) {
+                viewport.write(lines[lineIndex], pt.offset(1, 0), textStyle);
+            }
+            viewport.write(`▏  `, pt.offset(viewport.contentSize.width - 3, 0), textStyle);
+        }
+        viewport.write(this.#showModal
+            ? ARROWS.open
+            : this.isHover
+                ? ARROWS.hover
+                : ARROWS.default, new geometry_1.Point(viewport.contentSize.width - 2, viewport.contentSize.height / 2), textStyle);
+    }
+}
+exports.Dropdown = Dropdown;
+class DropdownSelector extends Container_1.Container {
+    #choices;
+    #selected;
+    #multiple;
+    #onSelect;
+    #scrollView;
+    #box = new components_1.Box({ maxHeight: 24, border: BORDERS.below });
+    #checkbox;
+    constructor({ choices, selected, multiple, onSelect, ...viewProps }) {
+        super({ ...viewProps });
+        this.#choices = choices.map(([text, value]) => [
+            text.split('\n'),
+            value,
+            text,
+        ]);
+        this.#selected = new Set(selected);
+        this.#multiple = multiple;
+        this.#onSelect = onSelect;
+        this.#checkbox = new components_1.Checkbox({
+            title: 'Select all',
+            value: false,
+            onChange: value => {
+                if (value) {
+                    this.#selected = new Set(Array(this.#choices.length).keys());
+                }
+                else {
+                    this.#selected = new Set();
+                }
+                onSelect();
+                this.#scrollView.invalidateAllRows('view');
+            },
+        });
+        this.#scrollView = new components_1.ScrollableList({
+            items: this.#choices.map(([, choice]) => choice),
+            cellForItem: (choice, row) => this.cellForItem(choice, row),
+        });
+        const content = new components_1.Stack({ direction: 'down', children: [] });
+        if (multiple) {
+            content.add(this.#checkbox);
+        }
+        content.add(this.#scrollView);
+        this.#box.add(content);
+        this.add(this.#box);
+        this.#checkbox.value = this.#isAllSelected();
+    }
+    #isAllSelected() {
+        return this.#selected.size === this.#choices.length;
+    }
+    get selectedRows() {
+        return [...this.#selected];
+    }
+    set selectedRows(rows) {
+        new Set([...this.#selected, ...rows]).forEach(selected => {
+            const item = this.#choices[selected][1];
+            this.#scrollView.invalidateItem(item, 'view');
+        });
+        this.#selected = new Set(rows);
+    }
+    get selectedText() {
+        if (this.#selected.size === 0) {
+            return undefined;
+        }
+        if (this.#selected.size > 1) {
+            const rows = [...this.#selected];
+            rows.sort();
+            // honestly, it's strange to use multiple lines in your dropdown choices...
+            // but we support it! When multiple items are selected, the text becomes:
+            // 1. join each line with a space
+            // 2. join each entry with a comma
+            // e.g. "Selected\n1", "Selected\n2" becomes "Selected 1, Selected 2"
+            return [rows.map(index => this.#choices[index][0].join(' ')).join(', ')];
+        }
+        // if only one item is selected, make that the title, preserving multiple lines
+        const [row] = [...this.#selected];
+        return this.#choices[row][0];
+    }
+    get selectedValue() {
+        if (this.#selected.size === 0) {
+            return undefined;
+        }
+        const [row] = [...this.#selected];
+        return this.#choices[row][1];
+    }
+    get selectedValues() {
+        return [...this.#selected].map(index => this.#choices[index][1]);
+    }
+    get choices() {
+        return this.#choices.map(([_, choice, text]) => [text, choice]);
+    }
+    /**
+     * Sets new choices, preserving the previously selected items.
+     */
+    set choices(choices) {
+        const selected = [...this.#selected].map(index => this.#choices[index][1]);
+        this.#choices = choices.map(([text, choice]) => [
+            text.split('\n'),
+            choice,
+            text,
+        ]);
+        this.#selected = new Set(selected.flatMap(item => {
+            const index = choices.findIndex(([_, choice]) => choice === item);
+            if (index === -1) {
+                return [];
+            }
+            return [index];
+        }));
+        this.#scrollView.updateItems(choices.map(([, choice]) => choice));
+    }
+    cellForItem(choice, row) {
+        const button = this.#cellButton(choice, row);
+        return components_1.Stack.right({
+            fill: false,
+            children: [
+                ['flex1', button],
+                new components_1.Separator({ direction: 'vertical', border: 'single' }),
+            ],
+        });
+    }
+    #cellButton(choice, row) {
+        const lines = this.#choices[row][0];
+        const isSelected = [...this.#selected].some(index => index === row);
+        return new components_1.Button({
+            theme: isSelected ? 'selected' : undefined,
+            border: 'none',
+            align: 'left',
+            child: new components_1.Text({
+                lines: lines.map((line, index) => {
+                    return dropdownPrefix(this.#multiple, index, isSelected) + line;
+                }),
+            }),
+            onClick: () => {
+                this.#selected.forEach(selected => {
+                    const item = this.#choices[selected][1];
+                    this.#scrollView.invalidateItem(item, 'view');
+                });
+                this.#scrollView.invalidateItem(choice, 'view');
+                if (this.#multiple) {
+                    if (this.#selected.has(row)) {
+                        this.#selected.delete(row);
+                    }
+                    else {
+                        this.#selected.add(row);
+                    }
+                }
+                else {
+                    this.#selected = new Set([row]);
+                }
+                this.#checkbox.value = this.#isAllSelected();
+                this.#onSelect();
+            },
+        });
+    }
+    render(viewport) {
+        if (viewport.isEmpty) {
+            return super.render(viewport);
+        }
+        const naturalSize = this.naturalSize(viewport.contentSize).max(viewport.contentSize);
+        const fitsBelow = viewport.parentRect.maxY() + naturalSize.height <
+            viewport.contentSize.height;
+        const fitsAbove = naturalSize.height <= viewport.parentRect.minY();
+        // 1. doesn't fit above or below, pick the side that has more room
+        // 2. prefer below
+        // 3. otherwise above
+        let placement;
+        let height = naturalSize.height;
+        if (!fitsBelow && !fitsAbove) {
+            const spaceBelow = viewport.contentSize.height - viewport.parentRect.maxY() + 1;
+            const spaceAbove = viewport.parentRect.minY() + 1;
+            if (spaceAbove > spaceBelow) {
+                placement = 'above';
+                height = spaceAbove;
+            }
+            else {
+                placement = 'below';
+                height = spaceBelow;
+            }
+        }
+        else if (fitsBelow) {
+            placement = 'below';
+        }
+        else {
+            placement = 'above';
+        }
+        const width = Math.max(viewport.parentRect.size.width, Math.min(naturalSize.width, viewport.contentSize.width - viewport.parentRect.minX()));
+        const x = Math.max(0, viewport.parentRect.maxX() - width, viewport.parentRect.minX());
+        let y;
+        if (placement === 'below') {
+            y = viewport.parentRect.maxY();
+        }
+        else {
+            y = viewport.parentRect.minY() - height;
+        }
+        this.#box.border = BORDERS[placement];
+        const rect = new geometry_1.Rect([x, y], [width, height]);
+        viewport.clipped(rect, inside => super.render(inside));
+    }
+}
+function dropdownSelectedRows(selected, choices, multiple) {
+    let selectedItems;
+    if (multiple) {
+        selectedItems = selected;
+    }
+    else if (selected !== undefined) {
+        selectedItems = [selected];
+    }
+    else {
+        return [];
+    }
+    return selectedItems.flatMap(item => {
+        const index = choices.findIndex(([_, choice]) => choice === item);
+        if (index === -1) {
+            return [];
+        }
+        return [index];
+    });
+}
+function dropdownPrefix(multiple, index, isSelected) {
+    if (index !== 0) {
+        return '  ';
+    }
+    if (multiple) {
+        return isSelected ? BOX.multiple.checked : BOX.multiple.unchecked;
+    }
+    else {
+        return isSelected ? BOX.single.checked : BOX.single.unchecked;
+    }
+}
+const ARROWS = { hover: '▼', default: '▽', open: '◇' };
+const BORDERS = {
+    control: ['─', '│', '╭', '╮', '╰', '╯'],
+    hover: ['─', '│', '╭', '╮', '╰', '╯', '─', '│'],
+    below: ['─', '│', '╭', '╮', '╰', '╯', '─', '│'],
+    above: ['─', '│', '╭', '╮', '╰', '╯', '─', '│'],
+};
+const BOX = {
+    multiple: {
+        unchecked: '☐ ',
+        checked: '☑ ',
+    },
+    single: {
+        unchecked: '◯ ',
+        checked: '⦿ ',
+    },
+};
+//# sourceMappingURL=Dropdown.js.map

package/.dist/components/Dropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../lib/components/Dropdown.ts"],"names":[],"mappings":";;;AAAA,gCAA8B;AAG9B,kCAAqD;AACrD,4CAAsC;AACtC,0CAA6C;AAC7C,8CASsB;AACtB,sCAAyD;AAqCzD,MAAa,QAA+B,SAAQ,WAAI;IACtD,gBAAgB,CAAqB;IACrC,MAAM,CAAW;IACjB,UAAU,GAAG,KAAK,CAAA;IACT,SAAS,CAAS;IAC3B,iBAAiB,CAAuC;IAExD,YAAY,EAAC,QAAQ,EAAE,GAAG,KAAK,EAAyB;QACtD,KAAK,CAAC,KAAK,CAAC,CAAA;QAEZ,IAAI,CAAC,SAAS,GAAG,QAAQ,IAAI,KAAK,CAAA;QAClC,IAAI,CAAC,gBAAgB,GAAG,IAAI,gBAAgB,CAAC;YAC3C,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,QAAQ,EAAE,IAAI,CAAC,SAAS;YACxB,OAAO,EAAE,EAAE;YACX,QAAQ,EAAE,EAAE;YACZ,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,SAAS,EAAE;SACjC,CAAC,CAAA;QAEF,IAAI,CAAC,OAAO,CAAC,KAAoB,CAAC,CAAA;IACpC,CAAC;IAED,MAAM,CAAC,KAAkB;QACvB,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,CAAA;QACnB,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;IACrB,CAAC;IAED,OAAO,CAAC,EAAC,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAc;QACvD,IAAI,CAAC,iBAAiB,GAAG,QAAQ,CAAA;QACjC,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;QAEnD,IAAI,CAAC,OAAO,GAAG,OAAO,CAAA;QACtB,IAAI,CAAC,QAAQ,GAAG,QAAe,CAAA;QAC/B,IAAI,CAAC,gBAAgB,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAA;IAC1C,CAAC;IAED,IAAI,OAAO;QACT,OAAO,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAA;IACtC,CAAC;IACD,IAAI,OAAO,CAAC,OAAmB;QAC7B,IAAI,CAAC,gBAAgB,CAAC,OAAO,GAAG,OAAO,CAAA;IACzC,CAAC;IAED,WAAW;QACT,IACE,IAAI,CAAC,MAAM,KAAK,SAAS;YACzB,IAAI,CAAC,gBAAgB,CAAC,cAAc,CAAC,MAAM,KAAK,CAAC,EACjD,CAAC;YACD,OAAO,IAAI,CAAC,MAAM,CAAA;QACpB,CAAC;QAED,OAAO,IAAI,CAAC,gBAAgB,CAAC,YAAY,IAAI,CAAC,UAAU,CAAC,CAAA;IAC3D,CAAC;IAED,YAAY;QACV,IAAI,CAAC,UAAU,GAAG,KAAK,CAAA;IACzB,CAAC;IAED,IAAI,QAAQ;QACV,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;YACnB,OAAO,IAAI,CAAC,gBAAgB,CAAC,cAAqB,CAAA;QACpD,CAAC;aAAM,CAAC;YACN,OAAO,IAAI,CAAC,gBAAgB,CAAC,aAAoB,CAAA;QACnD,CAAC;IACH,CAAC;IAED,IAAI,QAAQ,CAAC,QAA8C;QACzD,IAAI,CAAC,gBAAgB,CAAC,YAAY,GAAG,oBAAoB,CACvD,QAAQ,EACR,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAC7B,IAAI,CAAC,SAAS,CACf,CAAA;IACH,CAAC;IAED,SAAS;QACP,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;YACnB,CAAC;YAAC,IAAI,CAAC,iBAAyB,EAAE,CAAC,IAAI,CAAC,gBAAgB,CAAC,cAAc,CAAC,CAAA;QAC1E,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,YAAY,EAAE,CAAA;YACnB,MAAM,KAAK,GAAG,IAAI,CAAC,gBAAgB,CAAC,aAAa,CAAA;YACjD,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;gBACxB,CAAC;gBAAC,IAAI,CAAC,iBAAyB,EAAE,CAAC,KAAK,CAAC,CAAA;YAC3C,CAAC;QACH,CAAC;QAED,IAAI,CAAC,cAAc,EAAE,CAAA;IACvB,CAAC;IAED,WAAW;QACT,MAAM,IAAI,GAAG,IAAI,eAAI,CAAC,aAAO,CAAC,UAAU,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,CAAC,CAAA;QAC7D,OAAO,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;IACxB,CAAC;IAED,YAAY,CAAC,KAAiB,EAAE,MAAc;QAC5C,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE,MAAM,CAAC,CAAA;QAEjC,IAAI,IAAA,uBAAc,EAAC,KAAK,CAAC,EAAE,CAAC;YAC1B,IAAI,CAAC,UAAU,GAAG,IAAI,CAAA;QACxB,CAAC;IACH,CAAC;IAED,MAAM,CAAC,QAAkB;QACvB,IAAI,QAAQ,CAAC,OAAO,EAAE,CAAC;YACrB,OAAM;QACR,CAAC;QAED,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;YACpB,QAAQ,CAAC,YAAY,CAAC,IAAI,CAAC,gBAAgB,EAAE,GAAG,EAAE;gBAChD,IAAI,CAAC,UAAU,GAAG,KAAK,CAAA;YACzB,CAAC,CAAC,CAAA;QACJ,CAAC;QAED,QAAQ,CAAC,aAAa,CAAC,CAAC,YAAY,EAAE,mBAAmB,CAAC,CAAC,CAAA;QAC3D,MAAM,KAAK,GAAG,IAAI,CAAC,WAAW,EAAE,CAAA;QAChC,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC;YAC9B,OAAO,EAAE,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,UAAU;SAC1C,CAAC,CAAA;QAEF,QAAQ,CAAC,KAAK,CAAC,SAAS,CAAC,CAAA;QAEzB,MAAM,EAAE,GAAG,IAAI,gBAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW,EAAE,CAAA;QACxC,MAAM,eAAe,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,WAAW,CAAC,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAA;QAC5E,OAAO,EAAE,CAAC,CAAC,GAAG,QAAQ,CAAC,WAAW,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC;YAClD,MAAM,SAAS,GAAG,EAAE,CAAC,CAAC,GAAG,eAAe,CAAA;YACxC,IAAI,SAAS,IAAI,CAAC,IAAI,SAAS,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC;gBAC/C,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,SAAS,CAAC,CAAA;YAC9D,CAAC;YAED,QAAQ,CAAC,KAAK,CACZ,KAAK,EACL,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,WAAW,CAAC,KAAK,GAAG,CAAC,EAAE,CAAC,CAAC,EAC5C,SAAS,CACV,CAAA;QACH,CAAC;QAED,QAAQ,CAAC,KAAK,CACZ,IAAI,CAAC,UAAU;YACb,CAAC,CAAC,MAAM,CAAC,IAAI;YACb,CAAC,CAAC,IAAI,CAAC,OAAO;gBACZ,CAAC,CAAC,MAAM,CAAC,KAAK;gBACd,CAAC,CAAC,MAAM,CAAC,OAAO,EACpB,IAAI,gBAAK,CACP,QAAQ,CAAC,WAAW,CAAC,KAAK,GAAG,CAAC,EAC9B,QAAQ,CAAC,WAAW,CAAC,MAAM,GAAG,CAAC,CAChC,EACD,SAAS,CACV,CAAA;IACH,CAAC;CACF;AApJD,4BAoJC;AAQD,MAAM,gBAAoB,SAAQ,qBAAS;IACzC,QAAQ,CAAyB;IACjC,SAAS,CAAa;IACtB,SAAS,CAAS;IAClB,SAAS,CAAY;IACrB,WAAW,CAAmB;IAC9B,IAAI,GAAG,IAAI,gBAAG,CAAC,EAAC,SAAS,EAAE,EAAE,EAAE,MAAM,EAAE,OAAO,CAAC,KAAK,EAAC,CAAC,CAAA;IACtD,SAAS,CAAU;IAEnB,YAAY,EACV,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,GAAG,SAAS,EACK;QACjB,KAAK,CAAC,EAAC,GAAG,SAAS,EAAC,CAAC,CAAA;QAErB,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC;YAC7C,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;YAChB,KAAK;YACL,IAAI;SACL,CAAC,CAAA;QACF,IAAI,CAAC,SAAS,GAAG,IAAI,GAAG,CAAC,QAAQ,CAAC,CAAA;QAClC,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAA;QACzB,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAA;QACzB,IAAI,CAAC,SAAS,GAAG,IAAI,qBAAQ,CAAC;YAC5B,KAAK,EAAE,YAAY;YACnB,KAAK,EAAE,KAAK;YACZ,QAAQ,EAAE,KAAK,CAAC,EAAE;gBAChB,IAAI,KAAK,EAAE,CAAC;oBACV,IAAI,CAAC,SAAS,GAAG,IAAI,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,CAAC,CAAA;gBAC9D,CAAC;qBAAM,CAAC;oBACN,IAAI,CAAC,SAAS,GAAG,IAAI,GAAG,EAAE,CAAA;gBAC5B,CAAC;gBACD,QAAQ,EAAE,CAAA;gBACV,IAAI,CAAC,WAAW,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAA;YAC5C,CAAC;SACF,CAAC,CAAA;QACF,IAAI,CAAC,WAAW,GAAG,IAAI,2BAAc,CAAC;YACpC,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,MAAM,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC;YAChD,WAAW,EAAE,CAAC,MAAM,EAAE,GAAG,EAAE,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,EAAE,GAAG,CAAC;SAC5D,CAAC,CAAA;QACF,MAAM,OAAO,GAAG,IAAI,kBAAK,CAAC,EAAC,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,EAAC,CAAC,CAAA;QAE5D,IAAI,QAAQ,EAAE,CAAC;YACb,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,CAAA;QAC7B,CAAC;QACD,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC,CAAA;QAC7B,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,CAAA;QACtB,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;QAEnB,IAAI,CAAC,SAAS,CAAC,KAAK,GAAG,IAAI,CAAC,cAAc,EAAE,CAAA;IAC9C,CAAC;IAED,cAAc;QACZ,OAAO,IAAI,CAAC,SAAS,CAAC,IAAI,KAAK,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAA;IACrD,CAAC;IAED,IAAI,YAAY;QACd,OAAO,CAAC,GAAG,IAAI,CAAC,SAAS,CAAC,CAAA;IAC5B,CAAC;IAED,IAAI,YAAY,CAAC,IAAc;QAC7B,IAAI,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,SAAS,EAAE,GAAG,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE;YACvD,MAAM,IAAI,GAAG,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAA;YACvC,IAAI,CAAC,WAAW,CAAC,cAAc,CAAC,IAAI,EAAE,MAAM,CAAC,CAAA;QAC/C,CAAC,CAAC,CAAA;QAEF,IAAI,CAAC,SAAS,GAAG,IAAI,GAAG,CAAC,IAAI,CAAC,CAAA;IAChC,CAAC;IAED,IAAI,YAAY;QACd,IAAI,IAAI,CAAC,SAAS,CAAC,IAAI,KAAK,CAAC,EAAE,CAAC;YAC9B,OAAO,SAAS,CAAA;QAClB,CAAC;QAED,IAAI,IAAI,CAAC,SAAS,CAAC,IAAI,GAAG,CAAC,EAAE,CAAC;YAC5B,MAAM,IAAI,GAAG,CAAC,GAAG,IAAI,CAAC,SAAS,CAAC,CAAA;YAChC,IAAI,CAAC,IAAI,EAAE,CAAA;YACX,2EAA2E;YAC3E,yEAAyE;YACzE,iCAAiC;YACjC,kCAAkC;YAClC,qEAAqE;YACrE,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAA;QAC1E,CAAC;QAED,+EAA+E;QAC/E,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,SAAS,CAAC,CAAA;QACjC,OAAO,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAA;IAC9B,CAAC;IAED,IAAI,aAAa;QACf,IAAI,IAAI,CAAC,SAAS,CAAC,IAAI,KAAK,CAAC,EAAE,CAAC;YAC9B,OAAO,SAAS,CAAA;QAClB,CAAC;QACD,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,SAAS,CAAC,CAAA;QACjC,OAAO,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAA;IAC9B,CAAC;IAED,IAAI,cAAc;QAChB,OAAO,CAAC,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;IAClE,CAAC;IAED,IAAI,OAAO;QACT,OAAO,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC,CAAA;IACjE,CAAC;IAED;;OAEG;IACH,IAAI,OAAO,CAAC,OAAkC;QAC5C,MAAM,QAAQ,GAAG,CAAC,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;QAC1E,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,EAAE,MAAM,CAAC,EAAE,EAAE,CAAC;YAC9C,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;YAChB,MAAM;YACN,IAAI;SACL,CAAC,CAAA;QACF,IAAI,CAAC,SAAS,GAAG,IAAI,GAAG,CACtB,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;YACtB,MAAM,KAAK,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EAAE,MAAM,CAAC,EAAE,EAAE,CAAC,MAAM,KAAK,IAAI,CAAC,CAAA;YACjE,IAAI,KAAK,KAAK,CAAC,CAAC,EAAE,CAAC;gBACjB,OAAO,EAAE,CAAA;YACX,CAAC;YAED,OAAO,CAAC,KAAK,CAAC,CAAA;QAChB,CAAC,CAAC,CACH,CAAA;QACD,IAAI,CAAC,WAAW,CAAC,WAAW,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,MAAM,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC,CAAA;IACnE,CAAC;IAED,WAAW,CAAC,MAAS,EAAE,GAAW;QAChC,MAAM,MAAM,GAAG,IAAI,CAAC,WAAW,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;QAE5C,OAAO,kBAAK,CAAC,KAAK,CAAC;YACjB,IAAI,EAAE,KAAK;YACX,QAAQ,EAAE;gBACR,CAAC,OAAO,EAAE,MAAM,CAAC;gBACjB,IAAI,sBAAS,CAAC,EAAC,SAAS,EAAE,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAC,CAAC;aACzD;SACF,CAAC,CAAA;IACJ,CAAC;IAED,WAAW,CAAC,MAAS,EAAE,GAAW;QAChC,MAAM,KAAK,GAAa,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAA;QAC7C,MAAM,UAAU,GAAG,CAAC,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,KAAK,GAAG,CAAC,CAAA;QAEnE,OAAO,IAAI,mBAAM,CAAC;YAChB,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS;YAC1C,MAAM,EAAE,MAAM;YACd,KAAK,EAAE,MAAM;YACb,KAAK,EAAE,IAAI,iBAAI,CAAC;gBACd,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;oBAC/B,OAAO,cAAc,CAAC,IAAI,CAAC,SAAS,EAAE,KAAK,EAAE,UAAU,CAAC,GAAG,IAAI,CAAA;gBACjE,CAAC,CAAC;aACH,CAAC;YACF,OAAO,EAAE,GAAG,EAAE;gBACZ,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE;oBAChC,MAAM,IAAI,GAAG,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAA;oBACvC,IAAI,CAAC,WAAW,CAAC,cAAc,CAAC,IAAI,EAAE,MAAM,CAAC,CAAA;gBAC/C,CAAC,CAAC,CAAA;gBAEF,IAAI,CAAC,WAAW,CAAC,cAAc,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;gBAE/C,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;oBACnB,IAAI,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC;wBAC5B,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,GAAG,CAAC,CAAA;oBAC5B,CAAC;yBAAM,CAAC;wBACN,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;oBACzB,CAAC;gBACH,CAAC;qBAAM,CAAC;oBACN,IAAI,CAAC,SAAS,GAAG,IAAI,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAA;gBACjC,CAAC;gBAED,IAAI,CAAC,SAAS,CAAC,KAAK,GAAG,IAAI,CAAC,cAAc,EAAE,CAAA;gBAE5C,IAAI,CAAC,SAAS,EAAE,CAAA;YAClB,CAAC;SACF,CAAC,CAAA;IACJ,CAAC;IAED,MAAM,CAAC,QAAkB;QACvB,IAAI,QAAQ,CAAC,OAAO,EAAE,CAAC;YACrB,OAAO,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAA;QAC/B,CAAC;QAED,MAAM,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC,GAAG,CAC5D,QAAQ,CAAC,WAAW,CACrB,CAAA;QACD,MAAM,SAAS,GACb,QAAQ,CAAC,UAAU,CAAC,IAAI,EAAE,GAAG,WAAW,CAAC,MAAM;YAC/C,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAA;QAC7B,MAAM,SAAS,GAAG,WAAW,CAAC,MAAM,IAAI,QAAQ,CAAC,UAAU,CAAC,IAAI,EAAE,CAAA;QAElE,kEAAkE;QAClE,kBAAkB;QAClB,qBAAqB;QACrB,IAAI,SAA4B,CAAA;QAChC,IAAI,MAAM,GAAG,WAAW,CAAC,MAAM,CAAA;QAC/B,IAAI,CAAC,SAAS,IAAI,CAAC,SAAS,EAAE,CAAC;YAC7B,MAAM,UAAU,GACd,QAAQ,CAAC,WAAW,CAAC,MAAM,GAAG,QAAQ,CAAC,UAAU,CAAC,IAAI,EAAE,GAAG,CAAC,CAAA;YAC9D,MAAM,UAAU,GAAG,QAAQ,CAAC,UAAU,CAAC,IAAI,EAAE,GAAG,CAAC,CAAA;YACjD,IAAI,UAAU,GAAG,UAAU,EAAE,CAAC;gBAC5B,SAAS,GAAG,OAAO,CAAA;gBACnB,MAAM,GAAG,UAAU,CAAA;YACrB,CAAC;iBAAM,CAAC;gBACN,SAAS,GAAG,OAAO,CAAA;gBACnB,MAAM,GAAG,UAAU,CAAA;YACrB,CAAC;QACH,CAAC;aAAM,IAAI,SAAS,EAAE,CAAC;YACrB,SAAS,GAAG,OAAO,CAAA;QACrB,CAAC;aAAM,CAAC;YACN,SAAS,GAAG,OAAO,CAAA;QACrB,CAAC;QAED,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CACpB,QAAQ,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,EAC9B,IAAI,CAAC,GAAG,CACN,WAAW,CAAC,KAAK,EACjB,QAAQ,CAAC,WAAW,CAAC,KAAK,GAAG,QAAQ,CAAC,UAAU,CAAC,IAAI,EAAE,CACxD,CACF,CAAA;QACD,MAAM,CAAC,GAAG,IAAI,CAAC,GAAG,CAChB,CAAC,EACD,QAAQ,CAAC,UAAU,CAAC,IAAI,EAAE,GAAG,KAAK,EAClC,QAAQ,CAAC,UAAU,CAAC,IAAI,EAAE,CAC3B,CAAA;QAED,IAAI,CAAS,CAAA;QACb,IAAI,SAAS,KAAK,OAAO,EAAE,CAAC;YAC1B,CAAC,GAAG,QAAQ,CAAC,UAAU,CAAC,IAAI,EAAE,CAAA;QAChC,CAAC;aAAM,CAAC;YACN,CAAC,GAAG,QAAQ,CAAC,UAAU,CAAC,IAAI,EAAE,GAAG,MAAM,CAAA;QACzC,CAAC;QAED,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,OAAO,CAAC,SAAS,CAAC,CAAA;QAErC,MAAM,IAAI,GAAG,IAAI,eAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAA;QAC9C,QAAQ,CAAC,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAA;IACxD,CAAC;CACF;AAED,SAAS,oBAAoB,CAC3B,QAAsC,EACtC,OAAmB,EACnB,QAAiB;IAEjB,IAAI,aAAkB,CAAA;IACtB,IAAI,QAAQ,EAAE,CAAC;QACb,aAAa,GAAG,QAAe,CAAA;IACjC,CAAC;SAAM,IAAI,QAAQ,KAAK,SAAS,EAAE,CAAC;QAClC,aAAa,GAAG,CAAC,QAAa,CAAC,CAAA;IACjC,CAAC;SAAM,CAAC;QACN,OAAO,EAAE,CAAA;IACX,CAAC;IAED,OAAO,aAAa,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;QAClC,MAAM,KAAK,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EAAE,MAAM,CAAC,EAAE,EAAE,CAAC,MAAM,KAAK,IAAI,CAAC,CAAA;QACjE,IAAI,KAAK,KAAK,CAAC,CAAC,EAAE,CAAC;YACjB,OAAO,EAAE,CAAA;QACX,CAAC;QAED,OAAO,CAAC,KAAK,CAAC,CAAA;IAChB,CAAC,CAAC,CAAA;AACJ,CAAC;AAED,SAAS,cAAc,CAAC,QAAiB,EAAE,KAAa,EAAE,UAAmB;IAC3E,IAAI,KAAK,KAAK,CAAC,EAAE,CAAC;QAChB,OAAO,IAAI,CAAA;IACb,CAAC;IAED,IAAI,QAAQ,EAAE,CAAC;QACb,OAAO,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,QAAQ,CAAC,SAAS,CAAA;IACnE,CAAC;SAAM,CAAC;QACN,OAAO,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,SAAS,CAAA;IAC/D,CAAC;AACH,CAAC;AAED,MAAM,MAAM,GAAG,EAAC,KAAK,EAAE,GAAG,EAAE,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,EAAC,CAAA;AAEpD,MAAM,OAAO,GAAgB;IAC3B,OAAO,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC;IACvC,KAAK,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC;IAC/C,KAAK,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC;IAC/C,KAAK,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC;CAChD,CAAA;AAED,MAAM,GAAG,GAGL;IACF,QAAQ,EAAE;QACR,SAAS,EAAE,IAAI;QACf,OAAO,EAAE,IAAI;KACd;IACD,MAAM,EAAE;QACN,SAAS,EAAE,IAAI;QACf,OAAO,EAAE,IAAI;KACd;CACF,CAAA"}

package/.dist/components/Header.d.ts

@@ -0,0 +1,25 @@
+import { Container } from '../Container';
+import { Size } from '../geometry';
+import { Viewport } from '../Viewport';
+import { type FontFamily } from './types';
+import { type Props as ViewProps } from '../View';
+interface Props extends ViewProps {
+    text: string;
+    border: 'single' | 'bold' | 'double';
+    font?: FontFamily;
+    bold?: boolean;
+    dim?: boolean;
+}
+export declare class Header extends Container {
+    #private;
+    constructor({ bold, dim, text, font, ...props }: Props);
+    naturalSize(available: Size): Size;
+    render(viewport: Viewport): void;
+}
+export declare function H1(text?: string): Header;
+export declare function H2(text?: string): Header;
+export declare function H3(text?: string): Header;
+export declare function H4(text?: string): Header;
+export declare function H5(text?: string): Header;
+export declare function H6(text?: string): Header;
+export {};

package/.dist/components/Header.js

@@ -0,0 +1,106 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Header = void 0;
+exports.H1 = H1;
+exports.H2 = H2;
+exports.H3 = H3;
+exports.H4 = H4;
+exports.H5 = H5;
+exports.H6 = H6;
+const Container_1 = require("../Container");
+const geometry_1 = require("../geometry");
+const Style_1 = require("../Style");
+const Text_1 = require("./Text");
+class Header extends Container_1.Container {
+    #text;
+    #style;
+    #border = 'single';
+    constructor({ bold, dim, text, font, ...props }) {
+        super(props);
+        this.#border = props.border;
+        this.#style = new Style_1.Style({
+            bold: bold,
+            dim: dim,
+        });
+        this.#text = new Text_1.Text({
+            text: text,
+            font: font,
+            style: this.#style,
+            wrap: true,
+        });
+        this.add(this.#text);
+    }
+    naturalSize(available) {
+        return this.#text.naturalSize(available).grow(2, 1);
+    }
+    render(viewport) {
+        const inside = viewport.contentRect.inset({ left: 1, right: 1, bottom: 1 });
+        const textSize = this.#text.naturalSize(inside.size);
+        viewport.clipped(inside, inside => {
+            this.#text.render(inside);
+        });
+        const maxWidth = textSize.width + 2;
+        let border;
+        switch (this.#border) {
+            case 'single':
+                border = '─';
+                break;
+            case 'bold':
+                border = '━';
+                break;
+            case 'double':
+                border = '═';
+                break;
+        }
+        viewport.write(border.repeat(maxWidth), new geometry_1.Point(0, textSize.height), this.#style);
+    }
+}
+exports.Header = Header;
+function H1(text = '') {
+    return new Header({
+        text,
+        border: 'double',
+        font: 'script',
+        bold: true,
+    });
+}
+function H2(text = '') {
+    return new Header({
+        text,
+        border: 'bold',
+        font: 'script',
+    });
+}
+function H3(text = '') {
+    return new Header({
+        text,
+        border: 'single',
+        font: 'sans-bold',
+        bold: true,
+    });
+}
+function H4(text = '') {
+    return new Header({
+        text,
+        border: 'single',
+        font: 'sans',
+    });
+}
+function H5(text = '') {
+    return new Header({
+        text,
+        border: 'single',
+        font: 'serif-bold',
+        bold: true,
+        dim: true,
+    });
+}
+function H6(text = '') {
+    return new Header({
+        text,
+        font: 'serif-italic',
+        border: 'single',
+        dim: true,
+    });
+}
+//# sourceMappingURL=Header.js.map

package/.dist/components/Header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../lib/components/Header.ts"],"names":[],"mappings":"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"}

package/.dist/components/HotKey.d.ts

@@ -0,0 +1,14 @@
+import type { Viewport } from '../Viewport';
+import { type Props as ContainerProps, Container } from '../Container';
+import { Size } from '../geometry';
+import { HotKey as HotKeyProp } from '../events';
+export interface Props extends ContainerProps {
+    hotKey: HotKeyProp;
+}
+export declare class HotKey extends Container {
+    #private;
+    constructor(props: Props);
+    update(props: Props): void;
+    naturalSize(): Size;
+    render(viewport: Viewport): void;
+}

package/.dist/components/HotKey.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HotKey = void 0;
+const Container_1 = require("../Container");
+const geometry_1 = require("../geometry");
+const events_1 = require("../events");
+class HotKey extends Container_1.Container {
+    #hotKey = { char: '' };
+    constructor(props) {
+        super(props);
+        this.#update(props);
+    }
+    update(props) {
+        this.#update(props);
+        super.update(props);
+    }
+    #update({ hotKey }) {
+        this.#hotKey = hotKey;
+    }
+    naturalSize() {
+        return geometry_1.Size.zero;
+    }
+    render(viewport) {
+        if (viewport.isEmpty) {
+            return super.render(viewport);
+        }
+        viewport.registerHotKey((0, events_1.toHotKeyDef)(this.#hotKey));
+    }
+}
+exports.HotKey = HotKey;
+//# sourceMappingURL=HotKey.js.map

package/.dist/components/HotKey.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HotKey.js","sourceRoot":"","sources":["../../lib/components/HotKey.ts"],"names":[],"mappings":";;;AACA,4CAAoE;AACpE,0CAAgC;AAChC,sCAA2D;AAM3D,MAAa,MAAO,SAAQ,qBAAS;IACnC,OAAO,GAAe,EAAC,IAAI,EAAE,EAAE,EAAC,CAAA;IAEhC,YAAY,KAAY;QACtB,KAAK,CAAC,KAAK,CAAC,CAAA;QAEZ,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,CAAA;IACrB,CAAC;IAED,MAAM,CAAC,KAAY;QACjB,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,CAAA;QACnB,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;IACrB,CAAC;IAED,OAAO,CAAC,EAAC,MAAM,EAAQ;QACrB,IAAI,CAAC,OAAO,GAAG,MAAM,CAAA;IACvB,CAAC;IAED,WAAW;QACT,OAAO,eAAI,CAAC,IAAI,CAAA;IAClB,CAAC;IAED,MAAM,CAAC,QAAkB;QACvB,IAAI,QAAQ,CAAC,OAAO,EAAE,CAAC;YACrB,OAAO,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAA;QAC/B,CAAC;QAED,QAAQ,CAAC,cAAc,CAAC,IAAA,oBAAW,EAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAA;IACpD,CAAC;CACF;AA7BD,wBA6BC"}

package/.dist/components/Input.d.ts

@@ -0,0 +1,45 @@
+import type { KeyEvent, MouseEvent } from '../events';
+import type { Viewport } from '../Viewport';
+import type { Props as ViewProps } from '../View';
+import { View } from '../View';
+import { Size } from '../geometry';
+import { System } from '../System';
+import type { FontFamily } from './types';
+interface TextProps {
+    placeholder?: string;
+    onChange?: (text: string) => void;
+    onSubmit?: (text: string) => void;
+}
+interface StyleProps {
+    value?: string;
+    wrap?: boolean;
+    multiline?: boolean;
+    font?: FontFamily;
+}
+export type Props = StyleProps & TextProps & ViewProps;
+/**
+ * Text input. Supports selection, word movement via alt+←→, single and multiline
+ * input, and wrapped lines.
+ */
+export declare class Input extends View {
+    #private;
+    constructor(props?: Props);
+    update(props: Props): void;
+    get value(): string;
+    set value(value: string);
+    get placeholder(): string | undefined;
+    set placeholder(placeholder: string | undefined);
+    get font(): FontFamily;
+    set font(font: FontFamily);
+    get wrap(): boolean;
+    set wrap(wrap: boolean);
+    get multiline(): boolean;
+    set multiline(multiline: boolean);
+    naturalSize(available: Size): Size;
+    minSelected(): number;
+    maxSelected(): number;
+    receiveKey(event: KeyEvent): void;
+    receiveMouse(event: MouseEvent, system: System): void;
+    render(viewport: Viewport): void;
+}
+export {};