import { type Component } from 'svelte';
import type { InspectValuesOptions } from './types.js';
/**
 * Utility-type used to enhance `Inspect.Values` with {@linkcode Configurable.withOptions} and chainable inline configuration.
 */
export type Configurable<TComponent = Component> = TComponent & {
    /**
     * Configure `Inspect.Values` or other variants created with `withOptions` or {@linkcode configured}
     *
     * The component will also inherit options set with `setGlobalInspectOptions` or `InspectOptionsProvider`.
     *
     * "Global" options will be overriden by options passed to this method.
     *
     * @example
     * ```svelte
     * <script>
     *  import Inspect from 'svelte-inspect-value'
     *
     *  const InspectValues = Inspect.withOptions(() => ({ theme: 'plain', showPreview: false }))
     *  const Ins = InspectValues.withOptions(() => ({ showTypes: false })) // inherits from InspectValues
     *
     *  let str = 'hi'
     *  let obj = {}
     * </script>
     *
     * <InspectValues {str} {obj} arr={[1,2,3]} />
     * ```
     */
    withOptions: (options: InspectValuesOptions) => Configurable<TComponent>;
    /** Initially expand all nodes (max 30) */
    ExpandAll: Configurable<TComponent>;
    /** Set initial expand depth to 0 */
    Expand0: Configurable<TComponent>;
    /** Set initial expand depth to 1 */
    Expand1: Configurable<TComponent>;
    /** Set initial expand depth to 2 */
    Expand2: Configurable<TComponent>;
    /** Set initial expand depth to 3 */
    Expand3: Configurable<TComponent>;
    /** Set initial expand depth to 4 */
    Expand4: Configurable<TComponent>;
    /** Set initial expand depth to 5 */
    Expand5: Configurable<TComponent>;
    /** Set initial expand depth to 6 */
    Expand6: Configurable<TComponent>;
    /** Set initial expand depth to 7 */
    Expand7: Configurable<TComponent>;
    /** Set initial expand depth to 8 */
    Expand8: Configurable<TComponent>;
    /** Set initial expand depth to 9 */
    Expand9: Configurable<TComponent>;
    /** Set initial expand depth to 10 */
    Expand10: Configurable<TComponent>;
    /**
     * Use chainable inline configuration in a template.
     * Complete configuration and return component with `Ok`
     *
     * Will override global options and options passed with `withOptions`
     *
     * @example
     * ```svelte
     * <script>
     *  import Inspect from 'svelte-inspect-value'
     *  import data from './data.js'
     * </script>
     *
     * <Inspect.Values.Expand0.Config.Borderless.DoubleQuotes.DarkTheme.Ok
     *  {data}
     * />
     * ```
     */
    Config: InlineConfig<TComponent>;
};
/**
 * @inline
 *
 * Use chainable inline configuration in a template.
 * Complete configuration and return component with `Ok`
 *
 * Will override global options and options passed with `withOptions`
 *
 * @see {@link inlineConfigProperties}
 *
 * @example
 * ```svelte
 * <script>
 *  import Inspect from 'svelte-inspect-value'
 *  import data from './data.js'
 * </script>
 *
 * <Inspect.Values.Expand0.Config.Borderless.DoubleQuotes.DarkTheme.Ok
 *  {data}
 * />
 * ```
 */
