termcast 1.3.9

package/dist/components/form/file-picker.d.ts

@@ -0,0 +1,31 @@
+import { FormItemProps, FormItemRef } from './types';
+export interface FilePickerProps extends FormItemProps<string[]> {
+    /**
+     * Indicates whether the user can select multiple items or only one.
+     * @defaultValue `true`
+     */
+    allowMultipleSelection?: boolean;
+    /**
+     * Indicates whether it's possible to choose a directory.
+     * Note: On Windows, this property is ignored if `canChooseFiles` is set to `true`.
+     * @defaultValue `false`
+     */
+    canChooseDirectories?: boolean;
+    /**
+     * Indicates whether it's possible to choose a file.
+     * @defaultValue `true`
+     */
+    canChooseFiles?: boolean;
+    /**
+     * Indicates whether the file picker displays files that are normally hidden from the user.
+     * @defaultValue `false`
+     */
+    showHiddenFiles?: boolean;
+    /**
+     * Placeholder text for the input field
+     */
+    placeholder?: string;
+}
+export type FilePickerRef = FormItemRef;
+export declare const FilePicker: (props: FilePickerProps) => any;
+//# sourceMappingURL=file-picker.d.ts.map

package/dist/components/form/file-picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-picker.d.ts","sourceRoot":"","sources":["../../../src/components/form/file-picker.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAOpD,MAAM,WAAW,eAAgB,SAAQ,aAAa,CAAC,MAAM,EAAE,CAAC;IAC9D;;;OAGG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAA;IAChC;;;;OAIG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,MAAM,MAAM,aAAa,GAAG,WAAW,CAAA;AAwIvC,eAAO,MAAM,UAAU,GAAI,OAAO,eAAe,KAAG,GA0DnD,CAAA"}

package/dist/components/form/file-picker.js

