termui 0.1.0

package/packages/components/dist/forms/Form.d.ts

@@ -0,0 +1,22 @@
+import type { ReactNode } from 'react';
+interface FormContextValue {
+    values: Record<string, unknown>;
+    errors: Record<string, string>;
+    isDirty: boolean;
+    setFieldValue: (name: string, value: unknown) => void;
+    setFieldError: (name: string, error: string) => void;
+}
+export declare function useFormContext(): FormContextValue;
+export interface FormField {
+    name: string;
+    validate?: (value: unknown) => string | null;
+}
+export interface FormProps {
+    onSubmit: (values: Record<string, unknown>) => void;
+    initialValues?: Record<string, unknown>;
+    fields?: FormField[];
+    children: ReactNode;
+}
+export declare function Form({ onSubmit, initialValues, fields, children }: FormProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Form.d.ts.map

package/packages/components/dist/forms/Form.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../../src/forms/Form.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,UAAU,gBAAgB;IACxB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAChC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC/B,OAAO,EAAE,OAAO,CAAC;IACjB,aAAa,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACtD,aAAa,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACtD;AAUD,wBAAgB,cAAc,qBAE7B;AAED,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,MAAM,GAAG,IAAI,CAAC;CAC9C;AAED,MAAM,WAAW,SAAS;IACxB,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;IACpD,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACxC,MAAM,CAAC,EAAE,SAAS,EAAE,CAAC;IACrB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,IAAI,CAAC,EAAE,QAAQ,EAAE,aAAkB,EAAE,MAAW,EAAE,QAAQ,EAAE,EAAE,SAAS,2CAyCtF"}

package/packages/components/dist/forms/Form.js

@@ -0,0 +1,45 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useCallback, createContext, useContext } from 'react';
+import { Box, Text } from 'ink';
+import { useInput, useTheme } from '@termui/core';
+const FormContext = createContext({
+    values: {},
+    errors: {},
+    isDirty: false,
+    setFieldValue: () => { },
+    setFieldError: () => { },
+});
+export function useFormContext() {
+    return useContext(FormContext);
+}
+export function Form({ onSubmit, initialValues = {}, fields = [], children }) {
+    const theme = useTheme();
+    const [values, setValues] = useState(initialValues);
+    const [errors, setErrors] = useState({});
+    const [isDirty, setIsDirty] = useState(false);
+    const setFieldValue = useCallback((name, value) => {
+        setValues((v) => ({ ...v, [name]: value }));
+        setIsDirty(true);
+    }, []);
+    const setFieldError = useCallback((name, error) => {
+        setErrors((e) => ({ ...e, [name]: error }));
+    }, []);
+    useInput((input, key) => {
+        if (key.ctrl && input === 's') {
+            // Validate all fields
+            const newErrors = {};
+            for (const field of fields) {
+                const err = field.validate ? field.validate(values[field.name]) : null;
+                if (err)
+                    newErrors[field.name] = err;
+            }
+            if (Object.keys(newErrors).length > 0) {
+                setErrors(newErrors);
+                return;
+            }
+            onSubmit(values);
+        }
+    });
+    return (_jsx(FormContext.Provider, { value: { values, errors, isDirty, setFieldValue, setFieldError }, children: _jsxs(Box, { flexDirection: "column", gap: 1, children: [children, _jsx(Text, { color: theme.colors.mutedForeground, dimColor: true, children: "Press Ctrl+S to submit" })] }) }));
+}
+//# sourceMappingURL=Form.js.map

package/packages/components/dist/forms/Form.js.map

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

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

@@ -0,0 +1,3 @@
+export { Form, useFormContext } from './Form.js';
+export type { FormProps, FormField } from './Form.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/forms/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AACjD,YAAY,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC"}

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

