@fnd-platform/cli 1.0.0-alpha.24 → 1.0.0-alpha.26

package/lib/tui/components/feedback/Notification.js

@@ -0,0 +1,89 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Notification component for the FND TUI.
+ *
+ * Displays toast-style notification messages.
+ */
+import { useEffect, useState } from 'react';
+import { Box, Text } from 'ink';
+import { colors } from '../../utils/colors.js';
+/**
+ * Get icon for notification type.
+ */
+function getIcon(type) {
+    switch (type) {
+        case 'success':
+            return '✓';
+        case 'warning':
+            return '!';
+        case 'error':
+            return '✗';
+        case 'info':
+        default:
+            return 'ℹ';
+    }
+}
+/**
+ * Get color for notification type.
+ */
+function getColor(type) {
+    switch (type) {
+        case 'success':
+            return colors.success;
+        case 'warning':
+            return colors.warning;
+        case 'error':
+            return colors.error;
+        case 'info':
+        default:
+            return colors.primary;
+    }
+}
+/**
+ * Toast-style notification component.
+ *
+ * @example
+ * // Basic info notification
+ * <Notification message="Operation completed" />
+ *
+ * @example
+ * // Success notification with auto-dismiss
+ * <Notification
+ *   message="Project created successfully!"
+ *   type="success"
+ *   duration={3000}
+ *   onDismiss={() => setShowNotification(false)}
+ * />
+ *
+ * @example
+ * // Error notification with border
+ * <Notification
+ *   message="Deployment failed"
+ *   type="error"
+ *   bordered
+ * />
+ */
+export function Notification({ message, type = 'info', duration = 0, onDismiss, bordered = false, }) {
+    const [visible, setVisible] = useState(true);
+    useEffect(() => {
+        if (duration > 0) {
+            const timer = setTimeout(() => {
+                setVisible(false);
+                onDismiss?.();
+            }, duration);
+            return () => clearTimeout(timer);
+        }
+        return undefined;
+    }, [duration, onDismiss]);
+    if (!visible) {
+        return null;
+    }
+    const icon = getIcon(type);
+    const color = getColor(type);
+    const content = (_jsxs(Box, { gap: 1, children: [_jsx(Text, { color: color, children: icon }), _jsx(Text, { children: message })] }));
+    if (bordered) {
+        return (_jsx(Box, { borderStyle: "round", borderColor: color, paddingX: 2, paddingY: 0, children: content }));
+    }
+    return content;
+}
+//# sourceMappingURL=Notification.js.map

package/lib/tui/components/feedback/Notification.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Notification.js","sourceRoot":"","sources":["../../../../src/tui/components/feedback/Notification.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAc,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAChC,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAuB/C;;GAEG;AACH,SAAS,OAAO,CAAC,IAAsB;IACrC,QAAQ,IAAI,EAAE,CAAC;QACb,KAAK,SAAS;YACZ,OAAO,GAAG,CAAC;QACb,KAAK,SAAS;YACZ,OAAO,GAAG,CAAC;QACb,KAAK,OAAO;YACV,OAAO,GAAG,CAAC;QACb,KAAK,MAAM,CAAC;QACZ;YACE,OAAO,GAAG,CAAC;IACf,CAAC;AACH,CAAC;AAED;;GAEG;AACH,SAAS,QAAQ,CAAC,IAAsB;IACtC,QAAQ,IAAI,EAAE,CAAC;QACb,KAAK,SAAS;YACZ,OAAO,MAAM,CAAC,OAAO,CAAC;QACxB,KAAK,SAAS;YACZ,OAAO,MAAM,CAAC,OAAO,CAAC;QACxB,KAAK,OAAO;YACV,OAAO,MAAM,CAAC,KAAK,CAAC;QACtB,KAAK,MAAM,CAAC;QACZ;YACE,OAAO,MAAM,CAAC,OAAO,CAAC;IAC1B,CAAC;AACH,CAAC;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,UAAU,YAAY,CAAC,EAC3B,OAAO,EACP,IAAI,GAAG,MAAM,EACb,QAAQ,GAAG,CAAC,EACZ,SAAS,EACT,QAAQ,GAAG,KAAK,GACE;IAClB,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAE7C,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,QAAQ,GAAG,CAAC,EAAE,CAAC;YACjB,MAAM,KAAK,GAAG,UAAU,CAAC,GAAG,EAAE;gBAC5B,UAAU,CAAC,KAAK,CAAC,CAAC;gBAClB,SAAS,EAAE,EAAE,CAAC;YAChB,CAAC,EAAE,QAAQ,CAAC,CAAC;YAEb,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;QACnC,CAAC;QACD,OAAO,SAAS,CAAC;IACnB,CAAC,EAAE,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC,CAAC;IAE1B,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC3B,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAE7B,MAAM,OAAO,GAAG,CACd,MAAC,GAAG,IAAC,GAAG,EAAE,CAAC,aACT,KAAC,IAAI,IAAC,KAAK,EAAE,KAAK,YAAG,IAAI,GAAQ,EACjC,KAAC,IAAI,cAAE,OAAO,GAAQ,IAClB,CACP,CAAC;IAEF,IAAI,QAAQ,EAAE,CAAC;QACb,OAAO,CACL,KAAC,GAAG,IACF,WAAW,EAAC,OAAO,EACnB,WAAW,EAAE,KAAK,EAClB,QAAQ,EAAE,CAAC,EACX,QAAQ,EAAE,CAAC,YAEV,OAAO,GACJ,CACP,CAAC;IACJ,CAAC;IAED,OAAO,OAAO,CAAC;AACjB,CAAC"}