@@ -0,0 +1,113 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@opentui/react/jsx-runtime";
+import React from 'react';
+import { Theme } from '@termcast/cli/src/theme';
+import { WithLeftBorder } from './with-left-border';
+import { useFormContext, Controller } from 'react-hook-form';
+import { useFocusContext } from './index';
+import { useKeyboard } from '@opentui/react';
+import { useIsInFocus } from '@termcast/cli/src/internal/focus-context';
+import { FileAutocomplete } from './file-autocomplete';
+const FilePickerField = ({ field, fieldState, formState, props, isFocused, setFocusedField, }) => {
+    const isInFocus = useIsInFocus();
+    const [inputValue, setInputValue] = React.useState('');
+    const [showAutocomplete, setShowAutocomplete] = React.useState(false);
+    const inputRef = React.useRef(null);
+    const anchorRef = React.useRef(null);
+    // Show autocomplete when typing
+    React.useEffect(() => {
+        if (inputValue && isFocused) {
+            setShowAutocomplete(true);
+        }
+        else if (!inputValue) {
+            setShowAutocomplete(false);
+        }
+    }, [inputValue, isFocused]);
+    // Handle Enter key
+    useKeyboard((evt) => {
+        if (!isFocused || !isInFocus)
+            return;
+        if (evt.name === 'return') {
+            // If input is empty, show files in current directory
+            if (!inputValue && !showAutocomplete) {
+                setShowAutocomplete(true);
+            }
+            // If autocomplete is not visible and input has value, add the path
+            else if (inputValue.trim() && !showAutocomplete) {
+                const currentFiles = field.value || [];
+                const newFiles = props.allowMultipleSelection !== false
+                    ? [...currentFiles, inputValue.trim()]
+                    : [inputValue.trim()];
+                field.onChange(newFiles);
+                if (props.onChange) {
+                    props.onChange(newFiles);
+                }
+                setInputValue('');
+            }
+        }
+    });
+    const handleSelectFile = (path) => {
+        const currentFiles = field.value || [];
+        const newFiles = props.allowMultipleSelection !== false ? [...currentFiles, path] : [path];
+        field.onChange(newFiles);
+        if (props.onChange) {
+            props.onChange(newFiles);
+        }
+        setInputValue('');
+        setShowAutocomplete(false);
+    };
+    const selectedFiles = field.value || [];
+    return (_jsxs("box", { flexDirection: 'column', children: [_jsx(WithLeftBorder, { withDiamond: true, isFocused: isFocused, children: _jsx("text", { fg: Theme.text, onMouseDown: () => {
+                        setFocusedField(props.id);
+                    }, children: props.title || 'File Path' }) }), _jsx(WithLeftBorder, { isFocused: isFocused, children: _jsxs("box", { flexDirection: 'column', ref: anchorRef, children: [_jsx("input", { ref: inputRef, value: inputValue, placeholder: props.placeholder || 'Enter file path...', focused: isFocused, onMouseDown: () => setFocusedField(props.id), onInput: (value) => setInputValue(value) }), selectedFiles.length > 0 && (_jsxs("box", { flexDirection: 'column', marginTop: 1, children: [_jsx("text", { fg: Theme.textMuted, children: "Selected files:" }), selectedFiles.map((file, index) => (_jsxs("text", { fg: Theme.text, children: ["\u2022 ", file] }, index)))] }))] }) }), (fieldState.error || props.error) && (_jsx(WithLeftBorder, { isFocused: isFocused, children: _jsx("text", { fg: Theme.error, children: fieldState.error?.message || props.error }) })), props.info && (_jsx(WithLeftBorder, { isFocused: isFocused, children: _jsx("text", { fg: Theme.textMuted, children: props.info }) })), _jsx(FileAutocomplete, { value: inputValue, onChange: (newValue) => {
+                    setInputValue(newValue);
+                    // Move cursor to end when value changes
+                    if (inputRef.current) {
+                        inputRef.current.cursorPosition = newValue.length;
+                    }
+                }, onSelect: handleSelectFile, visible: showAutocomplete, onVisibilityChange: setShowAutocomplete, inputRef: inputRef, anchorRef: anchorRef })] }));
+};
+export const FilePicker = (props) => {
+    const { control, getValues } = useFormContext();
+    const { focusedField, setFocusedField } = useFocusContext();
+    const isFocused = focusedField === props.id;
+    const isInFocus = useIsInFocus();
+    const handleNavigateUp = () => {
+        // Find previous field and focus it
+        const fieldNames = Object.keys(getValues());
+        const currentIndex = fieldNames.indexOf(props.id);
+        if (currentIndex > 0) {
+            setFocusedField(fieldNames[currentIndex - 1]);
+        }
+        else {
+            setFocusedField(fieldNames[fieldNames.length - 1]);
+        }
+    };
+    const handleNavigateDown = () => {
+        // Find next field and focus it
+        const fieldNames = Object.keys(getValues());
+        const currentIndex = fieldNames.indexOf(props.id);
+        if (currentIndex < fieldNames.length - 1) {
+            setFocusedField(fieldNames[currentIndex + 1]);
+        }
+        else {
+            setFocusedField(fieldNames[0]);
+        }
+    };
+    // Handle keyboard navigation
+    useKeyboard((evt) => {
+        if (!isFocused || !isInFocus)
+            return;
+        if (evt.name === 'tab') {
+            if (evt.shift) {
+                handleNavigateUp();
+            }
+            else {
+                handleNavigateDown();
+            }
+        }
+    });
+    return (_jsx(Controller, { name: props.id, control: control, defaultValue: props.defaultValue || props.value || [], render: (renderProps) => {
+            return (_jsx(FilePickerField, { ...renderProps, props: props, isFocused: isFocused, setFocusedField: setFocusedField }));
+        } }));
+};
+//# sourceMappingURL=file-picker.js.map

package/dist/components/form/file-picker.js.map

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

package/dist/components/form/form-end.d.ts

@@ -0,0 +1,2 @@
+export declare const FormEnd: () => any;
+//# sourceMappingURL=form-end.d.ts.map

package/dist/components/form/form-end.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-end.d.ts","sourceRoot":"","sources":["../../../src/components/form/form-end.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO,QAAO,GAE1B,CAAA"}

package/dist/components/form/form-end.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "@opentui/react/jsx-runtime";
+import { Theme } from '@termcast/cli/src/theme';
+export const FormEnd = () => {
+    return _jsx("text", { fg: Theme.text, children: "\u2514" });
+};
+//# sourceMappingURL=form-end.js.map

package/dist/components/form/form-end.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-end.js","sourceRoot":"","sources":["../../../src/components/form/form-end.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAA;AAE/C,MAAM,CAAC,MAAM,OAAO,GAAG,GAAQ,EAAE;IAC/B,OAAO,eAAM,EAAE,EAAE,KAAK,CAAC,IAAI,uBAAU,CAAA;AACvC,CAAC,CAAA"}