@@ -0,0 +1,2 @@
+export { Form, useFormContext } from './Form.js';
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,11 @@
+export * from './layout/index.js';
+export * from './typography/index.js';
+export * from './input/index.js';
+export * from './selection/index.js';
+export * from './data/index.js';
+export * from './feedback/index.js';
+export * from './navigation/index.js';
+export * from './overlays/index.js';
+export * from './forms/index.js';
+export * from './utility/index.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,cAAc,mBAAmB,CAAC;AAGlC,cAAc,uBAAuB,CAAC;AAGtC,cAAc,kBAAkB,CAAC;AAGjC,cAAc,sBAAsB,CAAC;AAGrC,cAAc,iBAAiB,CAAC;AAGhC,cAAc,qBAAqB,CAAC;AAGpC,cAAc,uBAAuB,CAAC;AAGtC,cAAc,qBAAqB,CAAC;AAGpC,cAAc,kBAAkB,CAAC;AAGjC,cAAc,oBAAoB,CAAC"}

package/packages/components/dist/index.js

@@ -0,0 +1,21 @@
+// Layout
+export * from './layout/index.js';
+// Typography
+export * from './typography/index.js';
+// Input
+export * from './input/index.js';
+// Selection
+export * from './selection/index.js';
+// Data Display
+export * from './data/index.js';
+// Feedback
+export * from './feedback/index.js';
+// Navigation
+export * from './navigation/index.js';
+// Overlays
+export * from './overlays/index.js';
+// Forms
+export * from './forms/index.js';
+// Utility
+export * from './utility/index.js';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,SAAS;AACT,cAAc,mBAAmB,CAAC;AAElC,aAAa;AACb,cAAc,uBAAuB,CAAC;AAEtC,QAAQ;AACR,cAAc,kBAAkB,CAAC;AAEjC,YAAY;AACZ,cAAc,sBAAsB,CAAC;AAErC,eAAe;AACf,cAAc,iBAAiB,CAAC;AAEhC,WAAW;AACX,cAAc,qBAAqB,CAAC;AAEpC,aAAa;AACb,cAAc,uBAAuB,CAAC;AAEtC,WAAW;AACX,cAAc,qBAAqB,CAAC;AAEpC,QAAQ;AACR,cAAc,kBAAkB,CAAC;AAEjC,UAAU;AACV,cAAc,oBAAoB,CAAC"}

package/packages/components/dist/input/TextInput.d.ts

