claude-code-plus-plus 0.1.1 → 0.2.1

package/dist/ui/components/base.js

@@ -0,0 +1,269 @@
+/**
+ * Base Component
+ *
+ * Abstract base class for all UI components.
+ */
+// ============================================================================
+// Base Component Class
+// ============================================================================
+export class Component {
+    id;
+    visible = true;
+    focused = false;
+    disabled = false;
+    style = {};
+    constraints = {};
+    bounds = { x: 0, y: 0, width: 0, height: 0 };
+    mounted = false;
+    constructor(props = {}) {
+        this.id = props.id ?? generateComponentId();
+        this.visible = props.visible ?? true;
+        this.focused = props.focused ?? false;
+        this.disabled = props.disabled ?? false;
+        this.style = props.style ?? {};
+        this.constraints = props.constraints ?? {};
+    }
+    // ============================================================================
+    // Lifecycle Methods
+    // ============================================================================
+    /**
+     * Called when component is added to the UI tree
+     */
+    mount() {
+        this.mounted = true;
+        this.onMount();
+    }
+    /**
+     * Called when component is removed from the UI tree
+     */
+    unmount() {
+        this.onUnmount();
+        this.mounted = false;
+    }
+    /**
+     * Override to perform setup on mount
+     */
+    onMount() { }
+    /**
+     * Override to perform cleanup on unmount
+     */
+    onUnmount() { }
+    /**
+     * Get the minimum size of this component
+     */
+    getMinSize() {
+        return { width: 0, height: 0 };
+    }
+    /**
+     * Set the bounds of this component
+     */
+    setBounds(bounds) {
+        this.bounds = bounds;
+    }
+    /**
+     * Get the current bounds
+     */
+    getBounds() {
+        return this.bounds;
+    }
+    // ============================================================================
+    // Input Handling
+    // ============================================================================
+    /**
+     * Handle a keyboard event
+     * @returns true if the event was handled
+     */
+    handleKey(event) {
+        return false;
+    }
+    /**
+     * Handle a mouse event
+     * @returns true if the event was handled
+     */
+    handleMouse(event) {
+        return false;
+    }
+    // ============================================================================
+    // Hit Testing
+    // ============================================================================
+    /**
+     * Test if a point hits this component
+     */
+    hitTest(x, y) {
+        if (!this.visible)
+            return null;
+        if (!this.containsPoint(x, y))
+            return null;
+        return {
+            component: this,
+            x: x - this.bounds.x,
+            y: y - this.bounds.y,
+        };
+    }
+    /**
+     * Check if a point is within this component's bounds
+     */
+    containsPoint(x, y) {
+        return (x >= this.bounds.x &&
+            x < this.bounds.x + this.bounds.width &&
+            y >= this.bounds.y &&
+            y < this.bounds.y + this.bounds.height);
+    }
+    // ============================================================================
+    // Focus Management
+    // ============================================================================
+    /**
+     * Request focus for this component
+     */
+    focus() {
+        this.focused = true;
+        this.onFocus();
+    }
+    /**
+     * Remove focus from this component
+     */
+    blur() {
+        this.focused = false;
+        this.onBlur();
+    }
+    /**
+     * Override to handle focus gain
+     */
+    onFocus() { }
+    /**
+     * Override to handle focus loss
+     */
+    onBlur() { }
+    /**
+     * Check if this component can receive focus
+     */
+    isFocusable() {
+        return this.visible && !this.disabled;
+    }
+    // ============================================================================
+    // State
+    // ============================================================================
+    /**
+     * Enable the component
+     */
+    enable() {
+        this.disabled = false;
+    }
+    /**
+     * Disable the component
+     */
+    disable() {
+        this.disabled = true;
+        if (this.focused) {
+            this.blur();
+        }
+    }
+    /**
+     * Show the component
+     */
+    show() {
+        this.visible = true;
+    }
+    /**
+     * Hide the component
+     */
+    hide() {
+        this.visible = false;
+        if (this.focused) {
+            this.blur();
+        }
+    }
+}
+// ============================================================================
+// Container Component
+// ============================================================================
+export class ContainerComponent extends Component {
+    children = [];
+    /**
+     * Add a child component
+     */
+    addChild(child) {
+        this.children.push(child);
+        if (this.mounted) {
+            child.mount();
+        }
+    }
+    /**
+     * Remove a child component
+     */
+    removeChild(child) {
+        const index = this.children.indexOf(child);
+        if (index !== -1) {
+            if (this.mounted) {
+                child.unmount();
+            }
+            this.children.splice(index, 1);
+        }
+    }
+    /**
+     * Remove all children
+     */
+    clearChildren() {
+        for (const child of this.children) {
+            if (this.mounted) {
+                child.unmount();
+            }
+        }
+        this.children = [];
+    }
+    /**
+     * Get child by ID
+     */
+    getChild(id) {
+        return this.children.find((c) => c.id === id);
+    }
+    /**
+     * Get all children
+     */
+    getChildren() {
+        return this.children;
+    }
+    mount() {
+        super.mount();
+        for (const child of this.children) {
+            child.mount();
+        }
+    }
+    unmount() {
+        for (const child of this.children) {
+            child.unmount();
+        }
+        super.unmount();
+    }
+    hitTest(x, y) {
+        if (!this.visible)
+            return null;
+        if (!this.containsPoint(x, y))
+            return null;
+        // Check children in reverse order (top to bottom)
+        for (let i = this.children.length - 1; i >= 0; i--) {
+            const result = this.children[i].hitTest(x, y);
+            if (result)
+                return result;
+        }
+        return {
+            component: this,
+            x: x - this.bounds.x,
+            y: y - this.bounds.y,
+        };
+    }
+}
+// ============================================================================
+// Helpers
+// ============================================================================
+let componentIdCounter = 0;
+function generateComponentId() {
+    return `component-${++componentIdCounter}`;
+}
+/**
+ * Reset component ID counter (for testing)
+ */
+export function resetComponentIdCounter() {
+    componentIdCounter = 0;
+}
+//# sourceMappingURL=base.js.map