package/dist/components/form/form-type-only.d.ts

@@ -0,0 +1,174 @@
+import React from 'react';
+import { FormEvent, FormEventType, FormItemRef, FormValue_2, FormValues_2, FormProps_2, FormItemProps_2 } from './types';
+import type { TextFieldProps, TextFieldRef } from './text-field';
+import type { PasswordFieldProps, PasswordFieldRef } from './password-field';
+import type { TextAreaProps, TextAreaRef } from './text-area';
+import type { CheckboxProps, CheckboxRef } from './checkbox';
+import type { DropdownProps, DropdownRef, DropdownItemProps, DropdownSectionProps } from './dropdown';
+import type { DatePickerProps, DatePickerRef, DatePickerType as DatePickerEnum } from './date-picker';
+import type { TagPickerType } from './tagpicker';
+import type { DescriptionProps } from './description';
+import type { FilePickerProps, FilePickerRef } from './file-picker';
+interface LinkAccessoryProps {
+    text: string;
+    url: string;
+}
+export declare namespace Form {
+    type ItemProps<T extends FormValue_2> = FormItemProps_2<T>;
+    type Value = FormValue_2;
+    type Values = FormValues_2;
+    type Props = FormProps_2 & {
+        searchBarAccessory?: React.ReactElement<LinkAccessoryProps> | undefined | null;
+    };
+    type ItemReference = FormItemRef;
+    /**
+     * An interface describing event in callbacks {@link Form.Item.Props.onFocus} and {@link Form.Item.Props.onBlur}
+     */
+    type Event<T extends FormValue_2> = FormEvent<T>;
+    namespace Event {
+        /**
+         * Types of Form event {@link Form.Event}
+         * * `focus` - the type will be returned for the event of {@link Form.Item.Props.onFocus} callback
+         * * `blur` - the type will be returned for the event of {@link Form.Item.Props.onBlur} callback
+         */
+        type Type = FormEventType;
+    }
+    /**
+     * A Ref Type for the {@link Form.TextField}.
+     * Use refs to control your Form by calling `Form.TextField.focus()` or `Form.TextField.reset()` functions.
+     */
+    type TextField = TextFieldRef;
+    namespace TextField {
+        /**
+         * Props of the {@link Form.TextField} React component.
+         */
+        type Props = TextFieldProps;
+    }
+    /**
+     * A Ref Type for the {@link Form.PasswordField}.
+     * Use refs to control your Form by calling `Form.PasswordField.focus()` or `Form.PasswordField.reset()` functions.
+     */
+    type PasswordField = PasswordFieldRef;
+    namespace PasswordField {
+        /**
+         * Props of the {@link Form.PasswordField} React component.
+         */
+        type Props = PasswordFieldProps;
+    }
+    /**
+     * A Ref Type for the {@link Form.TextArea}.
+     * Use refs to control your Form by calling `Form.TextArea.focus()` or `Form.TextArea.reset()` functions.
+     */
+    type TextArea = TextAreaRef;
+    namespace TextArea {
+        /**
+         * Props of the {@link Form.TextArea} React component.
+         */
+        type Props = TextAreaProps;
+    }
+    /**
+     * A Ref Type for the {@link Form.Checkbox}.
+     * Use refs to control your Form by calling `Form.Checkbox.focus()` or `Form.Checkbox.reset()` functions.
+     */
+    type Checkbox = CheckboxRef;
+    namespace Checkbox {
+        /**
+         * Props of the {@link Form.Checkbox} React component.
+         */
+        type Props = CheckboxProps;
+    }
+    /**
+     * A Ref Type for the {@link Form.Dropdown}.
+     * Use refs to control your Form by calling `Form.Dropdown.focus()` or `Form.Dropdown.reset()` functions.
+     */
+    type Dropdown = DropdownRef;
+    namespace Dropdown {
+        /**
+         * Props of the {@link Form.Dropdown} React component.
+         */
+        type Props = DropdownProps;
+        namespace Item {
+            /**
+             * Props of the {@link Form.Dropdown.Item} React component.
+             */
+            type Props = DropdownItemProps;
+        }
+        namespace Section {
+            /**
+             * Props of the {@link Form.Dropdown.Section} React component.
+             */
+            type Props = DropdownSectionProps;
+        }
+    }
+    /**
+     * A Ref Type for the {@link Form.DatePicker}.
+     * Use refs to control your Form by calling `Form.DatePicker.focus()` or `Form.DatePicker.reset()` functions.
+     */
+    type DatePicker = DatePickerRef;
+    namespace DatePicker {
+        /**
+         * Props of the {@link Form.DatePicker} React component.
+         */
+        type Props = DatePickerProps;
+        /**
+         * The types of date components the user can pick with {@link Form.DatePicker}.
+         */
+        type Type = DatePickerEnum;
+    }
+    namespace TagPicker {
+    }
+    /**
+     * A Ref Type for the {@link Form.FilePicker}.
+     * Use refs to control your Form by calling `Form.FilePicker.focus()` or `Form.FilePicker.reset()` functions.
+     */
+    type FilePicker = FilePickerRef;
+    namespace FilePicker {
+        /**
+         * Props of the {@link Form.FilePicker} React component.
+         */
+        type Props = FilePickerProps;
+    }
+    namespace Separator {
+        /**
+         * Props of the {@link Form.Separator} React component.
+         */
+        interface Props {
+        }
+    }
+    namespace Description {
+        /**
+         * Props of the {@link Form.Description} React component.
+         */
+        type Props = DescriptionProps;
+    }
+    namespace LinkAccessory {
+        /**
+         * Props of the {@link Form.LinkAccessory} React component.
+         */
+        type Props = LinkAccessoryProps;
+    }
+}
+interface FormType {
+    (props: Form.Props): any;
+    TextField: React.ForwardRefExoticComponent<Form.TextField.Props & React.RefAttributes<Form.TextField>>;
+    PasswordField: React.ForwardRefExoticComponent<Form.PasswordField.Props & React.RefAttributes<Form.PasswordField>>;
+    TextArea: React.ForwardRefExoticComponent<Form.TextArea.Props & React.RefAttributes<Form.TextArea>>;
+    Checkbox: React.ForwardRefExoticComponent<Form.Checkbox.Props & React.RefAttributes<Form.Checkbox>>;
+    Dropdown: {
+        (props: Form.Dropdown.Props): any;
+        Item: (props: Form.Dropdown.Item.Props) => any;
+        Section: (props: Form.Dropdown.Section.Props) => any;
+    };
+    DatePicker: {
+        (props: Form.DatePicker.Props): any;
+        Type: typeof DatePickerEnum;
+    };
+    TagPicker: TagPickerType;
+    FilePicker: React.ForwardRefExoticComponent<Form.FilePicker.Props & React.RefAttributes<Form.FilePicker>>;
+    Separator: (props: Form.Separator.Props) => any;
+    Description: (props: Form.Description.Props) => any;
+    LinkAccessory: (props: Form.LinkAccessory.Props) => any;
+}
+export declare const Form: FormType;
+export {};
+//# sourceMappingURL=form-type-only.d.ts.map

