import { ButtonHTMLAttributes } from 'react';
import { ChoiceValue } from '@viamedici-spc/configurator-ts';
import { ChoiceValueId } from '@viamedici-spc/configurator-ts';
import { ComponentType } from 'react';
import { ConstraintExplanation } from '@viamedici-spc/configurator-ts';
import { ControlType } from 'framer';
import { CSSProperties } from 'react';
import { ExplainQuestion as CustomExplainQuestion } from '@viamedici-spc/configurator-ts';
import { DecisionExplanation } from '@viamedici-spc/configurator-ts';
import { DecisionsExplainAnswer } from '@viamedici-spc/configurator-ts';
import { ExplainQuestionParam } from '@viamedici-spc/configurator-ts';
import { ForwardRefExoticComponent } from 'react';
import { ForwardRefRenderFunction } from 'react';
import { GlobalAttributeId } from '@viamedici-spc/configurator-ts';
import { HTMLAttributes } from 'react';
import { JSX as JSX_2 } from 'react/jsx-runtime';
import NumericFormat from 'react-number-format';
import { PropsWithChildren } from 'react';
import { PropsWithoutRef } from 'react';
import { default as React_2 } from 'react';
import { ReactElement } from 'react';
import { ReactNode } from 'react';
import { Ref } from 'react';
import { RefAttributes } from 'react';
import { UseExplainResult as UseExplainResult_2 } from '@viamedici-spc/configurator-react';

export declare const attributeIdPropertyControls: {
    attributeId: {
        title: string;
        type: ControlType.String;
    };
    componentPath: {
        title: string;
        type: ControlType.String;
    };
    sharedConfigurationModel: {
        title: string;
        type: ControlType.String;
    };
};

export declare type AttributeIdProps = {
    attributeId: string;
    componentPath: string;
    sharedConfigurationModel: string;
};

/**
 * @framerSupportedLayoutWidth any
 * @framerSupportedLayoutHeight any
 */
export declare const AttributeName: ComponentType<AttributeIdProps & ReplaceTextProps & {
    customName?: string;
} & RefAttributes<unknown>>;

/**
 * @framerIntrinsicWidth 300
 * @framerIntrinsicHeight 35
 *
 * @framerSupportedLayoutWidth any
 * @framerSupportedLayoutHeight fixed
 */
export declare const BooleanSelect: ComponentType<Omit<Omit<Omit<AttributeIdProps & PaddingProps & BorderProps & {
    fill: string;
    backdropFilter: string;
    shadow: string;
    filter: string;
} & TextProps & ExplainProps & {
    style: CSSProperties;
    implicitLabelPrefix: string;
    fixedLabelPrefix: string;
    unsatisfiedColors: InputStateColors;
    implicitSelectedColors: InputStateColors;
    fixedColors: InputStateColors;
} & {
    resetLabel: string;
    blockedLabel: string;
    unavailableLabel: string;
    excludeUnavailableOptions: boolean;
    allOptionsBlockedColors: InputStateColors;
    noOptionsAvailableColors: InputStateColors;
    appearance: "none" | "auto";
} & {
    trueLabel?: string;
    falseLabel?: string;
} & RefAttributes<HTMLSelectElement>, "ref"> & RefAttributes<unknown>, "ref"> & RefAttributes<unknown>, "ref"> & RefAttributes<unknown>>;

declare type BorderProps = {
    radius: number;
    border: {
        color: string;
        width: number;
        isMixedWidth: boolean;
        widthTop: number;
        widthRight: number;
        widthBottom: number;
        widthLeft: number;
    };
};

declare type BoxProps = PaddingProps & BorderProps & {
    fill: string;
    backdropFilter: string;
    shadow: string;
    filter: string;
};

declare type ButtonProps = BoxProps & StaticTextProps & {
    fillHover: string;
    focusOutline: {
        color: string;
        size: number;
        offset: number;
    };
};

/**
 * @framerIntrinsicWidth 300
 * @framerIntrinsicHeight 35
 *
 * @framerSupportedLayoutWidth any
 * @framerSupportedLayoutHeight fixed
 */