package/dist/ui/components/base.js.map

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

package/dist/ui/components/index.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Components Module
+ */
+export { Component, ContainerComponent, resetComponentIdCounter, type HitResult, type ComponentProps, } from './base';
+export { Text, createText, truncate, truncateWithEllipsis, wrapText, padText, type TextAlign, type TextProps, } from './text';
+export { List, createList, type ListItem, type ListProps, type ListSelectHandler, } from './list';
+export { Tabs, createTabs, type Tab, type TabsProps, type TabSelectHandler, type TabCloseHandler, } from './tabs';
+export { InputField, createInputField, type InputFieldProps, type InputChangeHandler, type InputSubmitHandler, } from './input-field';
+export { Modal, createModal, ConfirmModal, createConfirmModal, type ModalProps, type ModalCloseHandler, type ConfirmModalProps, type ConfirmHandler, } from './modal';
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/components/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EACL,SAAS,EACT,kBAAkB,EAClB,uBAAuB,EACvB,KAAK,SAAS,EACd,KAAK,cAAc,GACpB,MAAM,QAAQ,CAAC;AAEhB,OAAO,EACL,IAAI,EACJ,UAAU,EACV,QAAQ,EACR,oBAAoB,EACpB,QAAQ,EACR,OAAO,EACP,KAAK,SAAS,EACd,KAAK,SAAS,GACf,MAAM,QAAQ,CAAC;AAEhB,OAAO,EACL,IAAI,EACJ,UAAU,EACV,KAAK,QAAQ,EACb,KAAK,SAAS,EACd,KAAK,iBAAiB,GACvB,MAAM,QAAQ,CAAC;AAEhB,OAAO,EACL,IAAI,EACJ,UAAU,EACV,KAAK,GAAG,EACR,KAAK,SAAS,EACd,KAAK,gBAAgB,EACrB,KAAK,eAAe,GACrB,MAAM,QAAQ,CAAC;AAEhB,OAAO,EACL,UAAU,EACV,gBAAgB,EAChB,KAAK,eAAe,EACpB,KAAK,kBAAkB,EACvB,KAAK,kBAAkB,GACxB,MAAM,eAAe,CAAC;AAEvB,OAAO,EACL,KAAK,EACL,WAAW,EACX,YAAY,EACZ,kBAAkB,EAClB,KAAK,UAAU,EACf,KAAK,iBAAiB,EACtB,KAAK,iBAAiB,EACtB,KAAK,cAAc,GACpB,MAAM,SAAS,CAAC"}