package/lib/tui/components/feedback/ProgressBar.d.ts

@@ -0,0 +1,46 @@
+/**
+ * Progress bar component for the FND TUI.
+ *
+ * Provides a visual progress indicator.
+ */
+import React from 'react';
+/**
+ * Props for the ProgressBar component.
+ */
+export interface ProgressBarProps {
+    /** Current progress value (0 to total) */
+    value: number;
+    /** Total/max value */
+    total: number;
+    /** Width of the progress bar in characters (default: 30) */
+    width?: number;
+    /** Label to show after the progress bar */
+    label?: string;
+    /** Show percentage instead of fraction (default: false) */
+    showPercentage?: boolean;
+    /** Fill character (default: '█') */
+    fillChar?: string;
+    /** Empty character (default: '░') */
+    emptyChar?: string;
+    /** Color for the filled portion (default: primary) */
+    fillColor?: string;
+    /** Color for the empty portion (default: muted) */
+    emptyColor?: string;
+}
+/**
+ * Visual progress bar component.
+ *
+ * @example
+ * // Basic usage
+ * <ProgressBar value={3} total={10} />
+ *
+ * @example
+ * // With percentage and custom width
+ * <ProgressBar value={75} total={100} width={40} showPercentage />
+ *
+ * @example
+ * // With custom characters
+ * <ProgressBar value={5} total={10} fillChar="#" emptyChar="-" />
+ */
+export declare function ProgressBar({ value, total, width, label, showPercentage, fillChar, emptyChar, fillColor, emptyColor, }: ProgressBarProps): React.ReactElement;
+//# sourceMappingURL=ProgressBar.d.ts.map

package/lib/tui/components/feedback/ProgressBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBar.d.ts","sourceRoot":"","sources":["../../../../src/tui/components/feedback/ProgressBar.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,0CAA0C;IAC1C,KAAK,EAAE,MAAM,CAAC;IACd,sBAAsB;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,4DAA4D;IAC5D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2CAA2C;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2DAA2D;IAC3D,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,oCAAoC;IACpC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,qCAAqC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sDAAsD;IACtD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mDAAmD;IACnD,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,KAAK,EACL,KAAU,EACV,KAAK,EACL,cAAsB,EACtB,QAAc,EACd,SAAe,EACf,SAA0B,EAC1B,UAAyB,GAC1B,EAAE,gBAAgB,GAAG,KAAK,CAAC,YAAY,CAqBvC"}

package/lib/tui/components/feedback/ProgressBar.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Text } from 'ink';
+import { colors } from '../../utils/colors.js';
+/**
+ * Visual progress bar component.
+ *
+ * @example
+ * // Basic usage
+ * <ProgressBar value={3} total={10} />
+ *
+ * @example
+ * // With percentage and custom width
+ * <ProgressBar value={75} total={100} width={40} showPercentage />
+ *
+ * @example
+ * // With custom characters
+ * <ProgressBar value={5} total={10} fillChar="#" emptyChar="-" />
+ */
+export function ProgressBar({ value, total, width = 30, label, showPercentage = false, fillChar = '█', emptyChar = '░', fillColor = colors.primary, emptyColor = colors.muted, }) {
+    // Calculate progress
+    const percentage = total > 0 ? Math.min(value / total, 1) : 0;
+    const filledWidth = Math.round(percentage * width);
+    const emptyWidth = width - filledWidth;
+    // Build progress display text
+    const progressText = showPercentage
+        ? `${Math.round(percentage * 100)}%`
+        : `${value}/${total}`;
+    return (_jsxs(Box, { children: [_jsx(Text, { children: "[" }), _jsx(Text, { color: fillColor, children: fillChar.repeat(filledWidth) }), _jsx(Text, { color: emptyColor, children: emptyChar.repeat(emptyWidth) }), _jsx(Text, { children: "]" }), _jsxs(Text, { color: colors.muted, children: [" ", progressText] }), label && _jsxs(Text, { color: colors.muted, children: [" ", label] })] }));
+}
+//# sourceMappingURL=ProgressBar.js.map