package/dist/components/form/form-type-only.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-type-only.d.ts","sourceRoot":"","sources":["../../../src/components/form/form-type-only.tsx"],"names":[],"mappings":"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"}

package/dist/components/form/form-type-only.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=form-type-only.js.map

package/dist/components/form/form-type-only.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-type-only.js","sourceRoot":"","sources":["../../../src/components/form/form-type-only.tsx"],"names":[],"mappings":""}

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

@@ -0,0 +1,46 @@
+import React from 'react';
+import { FormValues, FormProps } from './types';
+export * from './types';
+export { useFormContext } from 'react-hook-form';
+interface FocusContextValue {
+    focusedField: string | null;
+    setFocusedField: (id: string | null) => void;
+}
+export declare const useFocusContext: () => FocusContextValue;
+interface FormSubmitContextValue {
+    getFormValues: () => FormValues;
+}
+export declare const useFormSubmit: () => FormSubmitContextValue | null;
+import type { TextFieldProps, TextFieldRef } from './text-field';
+import type { PasswordFieldProps, PasswordFieldRef } from './password-field';
+import type { TextAreaProps, TextAreaRef } from './text-area';
+import type { CheckboxProps, CheckboxRef } from './checkbox';
+import type { DropdownProps, DropdownItemProps, DropdownSectionProps } from './dropdown';
+import type { DatePickerProps, DatePickerType as DatePickerEnum } from './date-picker';
+import type { TagPickerType } from './tagpicker';
+import type { DescriptionProps } from './description';
+import type { FilePickerProps } from './file-picker';
+interface DropdownType {
+    (props: DropdownProps): any;
+    Item: (props: DropdownItemProps) => any;
+    Section: (props: DropdownSectionProps) => any;
+}
+interface DatePickerComponentType {
+    (props: DatePickerProps): any;
+    Type: typeof DatePickerEnum;
+}
+interface FormType {
+    (props: FormProps): any;
+    TextField: React.ForwardRefExoticComponent<TextFieldProps & React.RefAttributes<TextFieldRef>>;
+    PasswordField: React.ForwardRefExoticComponent<PasswordFieldProps & React.RefAttributes<PasswordFieldRef>>;
+    TextArea: React.ForwardRefExoticComponent<TextAreaProps & React.RefAttributes<TextAreaRef>>;
+    Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<CheckboxRef>>;
+    Dropdown: DropdownType;
+    DatePicker: DatePickerComponentType;
+    TagPicker: TagPickerType;
+    FilePicker: (props: FilePickerProps) => any;
+    Separator: () => any;
+    Description: (props: DescriptionProps) => any;
+}
+export declare const Form: FormType;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/form/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyD,MAAM,OAAO,CAAA;AAU7E,OAAO,EACL,UAAU,EACV,SAAS,EASV,MAAM,SAAS,CAAA;AAEhB,cAAc,SAAS,CAAA;AACvB,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAGhD,UAAU,iBAAiB;IACzB,YAAY,EAAE,MAAM,GAAG,IAAI,CAAA;IAC3B,eAAe,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;CAC7C;AAID,eAAO,MAAM,eAAe,yBAM3B,CAAA;AAGD,UAAU,sBAAsB;IAC9B,aAAa,EAAE,MAAM,UAAU,CAAA;CAChC;AAID,eAAO,MAAM,aAAa,qCAGzB,CAAA;AAiDD,OAAO,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,cAAc,CAAA;AAChE,OAAO,KAAK,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAA;AAC5E,OAAO,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAC7D,OAAO,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AAC5D,OAAO,KAAK,EACV,aAAa,EAEb,iBAAiB,EACjB,oBAAoB,EACrB,MAAM,YAAY,CAAA;AACnB,OAAO,KAAK,EACV,eAAe,EAEf,cAAc,IAAI,cAAc,EACjC,MAAM,eAAe,CAAA;AACtB,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAChD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AACrD,OAAO,KAAK,EAAE,eAAe,EAAiB,MAAM,eAAe,CAAA;AAEnE,UAAU,YAAY;IACpB,CAAC,KAAK,EAAE,aAAa,GAAG,GAAG,CAAA;IAC3B,IAAI,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,GAAG,CAAA;IACvC,OAAO,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,GAAG,CAAA;CAC9C;AAED,UAAU,uBAAuB;IAC/B,CAAC,KAAK,EAAE,eAAe,GAAG,GAAG,CAAA;IAC7B,IAAI,EAAE,OAAO,cAAc,CAAA;CAC5B;AAED,UAAU,QAAQ;IAChB,CAAC,KAAK,EAAE,SAAS,GAAG,GAAG,CAAA;IACvB,SAAS,EAAE,KAAK,CAAC,yBAAyB,CACxC,cAAc,GAAG,KAAK,CAAC,aAAa,CAAC,YAAY,CAAC,CACnD,CAAA;IACD,aAAa,EAAE,KAAK,CAAC,yBAAyB,CAC5C,kBAAkB,GAAG,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAC3D,CAAA;IACD,QAAQ,EAAE,KAAK,CAAC,yBAAyB,CACvC,aAAa,GAAG,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CACjD,CAAA;IACD,QAAQ,EAAE,KAAK,CAAC,yBAAyB,CACvC,aAAa,GAAG,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CACjD,CAAA;IACD,QAAQ,EAAE,YAAY,CAAA;IACtB,UAAU,EAAE,uBAAuB,CAAA;IACnC,SAAS,EAAE,aAAa,CAAA;IACxB,UAAU,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,GAAG,CAAA;IAC3C,SAAS,EAAE,MAAM,GAAG,CAAA;IACpB,WAAW,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,GAAG,CAAA;CAC9C;AAED,eAAO,MAAM,IAAI,EAAE,QAgEL,CAAA"}