@@ -0,0 +1,14 @@
+export interface TextInputProps {
+    value?: string;
+    onChange?: (value: string) => void;
+    onSubmit?: (value: string) => void;
+    placeholder?: string;
+    mask?: string;
+    validate?: (value: string) => string | null;
+    width?: number;
+    label?: string;
+    autoFocus?: boolean;
+    id?: string;
+}
+export declare function TextInput({ value: controlledValue, onChange, onSubmit, placeholder, mask, validate, width, label, autoFocus, id, }: TextInputProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TextInput.d.ts.map

package/packages/components/dist/input/TextInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextInput.d.ts","sourceRoot":"","sources":["../../src/input/TextInput.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,cAAc;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,GAAG,IAAI,CAAC;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED,wBAAgB,SAAS,CAAC,EACxB,KAAK,EAAE,eAAe,EACtB,QAAQ,EACR,QAAQ,EACR,WAAgB,EAChB,IAAI,EACJ,QAAQ,EACR,KAAU,EACV,KAAK,EACL,SAAiB,EACjB,EAAE,GACH,EAAE,cAAc,2CA2DhB"}

package/packages/components/dist/input/TextInput.js

@@ -0,0 +1,44 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { Box, Text } from 'ink';
+import { useInput, useFocus, useTheme } from '@termui/core';
+export function TextInput({ value: controlledValue, onChange, onSubmit, placeholder = '', mask, validate, width = 40, label, autoFocus = false, id, }) {
+    const [internalValue, setInternalValue] = useState('');
+    const [error, setError] = useState(null);
+    const theme = useTheme();
+    const { isFocused } = useFocus({ autoFocus, id });
+    const value = controlledValue ?? internalValue;
+    useInput((input, key) => {
+        if (!isFocused)
+            return;
+        if (key.return) {
+            const err = validate ? validate(value) : null;
+            if (err) {
+                setError(err);
+                return;
+            }
+            setError(null);
+            onSubmit?.(value);
+            return;
+        }
+        if (key.backspace || key.delete) {
+            const newVal = value.slice(0, -1);
+            onChange ? onChange(newVal) : setInternalValue(newVal);
+            return;
+        }
+        if (key.escape)
+            return;
+        if (key.upArrow || key.downArrow || key.tab)
+            return;
+        const newVal = value + input;
+        onChange ? onChange(newVal) : setInternalValue(newVal);
+    });
+    const displayValue = mask ? mask.repeat(value.length) : value;
+    const borderColor = error
+        ? theme.colors.error
+        : isFocused
+            ? theme.colors.focusRing
+            : theme.colors.border;
+    return (_jsxs(Box, { flexDirection: "column", children: [label && _jsx(Text, { bold: true, children: label }), _jsxs(Box, { borderStyle: "round", borderColor: borderColor, width: width, paddingX: 1, children: [_jsx(Text, { color: value ? theme.colors.foreground : theme.colors.mutedForeground, children: displayValue || placeholder }), isFocused && _jsx(Text, { color: theme.colors.focusRing, children: "\u2588" })] }), error && _jsx(Text, { color: theme.colors.error, children: error })] }));
+}
+//# sourceMappingURL=TextInput.js.map

package/packages/components/dist/input/TextInput.js.map

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

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

@@ -0,0 +1,3 @@
+export { TextInput } from './TextInput.js';
+export type { TextInputProps } from './TextInput.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/input/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,YAAY,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/input/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC"}

package/packages/components/dist/layout/Box.d.ts

@@ -0,0 +1,11 @@
+import { type ReactNode } from 'react';
+import { type BoxProps as InkBoxProps } from 'ink';
+export type BorderVariant = 'default' | 'muted' | 'focus' | 'success' | 'error' | 'warning';
+export interface BoxProps extends InkBoxProps {
+    border?: boolean;
+    borderVariant?: BorderVariant;
+    borderColor?: string;
+    children?: ReactNode;
+}
+export declare function Box({ border, borderVariant, borderColor, children, ...props }: BoxProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Box.d.ts.map

package/packages/components/dist/layout/Box.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../src/layout/Box.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAiB,KAAK,QAAQ,IAAI,WAAW,EAAE,MAAM,KAAK,CAAC;AAGlE,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,OAAO,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;AAE5F,MAAM,WAAW,QAAS,SAAQ,WAAW;IAC3C,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,wBAAgB,GAAG,CAAC,EAAE,MAAM,EAAE,aAAyB,EAAE,WAAW,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,QAAQ,2CAuBnG"}

package/packages/components/dist/layout/Box.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Box as InkBox } from 'ink';
+import { useTheme } from '@termui/core';
+export function Box({ border, borderVariant = 'default', borderColor, children, ...props }) {
+    const theme = useTheme();
+    const resolvedBorderColor = borderColor ?? (() => {
+        switch (borderVariant) {
+            case 'focus': return theme.colors.focusRing;
+            case 'success': return theme.colors.success;
+            case 'error': return theme.colors.error;
+            case 'warning': return theme.colors.warning;
+            case 'muted': return theme.colors.mutedForeground;
+            default: return theme.colors.border;
+        }
+    })();
+    return (_jsx(InkBox, { borderStyle: border ? (props.borderStyle ?? theme.border.style) : undefined, borderColor: border ? resolvedBorderColor : undefined, ...props, children: children }));
+}
+//# sourceMappingURL=Box.js.map

package/packages/components/dist/layout/Box.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Box.js","sourceRoot":"","sources":["../../src/layout/Box.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,GAAG,IAAI,MAAM,EAAgC,MAAM,KAAK,CAAC;AAClE,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAWxC,MAAM,UAAU,GAAG,CAAC,EAAE,MAAM,EAAE,aAAa,GAAG,SAAS,EAAE,WAAW,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAY;IAClG,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IAEzB,MAAM,mBAAmB,GAAG,WAAW,IAAI,CAAC,GAAG,EAAE;QAC/C,QAAQ,aAAa,EAAE,CAAC;YACtB,KAAK,OAAO,CAAC,CAAC,OAAO,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC;YAC5C,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,KAAK,OAAO,CAAC,CAAC,OAAO,KAAK,CAAC,MAAM,CAAC,eAAe,CAAC;YAClD,OAAO,CAAC,CAAC,OAAO,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC;QACtC,CAAC;IACH,CAAC,CAAC,EAAE,CAAC;IAEL,OAAO,CACL,KAAC,MAAM,IACL,WAAW,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,WAAW,IAAI,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,EAC3E,WAAW,EAAE,MAAM,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,SAAS,KACjD,KAAK,YAER,QAAQ,GACF,CACV,CAAC;AACJ,CAAC"}

package/packages/components/dist/layout/Grid.d.ts

@@ -0,0 +1,8 @@
+import type { ReactNode } from 'react';
+export interface GridProps {
+    columns: number;
+    gap?: number;
+    children: ReactNode;
+}
+export declare function Grid({ columns, gap, children }: GridProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Grid.d.ts.map

package/packages/components/dist/layout/Grid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Grid.d.ts","sourceRoot":"","sources":["../../src/layout/Grid.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,SAAS;IACxB,OAAO,EAAE,MAAM,CAAC;IAChB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,IAAI,CAAC,EAAE,OAAO,EAAE,GAAO,EAAE,QAAQ,EAAE,EAAE,SAAS,2CAqB7D"}

package/packages/components/dist/layout/Grid.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Children } from 'react';
+import { Box } from 'ink';
+export function Grid({ columns, gap = 0, children }) {
+    const items = Children.toArray(children);
+    const rows = [];
+    for (let i = 0; i < items.length; i += columns) {
+        rows.push(items.slice(i, i + columns));
+    }
+    return (_jsx(Box, { flexDirection: "column", gap: gap, children: rows.map((row, rowIdx) => (_jsx(Box, { flexDirection: "row", gap: gap, children: row.map((cell, colIdx) => (_jsx(Box, { flexGrow: 1, children: cell }, colIdx))) }, rowIdx))) }));
+}
+//# sourceMappingURL=Grid.js.map

package/packages/components/dist/layout/Grid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Grid.js","sourceRoot":"","sources":["../../src/layout/Grid.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAS1B,MAAM,UAAU,IAAI,CAAC,EAAE,OAAO,EAAE,GAAG,GAAG,CAAC,EAAE,QAAQ,EAAa;IAC5D,MAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;IACzC,MAAM,IAAI,GAAkB,EAAE,CAAC;IAE/B,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC,IAAI,OAAO,EAAE,CAAC;QAC/C,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC;IACzC,CAAC;IAED,OAAO,CACL,KAAC,GAAG,IAAC,aAAa,EAAC,QAAQ,EAAC,GAAG,EAAE,GAAG,YACjC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,MAAM,EAAE,EAAE,CAAC,CACzB,KAAC,GAAG,IAAc,aAAa,EAAC,KAAK,EAAC,GAAG,EAAE,GAAG,YAC3C,GAAG,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,CAAC,CACzB,KAAC,GAAG,IAAc,QAAQ,EAAE,CAAC,YAC1B,IAAI,IADG,MAAM,CAEV,CACP,CAAC,IALM,MAAM,CAMV,CACP,CAAC,GACE,CACP,CAAC;AACJ,CAAC"}

package/packages/components/dist/layout/ScrollView.d.ts

@@ -0,0 +1,9 @@
+import type { ReactNode } from 'react';
+export interface ScrollViewProps {
+    height: number;
+    children: ReactNode;
+    showScrollbar?: boolean;
+    scrollbarColor?: string;
+}
+export declare function ScrollView({ height, children, showScrollbar, scrollbarColor, }: ScrollViewProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ScrollView.d.ts.map

package/packages/components/dist/layout/ScrollView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollView.d.ts","sourceRoot":"","sources":["../../src/layout/ScrollView.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,SAAS,CAAC;IACpB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAKD,wBAAgB,UAAU,CAAC,EACzB,MAAM,EACN,QAAQ,EACR,aAAoB,EACpB,cAAuB,GACxB,EAAE,eAAe,2CA2BjB"}

package/packages/components/dist/layout/ScrollView.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { Box, Text } from 'ink';
+import { useInput } from '@termui/core';
+// Note: Ink doesn't natively support scrolling viewport clipping.
+// ScrollView uses a scroll offset and the `overflow: 'hidden'` Box prop.
+// The children are rendered inside an offset container.
+export function ScrollView({ height, children, showScrollbar = true, scrollbarColor = 'gray', }) {
+    const [scrollTop, setScrollTop] = useState(0);
+    useInput((input, key) => {
+        if (key.upArrow) {
+            setScrollTop((s) => Math.max(0, s - 1));
+        }
+        else if (key.downArrow) {
+            setScrollTop((s) => s + 1);
+        }
+        else if (key.pageUp) {
+            setScrollTop((s) => Math.max(0, s - height));
+        }
+        else if (key.pageDown) {
+            setScrollTop((s) => s + height);
+        }
+    });
+    return (_jsxs(Box, { flexDirection: "row", height: height, overflow: "hidden", children: [_jsx(Box, { flexGrow: 1, flexDirection: "column", marginTop: -scrollTop, children: children }), showScrollbar && (_jsx(Box, { width: 1, flexDirection: "column", height: height, children: _jsx(Text, { color: scrollbarColor, children: '│'.repeat(height) }) }))] }));
+}
+//# sourceMappingURL=ScrollView.js.map

package/packages/components/dist/layout/ScrollView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollView.js","sourceRoot":"","sources":["../../src/layout/ScrollView.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAChC,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAUxC,kEAAkE;AAClE,yEAAyE;AACzE,wDAAwD;AACxD,MAAM,UAAU,UAAU,CAAC,EACzB,MAAM,EACN,QAAQ,EACR,aAAa,GAAG,IAAI,EACpB,cAAc,GAAG,MAAM,GACP;IAChB,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAE9C,QAAQ,CAAC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;QACtB,IAAI,GAAG,CAAC,OAAO,EAAE,CAAC;YAChB,YAAY,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;QAC1C,CAAC;aAAM,IAAI,GAAG,CAAC,SAAS,EAAE,CAAC;YACzB,YAAY,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;QAC7B,CAAC;aAAM,IAAI,GAAG,CAAC,MAAM,EAAE,CAAC;YACtB,YAAY,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC;QAC/C,CAAC;aAAM,IAAI,GAAG,CAAC,QAAQ,EAAE,CAAC;YACxB,YAAY,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC;QAClC,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,OAAO,CACL,MAAC,GAAG,IAAC,aAAa,EAAC,KAAK,EAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAC,QAAQ,aACxD,KAAC,GAAG,IAAC,QAAQ,EAAE,CAAC,EAAE,aAAa,EAAC,QAAQ,EAAC,SAAS,EAAE,CAAC,SAAmB,YACrE,QAAQ,GACL,EACL,aAAa,IAAI,CAChB,KAAC,GAAG,IAAC,KAAK,EAAE,CAAC,EAAE,aAAa,EAAC,QAAQ,EAAC,MAAM,EAAE,MAAM,YAClD,KAAC,IAAI,IAAC,KAAK,EAAE,cAAc,YAAG,GAAG,CAAC,MAAM,CAAC,MAAM,CAAC,GAAQ,GACpD,CACP,IACG,CACP,CAAC;AACJ,CAAC"}

package/packages/components/dist/layout/Stack.d.ts

@@ -0,0 +1,12 @@
+import type { ReactNode } from 'react';
+export interface StackProps {
+    direction?: 'vertical' | 'horizontal';
+    gap?: number;
+    children: ReactNode;
+    width?: number | string;
+    height?: number | string;
+    alignItems?: 'flex-start' | 'center' | 'flex-end';
+    justifyContent?: 'flex-start' | 'center' | 'flex-end' | 'space-between' | 'space-around';
+}
+export declare function Stack({ direction, gap, children, width, height, alignItems, justifyContent, }: StackProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Stack.d.ts.map

package/packages/components/dist/layout/Stack.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../../src/layout/Stack.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,UAAU;IACzB,SAAS,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACtC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,UAAU,CAAC,EAAE,YAAY,GAAG,QAAQ,GAAG,UAAU,CAAC;IAClD,cAAc,CAAC,EAAE,YAAY,GAAG,QAAQ,GAAG,UAAU,GAAG,eAAe,GAAG,cAAc,CAAC;CAC1F;AAED,wBAAgB,KAAK,CAAC,EACpB,SAAsB,EACtB,GAAO,EACP,QAAQ,EACR,KAAK,EACL,MAAM,EACN,UAAU,EACV,cAAc,GACf,EAAE,UAAU,2CAaZ"}

package/packages/components/dist/layout/Stack.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Box } from 'ink';
+export function Stack({ direction = 'vertical', gap = 0, children, width, height, alignItems, justifyContent, }) {
+    return (_jsx(Box, { flexDirection: direction === 'vertical' ? 'column' : 'row', gap: gap, width: width, height: height, alignItems: alignItems, justifyContent: justifyContent, children: children }));
+}
+//# sourceMappingURL=Stack.js.map

package/packages/components/dist/layout/Stack.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stack.js","sourceRoot":"","sources":["../../src/layout/Stack.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAa1B,MAAM,UAAU,KAAK,CAAC,EACpB,SAAS,GAAG,UAAU,EACtB,GAAG,GAAG,CAAC,EACP,QAAQ,EACR,KAAK,EACL,MAAM,EACN,UAAU,EACV,cAAc,GACH;IACX,OAAO,CACL,KAAC,GAAG,IACF,aAAa,EAAE,SAAS,KAAK,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,EAC1D,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAe,EACtB,MAAM,EAAE,MAAgB,EACxB,UAAU,EAAE,UAAU,EACtB,cAAc,EAAE,cAAc,YAE7B,QAAQ,GACL,CACP,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,9 @@
+export { Box } from './Box.js';
+export { Stack } from './Stack.js';
+export { Grid } from './Grid.js';
+export { ScrollView } from './ScrollView.js';
+export type { BoxProps, BorderVariant } from './Box.js';
+export type { StackProps } from './Stack.js';
+export type { GridProps } from './Grid.js';
+export type { ScrollViewProps } from './ScrollView.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/layout/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,YAAY,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AACxD,YAAY,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAC7C,YAAY,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AAC3C,YAAY,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC"}

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

@@ -0,0 +1,5 @@
+export { Box } from './Box.js';
+export { Stack } from './Stack.js';
+export { Grid } from './Grid.js';
+export { ScrollView } from './ScrollView.js';
+//# sourceMappingURL=index.js.map

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

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

package/packages/components/dist/navigation/Tabs.d.ts

@@ -0,0 +1,15 @@
+import type { ReactNode } from 'react';
+export interface Tab {
+    key: string;
+    label: string;
+    content: ReactNode;
+}
+export interface TabsProps {
+    tabs: Tab[];
+    defaultTab?: string;
+    activeTab?: string;
+    onTabChange?: (key: string) => void;
+    borderColor?: string;
+}
+export declare function Tabs({ tabs, defaultTab, activeTab: controlledTab, onTabChange, borderColor }: TabsProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Tabs.d.ts.map

package/packages/components/dist/navigation/Tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../src/navigation/Tabs.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,GAAG;IAClB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,SAAS,CAAC;CACpB;AAED,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,IAAI,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,SAAS,EAAE,aAAa,EAAE,WAAW,EAAE,WAAW,EAAE,EAAE,SAAS,2CAuDvG"}

package/packages/components/dist/navigation/Tabs.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { Box, Text, useStdout } from 'ink';
+import { useInput, useTheme } from '@termui/core';
+export function Tabs({ tabs, defaultTab, activeTab: controlledTab, onTabChange, borderColor }) {
+    const theme = useTheme();
+    const { stdout } = useStdout();
+    const [internalTab, setInternalTab] = useState(defaultTab ?? tabs[0]?.key ?? '');
+    const activeKey = controlledTab ?? internalTab;
+    const activeIndex = tabs.findIndex((t) => t.key === activeKey);
+    const resolvedBorderColor = borderColor ?? theme.colors.border;
+    function switchTab(nextKey) {
+        if (!nextKey || nextKey === activeKey)
+            return;
+        // Clear the entire screen before switching so Ink redraws from a clean
+        // slate — prevents old lines from a taller tab persisting as ghost content.
+        stdout.write('\x1b[2J\x1b[H');
+        onTabChange ? onTabChange(nextKey) : setInternalTab(nextKey);
+    }
+    useInput((input, key) => {
+        if (key.leftArrow || (key.shift && key.tab)) {
+            switchTab(tabs[Math.max(0, activeIndex - 1)]?.key);
+        }
+        else if (key.rightArrow || key.tab) {
+            switchTab(tabs[Math.min(tabs.length - 1, activeIndex + 1)]?.key);
+        }
+    });
+    const activeTab = tabs.find((t) => t.key === activeKey);
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Box, { paddingX: 2, gap: 0, children: tabs.map((tab, idx) => {
+                    const isActive = tab.key === activeKey;
+                    return (_jsxs(Box, { children: [_jsx(Text, { color: isActive ? theme.colors.primary : theme.colors.mutedForeground, bold: isActive, underline: isActive, children: tab.label }), idx < tabs.length - 1 && (_jsx(Text, { color: resolvedBorderColor, children: "  \u2502  " }))] }, tab.key));
+                }) }), _jsx(Box, { borderStyle: "single", borderColor: resolvedBorderColor, paddingX: 1, paddingY: 0, children: activeTab?.content })] }));
+}
+//# sourceMappingURL=Tabs.js.map