package/lib/tui/components/feedback/ProgressBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBar.js","sourceRoot":"","sources":["../../../../src/tui/components/feedback/ProgressBar.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAChC,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AA0B/C;;;;;;;;;;;;;;GAcG;AACH,MAAM,UAAU,WAAW,CAAC,EAC1B,KAAK,EACL,KAAK,EACL,KAAK,GAAG,EAAE,EACV,KAAK,EACL,cAAc,GAAG,KAAK,EACtB,QAAQ,GAAG,GAAG,EACd,SAAS,GAAG,GAAG,EACf,SAAS,GAAG,MAAM,CAAC,OAAO,EAC1B,UAAU,GAAG,MAAM,CAAC,KAAK,GACR;IACjB,qBAAqB;IACrB,MAAM,UAAU,GAAG,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,GAAG,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAC9D,MAAM,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC,CAAC;IACnD,MAAM,UAAU,GAAG,KAAK,GAAG,WAAW,CAAC;IAEvC,8BAA8B;IAC9B,MAAM,YAAY,GAAG,cAAc;QACjC,CAAC,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,GAAG,CAAC,GAAG;QACpC,CAAC,CAAC,GAAG,KAAK,IAAI,KAAK,EAAE,CAAC;IAExB,OAAO,CACL,MAAC,GAAG,eACF,KAAC,IAAI,oBAAS,EACd,KAAC,IAAI,IAAC,KAAK,EAAE,SAAS,YAAG,QAAQ,CAAC,MAAM,CAAC,WAAW,CAAC,GAAQ,EAC7D,KAAC,IAAI,IAAC,KAAK,EAAE,UAAU,YAAG,SAAS,CAAC,MAAM,CAAC,UAAU,CAAC,GAAQ,EAC9D,KAAC,IAAI,oBAAS,EACd,MAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,KAAK,kBAAI,YAAY,IAAQ,EAChD,KAAK,IAAI,MAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,KAAK,kBAAI,KAAK,IAAQ,IAChD,CACP,CAAC;AACJ,CAAC"}

package/lib/tui/components/feedback/ProgressSteps.d.ts

@@ -0,0 +1,35 @@
+/**
+ * Progress steps component for the FND TUI.
+ *
+ * Displays a vertical list of progress steps with status indicators.
+ */
+import React from 'react';
+/**
+ * Status of a progress step.
+ */
+export type ProgressStepStatus = 'pending' | 'in-progress' | 'complete' | 'error';
+/**
+ * A single progress step.
+ */
+export interface ProgressStep {
+    /** Unique step identifier */
+    id: string;
+    /** Step label */
+    label: string;
+    /** Step status */
+    status: ProgressStepStatus;
+}
+/**
+ * Props for the ProgressSteps component.
+ */
+export interface ProgressStepsProps {
+    /** List of steps */
+    steps: ProgressStep[];
+    /** Error message to display */
+    errorMessage?: string;
+}
+/**
+ * Progress steps component showing multiple steps with their status.
+ */
+export declare function ProgressSteps({ steps, errorMessage }: ProgressStepsProps): React.ReactElement;
+//# sourceMappingURL=ProgressSteps.d.ts.map

package/lib/tui/components/feedback/ProgressSteps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressSteps.d.ts","sourceRoot":"","sources":["../../../../src/tui/components/feedback/ProgressSteps.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG,SAAS,GAAG,aAAa,GAAG,UAAU,GAAG,OAAO,CAAC;AAElF;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B,6BAA6B;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,iBAAiB;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,kBAAkB;IAClB,MAAM,EAAE,kBAAkB,CAAC;CAC5B;AAED;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC,oBAAoB;IACpB,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,+BAA+B;IAC/B,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAoBD;;GAEG;AACH,wBAAgB,aAAa,CAAC,EAAE,KAAK,EAAE,YAAY,EAAE,EAAE,kBAAkB,GAAG,KAAK,CAAC,YAAY,CA6B7F"}

