import type { XScalarEnvironment } from '@scalar/workspace-store/schemas/extensions/document/x-scalar-environments';
import type { ClientLayout } from '../../../v2/types/layout';
import type { CodeInputModelValue } from './CodeInput.vue.js';
/**
 * CodeInputLite
 *
 * Single-line `contenteditable` editor that renders `{{varname}}` as atomic
 * pill spans (`contenteditable="false"`) and offers an env-variable
 * autocomplete on `{{`. The value is still exposed as a `{{name}}`-bearing
 * string via `update:modelValue`; DOM ↔ model conversion lives in
 * `renderModel` and `serializeEditor`.
 */
declare const _default: typeof __VLS_export;
export default _default;
declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
    modelValue: CodeInputModelValue;
    /** Environment for variable substitution. Pass undefined to disable env vars */
    environment: XScalarEnvironment | undefined;
    /** Render as a non-interactive read-only label */
    disabled?: boolean;
    /** Render the input with the native `readonly` attribute (still focusable, no edits) */
    readOnly?: boolean;
    /** Show error styling */
    error?: boolean;
    /** Layout context affects styling and dropdown visibility */
    layout?: ClientLayout;
    /** Placeholder text for an empty input */
    placeholder?: string;
    /** Show required indicator */
    required?: boolean;
    /** Emit submit on blur */
    emitOnBlur?: boolean;
    /** Render variable pills + show the autocomplete dropdown */
    withVariables?: boolean;
    /** Include `{{$guid}}` etc. in the autocomplete dropdown */
    withFakeData?: boolean;
    /** Always emit change events even if the value is unchanged */
    alwaysEmitChange?: boolean;
    /** Strike-through styling for the input text (e.g. overridden values) */
    linethrough?: boolean;
    /** Schema type — drives boolean select mode when `boolean` is included */
    type?: string | string[];
    /** Predefined enum values; when set the input is replaced by a select */
    enum?: string[];
    /** Example values; when set (and no enum/boolean) the input is replaced by a select */
    examples?: string[];
    /** Default value to suggest in select modes */
    default?: CodeInputModelValue;
    /** Whether the boolean select includes a `null` option */
    nullable?: boolean;
}, {
    /** Focus the editor. `position` controls caret placement. */
    focus: (position?: "start" | "end" | number) => void;
    /** Replace the current value programmatically and re-render the pills. */
    setContent: (next?: string) => void;
    /** Read the current value as a `{{name}}`-bearing string. */
    getValue: () => string;
    /** Caret offset in the model string. */
    cursorPosition: () => number | undefined;
    isFocused: import("vue").Ref<boolean, boolean>;
    editorRef: Readonly<import("vue").ShallowRef<HTMLDivElement | null>>;
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
    submit: (value: string, event: KeyboardEvent | FocusEvent) => any;
    navigate: (route: {
        page: "document";
        path: "environment";
    }) => any;
    "update:modelValue": (value: string) => any;
    blur: (value: string, event: FocusEvent) => any;
}, string, import("vue").PublicProps, Readonly<{
    modelValue: CodeInputModelValue;
    /** Environment for variable substitution. Pass undefined to disable env vars */
    environment: XScalarEnvironment | undefined;
    /** Render as a non-interactive read-only label */
    disabled?: boolean;
    /** Render the input with the native `readonly` attribute (still focusable, no edits) */
    readOnly?: boolean;
    /** Show error styling */
    error?: boolean;
    /** Layout context affects styling and dropdown visibility */
    layout?: ClientLayout;
    /** Placeholder text for an empty input */
    placeholder?: string;
    /** Show required indicator */
    required?: boolean;
    /** Emit submit on blur */
    emitOnBlur?: boolean;
    /** Render variable pills + show the autocomplete dropdown */
    withVariables?: boolean;
    /** Include `{{$guid}}` etc. in the autocomplete dropdown */
    withFakeData?: boolean;
    /** Always emit change events even if the value is unchanged */
    alwaysEmitChange?: boolean;
    /** Strike-through styling for the input text (e.g. overridden values) */
    linethrough?: boolean;
    /** Schema type — drives boolean select mode when `boolean` is included */
    type?: string | string[];
    /** Predefined enum values; when set the input is replaced by a select */
    enum?: string[];
    /** Example values; when set (and no enum/boolean) the input is replaced by a select */
    examples?: string[];
    /** Default value to suggest in select modes */
    default?: CodeInputModelValue;
    /** Whether the boolean select includes a `null` option */
    nullable?: boolean;
}> & Readonly<{
    onSubmit?: ((value: string, event: KeyboardEvent | FocusEvent) => any) | undefined;
    onNavigate?: ((route: {
        page: "document";
        path: "environment";
    }) => any) | undefined;
    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
    onBlur?: ((value: string, event: FocusEvent) => any) | undefined;
}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
    warning?: (props: {}) => any;
} & {
    icon?: (props: {}) => any;
}>;
type __VLS_WithSlots<T, S> = T & {
    new (): {
        $slots: S;
    };
};
//# sourceMappingURL=CodeInputLite.vue.d.ts.map