package/dist/components/form/index.js

@@ -0,0 +1,106 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@opentui/react/jsx-runtime";
+import { useState, createContext, useContext, useEffect } from 'react';
+import { useKeyboard } from '@opentui/react';
+import { useForm, FormProvider } from 'react-hook-form';
+import { logger } from '@termcast/cli/src/logger';
+import { useIsInFocus } from '@termcast/cli/src/internal/focus-context';
+import { useDialog } from '@termcast/cli/src/internal/dialog';
+import { Theme } from '@termcast/cli/src/theme';
+import { TextAttributes } from '@opentui/core';
+import { useStore } from '@termcast/cli/src/state';
+export * from './types';
+export { useFormContext } from 'react-hook-form';
+const FocusContext = createContext(null);
+export const useFocusContext = () => {
+    const context = useContext(FocusContext);
+    if (!context) {
+        throw new Error('Form components must be used within a Form');
+    }
+    return context;
+};
+const FormSubmitContext = createContext(null);
+export const useFormSubmit = () => {
+    const context = useContext(FormSubmitContext);
+    return context; // Can be null if not in a form
+};
+// Footer component to show keyboard shortcuts
+function FormFooter() {
+    const toast = useStore((state) => state.toast);
+    if (toast) {
+        return (_jsx("box", { border: false, style: {
+                paddingLeft: 1,
+                paddingRight: 1,
+                paddingTop: 1,
+                marginTop: 1,
+            }, children: toast }));
+    }
+    return (_jsxs("box", { border: false, style: {
+            paddingLeft: 1,
+            paddingRight: 1,
+            paddingTop: 1,
+            marginTop: 1,
+            flexDirection: 'row',
+        }, children: [_jsx("text", { fg: Theme.text, attributes: TextAttributes.BOLD, children: "\u21B5" }), _jsx("text", { fg: Theme.textMuted, children: " submit" }), _jsxs("text", { fg: Theme.text, attributes: TextAttributes.BOLD, children: ['   ', "\u2191\u2193"] }), _jsx("text", { fg: Theme.textMuted, children: " navigate" }), _jsxs("text", { fg: Theme.text, attributes: TextAttributes.BOLD, children: ['   ', "^k"] }), _jsx("text", { fg: Theme.textMuted, children: " actions" })] }));
+}
+export const Form = ((props) => {
+    const methods = useForm({
+    // defaultValues: {},
+    // mode: 'onChange',
+    });
+    const [focusedField, setFocusedField] = useState(null);
+    // Auto-focus first field on mount
+    useEffect(() => {
+        const fieldNames = Object.keys(methods.getValues());
+        if (fieldNames.length > 0) {
+            logger.log(`focusing `, fieldNames[0]);
+            setFocusedField(fieldNames[0]);
+        }
+        else {
+            logger.log(`no fields to focus in form`);
+        }
+    }, []);
+    // Get focus state and dialog
+    const inFocus = useIsInFocus();
+    const dialog = useDialog();
+    // Handle action key navigation only
+    useKeyboard((evt) => {
+        // Only handle keyboard events when form is in focus
+        if (!inFocus)
+            return;
+        if (evt.name === 'k' && evt.ctrl && props.actions) {
+            // Ctrl+K shows actions
+            dialog.push(_jsx(FormSubmitContext.Provider, { value: submitContextValue, children: props.actions }), 'bottom-right');
+        }
+        else if (evt.name === 'return' && evt.meta && props.actions) {
+            // Cmd+Return also shows actions (consistent with List)
+            dialog.push(_jsx(FormSubmitContext.Provider, { value: submitContextValue, children: props.actions }), 'bottom-right');
+        }
+    });
+    const submitContextValue = {
+        getFormValues: () => methods.getValues(),
+    };
+    return (_jsx(FormProvider, { ...methods, children: _jsx(FormSubmitContext.Provider, { value: submitContextValue, children: _jsx(FocusContext.Provider, { value: { focusedField, setFocusedField }, children: _jsxs("box", { flexDirection: 'column', children: [props.children, _jsx(FormEnd, {}), _jsx(FormFooter, {})] }) }) }) }));
+});
+// Import and assign components after Form is defined
+import { TextField } from './text-field';
+import { PasswordField } from './password-field';
+import { TextArea } from './text-area';
+import { Checkbox } from './checkbox';
+import { Dropdown } from './dropdown';
+import { DatePicker } from './date-picker';
+import { TagPicker } from './tagpicker';
+import { Separator } from './separator';
+import { Description } from './description';
+import { FormEnd } from './form-end';
+import { FilePicker } from './file-picker';
+Form.TextField = TextField;
+Form.PasswordField = PasswordField;
+Form.TextArea = TextArea;
+Form.Checkbox = Checkbox;
+Form.Dropdown = Dropdown;
+Form.DatePicker = DatePicker;
+Form.TagPicker = TagPicker;
+Form.FilePicker = FilePicker;
+Form.Separator = Separator;
+Form.Description = Description;
+//# sourceMappingURL=index.js.map

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

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