export declare const ChoiceSelect: ComponentType<Omit<Omit<Omit<AttributeIdProps & PaddingProps & BorderProps & {
    fill: string;
    backdropFilter: string;
    shadow: string;
    filter: string;
} & TextProps & ExplainProps & {
    style: CSSProperties;
    implicitLabelPrefix: string;
    fixedLabelPrefix: string;
    unsatisfiedColors: InputStateColors;
    implicitSelectedColors: InputStateColors;
    fixedColors: InputStateColors;
} & {
    resetLabel: string;
    blockedLabel: string;
    unavailableLabel: string;
    excludeUnavailableOptions: boolean;
    allOptionsBlockedColors: InputStateColors;
    noOptionsAvailableColors: InputStateColors;
    appearance: "none" | "auto";
} & RefAttributes<HTMLSelectElement>, "ref"> & RefAttributes<unknown>, "ref"> & RefAttributes<unknown>, "ref"> & RefAttributes<unknown>>;

export declare const choiceValueIdPropertyControls: {
    choiceValueId: {
        title: string;
        type: ControlType.String;
    };
};

export declare type ChoiceValueIdProps = {
    choiceValueId: string;
};

/**
 * @framerSupportedLayoutWidth any
 * @framerSupportedLayoutHeight any
 */
declare const ChoiceValueList: React_2.ComponentType<Omit<AttributeIdProps & {
    itemTemplate: ReactNode;
    style: CSSProperties;
    filter: Filter[];
    designTimeItemCount?: number;
    designTimeChoiceValueName?: string;
} & React_2.RefAttributes<unknown>, "ref"> & React_2.RefAttributes<unknown>>;
export { ChoiceValueList }
export { ChoiceValueList as ChoiceValueListRenderer }

/**
 * @framerSupportedLayoutWidth any
 * @framerSupportedLayoutHeight any
 */
export declare const ChoiceValueName: ComponentType<AttributeIdProps & ChoiceValueIdProps & ReplaceTextProps & {
    customName?: string;
} & RefAttributes<unknown>>;

export declare type ChoiceValueNames = ReadonlyMap<ChoiceValueId, string>;

declare type ChoiceValueSorting = {
    defaultRules: SortingRule[];
    attributes: Array<AttributeIdProps & {
        choiceValues: ChoiceValueId[];
        rules: SortingRule[];
    }>;
};

declare type ChoiceValueSortingProps = {
    choiceValueSorting: ChoiceValueSorting & {
        jsonDefinition: string;
    };
};

export declare function cloneChildrenWithProps(children: ReactNode, additionalProps: PropsWithChildrenAndRef): ReactNode;

/**
 * @framerSupportedLayoutWidth any
 * @framerSupportedLayoutHeight any
 */
export declare const Colorize: ComponentType<Props_2 & {
    children?: ReactNode;
} & RefAttributes<unknown>>;

declare type CommonExplainProps = {
    header: ExplainHeaderProps;
    attributeName: TextProps;
    attributeValue: PaddingProps & {
        add: TextProps & BorderProps & {
            fill: string;
            iconFill: string;
            iconColor: string;
        };
        remove: TextProps & BorderProps & {
            fill: string;
            iconFill: string;
            iconColor: string;
        };
        componentDecisionStateIncludedLabel: string;
        componentDecisionStateExcludedLabel: string;
        booleanDecisionStateTrueLabel: string;
        booleanDecisionStateFalseLabel: string;
    };
    applySolutionButton: ButtonProps & MarginProps;
    closeButton: ButtonProps;
    infoMessage: TextProps & {
        whyIsStateNotPossibleQuestion: string;
        whyConfigurationIsNotSatisfiedQuestion: string;
        whyAttributeIsNotSatisfiedQuestion: string;
        generalConflictQuestion: string;
        failedToExplainText: string;
        failedToExplainHintText: string;
        noExplanationFoundText: string;
        noSolutionFoundText: string;
    };
    useCustomExplain: boolean;
};

/**
 * @framerIntrinsicWidth 300
 * @framerIntrinsicHeight 35
 *
 * @framerSupportedLayoutWidth any
 * @framerSupportedLayoutHeight fixed
 */