package/dist/ui/components/index.js

@@ -0,0 +1,10 @@
+/**
+ * Components Module
+ */
+export { Component, ContainerComponent, resetComponentIdCounter, } from './base';
+export { Text, createText, truncate, truncateWithEllipsis, wrapText, padText, } from './text';
+export { List, createList, } from './list';
+export { Tabs, createTabs, } from './tabs';
+export { InputField, createInputField, } from './input-field';
+export { Modal, createModal, ConfirmModal, createConfirmModal, } from './modal';
+//# sourceMappingURL=index.js.map

package/dist/ui/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/components/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EACL,SAAS,EACT,kBAAkB,EAClB,uBAAuB,GAGxB,MAAM,QAAQ,CAAC;AAEhB,OAAO,EACL,IAAI,EACJ,UAAU,EACV,QAAQ,EACR,oBAAoB,EACpB,QAAQ,EACR,OAAO,GAGR,MAAM,QAAQ,CAAC;AAEhB,OAAO,EACL,IAAI,EACJ,UAAU,GAIX,MAAM,QAAQ,CAAC;AAEhB,OAAO,EACL,IAAI,EACJ,UAAU,GAKX,MAAM,QAAQ,CAAC;AAEhB,OAAO,EACL,UAAU,EACV,gBAAgB,GAIjB,MAAM,eAAe,CAAC;AAEvB,OAAO,EACL,KAAK,EACL,WAAW,EACX,YAAY,EACZ,kBAAkB,GAKnB,MAAM,SAAS,CAAC"}

package/dist/ui/components/input-field.d.ts

@@ -0,0 +1,98 @@
+/**
+ * Input Field Component
+ *
+ * A text input field with cursor.
+ */
+import type { Canvas } from '../renderer';
+import type { Bounds, Size } from '../layout';
+import { Component, type ComponentProps } from './base';
+import type { KeyEvent } from '../input/keyboard';
+export interface InputFieldProps extends ComponentProps {
+    value?: string;
+    placeholder?: string;
+    maxLength?: number;
+    password?: boolean;
+}
+export type InputChangeHandler = (value: string) => void;
+export type InputSubmitHandler = (value: string) => void;
+export declare class InputField extends Component {
+    private value;
+    private placeholder;
+    private maxLength;
+    private password;
+    private cursorPos;
+    private scrollOffset;
+    private changeHandler;
+    private submitHandler;
+    constructor(props?: InputFieldProps);
+    /**
+     * Set the input value
+     */
+    setValue(value: string): void;
+    /**
+     * Get the input value
+     */
+    getValue(): string;
+    /**
+     * Clear the input
+     */
+    clear(): void;
+    /**
+     * Set change handler
+     */
+    onChange(handler: InputChangeHandler): void;
+    /**
+     * Set submit handler
+     */
+    onSubmit(handler: InputSubmitHandler): void;
+    /**
+     * Insert text at cursor
+     */
+    insertText(text: string): void;
+    /**
+     * Delete character before cursor
+     */
+    deleteCharBefore(): void;
+    /**
+     * Delete character after cursor
+     */
+    deleteCharAfter(): void;
+    /**
+     * Delete word before cursor
+     */
+    deleteWordBefore(): void;
+    /**
+     * Move cursor left
+     */
+    moveCursorLeft(): void;
+    /**
+     * Move cursor right
+     */
+    moveCursorRight(): void;
+    /**
+     * Move cursor to start
+     */
+    moveCursorToStart(): void;
+    /**
+     * Move cursor to end
+     */
+    moveCursorToEnd(): void;
+    /**
+     * Ensure cursor is visible by adjusting scroll
+     */
+    private ensureCursorVisible;
+    /**
+     * Submit the input
+     */
+    submit(): void;
+    getPreferredSize(): Size;
+    getMinSize(): Size;
+    render(canvas: Canvas, bounds: Bounds): void;
+    handleKey(event: KeyEvent): boolean;
+    isFocusable(): boolean;
+}
+/**
+ * Create an InputField component
+ */
+export declare function createInputField(props?: InputFieldProps): InputField;
+//# sourceMappingURL=input-field.d.ts.map