export type InlineConfig<T = Component> = {
    [key in keyof typeof inlineConfigProperties]: InlineConfig<T>;
} & {
    /**
     * Finish inline configuration and return component
     */
    Ok: Configurable<T>;
};
export declare const inlineConfigProperties: {
    readonly DarkTheme: {
        readonly theme: "dark";
    };
    readonly LightTheme: {
        readonly theme: "light";
    };
    readonly DrakTheme: {
        readonly theme: "drak";
    };
    readonly StereoTheme: {
        readonly theme: "stereo";
    };
    readonly DefaultTheme: {
        readonly theme: "inspect";
    };
    readonly PlainTheme: {
        readonly theme: "plain";
    };
    /** Render with no background color or border */
    readonly Borderless: {
        readonly borderless: true;
    };
    /** Render with background color or border */
    readonly Border: {
        readonly borderless: false;
    };
    /** Disable animations */
    readonly NoAnimate: {
        readonly noanimate: true;
    };
    /** Enable animations */
    readonly Animate: {
        readonly noanimate: false;
    };
    /** Initially expand all props */
    readonly ExpandAll: {
        readonly expandAll: true;
    };
    /** Disable row tools */
    readonly NoTools: {
        readonly showTools: false;
    };
    /** Enable row tools */
    readonly ShowTools: {
        readonly showTools: true;
    };
    /** Disable display of counts of object entries, array items, string lengths etc.  */
    readonly NoLength: {
        readonly showLength: false;
    };
    /** Enable display of counts of object entries, array items, string lengths etc.  */
    readonly ShowLength: {
        readonly showLength: false;
    };
    /** Disable display of types of values */
    readonly NoTypes: {
        readonly showTypes: false;
    };
    /** Enable display of types of values */
    readonly ShowTypes: {
        readonly showTypes: false;
    };
    /** Disable preview of nested values */
    readonly NoPreview: {
        readonly showPreview: false;
    };
    /** Enable preview of nested values */
    readonly ShowPreview: {
        readonly showPreview: false;
    };
    /** Enable parsing stringified JSON arrays and Objects */
    readonly ParseJSON: {
        readonly parseJson: true;
    };
    /** Enable inspecting Svelte stores / observables. Sets store-mode to `'full'` */
    readonly Stores: {
        readonly stores: true;
    };
    /** Enable inspecting Svelte stores / observables. Sets store-mode to `'value-only'` */
    readonly StoreValues: {
        readonly stores: "value-only";
    };
    /** Disable inspecting Svelte store / observables */
    readonly NoStores: {
        readonly stores: false;
    };
    /** Enable embedding images and sounds */
    readonly EmbedMedia: {
        readonly embedMedia: true;
    };
    readonly SingleQuotes: {
        readonly quotes: "single";
    };
    readonly DoubleQuotes: {
        readonly quotes: "double";
    };
    readonly NoQuotes: {
        readonly quotes: "none";
    };
    /** Set search mode to `'filter'` */
    readonly Search: {
        readonly search: "filter";
    };
    /** Set search mode to `'filter-strict'` */
    readonly SearchStrict: {
        readonly search: "filter-strict";
    };
    /** Set search mode to `'highlight'` */
    readonly SearchHighlight: {
        readonly search: "highlight";
    };
    /** Disable search functionality */
    readonly NoSearch: {
        readonly search: false;
    };
    /** Disable highlighting text matching search query */
    readonly NoHighlight: {
        readonly highlightMatches: false;
    };
    /** Show heading with search (if enabled) and utility buttons */
    readonly Heading: {
        readonly heading: true;
    };
};
export declare function createConfigurable<T>(component: Configurable<T>, inheritOptions: InspectValuesOptions, returnComponent?: Component<any, any, any>): Configurable<T>;
export declare const InspectValues: Configurable<Component<Record<PropertyKey, unknown>, {}, "">>;
/**
 * Creates a pre-configured Inspect-component that will inspect any value passed to it
 * instead of using the `value`-prop.
 *
 * The component will also inherit options set with `setGlobalInspectOptions` or `InspectOptionsProvider`.
 *
 * "Global" options will be overriden by options passed to this method.
 *
 * @example
 * ```svelte
 * <script>
 *  import {configured} from 'svelte-inspect-value'
 *
 *  const Inspect = configured(() => ({ theme: 'plain', borderless: true, showPreview: false }))
 *
 *  let str = 'hi'
 *  let obj = {}
 * </script>
 *
 * <Inspect {str} {obj} arr={[1,2,3]} />
 * ```
 *
 * @see {@linkcode options.setGlobalInspectOptions}
 * @see {@linkcode Configurable.withOptions}
 */
export declare function configured(options: InspectValuesOptions): Configurable<Component<Record<PropertyKey, unknown>, {}, "">>;