package/lib/tui/components/feedback/ProgressSteps.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Text } from 'ink';
+import { colors } from '../../utils/colors.js';
+import { Spinner } from './Spinner.js';
+/**
+ * Renders a status indicator for a step.
+ */
+function StepIndicator({ status }) {
+    switch (status) {
+        case 'pending':
+            return _jsx(Text, { color: colors.muted, children: "\u25CB" });
+        case 'in-progress':
+            return _jsx(Spinner, {});
+        case 'complete':
+            return _jsx(Text, { color: colors.success, children: "\u2713" });
+        case 'error':
+            return _jsx(Text, { color: colors.error, children: "\u2717" });
+        default:
+            return _jsx(Text, { color: colors.muted, children: "\u25CB" });
+    }
+}
+/**
+ * Progress steps component showing multiple steps with their status.
+ */
+export function ProgressSteps({ steps, errorMessage }) {
+    return (_jsxs(Box, { flexDirection: "column", gap: 0, children: [steps.map((step) => {
+                const textColor = step.status === 'complete'
+                    ? colors.success
+                    : step.status === 'error'
+                        ? colors.error
+                        : step.status === 'in-progress'
+                            ? undefined
+                            : colors.muted;
+                return (_jsxs(Box, { children: [_jsx(Box, { width: 3, children: _jsx(StepIndicator, { status: step.status }) }), _jsx(Text, { color: textColor, children: step.label })] }, step.id));
+            }), errorMessage && (_jsx(Box, { marginTop: 1, marginLeft: 3, children: _jsx(Text, { color: colors.error, children: errorMessage }) }))] }));
+}
+//# sourceMappingURL=ProgressSteps.js.map

package/lib/tui/components/feedback/ProgressSteps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressSteps.js","sourceRoot":"","sources":["../../../../src/tui/components/feedback/ProgressSteps.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAChC,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AA6BvC;;GAEG;AACH,SAAS,aAAa,CAAC,EAAE,MAAM,EAAkC;IAC/D,QAAQ,MAAM,EAAE,CAAC;QACf,KAAK,SAAS;YACZ,OAAO,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,KAAK,uBAAU,CAAC;QAC7C,KAAK,aAAa;YAChB,OAAO,KAAC,OAAO,KAAG,CAAC;QACrB,KAAK,UAAU;YACb,OAAO,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,OAAO,uBAAU,CAAC;QAC/C,KAAK,OAAO;YACV,OAAO,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,KAAK,uBAAU,CAAC;QAC7C;YACE,OAAO,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,KAAK,uBAAU,CAAC;IAC/C,CAAC;AACH,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,aAAa,CAAC,EAAE,KAAK,EAAE,YAAY,EAAsB;IACvE,OAAO,CACL,MAAC,GAAG,IAAC,aAAa,EAAC,QAAQ,EAAC,GAAG,EAAE,CAAC,aAC/B,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;gBAClB,MAAM,SAAS,GACb,IAAI,CAAC,MAAM,KAAK,UAAU;oBACxB,CAAC,CAAC,MAAM,CAAC,OAAO;oBAChB,CAAC,CAAC,IAAI,CAAC,MAAM,KAAK,OAAO;wBACvB,CAAC,CAAC,MAAM,CAAC,KAAK;wBACd,CAAC,CAAC,IAAI,CAAC,MAAM,KAAK,aAAa;4BAC7B,CAAC,CAAC,SAAS;4BACX,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;gBAEvB,OAAO,CACL,MAAC,GAAG,eACF,KAAC,GAAG,IAAC,KAAK,EAAE,CAAC,YACX,KAAC,aAAa,IAAC,MAAM,EAAE,IAAI,CAAC,MAAM,GAAI,GAClC,EACN,KAAC,IAAI,IAAC,KAAK,EAAE,SAAS,YAAG,IAAI,CAAC,KAAK,GAAQ,KAJnC,IAAI,CAAC,EAAE,CAKX,CACP,CAAC;YACJ,CAAC,CAAC,EACD,YAAY,IAAI,CACf,KAAC,GAAG,IAAC,SAAS,EAAE,CAAC,EAAE,UAAU,EAAE,CAAC,YAC9B,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,KAAK,YAAG,YAAY,GAAQ,GAC5C,CACP,IACG,CACP,CAAC;AACJ,CAAC"}