package/dist/components/form/password-field.d.ts

@@ -0,0 +1,7 @@
+import { FormItemProps, FormItemRef } from './types';
+export interface PasswordFieldProps extends FormItemProps<string> {
+    placeholder?: string;
+}
+export type PasswordFieldRef = FormItemRef;
+export declare const PasswordField: (props: PasswordFieldProps) => any;
+//# sourceMappingURL=password-field.d.ts.map

package/dist/components/form/password-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"password-field.d.ts","sourceRoot":"","sources":["../../../src/components/form/password-field.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAMpD,MAAM,WAAW,kBAAmB,SAAQ,aAAa,CAAC,MAAM,CAAC;IAC/D,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,MAAM,MAAM,gBAAgB,GAAG,WAAW,CAAA;AAE1C,eAAO,MAAM,aAAa,GAAI,OAAO,kBAAkB,KAAG,GAsEzD,CAAA"}

package/dist/components/form/password-field.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@opentui/react/jsx-runtime";
+import { useFormContext, Controller } from 'react-hook-form';
+import { useFocusContext } from './index';
+import { Theme } from '@termcast/cli/src/theme';
+import { WithLeftBorder } from './with-left-border';
+import { useFormNavigation } from './use-form-navigation';
+export const PasswordField = (props) => {
+    const { control } = useFormContext();
+    const { focusedField, setFocusedField } = useFocusContext();
+    const isFocused = focusedField === props.id;
+    // Use form navigation hook
+    useFormNavigation(props.id);
+    return (_jsx(Controller, { name: props.id, control: control, defaultValue: props.defaultValue || props.value || '', render: ({ field, fieldState, formState }) => {
+            // Always show masked value when not focused
+            const displayValue = isFocused
+                ? field.value
+                : '*'.repeat(field.value.length);
+            return (_jsxs("box", { flexDirection: 'column', children: [_jsx(WithLeftBorder, { withDiamond: true, isFocused: isFocused, children: _jsx("text", { fg: Theme.text, onMouseDown: () => {
+                                setFocusedField(props.id);
+                            }, children: props.title }) }), _jsx(WithLeftBorder, { isFocused: isFocused, children: _jsx("input", { value: displayValue, onInput: (value) => {
+                                // Ignore masked input (all asterisks) when not focused
+                                if (isFocused &&
+                                    !(/^\*+$/.test(value) && !field.value.startsWith('*'))) {
+                                    field.onChange(value);
+                                    if (props.onChange) {
+                                        props.onChange(value);
+                                    }
+                                }
+                            }, placeholder: props.placeholder, focused: isFocused, onMouseDown: () => {
+                                setFocusedField(props.id);
+                            } }) }), (fieldState.error || props.error) && (_jsx(WithLeftBorder, { isFocused: isFocused, children: _jsx("text", { fg: Theme.error, children: fieldState.error?.message || props.error }) })), props.info && (_jsx(WithLeftBorder, { isFocused: isFocused, children: _jsx("text", { fg: Theme.textMuted, children: props.info }) }))] }));
+        } }));
+};
+//# sourceMappingURL=password-field.js.map