export declare const ComponentSelect: ComponentType<Omit<Omit<Omit<AttributeIdProps & PaddingProps & BorderProps & {
    fill: string;
    backdropFilter: string;
    shadow: string;
    filter: string;
} & TextProps & ExplainProps & {
    style: CSSProperties;
    implicitLabelPrefix: string;
    fixedLabelPrefix: string;
    unsatisfiedColors: InputStateColors;
    implicitSelectedColors: InputStateColors;
    fixedColors: InputStateColors;
} & {
    resetLabel: string;
    blockedLabel: string;
    unavailableLabel: string;
    excludeUnavailableOptions: boolean;
    allOptionsBlockedColors: InputStateColors;
    noOptionsAvailableColors: InputStateColors;
    appearance: "none" | "auto";
} & {
    includedLabel?: string;
    excludedLabel?: string;
} & RefAttributes<HTMLSelectElement>, "ref"> & RefAttributes<unknown>, "ref"> & RefAttributes<unknown>, "ref"> & RefAttributes<unknown>>;

declare type Condition = "none" | "explicit" | "implicit" | "blocked" | "available" | "immutable";

declare type Condition_2 = "none" | "explicit" | "implicit" | "blocked" | "available" | "interactive";

/**
 * These annotations control how your component sizes
 * Learn more: https://www.framer.com/developers/#code-components-auto-sizing
 *
 * @framerSupportedLayoutWidth any
 * @framerSupportedLayoutHeight any
 */
export declare const Configuration: ComponentType<{
    configurationModelNotFoundContent?: ReactNode;
    accessTokenInvalidContent?: ReactNode;
    accessTokenRestrictionContent?: ReactNode;
    errorContent?: ReactNode;
} & ChoiceValueSortingProps & LocalizationProps & WizardAttributeRelationsProps & {
    hcaBaseUrl: string;
    sessionCreation: "client-side" | "server-side";
    accessToken?: string;
    sessionCreateUrl?: string;
    sessionDeleteUrl?: string;
    deploymentName: string;
    channel: string;
    explainDialogProps: ExplainDialogProps;
    explainPopoverProps: ExplainPopoverProps;
    customExplainPopover?: ReactNode;
    explainConstraints: boolean;
    trimming: boolean;
    attributeRelations: {
        jsonDefinition: string;
    };
} & {
    children?: ReactNode;
} & RefAttributes<unknown>>;

declare type ConfigurationOverrideableProps = Partial<Pick<ConfigurationProps, "attributeRelations" | "choiceValueSorting" | "localization" | "wizardAttributeRelations" | "hcaBaseUrl" | "sessionCreation" | "accessToken" | "sessionCreateUrl" | "sessionDeleteUrl" | "deploymentName" | "channel">>;

export declare type ConfigurationPropOverrides = ConfigurationOverrideableProps;

declare type ConfigurationProps = InitializationErrorProps & ChoiceValueSortingProps & LocalizationProps & WizardAttributeRelationsProps & {
    hcaBaseUrl: string;
    sessionCreation: "client-side" | "server-side";
    accessToken?: string;
    sessionCreateUrl?: string;
    sessionDeleteUrl?: string;
    deploymentName: string;
    channel: string;
    explainDialogProps: ExplainDialogProps;
    explainPopoverProps: ExplainPopoverProps;
    customExplainPopover?: ReactNode;
    explainConstraints: boolean;
    trimming: boolean;
    attributeRelations: {
        jsonDefinition: string;
    };
};

export declare const ConfigurationPropsProvider: ComponentType<Partial<Pick<ConfigurationProps, "channel" | "deploymentName" | "localization" | "choiceValueSorting" | "wizardAttributeRelations" | "attributeRelations" | "hcaBaseUrl" | "sessionCreation" | "accessToken" | "sessionCreateUrl" | "sessionDeleteUrl">> & {
    children?: ReactNode;
} & RefAttributes<unknown>>;

/**
 * @framerSupportedLayoutWidth any
 * @framerSupportedLayoutHeight any
 */