package/lib/tui/components/feedback/Spinner.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Spinner component for the FND TUI.
+ *
+ * Provides an animated loading indicator.
+ */
+import React from 'react';
+/**
+ * Props for the Spinner component.
+ */
+export interface SpinnerProps {
+    /** Text to display alongside the spinner */
+    text?: string;
+}
+/**
+ * Animated spinner component.
+ */
+export declare function Spinner({ text }: SpinnerProps): React.ReactElement;
+//# sourceMappingURL=Spinner.d.ts.map

package/lib/tui/components/feedback/Spinner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../../../src/tui/components/feedback/Spinner.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAA8B,MAAM,OAAO,CAAC;AASnD;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B,4CAA4C;IAC5C,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED;;GAEG;AACH,wBAAgB,OAAO,CAAC,EAAE,IAAI,EAAE,EAAE,YAAY,GAAG,KAAK,CAAC,YAAY,CAmBlE"}

package/lib/tui/components/feedback/Spinner.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Spinner component for the FND TUI.
+ *
+ * Provides an animated loading indicator.
+ */
+import { useState, useEffect } from 'react';
+import { Box, Text } from 'ink';
+import { colors } from '../../utils/colors.js';
+/**
+ * Spinner animation frames.
+ */
+const SPINNER_FRAMES = ['⠋', '⠙', '⠹', '⠸', '⠼', '⠴', '⠦', '⠧', '⠇', '⠏'];
+/**
+ * Animated spinner component.
+ */
+export function Spinner({ text }) {
+    const [frameIndex, setFrameIndex] = useState(0);
+    useEffect(() => {
+        const timer = setInterval(() => {
+            setFrameIndex((prev) => (prev + 1) % SPINNER_FRAMES.length);
+        }, 80);
+        return () => clearInterval(timer);
+    }, []);
+    const frame = SPINNER_FRAMES[frameIndex];
+    return (_jsxs(Box, { children: [_jsx(Text, { color: colors.primary, children: frame }), text && _jsxs(Text, { children: [" ", text] })] }));
+}
+//# sourceMappingURL=Spinner.js.map

package/lib/tui/components/feedback/Spinner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.js","sourceRoot":"","sources":["../../../../src/tui/components/feedback/Spinner.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAc,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAChC,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAE/C;;GAEG;AACH,MAAM,cAAc,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC;AAU1E;;GAEG;AACH,MAAM,UAAU,OAAO,CAAC,EAAE,IAAI,EAAgB;IAC5C,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAEhD,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,KAAK,GAAG,WAAW,CAAC,GAAG,EAAE;YAC7B,aAAa,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,GAAG,cAAc,CAAC,MAAM,CAAC,CAAC;QAC9D,CAAC,EAAE,EAAE,CAAC,CAAC;QAEP,OAAO,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IACpC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,KAAK,GAAG,cAAc,CAAC,UAAU,CAAC,CAAC;IAEzC,OAAO,CACL,MAAC,GAAG,eACF,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,OAAO,YAAG,KAAK,GAAQ,EAC1C,IAAI,IAAI,MAAC,IAAI,oBAAG,IAAI,IAAQ,IACzB,CACP,CAAC;AACJ,CAAC"}

package/lib/tui/components/feedback/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Feedback component exports.
+ */
+export * from './Spinner.js';
+export * from './ProgressSteps.js';
+export * from './ProgressBar.js';
+export * from './Notification.js';
+//# sourceMappingURL=index.d.ts.map

package/lib/tui/components/feedback/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/tui/components/feedback/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC"}

package/lib/tui/components/feedback/index.js

@@ -0,0 +1,8 @@
+/**
+ * Feedback component exports.
+ */
+export * from './Spinner.js';
+export * from './ProgressSteps.js';
+export * from './ProgressBar.js';
+export * from './Notification.js';
+//# sourceMappingURL=index.js.map

package/lib/tui/components/feedback/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/tui/components/feedback/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC"}

package/lib/tui/components/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * TUI component exports.
+ */
+export * from './layout/index.js';
+export * from './branding/index.js';
+export * from './input/index.js';
+export * from './feedback/index.js';
+//# sourceMappingURL=index.d.ts.map

package/lib/tui/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/tui/components/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC"}

package/lib/tui/components/index.js

@@ -0,0 +1,8 @@
+/**
+ * TUI component exports.
+ */
+export * from './layout/index.js';
+export * from './branding/index.js';
+export * from './input/index.js';
+export * from './feedback/index.js';
+//# sourceMappingURL=index.js.map