package/dist/components/form/password-field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"password-field.js","sourceRoot":"","sources":["../../../src/components/form/password-field.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAC5D,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAGzC,OAAO,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAA;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAA;AACnD,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAA;AAQzD,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,KAAyB,EAAO,EAAE;IAC9D,MAAM,EAAE,OAAO,EAAE,GAAG,cAAc,EAAE,CAAA;IACpC,MAAM,EAAE,YAAY,EAAE,eAAe,EAAE,GAAG,eAAe,EAAE,CAAA;IAC3D,MAAM,SAAS,GAAG,YAAY,KAAK,KAAK,CAAC,EAAE,CAAA;IAE3C,2BAA2B;IAC3B,iBAAiB,CAAC,KAAK,CAAC,EAAE,CAAC,CAAA;IAE3B,OAAO,CACL,KAAC,UAAU,IACT,IAAI,EAAE,KAAK,CAAC,EAAE,EACd,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,KAAK,CAAC,YAAY,IAAI,KAAK,CAAC,KAAK,IAAI,EAAE,EACrD,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,EAAE,EAAE;YAC3C,4CAA4C;YAC5C,MAAM,YAAY,GAAG,SAAS;gBAC5B,CAAC,CAAC,KAAK,CAAC,KAAK;gBACb,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,CAAA;YAElC,OAAO,CACL,eAAK,aAAa,EAAC,QAAQ,aACzB,KAAC,cAAc,IAAC,WAAW,QAAC,SAAS,EAAE,SAAS,YAC9C,eACE,EAAE,EAAE,KAAK,CAAC,IAAI,EACd,WAAW,EAAE,GAAG,EAAE;gCAChB,eAAe,CAAC,KAAK,CAAC,EAAE,CAAC,CAAA;4BAC3B,CAAC,YAEA,KAAK,CAAC,KAAK,GACP,GACQ,EACjB,KAAC,cAAc,IAAC,SAAS,EAAE,SAAS,YAClC,gBACE,KAAK,EAAE,YAAY,EACnB,OAAO,EAAE,CAAC,KAAa,EAAE,EAAE;gCACzB,uDAAuD;gCACvD,IACE,SAAS;oCACT,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,EACtD,CAAC;oCACD,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;oCACrB,IAAI,KAAK,CAAC,QAAQ,EAAE,CAAC;wCACnB,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;oCACvB,CAAC;gCACH,CAAC;4BACH,CAAC,EACD,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,OAAO,EAAE,SAAS,EAClB,WAAW,EAAE,GAAG,EAAE;gCAChB,eAAe,CAAC,KAAK,CAAC,EAAE,CAAC,CAAA;4BAC3B,CAAC,GACD,GACa,EAChB,CAAC,UAAU,CAAC,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,IAAI,CACpC,KAAC,cAAc,IAAC,SAAS,EAAE,SAAS,YAClC,eAAM,EAAE,EAAE,KAAK,CAAC,KAAK,YAClB,UAAU,CAAC,KAAK,EAAE,OAAO,IAAI,KAAK,CAAC,KAAK,GACpC,GACQ,CAClB,EACA,KAAK,CAAC,IAAI,IAAI,CACb,KAAC,cAAc,IAAC,SAAS,EAAE,SAAS,YAClC,eAAM,EAAE,EAAE,KAAK,CAAC,SAAS,YAAG,KAAK,CAAC,IAAI,GAAQ,GAC/B,CAClB,IACG,CACe,CAAA;QACzB,CAAC,GACD,CACH,CAAA;AACH,CAAC,CAAA"}