package/packages/components/dist/navigation/Tabs.js.map

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

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

@@ -0,0 +1,3 @@
+export { Tabs } from './Tabs.js';
+export type { TabsProps, Tab } from './Tabs.js';
+//# sourceMappingURL=index.d.ts.map

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

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

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

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

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

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

package/packages/components/dist/overlays/Modal.d.ts

@@ -0,0 +1,10 @@
+import type { ReactNode } from 'react';
+export interface ModalProps {
+    open: boolean;
+    onClose: () => void;
+    title?: string;
+    width?: number;
+    children?: ReactNode;
+}
+export declare function Modal({ open, onClose, title, width, children }: ModalProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=Modal.d.ts.map

package/packages/components/dist/overlays/Modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../src/overlays/Modal.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,wBAAgB,KAAK,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,KAAU,EAAE,QAAQ,EAAE,EAAE,UAAU,kDAgC/E"}

package/packages/components/dist/overlays/Modal.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Text } from 'ink';
+import { useInput, useTheme } from '@termui/core';
+export function Modal({ open, onClose, title, width = 60, children }) {
+    const theme = useTheme();
+    useInput((input, key) => {
+        if (!open)
+            return;
+        if (key.escape)
+            onClose();
+    }, { isActive: open });
+    if (!open)
+        return null;
+    return (_jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: theme.colors.primary, width: width, paddingX: 1, paddingY: 0, children: [title && (_jsx(Box, { marginBottom: 1, borderStyle: "single", borderColor: theme.colors.border, paddingX: 1, children: _jsx(Text, { bold: true, color: theme.colors.primary, children: title }) })), _jsx(Box, { flexDirection: "column", children: children }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { color: theme.colors.mutedForeground, dimColor: true, children: "Press Esc to close" }) })] }));
+}
+//# sourceMappingURL=Modal.js.map