package/lib/tui/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/tui/components/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC"}

package/lib/tui/components/input/Checkbox.d.ts

@@ -0,0 +1,26 @@
+/**
+ * Checkbox component for the FND TUI.
+ *
+ * Provides a toggleable checkbox input.
+ */
+import React from 'react';
+/**
+ * Props for the Checkbox component.
+ */
+export interface CheckboxProps {
+    /** Checkbox label */
+    label: string;
+    /** Whether the checkbox is checked */
+    checked: boolean;
+    /** Change handler */
+    onChange: (checked: boolean) => void;
+    /** Whether the checkbox is focused */
+    isFocused?: boolean;
+    /** Optional description */
+    description?: string;
+}
+/**
+ * Checkbox component with space/enter toggle.
+ */
+export declare function Checkbox({ label, checked, onChange, isFocused, description, }: CheckboxProps): React.ReactElement;
+//# sourceMappingURL=Checkbox.d.ts.map

package/lib/tui/components/input/Checkbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../src/tui/components/input/Checkbox.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B,qBAAqB;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,sCAAsC;IACtC,OAAO,EAAE,OAAO,CAAC;IACjB,qBAAqB;IACrB,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,sCAAsC;IACtC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,2BAA2B;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;GAEG;AACH,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,OAAO,EACP,QAAQ,EACR,SAAiB,EACjB,WAAW,GACZ,EAAE,aAAa,GAAG,KAAK,CAAC,YAAY,CAiCpC"}

package/lib/tui/components/input/Checkbox.js

@@ -0,0 +1,20 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { Box, Text, useInput } from 'ink';
+import { colors } from '../../utils/colors.js';
+/**
+ * Checkbox component with space/enter toggle.
+ */
+export function Checkbox({ label, checked, onChange, isFocused = false, description, }) {
+    // Handle keyboard input
+    useInput((input, key) => {
+        if (!isFocused)
+            return;
+        if (input === ' ' || key.return) {
+            onChange(!checked);
+        }
+    }, { isActive: isFocused });
+    const indicator = isFocused ? '>' : ' ';
+    const checkbox = checked ? '[x]' : '[ ]';
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Box, { children: [_jsxs(Text, { color: isFocused ? colors.primary : colors.muted, children: [indicator, ' '] }), _jsxs(Text, { color: isFocused ? colors.primary : undefined, children: [checkbox, " ", label] })] }), description && isFocused && (_jsx(Box, { marginLeft: 4, children: _jsx(Text, { color: colors.muted, children: description }) }))] }));
+}
+//# sourceMappingURL=Checkbox.js.map

package/lib/tui/components/input/Checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../../src/tui/components/input/Checkbox.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAkB/C;;GAEG;AACH,MAAM,UAAU,QAAQ,CAAC,EACvB,KAAK,EACL,OAAO,EACP,QAAQ,EACR,SAAS,GAAG,KAAK,EACjB,WAAW,GACG;IACd,wBAAwB;IACxB,QAAQ,CACN,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;QACb,IAAI,CAAC,SAAS;YAAE,OAAO;QAEvB,IAAI,KAAK,KAAK,GAAG,IAAI,GAAG,CAAC,MAAM,EAAE,CAAC;YAChC,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC;QACrB,CAAC;IACH,CAAC,EACD,EAAE,QAAQ,EAAE,SAAS,EAAE,CACxB,CAAC;IAEF,MAAM,SAAS,GAAG,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC;IACxC,MAAM,QAAQ,GAAG,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC;IAEzC,OAAO,CACL,MAAC,GAAG,IAAC,aAAa,EAAC,QAAQ,aACzB,MAAC,GAAG,eACF,MAAC,IAAI,IAAC,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,aACnD,SAAS,EAAE,GAAG,IACV,EACP,MAAC,IAAI,IAAC,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,aAChD,QAAQ,OAAG,KAAK,IACZ,IACH,EACL,WAAW,IAAI,SAAS,IAAI,CAC3B,KAAC,GAAG,IAAC,UAAU,EAAE,CAAC,YAChB,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,KAAK,YAAG,WAAW,GAAQ,GAC3C,CACP,IACG,CACP,CAAC;AACJ,CAAC"}

package/lib/tui/components/input/SelectInput.d.ts

