termui 0.1.0

package/README.md

@@ -0,0 +1,198 @@
+# TermUI
+
+> The missing terminal UI framework for TypeScript.
+> Built with React/Ink. Distributed like shadcn. Designed for developers.
+
+[![CI](https://github.com/Arindam200/termui/actions/workflows/ci.yml/badge.svg)](https://github.com/Arindam200/termui/actions)
+[![npm](https://img.shields.io/npm/v/termui)](https://www.npmjs.com/package/termui)
+[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
+
+---
+
+## Why TermUI?
+
+The TypeScript/JS terminal UI ecosystem is fragmented:
+- **Ink** ships ~5 basic primitives
+- **Blessed** is abandoned
+- Nothing has shadcn-style copy-paste distribution
+
+TermUI fixes all three.
+
+---
+
+## Quick Start
+
+```bash
+# 1. Initialize in your project
+npx termui init
+
+# 2. Add components
+npx termui add spinner
+npx termui add table select alert
+
+# 3. Browse all components
+npx termui list
+```
+
+### Your first TermUI app
+
+```tsx
+import React from 'react';
+import { render } from 'ink';
+import { ThemeProvider } from '@termui/core';
+import { Spinner, ProgressBar, Alert, Select } from '@termui/components';
+
+function App() {
+  return (
+    <ThemeProvider>
+      <Spinner style="dots" label="Loading…" />
+      <ProgressBar value={72} total={100} label="Installing…" />
+      <Alert variant="success" title="Done!">
+        Your app is ready.
+      </Alert>
+      <Select
+        options={[
+          { value: 'npm', label: 'npm' },
+          { value: 'pnpm', label: 'pnpm' },
+          { value: 'bun', label: 'bun' },
+        ]}
+        onSubmit={(val) => console.log('Selected:', val)}
+      />
+    </ThemeProvider>
+  );
+}
+
+render(<App />);
+```
+
+---
+
+## Components (v0.1.0 — 19 components)
+
+| Category | Components |
+|---|---|
+| Layout | `Box` `Stack` `Grid` `ScrollView` |
+| Typography | `Text` `Badge` |
+| Input | `TextInput` |
+| Selection | `Select` `Checkbox` |
+| Data | `List` `Table` |
+| Feedback | `Spinner` `ProgressBar` `Alert` |
+| Navigation | `Tabs` |
+| Overlays | `Modal` |
+| Forms | `Form` |
+| Utility | `Panel` `Toggle` |
+
+---
+
+## Theming
+
+TermUI ships 3 built-in themes: **Default**, **Dracula**, **Nord**.
+
+```tsx
+import { ThemeProvider, draculaTheme, nordTheme } from '@termui/core';
+
+// Wrap your app
+<ThemeProvider theme={draculaTheme}>
+  <App />
+</ThemeProvider>
+```
+
+### Custom theme
+
+```tsx
+import { createTheme } from '@termui/core';
+
+const myTheme = createTheme({
+  name: 'my-brand',
+  colors: {
+    primary: '#FF6B6B',
+    focusRing: '#FF6B6B',
+  },
+});
+```
+
+---
+
+## Hooks
+
+```ts
+import {
+  useInput,        // keyboard input
+  useFocus,        // component focus state
+  useFocusManager, // programmatic focus
+  useTheme,        // access theme tokens
+  useTerminal,     // cols, rows, color depth
+  useAnimation,    // frame-based animation
+  useInterval,     // safe setInterval
+  useClipboard,    // OSC 52 clipboard
+  useKeymap,       // declarative keybindings
+  useMouse,        // mouse events
+  useResize,       // terminal resize
+  useAsync,        // async data loading
+} from '@termui/core';
+```
+
+---
+
+## Stack
+
+| Layer | Technology |
+|---|---|
+| Language | TypeScript (ESM-only) |
+| Renderer | [Ink](https://github.com/vadimdemedes/ink) (React for terminal) |
+| Layout | Yoga (Facebook's flexbox engine) |
+| Distribution | shadcn/ui-style CLI |
+| Runtime | Node.js 18+ |
+
+---
+
+## Monorepo Structure
+
+```
+termui/
+├── packages/
+│   ├── core/          # Terminal layer, styling engine, 12 hooks
+│   ├── components/    # 19+ UI components
+│   └── cli/           # npx termui CLI tool
+├── registry/          # Component registry (schema + meta)
+├── examples/
+│   └── demo/          # Interactive demo app
+└── .github/
+    └── workflows/     # CI (Node 18, 20, 22)
+```
+
+---
+
+## Development
+
+```bash
+# Install dependencies
+pnpm install
+
+# Run all tests
+pnpm test
+
+# Run interactive demo
+pnpm --filter @termui/demo start
+
+# Test CLI
+node --import tsx/esm packages/cli/src/cli.ts help
+node --import tsx/esm packages/cli/src/cli.ts list
+```
+
+---
+
+## Roadmap
+
+| Phase | Status | Description |
+|---|---|---|
+| **Phase 1** | ✅ **Done** | 19 components, CLI (init/add/list), 3 themes, 12 hooks |
+| **Phase 2** | 🔜 Planned | 50+ components, full theming, docs site — v1.0 |
+| **Phase 3** | 🔜 Planned | All 90+ components, charts, dev tools, templates |
+| **Phase 4** | 🔜 Planned | Plugin system, community registry, Vue/Svelte adapters |
+
+---
+
+## License
+
+MIT © [Arindam Majumder](https://studio1hq.com)

package/package.json

@@ -0,0 +1,38 @@
+{
+  "name": "termui",
+  "private": false,
+  "version": "0.1.0",
+  "type": "module",
+  "scripts": {
+    "build": "turbo run build",
+    "dev": "turbo run dev --parallel",
+    "test": "turbo run test",
+    "lint": "turbo run lint",
+    "format": "prettier --write \"**/*.{ts,tsx,json,md}\"",
+    "typecheck": "turbo run typecheck"
+  },
+  "workspaces": [
+    "packages/*"
+  ],
+  "devDependencies": {
+    "turbo": "^2.0.0",
+    "typescript": "^5.4.0",
+    "prettier": "^3.2.0",
+    "eslint": "^9.0.0",
+    "@typescript-eslint/eslint-plugin": "^7.0.0",
+    "@typescript-eslint/parser": "^7.0.0",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "husky": "^9.0.0",
+    "lint-staged": "^15.0.0",
+    "cross-env": "^7.0.0",
+    "tsx": "^4.7.0"
+  },
+  "lint-staged": {
+    "*.{ts,tsx}": ["eslint --fix", "prettier --write"],
+    "*.{json,md}": ["prettier --write"]
+  },
+  "engines": {
+    "node": ">=18.0.0"
+  },
+  "packageManager": "pnpm@9.0.0"
+}

package/packages/cli/package.json

@@ -0,0 +1,36 @@
+{
+  "name": "termui",
+  "version": "0.1.0",
+  "description": "TermUI CLI — shadcn-style terminal UI component distribution",
+  "type": "module",
+  "bin": {
+    "termui": "./dist/cli.js"
+  },
+  "main": "./dist/cli.js",
+  "scripts": {
+    "build": "tsc -p tsconfig.build.json",
+    "dev": "tsx src/cli.ts",
+    "test": "vitest run",
+    "typecheck": "tsc --noEmit"
+  },
+  "dependencies": {
+    "@termui/core": "workspace:*",
+    "glob": "^11.0.0",
+    "semver": "^7.6.0",
+    "latest-version": "^9.0.0",
+    "proper-lockfile": "^4.1.2",
+    "simple-git": "^3.22.0"
+  },
+  "devDependencies": {
+    "@types/node": "^20.0.0",
+    "@types/semver": "^7.5.0",
+    "@types/proper-lockfile": "^4.1.4",
+    "typescript": "^5.4.0",
+    "vitest": "^1.0.0",
+    "tsx": "^4.7.0",
+    "msw": "^2.0.0"
+  },
+  "engines": {
+    "node": ">=18.0.0"
+  }
+}

package/packages/components/dist/data/List.d.ts

@@ -0,0 +1,15 @@
+export interface ListItem {
+    key: string;
+    label: string;
+    description?: string;
+    color?: string;
+}
+export interface ListProps {
+    items: ListItem[];
+    onSelect?: (item: ListItem) => void;
+    filterable?: boolean;
+    height?: number;
+    cursor?: string;
+}
+export declare function List({ items, onSelect, filterable, height, cursor }: ListProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=List.d.ts.map

package/packages/components/dist/data/List.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../src/data/List.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,QAAQ;IACvB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IACpC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,IAAI,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,UAAkB,EAAE,MAAW,EAAE,MAAY,EAAE,EAAE,SAAS,2CA+DjG"}

package/packages/components/dist/data/List.js

@@ -0,0 +1,40 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useMemo } from 'react';
+import { Box, Text } from 'ink';
+import { useInput, useTheme } from '@termui/core';
+export function List({ items, onSelect, filterable = false, height = 10, cursor = '›' }) {
+    const theme = useTheme();
+    const [activeIndex, setActiveIndex] = useState(0);
+    const [filter, setFilter] = useState('');
+    const filtered = useMemo(() => {
+        if (!filter)
+            return items;
+        const q = filter.toLowerCase();
+        return items.filter((item) => item.label.toLowerCase().includes(q));
+    }, [items, filter]);
+    useInput((input, key) => {
+        if (key.upArrow) {
+            setActiveIndex((i) => Math.max(0, i - 1));
+        }
+        else if (key.downArrow) {
+            setActiveIndex((i) => Math.min(filtered.length - 1, i + 1));
+        }
+        else if (key.return) {
+            const item = filtered[activeIndex];
+            if (item)
+                onSelect?.(item);
+        }
+        else if (filterable && key.backspace) {
+            setFilter((f) => f.slice(0, -1));
+        }
+        else if (filterable && !key.escape && !key.return && !key.upArrow && !key.downArrow) {
+            setFilter((f) => f + input);
+        }
+    });
+    const visible = filtered.slice(0, height);
+    return (_jsxs(Box, { flexDirection: "column", children: [filterable && (_jsx(Box, { borderStyle: "round", borderColor: theme.colors.border, paddingX: 1, marginBottom: 1, children: _jsx(Text, { dimColor: !filter, children: filter || 'Type to filter…' }) })), visible.map((item, idx) => {
+                const isActive = idx === activeIndex;
+                return (_jsxs(Box, { gap: 1, children: [_jsx(Text, { color: isActive ? theme.colors.primary : undefined, children: isActive ? cursor : ' ' }), _jsx(Text, { color: item.color ?? (isActive ? theme.colors.primary : theme.colors.foreground), bold: isActive, children: item.label }), item.description && (_jsx(Text, { color: theme.colors.mutedForeground, dimColor: true, children: item.description }))] }, item.key));
+            }), filtered.length > height && (_jsxs(Text, { color: theme.colors.mutedForeground, dimColor: true, children: [filtered.length - height, " more\u2026"] }))] }));
+}
+//# sourceMappingURL=List.js.map

package/packages/components/dist/data/List.js.map

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

package/packages/components/dist/data/Table.d.ts

@@ -0,0 +1,17 @@
+export interface Column<T = Record<string, unknown>> {
+    key: keyof T & string;
+    header: string;
+    width?: number;
+    align?: 'left' | 'right' | 'center';
+}
+export interface TableProps<T extends Record<string, unknown> = Record<string, unknown>> {
+    data: T[];
+    columns: Column<T>[];
+    sortable?: boolean;
+    selectable?: boolean;
+    onSelect?: (row: T) => void;
+    maxRows?: number;
+    borderColor?: string;
+}
+export declare function Table<T extends Record<string, unknown> = Record<string, unknown>>({ data, columns, sortable, selectable, onSelect, maxRows, borderColor, }: TableProps<T>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Table.d.ts.map

package/packages/components/dist/data/Table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../src/data/Table.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,MAAM,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IACjD,GAAG,EAAE,MAAM,CAAC,GAAG,MAAM,CAAC;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;CACrC;AAED,MAAM,WAAW,UAAU,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IACrF,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,IAAI,CAAC;IAC5B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAeD,wBAAgB,KAAK,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,EACjF,IAAI,EACJ,OAAO,EACP,QAAgB,EAChB,UAAkB,EAClB,QAAQ,EACR,OAAY,EACZ,WAAW,GACZ,EAAE,UAAU,CAAC,CAAC,CAAC,2CAmFf"}

package/packages/components/dist/data/Table.js

@@ -0,0 +1,74 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useMemo } from 'react';
+import { Box, Text } from 'ink';
+import { useInput, useTheme } from '@termui/core';
+function pad(str, width, align = 'left') {
+    const s = String(str);
+    if (s.length >= width)
+        return s.slice(0, width);
+    const diff = width - s.length;
+    if (align === 'right')
+        return ' '.repeat(diff) + s;
+    if (align === 'center') {
+        const left = Math.floor(diff / 2);
+        const right = diff - left;
+        return ' '.repeat(left) + s + ' '.repeat(right);
+    }
+    return s + ' '.repeat(diff);
+}
+export function Table({ data, columns, sortable = false, selectable = false, onSelect, maxRows = 20, borderColor, }) {
+    const theme = useTheme();
+    const [sortKey, setSortKey] = useState(null);
+    const [sortDir, setSortDir] = useState('asc');
+    const [activeRow, setActiveRow] = useState(0);
+    const [sortColIdx, setSortColIdx] = useState(0);
+    const resolvedBorderColor = borderColor ?? theme.colors.border;
+    const sorted = useMemo(() => {
+        if (!sortKey)
+            return data;
+        return [...data].sort((a, b) => {
+            const av = a[sortKey];
+            const bv = b[sortKey];
+            const cmp = String(av).localeCompare(String(bv));
+            return sortDir === 'asc' ? cmp : -cmp;
+        });
+    }, [data, sortKey, sortDir]);
+    const visible = sorted.slice(0, maxRows);
+    useInput((input, key) => {
+        if (key.upArrow)
+            setActiveRow((r) => Math.max(0, r - 1));
+        else if (key.downArrow)
+            setActiveRow((r) => Math.min(visible.length - 1, r + 1));
+        else if (key.return && selectable)
+            onSelect?.(visible[activeRow]);
+        else if (sortable && key.leftArrow)
+            setSortColIdx((i) => Math.max(0, i - 1));
+        else if (sortable && key.rightArrow)
+            setSortColIdx((i) => Math.min(columns.length - 1, i + 1));
+        else if (sortable && input === 's') {
+            const col = columns[sortColIdx];
+            if (!col)
+                return;
+            if (sortKey === col.key) {
+                setSortDir((d) => d === 'asc' ? 'desc' : 'asc');
+            }
+            else {
+                setSortKey(col.key);
+                setSortDir('asc');
+            }
+        }
+    });
+    // Auto-size columns
+    const colWidths = columns.map((col) => {
+        const dataMax = data.reduce((max, row) => Math.max(max, String(row[col.key] ?? '').length), 0);
+        return col.width ?? Math.max(col.header.length, dataMax) + 2;
+    });
+    const headerRow = columns.map((col, i) => pad(col.header, colWidths[i] ?? col.header.length, col.align)).join(' │ ');
+    const separator = colWidths.map((w) => '─'.repeat(w)).join('─┼─');
+    return (_jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: resolvedBorderColor, children: [_jsx(Box, { paddingX: 1, children: _jsx(Text, { bold: true, color: theme.colors.primary, children: headerRow }) }), _jsx(Box, { paddingX: 1, children: _jsx(Text, { color: resolvedBorderColor, children: separator }) }), visible.map((row, rowIdx) => {
+                const isActive = rowIdx === activeRow && selectable;
+                const cells = columns.map((col, i) => pad(String(row[col.key] ?? ''), colWidths[i] ?? 8, col.align)).join(' │ ');
+                return (_jsx(Box, { paddingX: 1, children: _jsx(Text, { color: isActive ? theme.colors.selectionForeground : theme.colors.foreground, inverse: isActive, children: cells }) }, rowIdx));
+            }), data.length > maxRows && (_jsx(Box, { paddingX: 1, children: _jsxs(Text, { color: theme.colors.mutedForeground, dimColor: true, children: ["\u2026 ", data.length - maxRows, " more rows"] }) }))] }));
+}
+//# sourceMappingURL=Table.js.map

package/packages/components/dist/data/Table.js.map

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

package/packages/components/dist/data/index.d.ts

@@ -0,0 +1,5 @@
+export { List } from './List.js';
+export { Table } from './Table.js';
+export type { ListItem, ListProps } from './List.js';
+export type { Column, TableProps } from './Table.js';
+//# sourceMappingURL=index.d.ts.map

package/packages/components/dist/data/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/data/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,YAAY,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AACrD,YAAY,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC"}

package/packages/components/dist/data/index.js

@@ -0,0 +1,3 @@
+export { List } from './List.js';
+export { Table } from './Table.js';
+//# sourceMappingURL=index.js.map

package/packages/components/dist/data/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/data/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC"}

package/packages/components/dist/feedback/Alert.d.ts

@@ -0,0 +1,10 @@
+import type { ReactNode } from 'react';
+export type AlertVariant = 'success' | 'error' | 'warning' | 'info';
+export interface AlertProps {
+    variant?: AlertVariant;
+    title?: string;
+    children?: ReactNode;
+    icon?: string;
+}
+export declare function Alert({ variant, title, children, icon }: AlertProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Alert.d.ts.map

package/packages/components/dist/feedback/Alert.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../src/feedback/Alert.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;AASpE,MAAM,WAAW,UAAU;IACzB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,wBAAgB,KAAK,CAAC,EAAE,OAAgB,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE,UAAU,2CA6B5E"}

package/packages/components/dist/feedback/Alert.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Text } from 'ink';
+import { useTheme } from '@termui/core';
+const ICONS = {
+    success: '✓',
+    error: '✗',
+    warning: '⚠',
+    info: 'ℹ',
+};
+export function Alert({ variant = 'info', title, children, icon }) {
+    const theme = useTheme();
+    const variantColor = (() => {
+        switch (variant) {
+            case 'success': return theme.colors.success;
+            case 'error': return theme.colors.error;
+            case 'warning': return theme.colors.warning;
+            default: return theme.colors.info;
+        }
+    })();
+    const resolvedIcon = icon ?? ICONS[variant];
+    return (_jsxs(Box, { borderStyle: "round", borderColor: variantColor, paddingX: 1, paddingY: 0, flexDirection: "column", children: [_jsxs(Box, { gap: 1, children: [_jsx(Text, { color: variantColor, bold: true, children: resolvedIcon }), title && _jsx(Text, { bold: true, color: variantColor, children: title })] }), children && _jsx(Text, { children: children })] }));
+}
+//# sourceMappingURL=Alert.js.map

package/packages/components/dist/feedback/Alert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.js","sourceRoot":"","sources":["../../src/feedback/Alert.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAChC,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAKxC,MAAM,KAAK,GAAiC;IAC1C,OAAO,EAAE,GAAG;IACZ,KAAK,EAAE,GAAG;IACV,OAAO,EAAE,GAAG;IACZ,IAAI,EAAE,GAAG;CACV,CAAC;AASF,MAAM,UAAU,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAc;IAC3E,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IAEzB,MAAM,YAAY,GAAG,CAAC,GAAG,EAAE;QACzB,QAAQ,OAAO,EAAE,CAAC;YAChB,KAAK,SAAS,CAAC,CAAC,OAAO,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC;YAC5C,KAAK,OAAO,CAAC,CAAC,OAAO,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;YACxC,KAAK,SAAS,CAAC,CAAC,OAAO,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC;YAC5C,OAAO,CAAC,CAAC,OAAO,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC;QACpC,CAAC;IACH,CAAC,CAAC,EAAE,CAAC;IAEL,MAAM,YAAY,GAAG,IAAI,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC;IAE5C,OAAO,CACL,MAAC,GAAG,IACF,WAAW,EAAC,OAAO,EACnB,WAAW,EAAE,YAAY,EACzB,QAAQ,EAAE,CAAC,EACX,QAAQ,EAAE,CAAC,EACX,aAAa,EAAC,QAAQ,aAEtB,MAAC,GAAG,IAAC,GAAG,EAAE,CAAC,aACT,KAAC,IAAI,IAAC,KAAK,EAAE,YAAY,EAAE,IAAI,kBAAE,YAAY,GAAQ,EACpD,KAAK,IAAI,KAAC,IAAI,IAAC,IAAI,QAAC,KAAK,EAAE,YAAY,YAAG,KAAK,GAAQ,IACpD,EACL,QAAQ,IAAI,KAAC,IAAI,cAAE,QAAQ,GAAQ,IAChC,CACP,CAAC;AACJ,CAAC"}

package/packages/components/dist/feedback/ProgressBar.d.ts

@@ -0,0 +1,13 @@
+export interface ProgressBarProps {
+    value: number;
+    total?: number;
+    width?: number;
+    showPercent?: boolean;
+    showEta?: boolean;
+    fillChar?: string;
+    emptyChar?: string;
+    color?: string;
+    label?: string;
+}
+export declare function ProgressBar({ value, total, width, showPercent, showEta, fillChar, emptyChar, color, label, }: ProgressBarProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ProgressBar.d.ts.map

package/packages/components/dist/feedback/ProgressBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBar.d.ts","sourceRoot":"","sources":["../../src/feedback/ProgressBar.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,KAAK,EACL,KAAU,EACV,WAAkB,EAClB,OAAe,EACf,QAAc,EACd,SAAe,EACf,KAAK,EACL,KAAK,GACN,EAAE,gBAAgB,2CAwBlB"}

package/packages/components/dist/feedback/ProgressBar.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Text } from 'ink';
+import { useTheme } from '@termui/core';
+export function ProgressBar({ value, total, width = 30, showPercent = true, showEta = false, fillChar = '█', emptyChar = '░', color, label, }) {
+    const theme = useTheme();
+    const resolvedColor = color ?? theme.colors.primary;
+    const percent = total !== undefined ? Math.min(100, Math.round((value / total) * 100)) : Math.min(100, Math.round(value));
+    const filled = Math.round((percent / 100) * width);
+    const empty = width - filled;
+    const bar = fillChar.repeat(filled) + emptyChar.repeat(empty);
+    return (_jsxs(Box, { flexDirection: "column", children: [label && _jsx(Text, { children: label }), _jsxs(Box, { gap: 1, children: [_jsx(Text, { color: resolvedColor, children: bar }), showPercent && _jsxs(Text, { color: theme.colors.mutedForeground, children: [percent, "%"] }), total !== undefined && (_jsxs(Text, { color: theme.colors.mutedForeground, dimColor: true, children: [value, "/", total] }))] })] }));
+}
+//# sourceMappingURL=ProgressBar.js.map

package/packages/components/dist/feedback/ProgressBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBar.js","sourceRoot":"","sources":["../../src/feedback/ProgressBar.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAChC,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAcxC,MAAM,UAAU,WAAW,CAAC,EAC1B,KAAK,EACL,KAAK,EACL,KAAK,GAAG,EAAE,EACV,WAAW,GAAG,IAAI,EAClB,OAAO,GAAG,KAAK,EACf,QAAQ,GAAG,GAAG,EACd,SAAS,GAAG,GAAG,EACf,KAAK,EACL,KAAK,GACY;IACjB,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,aAAa,GAAG,KAAK,IAAI,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC;IAEpD,MAAM,OAAO,GAAG,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,KAAK,GAAG,KAAK,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;IAC1H,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,OAAO,GAAG,GAAG,CAAC,GAAG,KAAK,CAAC,CAAC;IACnD,MAAM,KAAK,GAAG,KAAK,GAAG,MAAM,CAAC;IAE7B,MAAM,GAAG,GAAG,QAAQ,CAAC,MAAM,CAAC,MAAM,CAAC,GAAG,SAAS,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAE9D,OAAO,CACL,MAAC,GAAG,IAAC,aAAa,EAAC,QAAQ,aACxB,KAAK,IAAI,KAAC,IAAI,cAAE,KAAK,GAAQ,EAC9B,MAAC,GAAG,IAAC,GAAG,EAAE,CAAC,aACT,KAAC,IAAI,IAAC,KAAK,EAAE,aAAa,YAAG,GAAG,GAAQ,EACvC,WAAW,IAAI,MAAC,IAAI,IAAC,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,eAAe,aAAG,OAAO,SAAS,EAC3E,KAAK,KAAK,SAAS,IAAI,CACtB,MAAC,IAAI,IAAC,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,eAAe,EAAE,QAAQ,mBAChD,KAAK,OAAG,KAAK,IACT,CACR,IACG,IACF,CACP,CAAC;AACJ,CAAC"}

package/packages/components/dist/feedback/Spinner.d.ts

@@ -0,0 +1,9 @@
+export type SpinnerStyle = 'dots' | 'line' | 'star' | 'clock' | 'bounce' | 'bar' | 'arc' | 'arrow' | 'toggle' | 'box' | 'pipe' | 'earth';
+export interface SpinnerProps {
+    style?: SpinnerStyle;
+    label?: string;
+    color?: string;
+    fps?: number;
+}
+export declare function Spinner({ style: spinnerStyle, label, color, fps }: SpinnerProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Spinner.d.ts.map

package/packages/components/dist/feedback/Spinner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../src/feedback/Spinner.tsx"],"names":[],"mappings":"AAIA,MAAM,MAAM,YAAY,GACpB,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GACrD,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,MAAM,GAAG,OAAO,CAAC;AAiB1D,MAAM,WAAW,YAAY;IAC3B,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED,wBAAgB,OAAO,CAAC,EAAE,KAAK,EAAE,YAAqB,EAAE,KAAK,EAAE,KAAK,EAAE,GAAQ,EAAE,EAAE,YAAY,2CAa7F"}

package/packages/components/dist/feedback/Spinner.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Text } from 'ink';
+import { useAnimation, useTheme } from '@termui/core';
+const FRAMES = {
+    dots: ['⠋', '⠙', '⠹', '⠸', '⠼', '⠴', '⠦', '⠧', '⠇', '⠏'],
+    line: ['—', '\\', '|', '/'],
+    star: ['✶', '✸', '✹', '✺', '✹', '✸'],
+    clock: ['🕐', '🕑', '🕒', '🕓', '🕔', '🕕', '🕖', '🕗', '🕘', '🕙', '🕚', '🕛'],
+    bounce: ['⠁', '⠂', '⠄', '⡀', '⡈', '⠠', '⠐', '⠈'],
+    bar: ['▏', '▎', '▍', '▌', '▋', '▊', '▉', '█', '▉', '▊', '▋', '▌', '▍', '▎'],
+    arc: ['◜', '◠', '◝', '◞', '◡', '◟'],
+    arrow: ['←', '↖', '↑', '↗', '→', '↘', '↓', '↙'],
+    toggle: ['⊶', '⊷'],
+    box: ['▖', '▘', '▝', '▗'],
+    pipe: ['┤', '┘', '┴', '└', '├', '┌', '┬', '┐'],
+    earth: ['🌍', '🌎', '🌏'],
+};
+export function Spinner({ style: spinnerStyle = 'dots', label, color, fps = 12 }) {
+    const theme = useTheme();
+    const frame = useAnimation(fps);
+    const frames = FRAMES[spinnerStyle];
+    const icon = frames[frame % frames.length];
+    const resolvedColor = color ?? theme.colors.primary;
+    return (_jsxs(Text, { children: [_jsx(Text, { color: resolvedColor, children: icon }), label && _jsxs(Text, { children: [" ", label] })] }));
+}
+//# sourceMappingURL=Spinner.js.map

package/packages/components/dist/feedback/Spinner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.js","sourceRoot":"","sources":["../../src/feedback/Spinner.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAC3B,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAMtD,MAAM,MAAM,GAAmC;IAC7C,IAAI,EAAE,CAAC,GAAG,EAAC,GAAG,EAAC,GAAG,EAAC,GAAG,EAAC,GAAG,EAAC,GAAG,EAAC,GAAG,EAAC,GAAG,EAAC,GAAG,EAAC,GAAG,CAAC;IAC/C,IAAI,EAAE,CAAC,GAAG,EAAC,IAAI,EAAC,GAAG,EAAC,GAAG,CAAC;IACxB,IAAI,EAAE,CAAC,GAAG,EAAC,GAAG,EAAC,GAAG,EAAC,GAAG,EAAC,GAAG,EAAC,GAAG,CAAC;IAC/B,KAAK,EAAE,CAAC,IAAI,EAAC,IAAI,EAAC,IAAI,EAAC,IAAI,EAAC,IAAI,EAAC,IAAI,EAAC,IAAI,EAAC,IAAI,EAAC,IAAI,EAAC,IAAI,EAAC,IAAI,EAAC,IAAI,CAAC;IACpE,MAAM,EAAE,CAAC,GAAG,EAAC,GAAG,EAAC,GAAG,EAAC,GAAG,EAAC,GAAG,EAAC,GAAG,EAAC,GAAG,EAAC,GAAG,CAAC;IACzC,GAAG,EAAE,CAAC,GAAG,EAAC,GAAG,EAAC,GAAG,EAAC,GAAG,EAAC,GAAG,EAAC,GAAG,EAAC,GAAG,EAAC,GAAG,EAAC,GAAG,EAAC,GAAG,EAAC,GAAG,EAAC,GAAG,EAAC,GAAG,EAAC,GAAG,CAAC;IAC9D,GAAG,EAAE,CAAC,GAAG,EAAC,GAAG,EAAC,GAAG,EAAC,GAAG,EAAC,GAAG,EAAC,GAAG,CAAC;IAC9B,KAAK,EAAE,CAAC,GAAG,EAAC,GAAG,EAAC,GAAG,EAAC,GAAG,EAAC,GAAG,EAAC,GAAG,EAAC,GAAG,EAAC,GAAG,CAAC;IACxC,MAAM,EAAE,CAAC,GAAG,EAAC,GAAG,CAAC;IACjB,GAAG,EAAE,CAAC,GAAG,EAAC,GAAG,EAAC,GAAG,EAAC,GAAG,CAAC;IACtB,IAAI,EAAE,CAAC,GAAG,EAAC,GAAG,EAAC,GAAG,EAAC,GAAG,EAAC,GAAG,EAAC,GAAG,EAAC,GAAG,EAAC,GAAG,CAAC;IACvC,KAAK,EAAE,CAAC,IAAI,EAAC,IAAI,EAAC,IAAI,CAAC;CACxB,CAAC;AASF,MAAM,UAAU,OAAO,CAAC,EAAE,KAAK,EAAE,YAAY,GAAG,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,GAAG,EAAE,EAAgB;IAC5F,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,KAAK,GAAG,YAAY,CAAC,GAAG,CAAC,CAAC;IAChC,MAAM,MAAM,GAAG,MAAM,CAAC,YAAY,CAAC,CAAC;IACpC,MAAM,IAAI,GAAG,MAAM,CAAC,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC;IAC3C,MAAM,aAAa,GAAG,KAAK,IAAI,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC;IAEpD,OAAO,CACL,MAAC,IAAI,eACH,KAAC,IAAI,IAAC,KAAK,EAAE,aAAa,YAAG,IAAI,GAAQ,EACxC,KAAK,IAAI,MAAC,IAAI,oBAAG,KAAK,IAAQ,IAC1B,CACR,CAAC;AACJ,CAAC"}

package/packages/components/dist/feedback/index.d.ts

@@ -0,0 +1,7 @@
+export { Spinner } from './Spinner.js';
+export { ProgressBar } from './ProgressBar.js';
+export { Alert } from './Alert.js';
+export type { SpinnerProps, SpinnerStyle } from './Spinner.js';
+export type { ProgressBarProps } from './ProgressBar.js';
+export type { AlertProps, AlertVariant } from './Alert.js';
+//# sourceMappingURL=index.d.ts.map

package/packages/components/dist/feedback/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/feedback/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,YAAY,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAC/D,YAAY,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACzD,YAAY,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC"}

package/packages/components/dist/feedback/index.js

@@ -0,0 +1,4 @@
+export { Spinner } from './Spinner.js';
+export { ProgressBar } from './ProgressBar.js';
+export { Alert } from './Alert.js';
+//# sourceMappingURL=index.js.map

package/packages/components/dist/feedback/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/feedback/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC"}