package/packages/components/dist/overlays/Modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../src/overlays/Modal.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAChC,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAWlD,MAAM,UAAU,KAAK,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,GAAG,EAAE,EAAE,QAAQ,EAAc;IAC9E,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IAEzB,QAAQ,CAAC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;QACtB,IAAI,CAAC,IAAI;YAAE,OAAO;QAClB,IAAI,GAAG,CAAC,MAAM;YAAE,OAAO,EAAE,CAAC;IAC5B,CAAC,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;IAEvB,IAAI,CAAC,IAAI;QAAE,OAAO,IAAI,CAAC;IAEvB,OAAO,CACL,MAAC,GAAG,IACF,aAAa,EAAC,QAAQ,EACtB,WAAW,EAAC,OAAO,EACnB,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,EACjC,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,EACX,QAAQ,EAAE,CAAC,aAEV,KAAK,IAAI,CACR,KAAC,GAAG,IAAC,YAAY,EAAE,CAAC,EAAE,WAAW,EAAC,QAAQ,EAAC,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,QAAQ,EAAE,CAAC,YACtF,KAAC,IAAI,IAAC,IAAI,QAAC,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,YAAG,KAAK,GAAQ,GAClD,CACP,EACD,KAAC,GAAG,IAAC,aAAa,EAAC,QAAQ,YACxB,QAAQ,GACL,EACN,KAAC,GAAG,IAAC,SAAS,EAAE,CAAC,YACf,KAAC,IAAI,IAAC,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,eAAe,EAAE,QAAQ,yCAA0B,GACzE,IACF,CACP,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,3 @@
+export { Modal } from './Modal.js';
+export type { ModalProps } from './Modal.js';
+//# sourceMappingURL=index.d.ts.map

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

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

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

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

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

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