@@ -0,0 +1,41 @@
+/**
+ * Select input component for the FND TUI.
+ *
+ * Provides an arrow-key navigable option selector.
+ */
+import React from 'react';
+/**
+ * Option for the select input.
+ */
+export interface SelectOption<T = string> {
+    /** Display label */
+    label: string;
+    /** Option value */
+    value: T;
+    /** Optional description */
+    description?: string;
+    /** Whether this option is recommended */
+    recommended?: boolean;
+}
+/**
+ * Props for the SelectInput component.
+ */
+export interface SelectInputProps<T = string> {
+    /** Available options */
+    options: SelectOption<T>[];
+    /** Currently selected value */
+    value: T;
+    /** Change handler */
+    onChange: (value: T) => void;
+    /** Label text */
+    label?: string;
+    /** Whether the input is focused */
+    isFocused?: boolean;
+    /** Submit handler (Enter key) */
+    onSubmit?: () => void;
+}
+/**
+ * Select input component with arrow key navigation.
+ */
+export declare function SelectInput<T = string>({ options, value, onChange, label, isFocused, onSubmit, }: SelectInputProps<T>): React.ReactElement;
+//# sourceMappingURL=SelectInput.d.ts.map

package/lib/tui/components/input/SelectInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectInput.d.ts","sourceRoot":"","sources":["../../../../src/tui/components/input/SelectInput.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAA8B,MAAM,OAAO,CAAC;AAInD;;GAEG;AACH,MAAM,WAAW,YAAY,CAAC,CAAC,GAAG,MAAM;IACtC,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,mBAAmB;IACnB,KAAK,EAAE,CAAC,CAAC;IACT,2BAA2B;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yCAAyC;IACzC,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED;;GAEG;AACH,MAAM,WAAW,gBAAgB,CAAC,CAAC,GAAG,MAAM;IAC1C,wBAAwB;IACxB,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC;IAC3B,+BAA+B;IAC/B,KAAK,EAAE,CAAC,CAAC;IACT,qBAAqB;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAC7B,iBAAiB;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mCAAmC;IACnC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,iCAAiC;IACjC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAED;;GAEG;AACH,wBAAgB,WAAW,CAAC,CAAC,GAAG,MAAM,EAAE,EACtC,OAAO,EACP,KAAK,EACL,QAAQ,EACR,KAAK,EACL,SAAgB,EAChB,QAAQ,GACT,EAAE,gBAAgB,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,YAAY,CA4E1C"}

package/lib/tui/components/input/SelectInput.js

@@ -0,0 +1,53 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Select input component for the FND TUI.
+ *
+ * Provides an arrow-key navigable option selector.
+ */
+import { useState, useEffect } from 'react';
+import { Box, Text, useInput } from 'ink';
+import { colors } from '../../utils/colors.js';
+/**
+ * Select input component with arrow key navigation.
+ */
+export function SelectInput({ options, value, onChange, label, isFocused = true, onSubmit, }) {
+    const [highlightedIndex, setHighlightedIndex] = useState(() => {
+        const idx = options.findIndex((opt) => opt.value === value);
+        return idx >= 0 ? idx : 0;
+    });
+    // Sync highlighted index with value when value changes externally
+    useEffect(() => {
+        const idx = options.findIndex((opt) => opt.value === value);
+        if (idx >= 0 && idx !== highlightedIndex) {
+            setHighlightedIndex(idx);
+        }
+    }, [value, options, highlightedIndex]);
+    // Handle keyboard input
+    useInput((input, key) => {
+        if (!isFocused)
+            return;
+        if (key.upArrow) {
+            const newIndex = highlightedIndex > 0 ? highlightedIndex - 1 : options.length - 1;
+            setHighlightedIndex(newIndex);
+            onChange(options[newIndex].value);
+            return;
+        }
+        if (key.downArrow) {
+            const newIndex = highlightedIndex < options.length - 1 ? highlightedIndex + 1 : 0;
+            setHighlightedIndex(newIndex);
+            onChange(options[newIndex].value);
+            return;
+        }
+        if (key.return && onSubmit) {
+            onSubmit();
+        }
+    }, { isActive: isFocused });
+    return (_jsxs(Box, { flexDirection: "column", gap: 0, children: [label && (_jsx(Box, { marginBottom: 1, children: _jsx(Text, { color: colors.muted, children: label }) })), options.map((option, index) => {
+                const isHighlighted = index === highlightedIndex;
+                const isSelected = option.value === value;
+                const indicator = isHighlighted ? '>' : ' ';
+                const bullet = isSelected ? '●' : '○';
+                return (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Box, { children: [_jsxs(Text, { color: isHighlighted ? colors.primary : colors.muted, children: [indicator, ' '] }), _jsxs(Text, { color: isHighlighted ? colors.primary : undefined, children: [bullet, " ", option.label] }), option.recommended && (_jsx(Text, { color: colors.success, children: " (recommended)" }))] }), option.description && isHighlighted && (_jsx(Box, { marginLeft: 4, children: _jsx(Text, { color: colors.muted, children: option.description }) }))] }, String(option.value)));
+            })] }));
+}
+//# sourceMappingURL=SelectInput.js.map