export declare const CustomExplainApplySolution: ComponentType<Props_7 & {
    children?: ReactNode;
} & RefAttributes<unknown>>;

/**
 * @framerSupportedLayoutWidth any
 * @framerSupportedLayoutHeight any
 */
export declare const CustomExplainAttributeList: React_2.ComponentType<Omit<Props_8 & React_2.RefAttributes<unknown>, "ref"> & React_2.RefAttributes<unknown>>;

/**
 * @framerSupportedLayoutWidth any
 * @framerSupportedLayoutHeight any
 */
export declare const CustomExplainAttributeValueList: React_2.ComponentType<Omit<Props_9 & React_2.RefAttributes<unknown>, "ref"> & React_2.RefAttributes<unknown>>;

/**
 * @framerSupportedLayoutWidth any
 * @framerSupportedLayoutHeight any
 */
export declare const CustomExplainPopover: ComponentType<Props_10 & {
    children?: ReactNode;
} & RefAttributes<unknown>>;

export { CustomExplainQuestion }

declare type DisplayMode = "dialog" | "popover";

export declare function explainableComponent<T, TProps extends ExplainProps>(Component: ForwardRefRenderFunction<T, TProps>): ComponentType<PropsWithoutRef<PropsWithoutRef<PropsWithoutRef<PropsWithoutRef<TProps> & RefAttributes<T>> & RefAttributes<unknown>> & RefAttributes<unknown>> & RefAttributes<unknown>>;

declare type ExplainContext = {
    switchMode: (displayMode: DisplayMode) => void;
    explain: (question: ExplainQuestionParam, displayMode: DisplayMode, controlId?: string) => Promise<void>;
    handleExplainAnswer: (explainAnswer: DecisionsExplainAnswer, displayMode: DisplayMode, controlId?: string) => Promise<void>;
    applySolution: UseExplainResult_2["applySolution"];
    dismiss: () => void;
    /**
     * Is Null if there is no ongoing explain process.
     */
    process: ExplainProcess | null;
};

declare type ExplainDialogProps = CommonExplainProps & {
    dialogBox: BoxProps;
    explanationCard: BoxProps & MarginProps;
    constraintExplanation: {
        configurationModelId: TextProps;
        ruleId: TextProps;
    };
    decisionExplanationSolutionsTitle: StaticTextProps;
    constraintExplanationSolutionsTitle: StaticTextProps;
    scrollShadowBorder: string;
};

declare type ExplainHeaderProps = {
    subject: TextProps & {
        configurationSubjectTitle: string;
        generalConflictTitle: string;
    };
    suffix: TextProps & {
        isBlockedSuffix: string;
        isNotSatisfiedSuffix: string;
    };
};

declare type ExplainIntentionFilter = "any" | "add" | "remove";

declare type ExplainPopoverProps = CommonExplainProps & {
    popoverBox: BoxProps;
    listSeparator: string;
    arrow: string;
    subline: StaticTextProps;
    showConstraintsButton: ButtonProps & MarginProps;
    showMoreButton: ButtonProps & MarginProps;
    customPopover?: ReactNode;
};

declare type ExplainProcess = {
    /**
     * Is Null if the explanation process is not the result of an ExplainQuestion.
     */
    explainQuestion: CustomExplainQuestion | null;
    displayMode: DisplayMode;
    /**
     * Is Null if no controlId was provided.
     */
    controlId: string | null;
    hasError: boolean;
    /**
     * Is Null in case of an error.
     */
    decisionExplanations: ReadonlyArray<DecisionExplanation> | null;
    /**
     * Is Null in case of an error.
     */
    constraintExplanations: ReadonlyArray<ConstraintExplanation> | null;
};

declare type ExplainProps = {
    explain: DisplayMode | "disabled";
};

declare type Filter = {
    selection: SelectionState_5;
    condition: Condition_2;
};

declare type FilterMode = "some" | "every";

export declare function getItemTemplate(itemTemplate: ReactNode): ReactElement | null;

declare type InitializationErrorProps = Props_3;

/**
 * @framerSupportedLayoutWidth any
 * @framerSupportedLayoutHeight any
 */