package/dist/ui/components/input-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-field.d.ts","sourceRoot":"","sources":["../../../src/ui/components/input-field.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,MAAM,EAAS,MAAM,aAAa,CAAC;AACjD,OAAO,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAE9C,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,QAAQ,CAAC;AACxD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAMlD,MAAM,WAAW,eAAgB,SAAQ,cAAc;IACrD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,MAAM,kBAAkB,GAAG,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;AACzD,MAAM,MAAM,kBAAkB,GAAG,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;AAMzD,qBAAa,UAAW,SAAQ,SAAS;IACvC,OAAO,CAAC,KAAK,CAAc;IAC3B,OAAO,CAAC,WAAW,CAAc;IACjC,OAAO,CAAC,SAAS,CAAe;IAChC,OAAO,CAAC,QAAQ,CAAkB;IAClC,OAAO,CAAC,SAAS,CAAa;IAC9B,OAAO,CAAC,YAAY,CAAa;IAEjC,OAAO,CAAC,aAAa,CAAmC;IACxD,OAAO,CAAC,aAAa,CAAmC;gBAE5C,KAAK,GAAE,eAAoB;IASvC;;OAEG;IACH,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAK7B;;OAEG;IACH,QAAQ,IAAI,MAAM;IAIlB;;OAEG;IACH,KAAK,IAAI,IAAI;IAOb;;OAEG;IACH,QAAQ,CAAC,OAAO,EAAE,kBAAkB,GAAG,IAAI;IAI3C;;OAEG;IACH,QAAQ,CAAC,OAAO,EAAE,kBAAkB,GAAG,IAAI;IAI3C;;OAEG;IACH,UAAU,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IAa9B;;OAEG;IACH,gBAAgB,IAAI,IAAI;IAWxB;;OAEG;IACH,eAAe,IAAI,IAAI;IASvB;;OAEG;IACH,gBAAgB,IAAI,IAAI;IAgBxB;;OAEG;IACH,cAAc,IAAI,IAAI;IAOtB;;OAEG;IACH,eAAe,IAAI,IAAI;IAOvB;;OAEG;IACH,iBAAiB,IAAI,IAAI;IAKzB;;OAEG;IACH,eAAe,IAAI,IAAI;IAKvB;;OAEG;IACH,OAAO,CAAC,mBAAmB;IAW3B;;OAEG;IACH,MAAM,IAAI,IAAI;IAId,gBAAgB,IAAI,IAAI;IAOxB,UAAU,IAAI,IAAI;IAIlB,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,IAAI;IAsDnC,SAAS,CAAC,KAAK,EAAE,QAAQ,GAAG,OAAO;IA4CnC,WAAW,IAAI,OAAO;CAGhC;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,GAAE,eAAoB,GAAG,UAAU,CAExE"}

package/dist/ui/components/input-field.js