package/lib/tui/components/input/SelectInput.js.map

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

package/lib/tui/components/input/TextInput.d.ts

@@ -0,0 +1,30 @@
+/**
+ * Text input component for the FND TUI.
+ *
+ * Provides a styled text input with validation support.
+ */
+import React from 'react';
+/**
+ * Props for the TextInput component.
+ */
+export interface TextInputProps {
+    /** Current value */
+    value: string;
+    /** Change handler */
+    onChange: (value: string) => void;
+    /** Placeholder text */
+    placeholder?: string;
+    /** Label text */
+    label?: string;
+    /** Error message */
+    error?: string;
+    /** Whether the input is focused */
+    isFocused?: boolean;
+    /** Submit handler (Enter key) */
+    onSubmit?: () => void;
+}
+/**
+ * Text input component with cursor and validation display.
+ */
+export declare function TextInput({ value, onChange, placeholder, label, error, isFocused, onSubmit, }: TextInputProps): React.ReactElement;
+//# sourceMappingURL=TextInput.d.ts.map

package/lib/tui/components/input/TextInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextInput.d.ts","sourceRoot":"","sources":["../../../../src/tui/components/input/TextInput.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAA8B,MAAM,OAAO,CAAC;AAInD;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,qBAAqB;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iBAAiB;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oBAAoB;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mCAAmC;IACnC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,iCAAiC;IACjC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAED;;GAEG;AACH,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,QAAQ,EACR,WAAgB,EAChB,KAAK,EACL,KAAK,EACL,SAAgB,EAChB,QAAQ,GACT,EAAE,cAAc,GAAG,KAAK,CAAC,YAAY,CAwErC"}

package/lib/tui/components/input/TextInput.js

@@ -0,0 +1,48 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Text input component for the FND TUI.
+ *
+ * Provides a styled text input with validation support.
+ */
+import { useState, useEffect } from 'react';
+import { Box, Text, useInput } from 'ink';
+import { colors } from '../../utils/colors.js';
+/**
+ * Text input component with cursor and validation display.
+ */
+export function TextInput({ value, onChange, placeholder = '', label, error, isFocused = true, onSubmit, }) {
+    const [cursorVisible, setCursorVisible] = useState(true);
+    // Cursor blink effect
+    useEffect(() => {
+        if (!isFocused) {
+            setCursorVisible(false);
+            return;
+        }
+        const timer = setInterval(() => {
+            setCursorVisible((prev) => !prev);
+        }, 530);
+        return () => clearInterval(timer);
+    }, [isFocused]);
+    // Handle keyboard input
+    useInput((input, key) => {
+        if (!isFocused)
+            return;
+        if (key.return && onSubmit) {
+            onSubmit();
+            return;
+        }
+        if (key.backspace || key.delete) {
+            onChange(value.slice(0, -1));
+            return;
+        }
+        // Only accept printable characters
+        if (input && !key.ctrl && !key.meta) {
+            onChange(value + input);
+        }
+    }, { isActive: isFocused });
+    const displayValue = value || '';
+    const showPlaceholder = !displayValue && placeholder;
+    const cursor = isFocused && cursorVisible ? '▌' : ' ';
+    return (_jsxs(Box, { flexDirection: "column", gap: 0, children: [label && (_jsx(Box, { marginBottom: 1, children: _jsx(Text, { color: colors.muted, children: label }) })), _jsxs(Box, { children: [_jsx(Text, { color: colors.primary, children: '> ' }), showPlaceholder ? (_jsxs(Text, { color: colors.muted, children: [placeholder, cursor] })) : (_jsxs(Text, { children: [displayValue, _jsx(Text, { color: colors.primary, children: cursor })] }))] }), error && (_jsx(Box, { marginTop: 1, children: _jsx(Text, { color: colors.error, children: error }) }))] }));
+}
+//# sourceMappingURL=TextInput.js.map

package/lib/tui/components/input/TextInput.js.map

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