export declare const InitializationRetry: ComponentType<{
    children?: ReactNode;
} & RefAttributes<unknown>>;

declare type InputStateColors = {
    fill: string;
    color: string;
    borderColor: string;
};

declare type LocalizationProps = {
    localization: {
        jsonDefinition: string;
    };
};

declare type MarginProps = {
    margin: number;
    marginTop: number;
    marginRight: number;
    marginBottom: number;
    marginLeft: number;
    isMixedMargin: boolean;
};

/**
 * @framerIntrinsicWidth 300
 * @framerIntrinsicHeight 35
 *
 * @framerSupportedLayoutWidth any
 * @framerSupportedLayoutHeight fixed
 */
export declare const NumericInput: ComponentType<Omit<Omit<Omit<AttributeIdProps & PaddingProps & BorderProps & {
    fill: string;
    backdropFilter: string;
    shadow: string;
    filter: string;
} & TextProps & ExplainProps & {
    style: CSSProperties;
    implicitLabelPrefix: string;
    fixedLabelPrefix: string;
    unsatisfiedColors: InputStateColors;
    implicitSelectedColors: InputStateColors;
    fixedColors: InputStateColors;
} & {
    wait: number;
    decimalSeparator: string;
    thousandSeparator: string;
    placeholder: string;
} & RefAttributes<NumericFormat<unknown>>, "ref"> & RefAttributes<unknown>, "ref"> & RefAttributes<unknown>, "ref"> & RefAttributes<unknown>>;

declare type PaddingProps = {
    padding: number;
    paddingTop: number;
    paddingRight: number;
    paddingBottom: number;
    paddingLeft: number;
    isMixedPadding: boolean;
};

export declare function parseGlobalAttributeId(a: AttributeIdProps): GlobalAttributeId;

/**
 * @framerSupportedLayoutWidth any
 * @framerSupportedLayoutHeight any
 */
export declare const PopoverClose: ForwardRefExoticComponent<ButtonHTMLAttributes<HTMLButtonElement> & {
    appearance?: "auto" | "none";
} & RefAttributes<HTMLButtonElement>>;

export declare function PropagateHeight(props: PropsWithChildren): JSX_2.Element;

declare type Props = {
    enabledChildren: ReactNode;
    disabledChildren: ReactNode;
};

declare type Props_10 = {
    content?: ReactNode;
    failedToExplainContent?: ReactNode;
    noExplanationFoundContent?: ReactNode;
    noSolutionFoundContent?: ReactNode;
};

declare type Props_2 = {
    color: string;
    style?: CSSProperties;
};

declare type Props_3 = {
    configurationModelNotFoundContent?: ReactNode;
    accessTokenInvalidContent?: ReactNode;
    accessTokenRestrictionContent?: ReactNode;
    errorContent?: ReactNode;
};

declare type Props_4 = {
    index: TemplateSlotIndex;
};

declare type Props_5 = {
    target: "file" | "clipboard";
    fileName: string;
    fileExtension: string;
};

declare type Props_6 = {
    delay: number;
};

declare type Props_7 = {
    children: ReactNode;
};

declare type Props_8 = {
    itemTemplate: ReactNode;
    style?: CSSProperties;
    intentionFilter: ExplainIntentionFilter;
};

declare type Props_9 = {
    itemTemplate: ReactNode;
    style?: CSSProperties;
};

declare type PropsWithChildrenAndRef = HTMLAttributes<HTMLElement> & {
    ref?: Ref<HTMLElement>;
};

export declare const ReplaceText: ComponentType<ReplaceTextProps & {
    text: string;
} & RefAttributes<unknown>>;

declare type ReplaceTextProps = {
    children: ReactNode;
    mode: "replace" | "set-prop";
    replaceString: string;
    elementName: string;
    propName: string;
};

/**
 * @framerSupportedLayoutWidth any
 * @framerSupportedLayoutHeight any
 */
export declare const ResetConfiguration: ComponentType<Props & RefAttributes<unknown>>;

/**
 * @framerSupportedLayoutWidth any
 * @framerSupportedLayoutHeight any
 */