package/packages/components/dist/selection/Checkbox.d.ts

@@ -0,0 +1,10 @@
+export interface CheckboxProps {
+    checked?: boolean;
+    onChange?: (checked: boolean) => void;
+    label?: string;
+    indeterminate?: boolean;
+    disabled?: boolean;
+    id?: string;
+}
+export declare function Checkbox({ checked: controlledChecked, onChange, label, indeterminate, disabled, id, }: CheckboxProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Checkbox.d.ts.map

package/packages/components/dist/selection/Checkbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../src/selection/Checkbox.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,aAAa;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED,wBAAgB,QAAQ,CAAC,EACvB,OAAO,EAAE,iBAAiB,EAC1B,QAAQ,EACR,KAAK,EACL,aAAqB,EACrB,QAAgB,EAChB,EAAE,GACH,EAAE,aAAa,2CAwCf"}

package/packages/components/dist/selection/Checkbox.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { Box, Text } from 'ink';
+import { useInput, useFocus, useTheme } from '@termui/core';
+export function Checkbox({ checked: controlledChecked, onChange, label, indeterminate = false, disabled = false, id, }) {
+    const [internalChecked, setInternalChecked] = useState(false);
+    const theme = useTheme();
+    const { isFocused } = useFocus({ id });
+    const checked = controlledChecked ?? internalChecked;
+    useInput((input) => {
+        if (!isFocused || disabled)
+            return;
+        if (input === ' ') {
+            const next = !checked;
+            onChange ? onChange(next) : setInternalChecked(next);
+        }
+    });
+    const icon = indeterminate ? '▪' : checked ? '■' : '□';
+    const iconColor = disabled
+        ? theme.colors.mutedForeground
+        : checked || indeterminate
+            ? theme.colors.primary
+            : theme.colors.border;
+    return (_jsxs(Box, { gap: 1, children: [_jsx(Text, { color: isFocused ? theme.colors.focusRing : iconColor, bold: isFocused, children: icon }), label && (_jsx(Text, { color: disabled ? theme.colors.mutedForeground : theme.colors.foreground, dimColor: disabled, children: label }))] }));
+}
+//# sourceMappingURL=Checkbox.js.map

package/packages/components/dist/selection/Checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../src/selection/Checkbox.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAChC,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAW5D,MAAM,UAAU,QAAQ,CAAC,EACvB,OAAO,EAAE,iBAAiB,EAC1B,QAAQ,EACR,KAAK,EACL,aAAa,GAAG,KAAK,EACrB,QAAQ,GAAG,KAAK,EAChB,EAAE,GACY;IACd,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9D,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,EAAE,SAAS,EAAE,GAAG,QAAQ,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC;IAEvC,MAAM,OAAO,GAAG,iBAAiB,IAAI,eAAe,CAAC;IAErD,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE;QACjB,IAAI,CAAC,SAAS,IAAI,QAAQ;YAAE,OAAO;QACnC,IAAI,KAAK,KAAK,GAAG,EAAE,CAAC;YAClB,MAAM,IAAI,GAAG,CAAC,OAAO,CAAC;YACtB,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,kBAAkB,CAAC,IAAI,CAAC,CAAC;QACvD,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,MAAM,IAAI,GAAG,aAAa,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC;IACvD,MAAM,SAAS,GAAG,QAAQ;QACxB,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,eAAe;QAC9B,CAAC,CAAC,OAAO,IAAI,aAAa;YAC1B,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO;YACtB,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC;IAExB,OAAO,CACL,MAAC,GAAG,IAAC,GAAG,EAAE,CAAC,aACT,KAAC,IAAI,IACH,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EACrD,IAAI,EAAE,SAAS,YAEd,IAAI,GACA,EACN,KAAK,IAAI,CACR,KAAC,IAAI,IACH,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,UAAU,EACxE,QAAQ,EAAE,QAAQ,YAEjB,KAAK,GACD,CACR,IACG,CACP,CAAC;AACJ,CAAC"}