@@ -0,0 +1,274 @@
+/**
+ * Input Field Component
+ *
+ * A text input field with cursor.
+ */
+import { getTheme } from '../renderer/colors';
+import { Component } from './base';
+// ============================================================================
+// InputField Component
+// ============================================================================
+export class InputField extends Component {
+    value = '';
+    placeholder = '';
+    maxLength = 256;
+    password = false;
+    cursorPos = 0;
+    scrollOffset = 0;
+    changeHandler = null;
+    submitHandler = null;
+    constructor(props = {}) {
+        super(props);
+        this.value = props.value ?? '';
+        this.placeholder = props.placeholder ?? '';
+        this.maxLength = props.maxLength ?? 256;
+        this.password = props.password ?? false;
+        this.cursorPos = this.value.length;
+    }
+    /**
+     * Set the input value
+     */
+    setValue(value) {
+        this.value = value.substring(0, this.maxLength);
+        this.cursorPos = Math.min(this.cursorPos, this.value.length);
+    }
+    /**
+     * Get the input value
+     */
+    getValue() {
+        return this.value;
+    }
+    /**
+     * Clear the input
+     */
+    clear() {
+        this.value = '';
+        this.cursorPos = 0;
+        this.scrollOffset = 0;
+        this.changeHandler?.(this.value);
+    }
+    /**
+     * Set change handler
+     */
+    onChange(handler) {
+        this.changeHandler = handler;
+    }
+    /**
+     * Set submit handler
+     */
+    onSubmit(handler) {
+        this.submitHandler = handler;
+    }
+    /**
+     * Insert text at cursor
+     */
+    insertText(text) {
+        const remaining = this.maxLength - this.value.length;
+        const toInsert = text.substring(0, remaining);
+        this.value =
+            this.value.substring(0, this.cursorPos) +
+                toInsert +
+                this.value.substring(this.cursorPos);
+        this.cursorPos += toInsert.length;
+        this.ensureCursorVisible();
+        this.changeHandler?.(this.value);
+    }
+    /**
+     * Delete character before cursor
+     */
+    deleteCharBefore() {
+        if (this.cursorPos > 0) {
+            this.value =
+                this.value.substring(0, this.cursorPos - 1) +
+                    this.value.substring(this.cursorPos);
+            this.cursorPos--;
+            this.ensureCursorVisible();
+            this.changeHandler?.(this.value);
+        }
+    }
+    /**
+     * Delete character after cursor
+     */
+    deleteCharAfter() {
+        if (this.cursorPos < this.value.length) {
+            this.value =
+                this.value.substring(0, this.cursorPos) +
+                    this.value.substring(this.cursorPos + 1);
+            this.changeHandler?.(this.value);
+        }
+    }
+    /**
+     * Delete word before cursor
+     */
+    deleteWordBefore() {
+        let pos = this.cursorPos;
+        // Skip trailing spaces
+        while (pos > 0 && this.value[pos - 1] === ' ') {
+            pos--;
+        }
+        // Skip word characters
+        while (pos > 0 && this.value[pos - 1] !== ' ') {
+            pos--;
+        }
+        this.value = this.value.substring(0, pos) + this.value.substring(this.cursorPos);
+        this.cursorPos = pos;
+        this.ensureCursorVisible();
+        this.changeHandler?.(this.value);
+    }
+    /**
+     * Move cursor left
+     */
+    moveCursorLeft() {
+        if (this.cursorPos > 0) {
+            this.cursorPos--;
+            this.ensureCursorVisible();
+        }
+    }
+    /**
+     * Move cursor right
+     */
+    moveCursorRight() {
+        if (this.cursorPos < this.value.length) {
+            this.cursorPos++;
+            this.ensureCursorVisible();
+        }
+    }
+    /**
+     * Move cursor to start
+     */
+    moveCursorToStart() {
+        this.cursorPos = 0;
+        this.scrollOffset = 0;
+    }
+    /**
+     * Move cursor to end
+     */
+    moveCursorToEnd() {
+        this.cursorPos = this.value.length;
+        this.ensureCursorVisible();
+    }
+    /**
+     * Ensure cursor is visible by adjusting scroll
+     */
+    ensureCursorVisible() {
+        const visibleWidth = this.bounds.width - 2; // -2 for border
+        if (visibleWidth <= 0)
+            return;
+        if (this.cursorPos < this.scrollOffset) {
+            this.scrollOffset = this.cursorPos;
+        }
+        else if (this.cursorPos >= this.scrollOffset + visibleWidth) {
+            this.scrollOffset = this.cursorPos - visibleWidth + 1;
+        }
+    }
+    /**
+     * Submit the input
+     */
+    submit() {
+        this.submitHandler?.(this.value);
+    }
+    getPreferredSize() {
+        return {
+            width: Math.max(20, this.value.length + 4),
+            height: 1,
+        };
+    }
+    getMinSize() {
+        return { width: 5, height: 1 };
+    }
+    render(canvas, bounds) {
+        if (!this.visible || bounds.width < 3)
+            return;
+        const theme = getTheme();
+        const contentWidth = bounds.width;
+        // Determine text to display
+        let displayValue = this.password
+            ? '*'.repeat(this.value.length)
+            : this.value;
+        const showPlaceholder = displayValue.length === 0 && !this.focused;
+        if (showPlaceholder) {
+            displayValue = this.placeholder;
+        }
+        // Apply scroll offset
+        const visibleText = displayValue.substring(this.scrollOffset, this.scrollOffset + contentWidth);
+        // Determine style
+        const style = this.focused
+            ? { fg: theme.text.fg }
+            : showPlaceholder
+                ? { fg: theme.textMuted.fg }
+                : { fg: theme.text.fg };
+        // Draw background
+        canvas.drawText(bounds.x, bounds.y, ' '.repeat(contentWidth), {
+            bg: this.focused ? theme.inputFocus.bg : theme.inputBg.bg,
+        });
+        // Draw text
+        canvas.drawText(bounds.x, bounds.y, visibleText, {
+            ...style,
+            bg: this.focused ? theme.inputFocus.bg : theme.inputBg.bg,
+        });
+        // Draw cursor if focused
+        if (this.focused) {
+            const cursorX = bounds.x + (this.cursorPos - this.scrollOffset);
+            if (cursorX >= bounds.x && cursorX < bounds.x + contentWidth) {
+                const charAtCursor = this.value[this.cursorPos] || ' ';
+                const displayChar = this.password ? '*' : charAtCursor;
+                canvas.setCell(cursorX, bounds.y, displayChar, {
+                    fg: theme.textInverse.fg,
+                    bg: theme.text.fg,
+                });
+            }
+        }
+    }
+    handleKey(event) {
+        if (!this.focused)
+            return false;
+        switch (event.key) {
+            case 'enter':
+                this.submit();
+                return true;
+            case 'backspace':
+                this.deleteCharBefore();
+                return true;
+            case 'delete':
+                this.deleteCharAfter();
+                return true;
+            case 'ctrl+w':
+                this.deleteWordBefore();
+                return true;
+            case 'ctrl+u':
+                this.clear();
+                return true;
+            case 'left':
+                this.moveCursorLeft();
+                return true;
+            case 'right':
+                this.moveCursorRight();
+                return true;
+            case 'home':
+            case 'ctrl+a':
+                this.moveCursorToStart();
+                return true;
+            case 'end':
+            case 'ctrl+e':
+                this.moveCursorToEnd();
+                return true;
+            default:
+                // Insert printable characters
+                if (event.key.length === 1 && !event.modifiers.ctrl && !event.modifiers.alt) {
+                    this.insertText(event.key);
+                    return true;
+                }
+        }
+        return false;
+    }
+    isFocusable() {
+        return this.visible && !this.disabled;
+    }
+}
+/**
+ * Create an InputField component
+ */
+export function createInputField(props = {}) {
+    return new InputField(props);
+}
+//# sourceMappingURL=input-field.js.map