export declare const RestoreConfiguration: ComponentType<Omit<Omit<Omit<ExplainProps & {
    source: "file" | "clipboard";
    fileExtension: string;
    autoResolveConflicts: boolean;
} & {
    children?: ReactNode;
} & RefAttributes<HTMLElement>, "ref"> & RefAttributes<unknown>, "ref"> & RefAttributes<unknown>, "ref"> & RefAttributes<unknown>>;

/**
 * @framerSupportedLayoutWidth any
 * @framerSupportedLayoutHeight any
 */
export declare const SatisfactionIndicator: ComponentType<Omit<Omit<Omit<AttributeIdProps & ExplainProps & {
    satisfiedChildren: ReactNode;
    unsatisfiedChildren: ReactNode;
    attributes: AttributeIdProps[];
} & {
    children?: ReactNode;
} & RefAttributes<HTMLElement>, "ref"> & RefAttributes<unknown>, "ref"> & RefAttributes<unknown>, "ref"> & RefAttributes<unknown>>;

/**
 * @framerSupportedLayoutWidth any
 * @framerSupportedLayoutHeight any
 */
export declare function ScrollIntoView(props: Props_6): JSX_2.Element;

/**
 * @framerSupportedLayoutWidth any
 * @framerSupportedLayoutHeight any
 */
export declare const SelectedNumericValue: ComponentType<AttributeIdProps & ReplaceTextProps & {
    fallback: string;
} & RefAttributes<unknown>>;

/**
 * @framerSupportedLayoutWidth any
 * @framerSupportedLayoutHeight any
 */
export declare const SelectionIndicator: ComponentType<Omit<AttributeIdProps & ChoiceValueIdProps & {
    filterMode: FilterMode;
    variants: Variant[];
    content1: ReactNode;
    content2: ReactNode;
    content3: ReactNode;
    content4: ReactNode;
    content5: ReactNode;
    content6: ReactNode;
    content7: ReactNode;
    content8: ReactNode;
    content9: ReactNode;
    content10: ReactNode;
} & RefAttributes<HTMLElement>, "ref"> & RefAttributes<unknown>>;

declare type SelectionState = "undefined" | "included" | "excluded" | "true" | "false";

declare type SelectionState_2 = "undefined" | "included" | "excluded" | "true" | "false" | "numeric";

declare type SelectionState_3 = "undefined" | "included" | "excluded" | "true" | "false" | "numeric";

declare type SelectionState_4 = "undefined" | "included" | "excluded" | "true" | "false" | "numeric";

declare type SelectionState_5 = "undefined" | "included" | "excluded";

/**
 * @framerSupportedLayoutWidth any
 * @framerSupportedLayoutHeight any
 */
export declare const SelectionToggle: ComponentType<Omit<Omit<Omit<AttributeIdProps & ChoiceValueIdProps & ExplainProps & {
    toggleFrom: SelectionState;
    toggleTo: SelectionState;
} & {
    children?: ReactNode;
} & RefAttributes<HTMLElement>, "ref"> & RefAttributes<unknown>, "ref"> & RefAttributes<unknown>, "ref"> & RefAttributes<unknown>>;

/**
 * @framerSupportedLayoutWidth any
 * @framerSupportedLayoutHeight any
 */
export declare const SetSelection: ComponentType<Omit<Omit<Omit<AttributeIdProps & ChoiceValueIdProps & ExplainProps & {
    setSelection: SelectionState_2;
    numericValue: number;
    attributeIds: [];
} & {
    children?: ReactNode;
} & RefAttributes<HTMLElement>, "ref"> & RefAttributes<unknown>, "ref"> & RefAttributes<unknown>, "ref"> & RefAttributes<unknown>>;

/**
 * @framerSupportedLayoutWidth any
 * @framerSupportedLayoutHeight any
 */