package/dist/components/form/separator.d.ts

@@ -0,0 +1,2 @@
+export declare const Separator: () => any;
+//# sourceMappingURL=separator.d.ts.map

package/dist/components/form/separator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"separator.d.ts","sourceRoot":"","sources":["../../../src/components/form/separator.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,SAAS,QAAO,GAU5B,CAAA"}

package/dist/components/form/separator.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "@opentui/react/jsx-runtime";
+import { Theme } from '@termcast/cli/src/theme';
+import { WithLeftBorder } from './with-left-border';
+export const Separator = () => {
+    return null;
+    return (_jsxs(_Fragment, { children: [_jsx(WithLeftBorder, { withDiamond: true, isFocused: false, children: _jsx("text", { fg: Theme.border, children: ''.repeat(40) }) }), "|"] }));
+};
+//# sourceMappingURL=separator.js.map

package/dist/components/form/separator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"separator.js","sourceRoot":"","sources":["../../../src/components/form/separator.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAA;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAA;AAEnD,MAAM,CAAC,MAAM,SAAS,GAAG,GAAQ,EAAE;IACjC,OAAO,IAAI,CAAA;IACX,OAAO,CACL,8BACE,KAAC,cAAc,IAAC,WAAW,QAAC,SAAS,EAAE,KAAK,YAC1C,eAAM,EAAE,EAAE,KAAK,CAAC,MAAM,YAAG,EAAE,CAAC,MAAM,CAAC,EAAE,CAAC,GAAQ,GAC/B,SAEhB,CACJ,CAAA;AACH,CAAC,CAAA"}