import type {
	FAccordionBodyHeightProp,
	FAccordionPadding,
	FRootTooltip,
	FBreadcrumbSize,
	FBreadcrumbVariant,
	FBreadcrumbs,
	FButtonState,
	FButtonActions,
	FButtonAction,
	FCheckboxState,
	FColorPickerState,
	FCountdownCategoryProp,
	FCountdownDuration,
	FCountdownSizesProp,
	FCountdownStateProp,
	FCountdownLabelProp,
	FCounterStateProp,
	DateValueType,
	FDateTimePickerState,
	FDateOption,
	DateDisableType,
	FDivStateProp,
	FDivBorderProp,
	FDivPaddingProp,
	FDivWidthProp,
	FDivHeightProp,
	FDividerState,
	FDocViewerContent,
	FEmojiPickerState,
	RecentEmojis,
	FEmojiPickerIncludesCategories,
	FEmojiPickerExcludesCategories,
	ExcludeEmojis,
	FEmojiPickerCustomEmojiData,
	FFieldStateProp,
	FFileUploadValueType,
	FFileUploadFileType,
	FFileUploadState,
	FFileUploadSizeProp,
	FGroupLabel,
	FIconState,
	FIconButtonVariant,
	FIconButtonType,
	FIconButtonSize,
	FIconButtonState,
	FInputState,
	FInputSuffixWhen,
	FPictogramVariant,
	FPictogramCategory,
	FPictogramSize,
	FPictogramState,
	FPopoverPlacement,
	FPopoverSize,
	FPopoverState,
	FProgressBarValueProp,
	FProgressBarState,
	FProgressBarWidthProp,
	FRadioState,
	FSearchSuggestions,
	FSearchState,
	FSearchScope,
	FSearchResultWhen,
	FSelectState,
	FSelectValue,
	FSelectOptions,
	FSelectOptionTemplate,
	FSelectHeightProp,
	FSelectWidthProp,
	FSelectMaxOptionsWidth,
	FSpacerSizeProp,
	FSuggestSuggestions,
	FSuggestState,
	FSuggestSuffixWhen,
	FSuggestWhen,
	FSwitchState,
	FTabNodeWidthProp,
	FTagCategory,
	FTagStateProp,
	FTextStateProp,
	FTextAreaState,
	FToastState,
	FTooltipPlacement
} from "../src/index";
declare global {
	namespace JSX {
		interface IntrinsicElements {
			["f-accordion"]: {
				open?: boolean | undefined;

				icon?: "chevron" | "caret" | "plus" | "none" | undefined;

				iconSize?: "x-small" | "small" | "medium" | "large" | undefined;

				iconPlacement?: "right" | "left" | undefined;

				maxHeight?: FAccordionBodyHeightProp | undefined;

				headerPadding?: FAccordionPadding | undefined;

				bodyPadding?: FAccordionPadding | undefined;

				tooltip?: FRootTooltip | undefined;

				children?: any;
				["class"]?: string;
			} & React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;

			["f-breadcrumb"]: {
				size?: FBreadcrumbSize | undefined;

				variant?: FBreadcrumbVariant | undefined;

				crumbs?: FBreadcrumbs;

				disabled?: boolean | undefined;

				tooltip?: FRootTooltip | undefined;

				children?: any;
				["class"]?: string;
			} & React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;

			["f-button"]: {
				label: string;

				category?: "fill" | "outline" | "transparent" | "packed" | undefined;

				size?: "large" | "medium" | "small" | "x-small" | undefined;

				state?: FButtonState | undefined;

				variant?: "round" | "curved" | "block" | undefined;

				iconLeft?: string | undefined;

				iconRight?: string | undefined;

				counter?: string | undefined;

				loading?: boolean | undefined;

				disabled?: boolean | undefined;

				actions?: FButtonActions | undefined;

				selectedAction?: FButtonAction | undefined;

				labelWrap?: boolean | undefined;

				tooltip?: FRootTooltip | undefined;

				children?: any;
				["class"]?: string;
			} & React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;

			["f-carousel"]: {
				activeContentId?: string | undefined;

				autoPlay?: boolean | undefined;

				autoPlayInterval?: number | undefined;

				tooltip?: FRootTooltip | undefined;

				children?: any;
				["class"]?: string;
			} & React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;

			["f-carousel-content"]: {
				contentId?: string;

				tooltip?: FRootTooltip | undefined;

				children?: any;
				["class"]?: string;
			} & React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;

			["f-checkbox"]: {
				value?: "checked" | "unchecked" | "indeterminate" | undefined;

				state?: FCheckboxState | undefined;

				size?: "small" | "medium" | undefined;

				disabled?: boolean | undefined;

				tooltip?: FRootTooltip | undefined;

				children?: any;
				["class"]?: string;
			} & React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;

			["f-color-picker"]: {
				variant?: "curved" | "round" | "block" | undefined;

				state?: FColorPickerState | undefined;

				size?: "medium" | "small" | undefined;

				value?: string | undefined;

				disabled?: boolean | undefined;

				readOnly?: boolean | undefined;

				tooltip?: FRootTooltip | undefined;

				children?: any;
				["class"]?: string;
			} & React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;

			["f-countdown"]: {
				category?: FCountdownCategoryProp | undefined;

				duration?: FCountdownDuration | undefined;

				size?: FCountdownSizesProp | undefined;

				state?: FCountdownStateProp | undefined;

				labelPlacement?: FCountdownLabelProp | undefined;

				tooltip?: FRootTooltip | undefined;

				children?: any;
				["class"]?: string;
			} & React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;

			["f-counter"]: {
				category?: "fill" | "outline" | "transparent" | undefined;

				label: number;

				size?: "large" | "medium" | "small" | undefined;

				state?: FCounterStateProp | undefined;

				loading?: boolean | undefined;

				disabled?: boolean | undefined;

				tooltip?: FRootTooltip | undefined;

				children?: any;
				["class"]?: string;
			} & React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;

			["f-date-time-picker"]: {
				variant?: "curved" | "round" | "block" | undefined;

				category?: "fill" | "outline" | "transparent" | undefined;

				mode?: "date-time" | "date-only" | "time-only" | undefined;

				value?: DateValueType | undefined;

				placeholder?: string | undefined;

				size?: "small" | "medium" | undefined;

				state?: FDateTimePickerState | undefined;

				["min-date"]?: FDateOption | undefined;

				["max-date"]?: FDateOption | undefined;

				["disable-date"]?: DateDisableType | undefined;

				clear?: boolean | undefined;

				["is-range"]?: boolean | undefined;

				inline?: boolean | undefined;

				["week-number"]?: boolean | undefined;

				disabled?: boolean | undefined;

				loading?: boolean | undefined;

				tooltip?: FRootTooltip | undefined;

				children?: any;
				["class"]?: string;
			} & React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;

			["f-div"]: {
				variant?: "block" | "curved" | "round" | undefined;

				direction?: "row" | "column" | undefined;

				state?: FDivStateProp | undefined;

				border?: FDivBorderProp | undefined;

				gap?: "auto" | "x-large" | "large" | "medium" | "small" | "x-small" | "none" | undefined;

				padding?: FDivPaddingProp | undefined;

				align?:
					| "top-left"
					| "top-center"
					| "top-right"
					| "middle-left"
					| "middle-center"
					| "middle-right"
					| "bottom-left"
					| "bottom-center"
					| "bottom-right"
					| undefined;

				width?: FDivWidthProp | undefined;

				height?: FDivHeightProp | undefined;

				maxWidth?: FDivWidthProp | undefined;

				maxHeight?: FDivHeightProp | undefined;

				disabled?: boolean | undefined;

				loading?: "skeleton" | "loader" | undefined;

				clickable?: boolean | undefined;

				showScrollbar?: boolean | undefined;

				overflow?: "wrap" | "scroll" | "hidden" | "visible" | undefined;

				selected?: "none" | "background" | "border" | "notch-right" | "notch-left" | undefined;

				sticky?: "none" | "top" | "bottom" | "left" | "right" | undefined;

				tooltip?: FRootTooltip | undefined;

				children?: any;
				["class"]?: string;
			} & React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;

			["f-divider"]: {
				variant?: "solid" | "dashed" | "dotted" | undefined;

				size?: "large" | "medium" | undefined;

				state?: FDividerState | undefined;

				tooltip?: FRootTooltip | undefined;

				children?: any;
				["class"]?: string;
			} & React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;

			["f-document-viewer"]: {
				content: FDocViewerContent;

				jumpLinks?: boolean;

				collapsibleJumpLinks?: boolean;

				levelSelector?: boolean;

				tooltip?: FRootTooltip | undefined;

				children?: any;
				["class"]?: string;
			} & React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;

			["f-emoji-picker"]: {
				variant?: "curved" | "round" | "block" | undefined;

				category?: "fill" | "outline" | "transparent" | undefined;

				value?: string | undefined;

				placeholder?: string | undefined;

				size?: "medium" | "small" | undefined;

				state?: FEmojiPickerState | undefined;

				recent?: RecentEmojis | undefined;

				include?: FEmojiPickerIncludesCategories | undefined;

				exclude?: FEmojiPickerExcludesCategories | undefined;

				["exclude-emojis"]?: ExcludeEmojis | undefined;

				custom?: FEmojiPickerCustomEmojiData | undefined;

				["close-on-select"]?: boolean | undefined;

				clear?: boolean | undefined;

				disabled?: boolean | undefined;

				tooltip?: FRootTooltip | undefined;

				children?: any;
				["class"]?: string;
			} & React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;

			["f-field"]: {
				variant?: "inline" | "normal" | undefined;

				state?: FFieldStateProp | undefined;

				size?: "medium" | "small" | undefined;

				description?: string | undefined;

				canDuplicate?: boolean | undefined;

				disabled?: boolean | undefined;

				loading?: boolean | undefined;

				readOnlyValue?: boolean | undefined;

				tooltip?: FRootTooltip | undefined;

				children?: any;
				["class"]?: string;
			} & React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;

			["f-file-upload"]: {
				type?: "single" | "multiple" | undefined;

				value?: FFileUploadValueType | undefined;

				placeholder?: string | undefined;

				fileType?: FFileUploadFileType | undefined;

				size?: "medium" | "small" | undefined;

				state?: FFileUploadState | undefined;

				maxSize?: FFileUploadSizeProp | undefined;

				disabled?: boolean | undefined;

				loading?: boolean | undefined;

				tooltip?: FRootTooltip | undefined;

				children?: any;
				["class"]?: string;
			} & React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;

			["f-form"]: {
				gap?: "large" | "medium" | "small" | "x-small" | undefined;

				separator?: boolean | undefined;

				tooltip?: FRootTooltip | undefined;

				children?: any;
				["class"]?: string;
			} & React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;

			["f-form-field"]: {
				tooltip?: FRootTooltip | undefined;

				children?: any;
				["class"]?: string;
			} & React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;

			["f-form-group"]: {
				label?: FGroupLabel | undefined;

				variant?: "normal" | "compact" | undefined;

				direction?: "vertical" | "horizontal" | undefined;

				gap?: "large" | "medium" | "small" | "x-small" | undefined;

				collapse?: "none" | "accordion" | "text" | undefined;

				isCollapsed?: boolean | undefined;

				canDuplicate?: boolean | undefined;

				tooltip?: FRootTooltip | undefined;

				children?: any;
				["class"]?: string;
			} & React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;

			["f-grid"]: {
				minCellWidth?: number | undefined;

				maxCellWidth?: number | undefined;

				cellHeight?: number | undefined;

				gap?: "x-large" | "large" | "medium" | "small" | "x-small" | undefined;

				tooltip?: FRootTooltip | undefined;

				children?: any;
				["class"]?: string;
			} & React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;

			["f-icon"]: {
				size?: "x-large" | "large" | "medium" | "small" | "x-small" | "xx-small" | undefined;

				state?: FIconState | undefined;

				source: string;

				disabled?: boolean | undefined;

				loading?: boolean | undefined;

				clickable?: boolean | undefined;

				url?: boolean | undefined;

				tooltip?: FRootTooltip | undefined;

				children?: any;
				["class"]?: string;
			} & React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;

			["f-icon-button"]: {
				icon?: string;

				variant?: FIconButtonVariant | undefined;

				category?: FIconButtonType | undefined;

				size?: FIconButtonSize | undefined;

				state?: FIconButtonState | undefined;

				counter?: string | undefined;

				loading?: boolean | undefined;

				disabled?: boolean | undefined;

				effect?: "pulse" | "wiggle" | undefined;

				tooltip?: FRootTooltip | undefined;

				children?: any;
				["class"]?: string;
			} & React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;

			["f-input-base"]: {
				variant?: "curved" | "round" | "block" | undefined;

				category?: "fill" | "outline" | "transparent" | undefined;

				state?: FInputState | undefined;

				size?: "medium" | "small" | undefined;

				type?: "text" | "number" | "email" | "password" | "url" | "tel" | undefined;

				value?: string | number | undefined;

				placeholder?: string | undefined;

				iconLeft?: string | undefined;

				iconRight?: string | undefined;

				prefix?: string | null;

				suffix?: string | undefined;

				maxLength?: number | undefined;

				loading?: boolean | undefined;

				disabled?: boolean | undefined;

				clear?: boolean | undefined;

				readOnly?: boolean | undefined;

				suffixWhen?: FInputSuffixWhen | undefined;

				tooltip?: FRootTooltip | undefined;

				children?: any;
				["class"]?: string;
			} & React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;

			["f-input-light"]: {
				variant?: "curved" | "round" | "block" | undefined;

				category?: "fill" | "outline" | "transparent" | undefined;

				state?: FInputState | undefined;

				size?: "medium" | "small" | undefined;

				type?: "text" | "number" | "email" | "password" | "url" | "tel" | undefined;

				value?: string | number | undefined;

				placeholder?: string | undefined;

				iconLeft?: string | undefined;

				iconRight?: string | undefined;

				prefix?: string | null;

				suffix?: string | undefined;

				maxLength?: number | undefined;

				loading?: boolean | undefined;

				disabled?: boolean | undefined;

				clear?: boolean | undefined;

				readOnly?: boolean | undefined;

				suffixWhen?: FInputSuffixWhen | undefined;

				tooltip?: FRootTooltip | undefined;

				children?: any;
				["class"]?: string;
			} & React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;

			["f-input"]: {
				variant?: "curved" | "round" | "block" | undefined;

				category?: "fill" | "outline" | "transparent" | undefined;

				state?: FInputState | undefined;

				size?: "medium" | "small" | undefined;

				type?: "text" | "number" | "email" | "password" | "url" | "tel" | undefined;

				value?: string | number | undefined;

				placeholder?: string | undefined;

				iconLeft?: string | undefined;

				iconRight?: string | undefined;

				prefix?: string | null;

				suffix?: string | undefined;

				maxLength?: number | undefined;

				loading?: boolean | undefined;

				disabled?: boolean | undefined;

				clear?: boolean | undefined;

				readOnly?: boolean | undefined;

				suffixWhen?: FInputSuffixWhen | undefined;

				tooltip?: FRootTooltip | undefined;

				children?: any;
				["class"]?: string;
			} & React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;

			["f-pictogram"]: {
				variant?: FPictogramVariant | undefined;

				category?: FPictogramCategory | undefined;

				source?: string;

				size?: FPictogramSize | undefined;

				state?: FPictogramState | undefined;

				loading?: boolean | undefined;

				disabled?: boolean | undefined;

				clickable?: boolean | undefined;

				autoBg?: boolean;

				tooltip?: FRootTooltip | undefined;

				children?: any;
				["class"]?: string;
			} & React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;

			["f-popover"]: {
				placement?: FPopoverPlacement | undefined;

				size?: FPopoverSize | undefined;

				open?: boolean | undefined;

				overlay?: boolean | undefined;

				shadow?: boolean | undefined;

				autoHeight?: boolean | undefined;

				closeOnEscape?: boolean | undefined;

				state?: FPopoverState | undefined;

				target?: string | HTMLElement;

				tooltip?: FRootTooltip | undefined;

				children?: any;
				["class"]?: string;
			} & React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;

			["f-progress-bar"]: {
				value?: FProgressBarValueProp | undefined;

				variant?: "block" | "curved" | "circle" | undefined;

				size?: "large" | "medium" | "small" | "x-small" | undefined;

				state?: FProgressBarState | undefined;

				width?: FProgressBarWidthProp | undefined;

				animation?: boolean;

				tooltip?: FRootTooltip | undefined;

				children?: any;
				["class"]?: string;
			} & React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;

			["f-radio"]: {
				value?: "selected" | "unselected" | undefined;

				state?: FRadioState | undefined;

				size?: "small" | "medium" | undefined;

				disabled?: boolean | undefined;

				tooltip?: FRootTooltip | undefined;

				children?: any;
				["class"]?: string;
			} & React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;

			["f-search"]: {
				variant?: "curved" | "round" | "block" | undefined;

				category?: "fill" | "outline" | "transparent" | undefined;

				result?: FSearchSuggestions | undefined;

				disableResult?: boolean;

				state?: FSearchState | undefined;

				size?: "medium" | "small" | undefined;

				value?: string | undefined;

				selectedScope?: string | undefined;

				placeholder?: string | undefined;

				scope?: FSearchScope | undefined;

				disabled?: boolean | undefined;

				clear?: boolean | undefined;

				["search-button"]?: boolean | undefined;

				loading?: boolean | undefined;

				resultWhen?: FSearchResultWhen;

				resultMaxHeight?: string | undefined;

				tooltip?: FRootTooltip | undefined;

				children?: any;
				["class"]?: string;
			} & React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;

			["f-select"]: {
				type?: "single" | "multiple" | undefined;

				variant?: "curved" | "round" | "block" | undefined;

				category?: "fill" | "outline" | "transparent" | undefined;

				state?: FSelectState | undefined;

				size?: "medium" | "small" | undefined;

				value?: FSelectValue | undefined;

				options?: FSelectOptions;

				placeholder?: string | undefined;

				optionTemplate?: FSelectOptionTemplate | undefined;

				iconLeft?: string | undefined;

				height?: FSelectHeightProp;

				width?: FSelectWidthProp | undefined;

				loading?: boolean | undefined;

				disabled?: boolean | undefined;

				searchable?: boolean | undefined;

				clear?: boolean | undefined;

				checkbox?: boolean | undefined;

				createOption?: boolean | undefined;

				autoAddOption?: boolean | undefined;

				selectionLimit?: number;

				maxOptionsWidth?: FSelectMaxOptionsWidth | undefined;

				useVirtualizer?: boolean | undefined;

				tooltip?: FRootTooltip | undefined;

				children?: any;
				["class"]?: string;
			} & React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;

			["f-spacer"]: {
				size?: FSpacerSizeProp | undefined;

				tooltip?: FRootTooltip | undefined;

				children?: any;
				["class"]?: string;
			} & React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;

			["f-suggest"]: {
				variant?: "curved" | "round" | "block" | undefined;

				category?: "fill" | "outline" | "transparent" | undefined;

				suggestions?: FSuggestSuggestions | undefined;

				disableSuggestions?: boolean;

				state?: FSuggestState | undefined;

				size?: "medium" | "small" | undefined;

				value?: string | undefined;

				placeholder?: string | undefined;

				iconLeft?: string | undefined;

				iconRight?: string | undefined;

				prefix?: string | null;

				suffix?: string | undefined;

				maxLength?: number | undefined;

				loading?: boolean | undefined;

				disabled?: boolean | undefined;

				clear?: boolean | undefined;

				readOnly?: boolean | undefined;

				suffixWhen?: FSuggestSuffixWhen | undefined;

				suggestWhen?: FSuggestWhen;

				optionsMaxHeight?: string | undefined;

				tooltip?: FRootTooltip | undefined;

				children?: any;
				["class"]?: string;
			} & React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;

			["f-switch"]: {
				value?: boolean | undefined;

				state?: FSwitchState | undefined;

				size?: "small" | "medium" | undefined;

				disabled?: boolean | undefined;

				tooltip?: FRootTooltip | undefined;

				children?: any;
				["class"]?: string;
			} & React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;

			["f-tab"]: {
				variant?: "fill" | "transparent" | "no-border" | undefined;

				direction?: "horizontal" | "vertical";

				alignment?: "left" | "right" | "center" | "top" | "bottom" | "middle" | undefined;

				nodeWidth?: FTabNodeWidthProp | undefined;

				tooltip?: FRootTooltip | undefined;

				children?: any;
				["class"]?: string;
			} & React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;

			["f-tab-content"]: {
				transition?: "fade" | "slide" | "none" | undefined;

				duration?: number | undefined;

				tooltip?: FRootTooltip | undefined;

				children?: any;
				["class"]?: string;
			} & React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;

			["f-tab-node"]: {
				contentId?: string;

				active?: boolean | undefined;

				disabled?: boolean | undefined;

				tooltip?: FRootTooltip | undefined;

				children?: any;
				["class"]?: string;
			} & React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;

			["f-tag"]: {
				label?: string;

				size?: "large" | "medium" | "small" | undefined;

				category?: FTagCategory | undefined;

				state?: FTagStateProp | undefined;

				iconLeft?: string | undefined;

				iconRight?: string | undefined;

				counter?: number | undefined;

				loading?: boolean | undefined;

				selected?: boolean | undefined;

				disabled?: boolean | undefined;

				clickable?: boolean | undefined;

				maxWidth?: string;

				tooltip?: FRootTooltip | undefined;

				children?: any;
				["class"]?: string;
			} & React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;

			["f-template"]: {
				tooltip?: FRootTooltip | undefined;

				children?: any;
				["class"]?: string;
			} & React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;

			["f-text"]: {
				variant?: "heading" | "para" | "code" | undefined;

				size?: "x-large" | "large" | "medium" | "small" | "x-small" | undefined;

				weight?: "bold" | "medium" | "regular" | undefined;

				state?: FTextStateProp | undefined;

				align?: "left" | "center" | "right" | undefined;

				inline?: boolean | undefined;

				loading?: boolean | undefined;

				disabled?: boolean | undefined;

				ellipsis?: boolean | undefined;

				tooltip?: FRootTooltip | undefined;

				children?: any;
				["class"]?: string;
			} & React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;

			["f-text-area"]: {
				value?: string | undefined;

				category?: "fill" | "transparent" | "outline" | undefined;

				state?: FTextAreaState | undefined;

				size?: "small" | "medium" | undefined;

				rows?: number | undefined;

				placeholder?: string | undefined;

				maxLength?: number | undefined;

				resizable?: boolean | undefined;

				clear?: boolean | undefined;

				disabled?: boolean | undefined;

				readOnly?: boolean | undefined;

				maskValue?: boolean | undefined;

				tooltip?: FRootTooltip | undefined;

				children?: any;
				["class"]?: string;
			} & React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;

			["f-toast"]: {
				type?: "auto-hide" | "persists" | undefined;

				duration?: number | undefined;

				state?: FToastState | undefined;

				["close-button"]?: boolean | undefined;

				tooltip?: FRootTooltip | undefined;

				children?: any;
				["class"]?: string;
			} & React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;

			["f-tooltip"]: {
				placement?: FTooltipPlacement | undefined;

				closable?: boolean | undefined;

				children?: any;
				["class"]?: string;
			} & React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;

			["f-root"]: {
				tooltip?: FRootTooltip | undefined;

				children?: any;
				["class"]?: string;
			} & React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
		}
	}
}