export declare const SetSelections: ComponentType<Omit<Omit<Omit<ExplainProps & {
    attributes: (AttributeIdProps & ChoiceValueIdProps & {
        setSelection: SelectionState_3;
        numericValue: number;
    })[];
    existingSelections: "keep" | "drop";
    autoResolveConflicts: boolean;
    trigger: "click" | "auto";
} & {
    children?: ReactNode;
} & RefAttributes<HTMLElement>, "ref"> & RefAttributes<unknown>, "ref"> & RefAttributes<unknown>, "ref"> & RefAttributes<unknown>>;

export declare const SetTemplateSlots: ComponentType<{
    template?: ReactNode;
} & {
    content1?: ReactNode;
    content2?: ReactNode;
    content3?: ReactNode;
    content4?: ReactNode;
    content5?: ReactNode;
} & RefAttributes<unknown>>;

export declare function Singleton(props: PropsWithChildren<{
    singletonId: string;
}>): JSX_2.Element;

/**
 * @framerSupportedLayoutWidth any
 * @framerSupportedLayoutHeight any
 */
export declare function Slot(props: PropsWithChildren): ReactNode;

declare type SortingRule = {
    regex: string;
    direction: "asc" | "desc";
    mode: "isMatch" | "string" | "numeric";
    description?: string;
};

declare type StaticTextProps = TextProps & {
    staticText: string;
};

/**
 * @framerSupportedLayoutWidth any
 * @framerSupportedLayoutHeight any
 */
export declare function StoreConfiguration(props: PropsWithChildren<Props_5>): ReactNode;

/**
 * @framerSupportedLayoutWidth any
 * @framerSupportedLayoutHeight any
 */
export declare const TemplateSlot: ComponentType<Props_4 & RefAttributes<unknown>>;

declare type TemplateSlotIndex = 1 | 2 | 3 | 4 | 5;

declare type TextProps = {
    color: string;
    text: {
        fontFamily?: string;
        fontSize?: number;
        fontStyle?: string;
        fontWeight?: string;
        textAlign?: "left" | "right" | "center";
        letterSpacing?: string | number;
        lineHeight?: string | number;
    };
};

export declare function useAttributeName(attributeId: GlobalAttributeId): string | undefined;

export declare function useChoiceValueName(attributeId: GlobalAttributeId, choiceValueId: ChoiceValueId): string | undefined;

export declare function useChoiceValueNames(attributeId: GlobalAttributeId): ChoiceValueNames;

export declare const useControlId: () => string;

export declare function useDebounceValue<TValue>(sourceValue: TValue, setSourceValue: (value: TValue) => void, inputValue: TValue, setInputValue: (value: TValue) => void, wait?: number): {
    flush: () => void;
};

export declare function useExplain(): UseExplainResult;

export declare function useExplainProcess(): UseExplainProcessResult | null;

export declare type UseExplainProcessResult = ExplainProcess & {
    switchMode: ExplainContext["switchMode"];
    applySolution: ExplainContext["applySolution"];
    dismiss: ExplainContext["dismiss"];
};

export declare type UseExplainResult = {
    explain: ExplainContext["explain"];
    handleExplainAnswer: ExplainContext["handleExplainAnswer"];
};

export declare function useRenderPlaceholder(): boolean;

export declare function useSortedChoiceValues(attributeId: GlobalAttributeId, choiceValues?: ReadonlyArray<ChoiceValue>): ReadonlyArray<ChoiceValue>;

declare type Variant = {
    selection: SelectionState_4;
    condition: Condition;
    content: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10;
    useInDesignTime: boolean;
};

export declare function withControlId<T, TProps>(Component: ComponentType<TProps>): ComponentType<PropsWithoutRef<TProps> & RefAttributes<T>>;

export declare function withErrorBoundary<T, TProps>(Component: ComponentType<TProps>): ComponentType<PropsWithoutRef<TProps> & RefAttributes<T>>;

export declare function withFullSize<T, TProps extends {
    style?: CSSProperties;
}>(Component: ComponentType<TProps>): ComponentType<PropsWithoutRef<TProps> & RefAttributes<T>>;

declare type WizardAttributeRelationsProps = {
    wizardAttributeRelations: {
        wizardSteps: WizardStep[];
    };
};

declare type WizardStep = {
    name: string;
    attributes: AttributeIdProps[];
};

export { }