import { CSSProperties } from "./css.ts";

/**
 * All HTML elements
 */
export interface HTMLElements {
  /**
   * Custom element
   */
  [key: string]: unknown;

  /**
   * If the a element has an href attribute, then it represents a hyperlink (a hypertext anchor) labeled by its contents.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Elements/a)
   */
  a?: A;

  /**
   * The abbr element represents an abbreviation or acronym, optionally with its expansion. The title attribute may be used to provide an expansion of the abbreviation. The attribute, if specified, must contain an expansion of the abbreviation, and nothing else.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Elements/abbr)
   */
  abbr?: GlobalAttributes;

  /**
   * The address element represents the contact information for its nearest article or body element ancestor. If that is the body element, then the contact information applies to the document as a whole.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Elements/address)
   */
  address?: GlobalAttributes;

  /**
   * Provides a way to animate an attribute of an element over time.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Element/animate)
   */
  animate?: Animate;

  /**
   * Provides a way to define how an element moves along a motion path.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Element/animateMotion)
   */
  animateMotion?: AnimateMotion;

  /**
   * animates a transformation attribute on its target element, thereby allowing animations to control translation, scaling, rotation, and/or skewing.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Element/animateTransform)
   */
  animateTransform?: AnimateTransform;

  /**
   * The area element represents either a hyperlink with some text and a corresponding area on an image map, or a dead area on an image map.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Elements/area)
   */
  area?: Area;

  /**
   * The article element represents a complete, or self-contained, composition in a document, page, application, or site and that is, in principle, independently distributable or reusable, e.g. in syndication. This could be a forum post, a magazine or newspaper article, a blog entry, a user-submitted comment, an interactive widget or gadget, or any other independent item of content. Each article should be identified, typically by including a heading (h1–h6 element) as a child of the article element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Elements/article)
   */
  article?: GlobalAttributes;

  /**
   * The aside element represents a section of a page that consists of content that is tangentially related to the content around the aside element, and which could be considered separate from that content. Such sections are often represented as sidebars in printed typography.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Elements/aside)
   */
  aside?: GlobalAttributes;

  /**
   * An audio element represents a sound or audio stream.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Elements/audio)
   */
  audio?: Audio;

  /**
   * The b element represents a span of text to which attention is being drawn for utilitarian purposes without conveying any extra importance and with no implication of an alternate voice or mood, such as key words in a document abstract, product names in a review, actionable words in interactive text-driven software, or an article lede.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Elements/b)
   */
  b?: GlobalAttributes;

  /**
   * The base element allows authors to specify the document base URL for the purposes of resolving relative URLs, and the name of the default browsing context for the purposes of following hyperlinks. The element does not represent any content beyond this information.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Elements/base)
   */
  base?: Base;

  /**
   * The bdi element represents a span of text that is to be isolated from its surroundings for the purposes of bidirectional text formatting. [BIDI]
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Elements/bdi)
   */
  bdi?: GlobalAttributes;

  /**
   * The bdo element represents explicit text directionality formatting control for its children. It allows authors to override the Unicode bidirectional algorithm by explicitly specifying a direction override. [BIDI]
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Elements/bdo)
   */
  bdo?: GlobalAttributes;

  /**
   * The blockquote element represents content that is quoted from another source, optionally with a citation which must be within a footer or cite element, and optionally with in-line changes such as annotations and abbreviations.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Elements/blockquote)
   */
  blockquote?: Blockquote;

  /**
   * The body element represents the content of the document.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Elements/body)
   */
  body?: Body;

  /**
   * The br element represents a line break.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Elements/br)
   */
  br?: Br;

  /**
   * The button element represents a button labeled by its contents.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Elements/button)
   */
  button?: Button;

  /**
   * The canvas element provides scripts with a resolution-dependent bitmap canvas, which can be used for rendering graphs, game graphics, art, or other visual images on the fly.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Elements/canvas)
   */
  canvas?: Canvas;

  /**
   * The caption element represents the title of the table that is its parent, if it has a parent and that is a table element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Elements/caption)
   */
  caption?: Caption;

  /**
   * Create circles based on a center point and a radius.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Element/circle)
   */
  circle?: Circle;

  /**
   * The cite element represents a reference to a creative work. It must include the title of the work or the name of the author(person, people or organization) or an URL reference, or a reference in abbreviated form as per the conventions used for the addition of citation metadata.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Elements/cite)
   */
  cite?: GlobalAttributes;

  /**
   * Defines a clipping path. A clipping path is used/referenced using the clip-path property.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Element/clipPath)
   */
  clipPath?: ClipPath;

  /**
   * The code element represents a fragment of computer code. This could be an XML element name, a file name, a computer program, or any other string that a computer would recognize.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Elements/code)
   */
  code?: GlobalAttributes;

  /**
   * If a col element has a parent and that is a colgroup element that itself has a parent that is a table element, then the col element represents one or more columns in the column group represented by that colgroup.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Elements/col)
   */
  col?: Col;

  /**
   * The colgroup element represents a group of one or more columns in the table that is its parent, if it has a parent and that is a table element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Elements/colgroup)
   */
  colgroup?: Colgroup;

  /**
   * The data element links a given piece of content with a machine-readable translation.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Elements/data)
   */
  data?: Data;

  /**
   * The datalist element represents a set of option elements that represent predefined options for other controls. In the rendering, the datalist element represents nothing and it, along with its children, should be hidden.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Elements/datalist)
   */
  datalist?: GlobalAttributes;

  /**
   * The dd element represents the description, definition, or value, part of a term-description group in a description list (dl element).
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Elements/dd)
   */
  dd?: Dd;

  /**
   * Is used to store graphical objects that will be used at a later time.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Element/defs)
   */
  defs?: Defs;

  /**
   * The del element represents a removal from the document.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Elements/del)
   */
  del?: Del;

  /**
   * Each container element or graphics element in an SVG drawing can supply a description string using the <desc> element where the description is text-only.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Element/desc)
   */
  desc?: GlobalAttributes;

  /**
   * The details element represents a disclosure widget from which the user can obtain additional information or controls.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Elements/details)
   */
  details?: Details;

  /**
   * The dfn element represents the defining instance of a term. The paragraph, description list group, or section that is the nearest ancestor of the dfn element must also contain the definition(s) for the term given by the dfn element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Elements/dfn)
   */
  dfn?: GlobalAttributes;

  /**
   * The dialog element represents a part of an application that a user interacts with to perform a task, for example a dialog box, inspector, or window.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Elements/dialog)
   */
  dialog?: Dialog;

  /**
   * allows authors to specify the time at which particular elements are to be discarded, thereby reducing the resources required by an SVG user agent. This is particularly useful to help SVG viewers conserve memory while displaying long-running documents.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Element/discard)
   */
  discard?: Discard;

  /**
   * The div element has no special meaning at all. It represents its children. It can be used with the class, lang, and title attributes to mark up semantics common to a group of consecutive elements.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Elements/div)
   */
  div?: GlobalAttributes;

  /**
   * The dl element represents an association list consisting of zero or more name-value groups (a description list). A name-value group consists of one or more names (dt elements) followed by one or more values (dd elements), ignoring any nodes other than dt and dd elements. Within a single dl element, there should not be more than one dt element for each name.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Elements/dl)
   */
  dl?: GlobalAttributes;

  /**
   * The dt element represents the term, or name, part of a term-description group in a description list (dl element).
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Elements/dt)
   */
  dt?: GlobalAttributes;

  /**
   * The ellipse element is an SVG basic shape, used to create ellipses based on a center coordinate, and both their x and y radius.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Element/ellipse)
   */
  ellipse?: Ellipse;

  /**
   * The em element represents stress emphasis of its contents.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Elements/em)
   */
  em?: GlobalAttributes;

  /**
   * The embed element provides an integration point for an external (typically non-HTML) application or interactive content.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Elements/embed)
   */
  embed?: Embed;

  /**
   * The <feBlend> SVG filter primitive composes two objects together ruled by a certain blending mode.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Element/feBlend)
   */
  feBlend?: FeBlend;

  /**
   * The <feColorMatrix> SVG filter element changes colors based on a transformation matrix.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Element/feColorMatrix)
   */
  feColorMatrix?: FeColorMatrix;

  /**
   * Th <feComponentTransfer> SVG filter primitive performs color-component-wise remapping of data for each pixel.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Element/feComponentTransfer)
   */
  feComponentTransfer?: FeComponentTransfer;

  /**
   * This filter primitive performs the combination of two input images pixel-wise in image space using one of the Porter-Duff compositing operations: over, in, atop, out, xor and lighter.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Element/feComposite)
   */
  feComposite?: FeComposite;

  /**
   * The <feConvolveMatrix> SVG filter primitive applies a matrix convolution filter effect.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Element/feConvolveMatrix)
   */
  feConvolveMatrix?: FeConvolveMatrix;

  /**
   * The <feDiffuseLighting> SVG filter primitive lights an image using the alpha channel as a bump map.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Element/feDiffuseLighting)
   */
  feDiffuseLighting?: FeDiffuseLighting;

  /**
   * The <feDisplacementMap> SVG filter primitive uses the pixel values from the image from in2 to spatially displace the image from in.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Element/feDisplacementMap)
   */
  feDisplacementMap?: FeDisplacementMap;

  /**
   * The <feDistantLight> filter primitive defines a distant light source that can be used within a lighting filter primitive: <feDiffuseLighting> or <feSpecularLighting>.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Element/feDistantLight)
   */
  feDistantLight?: FeDistantLight;

  /**
   * The <feDropShadow> filter primitive creates a drop shadow of the input image.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Element/feDropShadow)
   */
  feDropShadow?: FeDropShadow;

  /**
   * The <feFlood> SVG filter primitive fills the filter subregion with the color and opacity defined by flood-color and flood-opacity.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Element/feFlood)
   */
  feFlood?: FeFlood;

  /**
   * The <feFuncA> SVG filter primitive defines the transfer function for the alpha component of the input graphic of its parent <feComponentTransfer> element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Element/feFuncA)
   */
  feFuncA?: FeFuncA;

  /**
   * The <feFuncA> SVG filter primitive defines the transfer function for the blue component of the input graphic of its parent <feComponentTransfer> element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Element/feFuncB)
   */
  feFuncB?: FeFuncB;

  /**
   * The <feFuncA> SVG filter primitive defines the transfer function for the green component of the input graphic of its parent <feComponentTransfer> element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Element/feFuncG)
   */
  feFuncG?: FeFuncG;

  /**
   * The <feFuncA> SVG filter primitive defines the transfer function for the red component of the input graphic of its parent <feComponentTransfer> element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Element/feFuncR)
   */
  feFuncR?: FeFuncR;

  /**
   * The <feGaussianBlur> SVG filter primitive blurs the input image by the amount specified in stdDeviation, which defines the bell-curve.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Element/feGaussianBlur)
   */
  feGaussianBlur?: FeGaussianBlur;

  /**
   * The <feImage> SVG filter primitive fetches image data from an external source and provides the pixel data as output (meaning if the external source is an SVG image, it is rasterized.)
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Element/feImage)
   */
  feImage?: FeImage;

  /**
   * The <feMerge> SVG element allows filter effects to be applied concurrently instead of sequentially.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Element/feMerge)
   */
  feMerge?: FeMerge;

  /**
   * The feMergeNode takes the result of another filter to be processed by its parent <feMerge>.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Element/feMergeNode)
   */
  feMergeNode?: FeMergeNode;

  /**
   * The <feMorphology> SVG filter primitive is used to erode or dilate the input image.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Element/feMorphology)
   */
  feMorphology?: FeMorphology;

  /**
   * The fencedframe element represents a nested browsing context, embedding another HTML page into the current one.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Elements/fencedframe)
   */
  fencedframe?: Fencedframe;

  /**
   * The <feOffset> SVG filter primitive allows to offset the input image.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Element/feOffset)
   */
  feOffset?: FeOffset;

  /**
   * The <fePointLight> SVG filter primitive allows to create a point light effect.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Element/fePointLight)
   */
  fePointLight?: FePointLight;

  /**
   * The <feSpecularLighting> SVG filter primitive lights a source graphic using the alpha channel as a bump map.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Element/feSpecularLighting)
   */
  feSpecularLighting?: FeSpecularLighting;

  /**
   * The <feSpotLight> SVG filter primitive allows to create a spotlight effect.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Element/feSpotLight)
   */
  feSpotLight?: FeSpotLight;

  /**
   * The <feTile> SVG filter primitive allows to fill a target rectangle with a repeated, tiled pattern of an input image.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Element/feTile)
   */
  feTile?: FeTile;

  /**
   * The <feTurbulence> SVG filter primitive creates an image using the Perlin turbulence function.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Element/feTurbulence)
   */
  feTurbulence?: FeTurbulence;

  /**
   * The fieldset element represents a set of form controls optionally grouped under a common name.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Elements/fieldset)
   */
  fieldset?: Fieldset;

  /**
   * The figcaption element represents a caption or legend for the rest of the contents of the figcaption element's parent figure element, if any.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Elements/figcaption)
   */
  figcaption?: GlobalAttributes;

  /**
   * The figure element represents some flow content, optionally with a caption, that is self-contained (like a complete sentence) and is typically referenced as a single unit from the main flow of the document.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Elements/figure)
   */
  figure?: GlobalAttributes;

  /**
   * The <filter> SVG element serves as container for atomic filter operations.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Element/filter)
   */
  filter?: Filter;

  /**
   * The footer element represents a footer for its nearest ancestor sectioning content or sectioning root element. A footer typically contains information about its section such as who wrote it, links to related documents, copyright data, and the like.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Elements/footer)
   */
  footer?: GlobalAttributes;

  /**
   * The <foreignObject> SVG element allows for inclusion of a foreign XML namespace which has its graphical content drawn by a different user agent. The included foreign graphical content is subject to SVG transformations and compositing.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Element/foreignObject)
   */
  foreignObject?: ForeignObject;

  /**
   * The form element represents a collection of form-associated elements, some of which can represent editable values that can be submitted to a server for processing.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Elements/form)
   */
  form?: Form;

  /**
   * The <g> SVG element is a container used to group other SVG elements.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Element/g)
   */
  g?: G;

  /**
   * The h1 element represents a section heading.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Elements/Heading_Elements)
   */
  h1?: GlobalAttributes;

  /**
   * The h2 element represents a section heading.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Elements/Heading_Elements)
   */
  h2?: GlobalAttributes;

  /**
   * The h3 element represents a section heading.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Elements/Heading_Elements)
   */
  h3?: GlobalAttributes;

  /**
   * The h4 element represents a section heading.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Elements/Heading_Elements)
   */
  h4?: GlobalAttributes;

  /**
   * The h5 element represents a section heading.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Elements/Heading_Elements)
   */
  h5?: GlobalAttributes;

  /**
   * The h6 element represents a section heading.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Elements/Heading_Elements)
   */
  h6?: GlobalAttributes;

  /**
   * The head element represents a collection of metadata for the Document.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Elements/head)
   */
  head?: Head;

  /**
   * The header element represents introductory content for its nearest ancestor sectioning content or sectioning root element. A header typically contains a group of introductory or navigational aids. When the nearest ancestor sectioning content or sectioning root element is the body element, then it applies to the whole page.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Elements/header)
   */
  header?: GlobalAttributes;

  /**
   * The hgroup element represents a heading and related content. It groups a single h1–h6 element with one or more p.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Elements/hgroup)
   */
  hgroup?: GlobalAttributes;

  /**
   * The hr element represents a paragraph-level thematic break, e.g. a scene change in a story, or a transition to another topic within a section of a reference book.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Elements/hr)
   */
  hr?: Hr;

  /**
   * The html element represents the root of an HTML document.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Elements/html)
   */
  html?: Html;

  /**
   * The i element represents a span of text in an alternate voice or mood, or otherwise offset from the normal prose in a manner indicating a different quality of text, such as a taxonomic designation, a technical term, an idiomatic phrase from another language, transliteration, a thought, or a ship name in Western texts.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Elements/i)
   */
  i?: GlobalAttributes;

  /**
   * The iframe element represents a nested browsing context.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Elements/iframe)
   */
  iframe?: Iframe;

  /**
   * The <image> SVG element allows a raster image to be included in an SVG document.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Element/image)
   */
  image?: Image;

  /**
   * An img element represents an image.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Elements/img)
   */
  img?: Img;

  /**
   * The input element represents a typed data field, usually with a form control to allow the user to edit the data.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Elements/input)
   */
  input?: Input;

  /**
   * The ins element represents an addition to the document.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Elements/ins)
   */
  ins?: Ins;

  /**
   * The kbd element represents user input (typically keyboard input, although it may also be used to represent other input, such as voice commands).
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Elements/kbd)
   */
  kbd?: GlobalAttributes;

  /**
   * The label element represents a caption in a user interface. The caption can be associated with a specific form control, known as the label element's labeled control, either using the for attribute, or by putting the form control inside the label element itself.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Elements/label)
   */
  label?: Label;

  /**
   * The legend element represents a caption for the rest of the contents of the legend element's parent fieldset element, if any.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Elements/legend)
   */
  legend?: GlobalAttributes;

  /**
   * The li element represents a list item. If its parent element is an ol, ul, or menu element, then the element is an item of the parent element's list, as defined for those elements. Otherwise, the list item has no defined list-related relationship to any other li element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Elements/li)
   */
  li?: Li;

  /**
   * The <line> element is an SVG basic shape used to create a line connecting two points.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Element/line)
   */
  line?: Line;

  /**
   * The <linearGradient> SVG element lets authors define linear gradients to fill or stroke graphical elements.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Element/linearGradient)
   */
  linearGradient?: LinearGradient;

  /**
   * The link element allows authors to link their document to other resources.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Elements/link)
   */
  link?: Link;

  /**
   * The main element represents the main content of the body of a document or application. The main content area consists of content that is directly related to or expands upon the central topic of a document or central functionality of an application.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Elements/main)
   */
  main?: GlobalAttributes;

  /**
   * The map element, in conjunction with an img element and any area element descendants, defines an image map. The element represents its children.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Elements/map)
   */
  map?: Map;

  /**
   * The mark element represents a run of text in one document marked or highlighted for reference purposes, due to its relevance in another context. When used in a quotation or other block of text referred to from the prose, it indicates a highlight that was not originally present but which has been added to bring the reader's attention to a part of the text that might not have been considered important by the original author when the block was originally written, but which is now under previously unexpected scrutiny. When used in the main prose of a document, it indicates a part of the document that has been highlighted due to its likely relevance to the user's current activity.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Elements/mark)
   */
  mark?: GlobalAttributes;

  /**
   * The <marker> element defines the graphics that is to be used for drawing arrowheads or polymarkers on a given <path>, <line>, <polyline> or <polygon> element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Element/marker)
   */
  marker?: Marker;

  /**
   * The <mask> element defines an alpha mask for compositing the current object into the background. A mask is used/referenced using the mask property.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Element/mask)
   */
  mask?: Mask;

  /**
   * The menu element represents an unordered list of interactive items.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Elements/menu)
   */
  menu?: GlobalAttributes;

  /**
   * The meta element represents various kinds of metadata that cannot be expressed using the title, base, link, style, and script elements.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Elements/meta)
   */
  meta?: Meta;

  /**
   * The <metadata> SVG element allows to add metadata to SVG content. Metadata is structured information about data.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Element/metadata)
   */
  metadata?: GlobalAttributes;

  /**
   * The meter element represents a scalar measurement within a known range, or a fractional value; for example disk usage, the relevance of a query result, or the fraction of a voting population to have selected a particular candidate.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Elements/meter)
   */
  meter?: Meter;

  /**
   * The <mpath> sub-element for the <animateMotion> element provides the ability to reference an external <path> element as the definition of a motion path.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Element/mpath)
   */
  mpath?: Mpath;

  /**
   * The nav element represents a section of a page that links to other pages or to parts within the page: a section with navigation links.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Elements/nav)
   */
  nav?: GlobalAttributes;

  /**
   * The noscript element represents nothing if scripting is enabled, and represents its children if scripting is disabled. It is used to present different markup to user agents that support scripting and those that don't support scripting, by affecting how the document is parsed.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Elements/noscript)
   */
  noscript?: GlobalAttributes;

  /**
   * The object element can represent an external resource, which, depending on the type of the resource, will either be treated as an image, as a nested browsing context, or as an external resource to be processed by a plugin.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Elements/object)
   */
  object?: Object;

  /**
   * The ol element represents a list of items, where the items have been intentionally ordered, such that changing the order would change the meaning of the document.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Elements/ol)
   */
  ol?: Ol;

  /**
   * The optgroup element represents a group of option elements with a common label.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Elements/optgroup)
   */
  optgroup?: Optgroup;

  /**
   * The option element represents an option in a select element or as part of a list of suggestions in a datalist element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Elements/option)
   */
  option?: Option;

  /**
   * The output element represents the result of a calculation performed by the application, or the result of a user action.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Elements/output)
   */
  output?: Output;

  /**
   * The p element represents a paragraph.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Elements/p)
   */
  p?: GlobalAttributes;

  /**
   * The param element defines parameters for plugins invoked by object elements. It does not represent anything on its own.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Elements/param)
   */
  param?: Param;

  /**
   * The <path> SVG element is the generic element to define a shape. All the basic shapes can be created with a path element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Element/path)
   */
  path?: Path;

  /**
   * The <pattern> element defines a graphics object which can be redrawn at repeated x and y-coordinate intervals ("tiled") to cover an area. The <pattern> is referenced by the fill and/or stroke attributes on other graphics elements to fill or stroke those elements with the referenced pattern.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Element/pattern)
   */
  pattern?: Pattern;

  /**
   * The picture element is a container which provides multiple sources to its contained img element to allow authors to declaratively control or give hints to the user agent about which image resource to use, based on the screen pixel density, viewport size, image format, and other factors. It represents its children.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Elements/picture)
   */
  picture?: GlobalAttributes;

  /**
   * The <polygon> element defines a closed shape consisting of a set of connected straight line segments. The last point is connected to the first point. For open shapes see the <polyline> element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Element/polygon)
   */
  polygon?: Polygon;

  /**
   * The <polyline> SVG element is an SVG basic shape that creates straight lines connecting several points. Typically a polyline is used to create open shapes as the last point doesn't have to be connected to the first point. For closed shapes see the <polygon> element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Element/polyline)
   */
  polyline?: Polyline;

  /**
   * The pre element represents a block of preformatted text, in which structure is represented by typographic conventions rather than by elements.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Elements/pre)
   */
  pre?: Pre;

  /**
   * The progress element represents the completion progress of a task. The progress is either indeterminate, indicating that progress is being made but that it is not clear how much more work remains to be done before the task is complete (e.g. because the task is waiting for a remote host to respond), or the progress is a number in the range zero to a maximum, giving the fraction of work that has so far been completed.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Elements/progress)
   */
  progress?: Progress;

  /**
   * The q element represents some phrasing content quoted from another source.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Elements/q)
   */
  q?: Q;

  /**
   * The <radialGradient> SVG element lets authors define radial gradients to fill or stroke graphical elements.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Element/radialGradient)
   */
  radialGradient?: RadialGradient;

  /**
   * The rb element marks the base text component of a ruby annotation. When it is the child of a ruby element, it doesn't represent anything itself, but its parent ruby element uses it as part of determining what it represents.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Elements/rb)
   */
  rb?: GlobalAttributes;

  /**
   * The rect element is an SVG basic shape, used to create rectangles based on the position of a corner and their width and height. It may also be used to create rectangles with rounded corners.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Element/rect)
   */
  rect?: Rect;

  /**
   * The rp element is used to provide fallback text to be shown by user agents that don't support ruby annotations. One widespread convention is to provide parentheses around the ruby text component of a ruby annotation.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Elements/rp)
   */
  rp?: GlobalAttributes;

  /**
   * The rt element marks the ruby text component of a ruby annotation. When it is the child of a ruby element or of an rtc element that is itself the child of a ruby element, it doesn't represent anything itself, but its ancestor ruby element uses it as part of determining what it represents.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Elements/rt)
   */
  rt?: GlobalAttributes;

  /**
   * The ruby element allows one or more spans of phrasing content to be marked with ruby annotations. Ruby annotations are short runs of text presented alongside base text, primarily used in East Asian typography as a guide for pronunciation or to include other annotations. In Japanese, this form of typography is also known as furigana. Ruby text can appear on either side, and sometimes both sides, of the base text, and it is possible to control its position using CSS. A more complete introduction to ruby can be found in the Use Cases & Exploratory Approaches for Ruby Markup document as well as in CSS Ruby Module Level 1. [RUBY-UC] [CSSRUBY]
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Elements/ruby)
   */
  ruby?: GlobalAttributes;

  /**
   * The s element represents contents that are no longer accurate or no longer relevant.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Elements/s)
   */
  s?: GlobalAttributes;

  /**
   * The samp element represents sample or quoted output from another program or computing system.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Elements/samp)
   */
  samp?: GlobalAttributes;

  /**
   * The script element allows authors to include dynamic script and data blocks in their documents. The element does not represent content for the user.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Elements/script)
   */
  script?: Script;

  /**
   * The search element represents the parts of the document or application with form controls or other content related to performing a search or filtering operation.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Elements/search)
   */
  search?: GlobalAttributes;

  /**
   * The section element represents a generic section of a document or application. A section, in this context, is a thematic grouping of content. Each section should be identified, typically by including a heading ( h1- h6 element) as a child of the section element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Elements/section)
   */
  section?: GlobalAttributes;

  /**
   * The select element represents a control for selecting amongst a set of options.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Elements/select)
   */
  select?: Select;

  /**
   * The selectedcontent element can be used to display the content of the currently selected option element inside of a closed select element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Elements/selectedcontent)
   */
  selectedcontent?: GlobalAttributes;

  /**
   * The <set> element provides a simple means of just setting the value of an attribute for a specified duration. It supports all attribute types, including those that cannot reasonably be interpolated, such as string and boolean values. The <set> element is non-additive. The additive and accumulate attributes are not allowed, and will be ignored if specified.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Element/set)
   */
  set?: Set;

  /**
   * The slot element is a placeholder inside a web component that you can fill with your own markup, which lets you create separate DOM trees and present them together.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Elements/slot)
   */
  slot?: Slot;

  /**
   * The small element represents side comments such as small print.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Elements/small)
   */
  small?: GlobalAttributes;

  /**
   * The source element allows authors to specify multiple alternative media resources for media elements. It does not represent anything on its own.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Elements/source)
   */
  source?: Source;

  /**
   * The span element doesn't mean anything on its own, but can be useful when used together with the global attributes, e.g. class, lang, or dir. It represents its children.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Elements/span)
   */
  span?: GlobalAttributes;

  /**
   * The <stop> SVG element defines the ramp of colors to use on a gradient, which is a child element to either the <linearGradient> or the <radialGradient> element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Element/stop)
   */
  stop?: Stop;

  /**
   * The strong element represents strong importance, seriousness, or urgency for its contents.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Elements/strong)
   */
  strong?: GlobalAttributes;

  /**
   * The style element allows authors to embed style information in their documents. The style element is one of several inputs to the styling processing model. The element does not represent content for the user.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Elements/style)
   */
  style?: Style;

  /**
   * The sub element represents a subscript.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Elements/sub)
   */
  sub?: GlobalAttributes;

  /**
   * The summary element represents a summary, caption, or legend for the rest of the contents of the summary element's parent details element, if any.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Elements/summary)
   */
  summary?: GlobalAttributes;

  /**
   * The sup element represents a superscript.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Elements/sup)
   */
  sup?: GlobalAttributes;

  /**
   * The svg element can be used to embed an SVG fragment inside the current document (for example, an HTML document). This SVG fragment has its own viewport and coordinate system.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Element/svg)
   */
  svg?: Svg;

  /**
   * The <switch> SVG element evaluates the requiredFeatures, requiredExtensions and systemLanguage attributes on its direct child elements in order, and then processes and renders the first child for which these attributes evaluate to true. All others will be bypassed and therefore not rendered. If the child element is a container element such as a <g>, then the entire subtree is either processed/rendered or bypassed/not rendered.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Element/switch)
   */
  switch?: Switch;

  /**
   * The <symbol> element is used to define graphical template objects which can be instantiated by a <use> element. The use of symbol elements for graphics that are used multiple times in the same document adds structure and semantics. Documents that are rich in structure may be rendered graphically, as speech, or as Braille, and thus promote accessibility. Note that a symbol element itself is not rendered. Only instances of a symbol element (i.e., a reference to a symbol by a <use> element) are rendered.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Element/symbol)
   */
  symbol?: Symbol;

  /**
   * The table element represents data with more than one dimension, in the form of a table.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Elements/table)
   */
  table?: Table;

  /**
   * The tbody element represents a block of rows that consist of a body of data for the parent table element, if the tbody element has a parent and it is a table.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Elements/tbody)
   */
  tbody?: Tbody;

  /**
   * The td element represents a data cell in a table.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Elements/td)
   */
  td?: Td;

  /**
   * The template element is used to declare fragments of HTML that can be cloned and inserted in the document by script.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Elements/template)
   */
  template?: GlobalAttributes;

  /**
   * The SVG <text> element defines a graphics element consisting of text. It's possible to apply a gradient, pattern, clipping path, mask, or filter to <text>, just like any other SVG graphics element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Element/text)
   */
  text?: Text;

  /**
   * The textarea element represents a multiline plain text edit control for the element's raw value. The contents of the control represent the control's default value.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Elements/textarea)
   */
  textarea?: Textarea;

  /**
   * In addition to text drawn in a straight line, SVG also includes the ability to place text along the shape of a <path> element. To specify that a block of text is to be rendered along the shape of a <path>, include the given text within a <textPath> element which includes an href attribute with a reference to a <path> element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Element/textPath)
   */
  textPath?: TextPath;

  /**
   * The tfoot element represents the block of rows that consist of the column summaries (footers) for the parent table element, if the tfoot element has a parent and it is a table.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Elements/tfoot)
   */
  tfoot?: Tfoot;

  /**
   * The th element represents a header cell in a table.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Elements/th)
   */
  th?: Th;

  /**
   * The thead element represents the block of rows that consist of the column labels (headers) for the parent table element, if the thead element has a parent and it is a table.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Elements/thead)
   */
  thead?: Thead;

  /**
   * The time element represents its contents, along with a machine-readable form of those contents in the datetime attribute. The kind of content is limited to various kinds of dates, times, time-zone offsets, and durations, as described below.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Elements/time)
   */
  time?: Time;

  /**
   * The title element represents the document's title or name. Authors should use titles that identify their documents even when they are used out of context, for example in a user's history or bookmarks, or in search results. The document's title is often different from its first heading, since the first heading does not have to stand alone when taken out of context.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Elements/title)
   */
  title?: GlobalAttributes;

  /**
   * The tr element represents a row of cells in a table.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Elements/tr)
   */
  tr?: Tr;

  /**
   * The track element allows authors to specify explicit external timed text tracks for media elements. It does not represent anything on its own.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Elements/track)
   */
  track?: Track;

  /**
   * Defines a subtext within a <text> element or another <tspan> element. It allows for adjustment of the style and/or position of that subtext as needed.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Element/tspan)
   */
  tspan?: Tspan;

  /**
   * The u element represents a span of text with an unarticulated, though explicitly rendered, non-textual annotation, such as labeling the text as being a proper name in Chinese text (a Chinese proper name mark), or labeling the text as being misspelt.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Elements/u)
   */
  u?: GlobalAttributes;

  /**
   * The ul element represents a list of items, where the order of the items is not important — that is, where changing the order would not materially change the meaning of the document.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Elements/ul)
   */
  ul?: Ul;

  /**
   * The <use> element takes nodes from within the SVG document, and duplicates them somewhere else. The effect is the same as if the nodes were deeply cloned into a non-exposed DOM, and then pasted where the use element is, much like cloned template elements in HTML5. Since the cloned nodes are not exposed, care must be taken when using CSS to style a use element and its hidden descendants. CSS attributes are not guaranteed to be inherited by the hidden, cloned DOM unless you explicitly request it using CSS inheritance.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Element/use)
   */
  use?: Use;

  /**
   * The var element represents a variable. This could be an actual variable in a mathematical expression or programming context, an identifier representing a constant, a symbol identifying a physical quantity, a function parameter, or just be a term used as a placeholder in prose.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Elements/var)
   */
  var?: GlobalAttributes;

  /**
   * A video element is used for playing videos or movies, and audio files with captions.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Elements/video)
   */
  video?: Video;

  /**
   * A view is a defined way to view the image, like a zoom level or a detail view.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Element/view)
   */
  view?: View;

  /**
   * The wbr element represents a line break opportunity.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Elements/wbr)
   */
  wbr?: GlobalAttributes;
}

/**
 * Global attributes are attributes common to all HTML elements; they can be used on all elements, though they may have no effect on some elements.
 */
interface GlobalAttributes {
  /**
   * Custom attribute
   */
  // deno-lint-ignore no-explicit-any
  [key: string]: any;

  /**
   * Provides a hint for generating a keyboard shortcut for the current element. This attribute consists of a space-separated list of characters. The browser should use the first one that exists on the computer keyboard layout.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Global_attributes/accesskey)
   */
  accesskey?: string;

  /**
   * Identifies the currently active element when DOM focus is on a [`composite`](https://www.w3.org/TR/wai-aria-1.1/#composite) widget, [`textbox`](https://www.w3.org/TR/wai-aria-1.1/#textbox), [`group`](https://www.w3.org/TR/wai-aria-1.1/#group), or [`application`](https://www.w3.org/TR/wai-aria-1.1/#application).
   * @see [WAI-ARIA Reference](https://www.w3.org/TR/wai-aria-1.1/#aria-activedescendant)
   */
  "aria-activedescendant"?: string;

  /**
   * Indicates whether [assistive technologies](https://www.w3.org/TR/wai-aria-1.1/#dfn-assistive-technology) will present all, or only parts of, the changed region based on the change notifications defined by the [`aria-relevant`](https://www.w3.org/TR/wai-aria-1.1/#aria-relevant) attribute.
   * @see [WAI-ARIA Reference](https://www.w3.org/TR/wai-aria-1.1/#aria-atomic)
   */
  "aria-atomic"?: "true" | "false";

  /**
   * Indicates whether inputting text could trigger display of one or more predictions of the user's intended value for an input and specifies how predictions would be presented if they are made.
   * @see [WAI-ARIA Reference](https://www.w3.org/TR/wai-aria-1.1/#aria-autocomplete)
   */
  "aria-autocomplete"?: "inline" | "list" | "both" | "none";

  /**
   * Indicates an element is being modified and that assistive technologies _MAY_ want to wait until the modifications are complete before exposing them to the user.
   * @see [WAI-ARIA Reference](https://www.w3.org/TR/wai-aria-1.1/#aria-busy)
   */
  "aria-busy"?: "true" | "false";

  /**
   * Indicates the current "checked" [state](https://www.w3.org/TR/wai-aria-1.1/#dfn-state) of checkboxes, radio buttons, and other [widgets](https://www.w3.org/TR/wai-aria-1.1/#dfn-widget). See related [`aria-pressed`](https://www.w3.org/TR/wai-aria-1.1/#aria-pressed) and [`aria-selected`](https://www.w3.org/TR/wai-aria-1.1/#aria-selected).
   * @see [WAI-ARIA Reference](https://www.w3.org/TR/wai-aria-1.1/#aria-checked)
   */
  "aria-checked"?: "true" | "false" | "mixed" | "undefined";

  /**
   * Defines the total number of columns in a [`table`](https://www.w3.org/TR/wai-aria-1.1/#table), [`grid`](https://www.w3.org/TR/wai-aria-1.1/#grid), or [`treegrid`](https://www.w3.org/TR/wai-aria-1.1/#treegrid). See related [`aria-colindex`](https://www.w3.org/TR/wai-aria-1.1/#aria-colindex).
   * @see [WAI-ARIA Reference](https://www.w3.org/TR/wai-aria-1.1/#aria-colcount)
   */
  "aria-colcount"?: string;

  /**
   * Defines an [element's](https://www.w3.org/TR/wai-aria-1.1/#dfn-element) column index or position with respect to the total number of columns within a [`table`](https://www.w3.org/TR/wai-aria-1.1/#table), [`grid`](https://www.w3.org/TR/wai-aria-1.1/#grid), or [`treegrid`](https://www.w3.org/TR/wai-aria-1.1/#treegrid). See related [`aria-colcount`](https://www.w3.org/TR/wai-aria-1.1/#aria-colcount) and [`aria-colspan`](https://www.w3.org/TR/wai-aria-1.1/#aria-colspan).
   * @see [WAI-ARIA Reference](https://www.w3.org/TR/wai-aria-1.1/#aria-colindex)
   */
  "aria-colindex"?: string;

  /**
   * Defines the number of columns spanned by a cell or gridcell within a [`table`](https://www.w3.org/TR/wai-aria-1.1/#table), [`grid`](https://www.w3.org/TR/wai-aria-1.1/#grid), or [`treegrid`](https://www.w3.org/TR/wai-aria-1.1/#treegrid). See related [`aria-colindex`](https://www.w3.org/TR/wai-aria-1.1/#aria-colindex) and [`aria-rowspan`](https://www.w3.org/TR/wai-aria-1.1/#aria-rowspan).
   * @see [WAI-ARIA Reference](https://www.w3.org/TR/wai-aria-1.1/#aria-colspan)
   */
  "aria-colspan"?: string;

  /**
   * Identifies the [element](https://www.w3.org/TR/wai-aria-1.1/#dfn-element) (or elements) whose contents or presence are controlled by the current element. See related [`aria-owns`](https://www.w3.org/TR/wai-aria-1.1/#aria-owns).
   * @see [WAI-ARIA Reference](https://www.w3.org/TR/wai-aria-1.1/#aria-controls)
   */
  "aria-controls"?: string;

  /**
   * Indicates the [element](https://www.w3.org/TR/wai-aria-1.1/#dfn-element) that represents the current item within a container or set of related elements.
   * @see [WAI-ARIA Reference](https://www.w3.org/TR/wai-aria-1.1/#aria-current)
   */
  "aria-current"?:
    | "page"
    | "step"
    | "location"
    | "date"
    | "time"
    | "true"
    | "false";

  /**
   * Identifies the [element](https://www.w3.org/TR/wai-aria-1.1/#dfn-element) (or elements) that describes the [object](https://www.w3.org/TR/wai-aria-1.1/#dfn-object). See related [`aria-labelledby`](https://www.w3.org/TR/wai-aria-1.1/#aria-labelledby).
   * @see [WAI-ARIA Reference](https://www.w3.org/TR/wai-aria-1.1/#aria-describedby)
   */
  "aria-describedby"?: string;

  /**
   * Identifies the [element](https://www.w3.org/TR/wai-aria-1.1/#dfn-element) that provides a detailed, extended description for the [object](https://www.w3.org/TR/wai-aria-1.1/#dfn-object). See related [`aria-describedby`](https://www.w3.org/TR/wai-aria-1.1/#aria-describedby).
   */
  "aria-details"?: string;

  /**
   * Indicates that the [element](https://www.w3.org/TR/wai-aria-1.1/#dfn-element) is [perceivable](https://www.w3.org/TR/wai-aria-1.1/#dfn-perceivable) but disabled, so it is not editable or otherwise [operable](https://www.w3.org/TR/wai-aria-1.1/#dfn-operable). See related [`aria-hidden`](https://www.w3.org/TR/wai-aria-1.1/#aria-hidden) and [`aria-readonly`](https://www.w3.org/TR/wai-aria-1.1/#aria-readonly).
   * @see [WAI-ARIA Reference](https://www.w3.org/TR/wai-aria-1.1/#aria-disabled)
   */
  "aria-disabled"?: "true" | "false";

  /**
   * \[Deprecated in ARIA 1.1\] Indicates what functions can be performed when a dragged object is released on the drop target.
   * @see [WAI-ARIA Reference](https://www.w3.org/TR/wai-aria-1.1/#aria-dropeffect)
   */
  "aria-dropeffect"?: "copy" | "move" | "link" | "execute" | "popup" | "none";

  /**
   * Identifies the [element](https://www.w3.org/TR/wai-aria-1.1/#dfn-element) that provides an error message for the [object](https://www.w3.org/TR/wai-aria-1.1/#dfn-object). See related [`aria-invalid`](https://www.w3.org/TR/wai-aria-1.1/#aria-invalid) and [`aria-describedby`](https://www.w3.org/TR/wai-aria-1.1/#aria-describedby).
   * @see [WAI-ARIA Reference](https://www.w3.org/TR/wai-aria-1.1/#aria-errormessage)
   */
  "aria-errormessage"?: string;

  /**
   * Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed.
   * @see [WAI-ARIA Reference](https://www.w3.org/TR/wai-aria-1.1/#aria-expanded)
   */
  "aria-expanded"?: "true" | "false" | "undefined";

  /**
   * Identifies the next [element](https://www.w3.org/TR/wai-aria-1.1/#dfn-element) (or elements) in an alternate reading order of content which, at the user's discretion, allows assistive technology to override the general default of reading in document source order.
   * @see [WAI-ARIA Reference](https://www.w3.org/TR/wai-aria-1.1/#aria-flowto)
   */
  "aria-flowto"?: string;

  /**
   * \[Deprecated in ARIA 1.1\] Indicates an element's "grabbed" [state](https://www.w3.org/TR/wai-aria-1.1/#dfn-state) in a drag-and-drop operation.
   * @see [WAI-ARIA Reference](https://www.w3.org/TR/wai-aria-1.1/#aria-grabbed)
   */
  "aria-grabbed"?: "true" | "false" | "undefined";

  /**
   * Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an [element](https://www.w3.org/TR/wai-aria-1.1/#dfn-element).
   * @see [WAI-ARIA Reference](https://www.w3.org/TR/wai-aria-1.1/#aria-haspopup)
   */
  "aria-haspopup"?:
    | "false"
    | "true"
    | "menu"
    | "listbox"
    | "tree"
    | "grid"
    | "dialog";

  /**
   * Indicates whether the [element](https://www.w3.org/TR/wai-aria-1.1/#dfn-element) is exposed to an accessibility API. See related [`aria-disabled`](https://www.w3.org/TR/wai-aria-1.1/#aria-disabled).
   * @see [WAI-ARIA Reference](https://www.w3.org/TR/wai-aria-1.1/#aria-hidden)
   */
  "aria-hidden"?: "true" | "false";

  /**
   * Indicates the entered value does not conform to the format expected by the application. See related [`aria-errormessage`](https://www.w3.org/TR/wai-aria-1.1/#aria-errormessage).
   * @see [WAI-ARIA Reference](https://www.w3.org/TR/wai-aria-1.1/#aria-invalid)
   */
  "aria-invalid"?: "grammar" | "false" | "spelling" | "true";

  /**
   * Indicates keyboard shortcuts that an author has implemented to activate or give focus to an element.
   */
  "aria-keyshortcuts"?: string;

  /**
   * Defines a string value that labels the current element. See related [`aria-labelledby`](https://www.w3.org/TR/wai-aria-1.1/#aria-labelledby).
   * @see [WAI-ARIA Reference](https://www.w3.org/TR/wai-aria-1.1/#aria-label)
   */
  "aria-label"?: string;

  /**
   * Identifies the [element](https://www.w3.org/TR/wai-aria-1.1/#dfn-element) (or elements) that labels the current element. See related [`aria-describedby`](https://www.w3.org/TR/wai-aria-1.1/#aria-describedby).
   * @see [WAI-ARIA Reference](https://www.w3.org/TR/wai-aria-1.1/#aria-labelledby)
   */
  "aria-labelledby"?: string;

  /**
   * Defines the hierarchical level of an [element](https://www.w3.org/TR/wai-aria-1.1/#dfn-element) within a structure.
   * @see [WAI-ARIA Reference](https://www.w3.org/TR/wai-aria-1.1/#aria-level)
   */
  "aria-level"?: string;

  /**
   * Indicates that an [element](https://www.w3.org/TR/wai-aria-1.1/#dfn-element) will be updated, and describes the types of updates the [user agents](https://www.w3.org/TR/wai-aria-1.1/#dfn-user-agent), [assistive technologies](https://www.w3.org/TR/wai-aria-1.1/#dfn-assistive-technology), and user can expect from the [live region](https://www.w3.org/TR/wai-aria-1.1/#dfn-live-region).
   * @see [WAI-ARIA Reference](https://www.w3.org/TR/wai-aria-1.1/#aria-live)
   */
  "aria-live"?: "off" | "polite" | "assertive";

  /**
   * Indicates whether an [element](https://www.w3.org/TR/wai-aria-1.1/#dfn-element) is modal when displayed.
   * @see [WAI-ARIA Reference](https://www.w3.org/TR/wai-aria-1.1/#aria-modal)
   */
  "aria-modal"?: "true" | "false";

  /**
   * Indicates whether a text box accepts multiple lines of input or only a single line.
   * @see [WAI-ARIA Reference](https://www.w3.org/TR/wai-aria-1.1/#aria-multiline)
   */
  "aria-multiline"?: "true" | "false";

  /**
   * Indicates that the user may select more than one item from the current selectable descendants.
   * @see [WAI-ARIA Reference](https://www.w3.org/TR/wai-aria-1.1/#aria-multiselectable)
   */
  "aria-multiselectable"?: "true" | "false";

  /**
   * Indicates whether the element's orientation is horizontal, vertical, or unknown/ambiguous.
   * @see [WAI-ARIA Reference](https://www.w3.org/TR/wai-aria-1.1/#aria-orientation)
   */
  "aria-orientation"?: "vertical" | "horizontal" | "undefined";

  /**
   * Identifies an [element](https://www.w3.org/TR/wai-aria-1.1/#dfn-element) (or elements) in order to define a visual, functional, or contextual parent/child [relationship](https://www.w3.org/TR/wai-aria-1.1/#dfn-relationship) between DOM elements where the DOM hierarchy cannot be used to represent the relationship. See related [`aria-controls`](https://www.w3.org/TR/wai-aria-1.1/#aria-controls).
   * @see [WAI-ARIA Reference](https://www.w3.org/TR/wai-aria-1.1/#aria-owns)
   */
  "aria-owns"?: string;

  /**
   * Defines a short hint (a word or short phrase) intended to aid the user with data entry when the control has no value. A hint could be a sample value or a brief description of the expected format.
   * @see [WAI-ARIA Reference](https://www.w3.org/TR/wai-aria-1.1/#aria-placeholder)
   */
  "aria-placeholder"?: number | string;

  /**
   * Defines an [element](https://www.w3.org/TR/wai-aria-1.1/#dfn-element)'s number or position in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM. See related [`aria-setsize`](https://www.w3.org/TR/wai-aria-1.1/#aria-setsize).
   * @see [WAI-ARIA Reference](https://www.w3.org/TR/wai-aria-1.1/#aria-posinset)
   */
  "aria-posinset"?: string;

  /**
   * Indicates the current "pressed" [state](https://www.w3.org/TR/wai-aria-1.1/#dfn-state) of toggle buttons. See related [`aria-checked`](https://www.w3.org/TR/wai-aria-1.1/#aria-checked) and [`aria-selected`](https://www.w3.org/TR/wai-aria-1.1/#aria-selected).
   * @see [WAI-ARIA Reference](https://www.w3.org/TR/wai-aria-1.1/#aria-pressed)
   */
  "aria-pressed"?: "true" | "false" | "mixed" | "undefined";

  /**
   * Indicates that the [element](https://www.w3.org/TR/wai-aria-1.1/#dfn-element) is not editable, but is otherwise [operable](https://www.w3.org/TR/wai-aria-1.1/#dfn-operable). See related [`aria-disabled`](https://www.w3.org/TR/wai-aria-1.1/#aria-disabled).
   * @see [WAI-ARIA Reference](https://www.w3.org/TR/wai-aria-1.1/#aria-readonly)
   */
  "aria-readonly"?: "true" | "false";

  /**
   * Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified. See related [`aria-atomic`](https://www.w3.org/TR/wai-aria-1.1/#aria-atomic).
   * @see [WAI-ARIA Reference](https://www.w3.org/TR/wai-aria-1.1/#aria-relevant)
   */
  "aria-relevant"?:
    | "additions"
    | "removals"
    | "text"
    | "all"
    | "additions text";

  /**
   * Indicates that user input is required on the [element](https://www.w3.org/TR/wai-aria-1.1/#dfn-element) before a form may be submitted.
   * @see [WAI-ARIA Reference](https://www.w3.org/TR/wai-aria-1.1/#aria-required)
   */
  "aria-required"?: "true" | "false";

  /**
   * Defines a human-readable, author-localized description for the [role](https://www.w3.org/TR/wai-aria-1.1/#dfn-role) of an [element](https://www.w3.org/TR/wai-aria-1.1/#dfn-element).
   * @see [WAI-ARIA Reference](https://www.w3.org/TR/wai-aria-1.1/#aria-roledescription)
   */
  "aria-roledescription"?: string;

  /**
   * Defines the total number of rows in a [`table`](https://www.w3.org/TR/wai-aria-1.1/#table), [`grid`](https://www.w3.org/TR/wai-aria-1.1/#grid), or [`treegrid`](https://www.w3.org/TR/wai-aria-1.1/#treegrid). See related [`aria-rowindex`](https://www.w3.org/TR/wai-aria-1.1/#aria-rowindex).
   * @see [WAI-ARIA Reference](https://www.w3.org/TR/wai-aria-1.1/#aria-rowcount)
   */
  "aria-rowcount"?: number | string;

  /**
   * Defines an [element's](https://www.w3.org/TR/wai-aria-1.1/#dfn-element) row index or position with respect to the total number of rows within a [`table`](https://www.w3.org/TR/wai-aria-1.1/#table), [`grid`](https://www.w3.org/TR/wai-aria-1.1/#grid), or [`treegrid`](https://www.w3.org/TR/wai-aria-1.1/#treegrid). See related [`aria-rowcount`](https://www.w3.org/TR/wai-aria-1.1/#aria-rowcount) and [`aria-rowspan`](https://www.w3.org/TR/wai-aria-1.1/#aria-rowspan).
   * @see [WAI-ARIA Reference](https://www.w3.org/TR/wai-aria-1.1/#aria-rowindex)
   */
  "aria-rowindex"?: number | string;

  /**
   * Defines the number of rows spanned by a cell or gridcell within a [`table`](https://www.w3.org/TR/wai-aria-1.1/#table), [`grid`](https://www.w3.org/TR/wai-aria-1.1/#grid), or [`treegrid`](https://www.w3.org/TR/wai-aria-1.1/#treegrid). See related [`aria-rowindex`](https://www.w3.org/TR/wai-aria-1.1/#aria-rowindex) and [`aria-colspan`](https://www.w3.org/TR/wai-aria-1.1/#aria-colspan).
   * @see [WAI-ARIA Reference](https://www.w3.org/TR/wai-aria-1.1/#aria-rowspan)
   */
  "aria-rowspan"?: number | string;

  /**
   * Indicates the current "selected" [state](https://www.w3.org/TR/wai-aria-1.1/#dfn-state) of various [widgets](https://www.w3.org/TR/wai-aria-1.1/#dfn-widget). See related [`aria-checked`](https://www.w3.org/TR/wai-aria-1.1/#aria-checked) and [`aria-pressed`](https://www.w3.org/TR/wai-aria-1.1/#aria-pressed).
   * @see [WAI-ARIA Reference](https://www.w3.org/TR/wai-aria-1.1/#aria-selected)
   */
  "aria-selected"?: "true" | "false" | "undefined";

  /**
   * Defines the number of items in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM. See related [`aria-posinset`](https://www.w3.org/TR/wai-aria-1.1/#aria-posinset).
   * @see [WAI-ARIA Reference](https://www.w3.org/TR/wai-aria-1.1/#aria-setsize)
   */
  "aria-setsize"?: number | string;

  /**
   * Indicates if items in a table or grid are sorted in ascending or descending order.
   * @see [WAI-ARIA Reference](https://www.w3.org/TR/wai-aria-1.1/#aria-sort)
   */
  "aria-sort"?: "ascending" | "descending" | "none" | "other";

  /**
   * Defines the maximum allowed value for a range [widget](https://www.w3.org/TR/wai-aria-1.1/#dfn-widget).
   * @see [WAI-ARIA Reference](https://www.w3.org/TR/wai-aria-1.1/#aria-valuemax)
   */
  "aria-valuemax"?: number | string;

  /**
   * Defines the minimum allowed value for a range [widget](https://www.w3.org/TR/wai-aria-1.1/#dfn-widget).
   * @see [WAI-ARIA Reference](https://www.w3.org/TR/wai-aria-1.1/#aria-valuemin)
   */
  "aria-valuemin"?: number | string;

  /**
   * Defines the current value for a range [widget](https://www.w3.org/TR/wai-aria-1.1/#dfn-widget). See related [`aria-valuetext`](https://www.w3.org/TR/wai-aria-1.1/#aria-valuetext).
   * @see [WAI-ARIA Reference](https://www.w3.org/TR/wai-aria-1.1/#aria-valuenow)
   */
  "aria-valuenow"?: number | string;

  /**
   * Defines the human readable text alternative of [`aria-valuenow`](https://www.w3.org/TR/wai-aria-1.1/#aria-valuenow) for a range [widget](https://www.w3.org/TR/wai-aria-1.1/#dfn-widget).
   * @see [WAI-ARIA Reference](https://www.w3.org/TR/wai-aria-1.1/#aria-valuetext)
   */
  "aria-valuetext"?: string;

  /**
   * Controls whether and how text input is automatically capitalized as it is entered/edited by the user. It can have the following values:
   *
   * *   `off` or `none`, no autocapitalization is applied (all letters default to lowercase)
   * *   `on` or `sentences`, the first letter of each sentence defaults to a capital letter; all other letters default to lowercase
   * *   `words`, the first letter of each word defaults to a capital letter; all other letters default to lowercase
   * *   `characters`, all letters should default to uppercase
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Global_attributes/autocapitalize)
   */
  autocapitalize?: string;

  /**
   * Controls whether autocorrection of editable text is enabled for spelling and/or punctuation errors.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Global_attributes/autocorrect)
   */
  autocorrect?: "on" | "off";

  /**
   * Indicates that an element should be focused on page load, or when the [`<dialog>`](https://developer.mozilla.org/docs/Web/HTML/Element/dialog) that it is part of is displayed.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Global_attributes/autofocus)
   */
  autofocus?: string;

  /**
   * A space-separated list of the classes of the element. Classes allows CSS and JavaScript to select and access specific elements via the [class selectors](https://developer.mozilla.org/docs/Web/CSS/Class_selectors) or functions like the method [`Document.getElementsByClassName()`](https://developer.mozilla.org/docs/Web/API/Document/getElementsByClassName "returns an array-like object of all child elements which have all of the given class names.").
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Global_attributes/class)
   */
  class?: string;

  /**
   * An enumerated attribute indicating if the element should be editable by the user. If so, the browser modifies its widget to allow editing. The attribute must take one of the following values:
   *
   * *   `true` or the _empty string_, which indicates that the element must be editable;
   * *   `false`, which indicates that the element must not be editable.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Global_attributes/contenteditable)
   */
  contenteditable?: string;

  /**
   * The `[**id**](#attr-id)` of a [`<menu>`](https://developer.mozilla.org/docs/Web/HTML/Element/menu "The HTML <menu> element represents a group of commands that a user can perform or activate. This includes both list menus, which might appear across the top of a screen, as well as context menus, such as those that might appear underneath a button after it has been clicked.") to use as the contextual menu for this element.
   */
  contextmenu?: string;

  /**
   * An enumerated attribute indicating the directionality of the element's text. It can have the following values:
   *
   * *   `ltr`, which means _left to right_ and is to be used for languages that are written from the left to the right (like English);
   * *   `rtl`, which means _right to left_ and is to be used for languages that are written from the right to the left (like Arabic);
   * *   `auto`, which lets the user agent decide. It uses a basic algorithm as it parses the characters inside the element until it finds a character with a strong directionality, then it applies that directionality to the whole element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Global_attributes/dir)
   */
  dir?: "ltr" | "rtl" | "auto";

  /**
   * An enumerated attribute indicating whether the element can be dragged, using the [Drag and Drop API](https://developer.mozilla.org/docs/DragDrop/Drag_and_Drop). It can have the following values:
   *
   * *   `true`, which indicates that the element may be dragged
   * *   `false`, which indicates that the element may not be dragged.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Global_attributes/draggable)
   */
  draggable?: "true" | "false";

  /**
   * An enumerated attribute indicating what types of content can be dropped on an element, using the [Drag and Drop API](https://developer.mozilla.org/docs/DragDrop/Drag_and_Drop). It can have the following values:
   *
   * *   `copy`, which indicates that dropping will create a copy of the element that was dragged
   * *   `move`, which indicates that the element that was dragged will be moved to this new location.
   * *   `link`, will create a link to the dragged data.
   */
  dropzone?: string;

  /**
   * An enumerated attribute defining what action label (or icon) to present for the enter key on virtual keyboards.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Global_attributes/enterkeyhint)
   */
  enterkeyhint?:
    | "enter"
    | "done"
    | "go"
    | "next"
    | "previous"
    | "search"
    | "send";

  /**
   * Used to transitively export shadow parts from a nested shadow tree into a containing light tree.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Global_attributes/exportparts)
   */
  exportparts?: string;

  /**
   * A Boolean attribute indicates that the element is not yet, or is no longer, _relevant_. For example, it can be used to hide elements of the page that can't be used until the login process has been completed. The browser won't render such elements. This attribute must not be used to hide content that could legitimately be shown.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Global_attributes/hidden)
   */
  hidden?: boolean;

  /**
   * Defines a unique identifier (ID) which must be unique in the whole document. Its purpose is to identify the element when linking (using a fragment identifier), scripting, or styling (with CSS).
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Global_attributes/id)
   */
  id?: string;

  /**
   * Indicates that the element and all of its flat tree descendants become _inert_. Modal `<dialog>`s generated with [`showModal()`](https://developer.mozilla.org/docs/Web/API/HTMLDialogElement/showModal) escape inertness, meaning that they don't inherit inertness from their ancestors, but can only be made inert by having the `inert` attribute explicitly set on themselves.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Global_attributes/inert)
   */
  inert?: string;

  /**
   * Provides a hint to browsers as to the type of virtual keyboard configuration to use when editing this element or its contents. Used primarily on [`<input>`](https://developer.mozilla.org/docs/Web/HTML/Element/input "The HTML <input> element is used to create interactive controls for web-based forms in order to accept data from the user; a wide variety of types of input data and control widgets are available, depending on the device and user agent.") elements, but is usable on any element while in `[contenteditable](https://developer.mozilla.org/docs/Web/HTML/Global_attributes#attr-contenteditable)` mode.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Global_attributes/inputmode)
   */
  inputmode?: string;

  /**
   * Allows you to specify that a standard HTML element should behave like a registered custom built-in element (see [Using custom elements](https://developer.mozilla.org/docs/Web/Web_Components/Using_custom_elements) for more details).
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Global_attributes/is)
   */
  is?: string;

  /**
   * The unique, global identifier of an item.
   */
  itemid?: string;

  /**
   * Used to add properties to an item. Every HTML element may have an `itemprop` attribute specified, where an `itemprop` consists of a name and value pair.
   */
  itemprop?: string;

  /**
   * Properties that are not descendants of an element with the `itemscope` attribute can be associated with the item using an `itemref`. It provides a list of element ids (not `itemid`s) with additional properties elsewhere in the document.
   */
  itemref?: string;

  /**
   * `itemscope` (usually) works along with `[itemtype](https://developer.mozilla.org/docs/Web/HTML/Global_attributes#attr-itemtype)` to specify that the HTML contained in a block is about a particular item. `itemscope` creates the Item and defines the scope of the `itemtype` associated with it. `itemtype` is a valid URL of a vocabulary (such as [schema.org](https://schema.org/)) that describes the item and its properties context.
   */
  itemscope?: boolean;

  /**
   * Specifies the URL of the vocabulary that will be used to define `itemprop`s (item properties) in the data structure. `[itemscope](https://developer.mozilla.org/docs/Web/HTML/Global_attributes#attr-itemscope)` is used to set the scope of where in the data structure the vocabulary set by `itemtype` will be active.
   */
  itemtype?: string;

  /**
   * Helps define the language of an element: the language that non-editable elements are in, or the language that editable elements should be written in by the user. The attribute contains one “language tag” (made of hyphen-separated “language subtags”) in the format defined in [_Tags for Identifying Languages (BCP47)_](https://www.ietf.org/rfc/bcp/bcp47.txt). [**xml:lang**](#attr-xml:lang) has priority over it.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Global_attributes/lang)
   */
  lang?: string;

  /**
   * Defines a cryptographic nonce ("number used once") which can be used by [Content Security Policy](https://developer.mozilla.org/docs/Web/HTTP/Guides/CSP) to determine whether or not a given fetch will be allowed to proceed for a given element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Global_attributes/nonce)
   */
  nonce?: string;

  /**
   * The loading of a resource has been aborted.
   */
  onabort?: string;

  /**
   * An element has lost focus (does not bubble).
   */
  onblur?: string;

  /**
   * The user agent can play the media, but estimates that not enough data has been loaded to play the media up to its end without having to stop for further buffering of content.
   */
  oncanplay?: string;

  /**
   * The user agent can play the media up to its end without having to stop for further buffering of content.
   */
  oncanplaythrough?: string;

  /**
   * The change event is fired for <input>, <select>, and <textarea> elements when a change to the element's value is committed by the user.
   */
  onchange?: string;

  /**
   * A pointing device button has been pressed and released on an element.
   */
  onclick?: string;

  /**
   * The right button of the mouse is clicked (before the context menu is displayed).
   */
  oncontextmenu?: string;

  /**
   * A pointing device button is clicked twice on an element.
   */
  ondblclick?: string;

  /**
   * An element or text selection is being dragged (every 350ms).
   */
  ondrag?: string;

  /**
   * A drag operation is being ended (by releasing a mouse button or hitting the escape key).
   */
  ondragend?: string;

  /**
   * A dragged element or text selection enters a valid drop target.
   */
  ondragenter?: string;

  /**
   * A dragged element or text selection leaves a valid drop target.
   */
  ondragleave?: string;

  /**
   * An element or text selection is being dragged over a valid drop target (every 350ms).
   */
  ondragover?: string;

  /**
   * The user starts dragging an element or text selection.
   */
  ondragstart?: string;

  /**
   * An element is dropped on a valid drop target.
   */
  ondrop?: string;

  /**
   * The duration attribute has been updated.
   */
  ondurationchange?: string;

  /**
   * The media has become empty; for example, this event is sent if the media has already been loaded (or partially loaded), and the load() method is called to reload it.
   */
  onemptied?: string;

  /**
   * Playback has stopped because the end of the media was reached.
   */
  onended?: string;

  /**
   * A resource failed to load.
   */
  onerror?: string;

  /**
   * An element has received focus (does not bubble).
   */
  onfocus?: string;

  onformchange?: string;

  onforminput?: string;

  /**
   * The value of an element changes or the content of an element with the attribute contenteditable is modified.
   */
  oninput?: string;

  /**
   * A submittable element has been checked and doesn't satisfy its constraints.
   */
  oninvalid?: string;

  /**
   * A key is pressed down.
   */
  onkeydown?: string;

  /**
   * A key is pressed down and that key normally produces a character value (use input instead).
   */
  onkeypress?: string;

  /**
   * A key is released.
   */
  onkeyup?: string;

  /**
   * A resource and its dependent resources have finished loading.
   */
  onload?: string;

  /**
   * The first frame of the media has finished loading.
   */
  onloadeddata?: string;

  /**
   * The metadata has been loaded.
   */
  onloadedmetadata?: string;

  /**
   * Progress has begun.
   */
  onloadstart?: string;

  /**
   * A pointing device button (usually a mouse) is pressed on an element.
   */
  onmousedown?: string;

  /**
   * A pointing device is moved onto the element that has the listener attached.
   */
  onmouseenter?: string;

  /**
   * A pointing device is moved off the element that has the listener attached.
   */
  onmouseleave?: string;

  /**
   * A pointing device is moved over an element.
   */
  onmousemove?: string;

  /**
   * A pointing device is moved off the element that has the listener attached or off one of its children.
   */
  onmouseout?: string;

  /**
   * A pointing device is moved onto the element that has the listener attached or onto one of its children.
   */
  onmouseover?: string;

  /**
   * A pointing device button is released over an element.
   */
  onmouseup?: string;

  onmousewheel?: string;

  /**
   * Playback has been paused.
   */
  onpause?: string;

  /**
   * Playback has begun.
   */
  onplay?: string;

  /**
   * Playback is ready to start after having been paused or delayed due to lack of data.
   */
  onplaying?: string;

  /**
   * The pointer is unlikely to produce any more events.
   */
  onpointercancel?: string;

  /**
   * The pointer enters the active buttons state.
   */
  onpointerdown?: string;

  /**
   * Pointing device is moved inside the hit-testing boundary.
   */
  onpointerenter?: string;

  /**
   * Pointing device is moved out of the hit-testing boundary.
   */
  onpointerleave?: string;

  /**
   * The pointer was locked or released.
   */
  onpointerlockchange?: string;

  /**
   * It was impossible to lock the pointer for technical reasons or because the permission was denied.
   */
  onpointerlockerror?: string;

  /**
   * The pointer changed coordinates.
   */
  onpointermove?: string;

  /**
   * The pointing device moved out of hit-testing boundary or leaves detectable hover range.
   */
  onpointerout?: string;

  /**
   * The pointing device is moved into the hit-testing boundary.
   */
  onpointerover?: string;

  /**
   * The pointer leaves the active buttons state.
   */
  onpointerup?: string;

  /**
   * In progress.
   */
  onprogress?: string;

  /**
   * The playback rate has changed.
   */
  onratechange?: string;

  /**
   * The readyState attribute of a document has changed.
   */
  onreadystatechange?: string;

  /**
   * A form is reset.
   */
  onreset?: string;

  /**
   * The document view has been resized.
   */
  onresize?: string;

  /**
   * The document view or an element has been scrolled.
   */
  onscroll?: string;

  /**
   * A seek operation completed.
   */
  onseeked?: string;

  /**
   * A seek operation began.
   */
  onseeking?: string;

  /**
   * Some text is being selected.
   */
  onselect?: string;

  /**
   * A contextmenu event was fired on/bubbled to an element that has a contextmenu attribute
   */
  onshow?: string;

  /**
   * The user agent is trying to fetch media data, but data is unexpectedly not forthcoming.
   */
  onstalled?: string;

  /**
   * A form is submitted.
   */
  onsubmit?: string;

  /**
   * Media data loading has been suspended.
   */
  onsuspend?: string;

  /**
   * The time indicated by the currentTime attribute has been updated.
   */
  ontimeupdate?: string;

  /**
   * The volume has changed.
   */
  onvolumechange?: string;

  /**
   * Playback has stopped because of a temporary lack of data.
   */
  onwaiting?: string;

  /**
   * A space-separated list of the part names of the element. Part names allows CSS to select and style specific elements in a shadow tree via the [`::part`](https://developer.mozilla.org/docs/Web/CSS/::part "The ::part CSS pseudo-element represents any element within a shadow tree that has a matching part attribute.") pseudo-element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Global_attributes/part)
   */
  part?: string;

  /**
   * Designates an element as a popover element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Global_attributes/popover)
   */
  popover?: "auto" | "hint" | "manual";

  role?:
    | "alert"
    | "alertdialog"
    | "button"
    | "checkbox"
    | "dialog"
    | "gridcell"
    | "link"
    | "log"
    | "marquee"
    | "menuitem"
    | "menuitemcheckbox"
    | "menuitemradio"
    | "option"
    | "progressbar"
    | "radio"
    | "scrollbar"
    | "searchbox"
    | "slider"
    | "spinbutton"
    | "status"
    | "switch"
    | "tab"
    | "tabpanel"
    | "textbox"
    | "timer"
    | "tooltip"
    | "treeitem"
    | "combobox"
    | "grid"
    | "listbox"
    | "menu"
    | "menubar"
    | "radiogroup"
    | "tablist"
    | "tree"
    | "treegrid"
    | "application"
    | "article"
    | "cell"
    | "columnheader"
    | "definition"
    | "directory"
    | "document"
    | "feed"
    | "figure"
    | "group"
    | "heading"
    | "img"
    | "list"
    | "listitem"
    | "math"
    | "none"
    | "note"
    | "presentation"
    | "region"
    | "row"
    | "rowgroup"
    | "rowheader"
    | "separator"
    | "table"
    | "term"
    | "text"
    | "toolbar"
    | "banner"
    | "complementary"
    | "contentinfo"
    | "form"
    | "main"
    | "navigation"
    | "region"
    | "search"
    | "doc-abstract"
    | "doc-acknowledgments"
    | "doc-afterword"
    | "doc-appendix"
    | "doc-backlink"
    | "doc-biblioentry"
    | "doc-bibliography"
    | "doc-biblioref"
    | "doc-chapter"
    | "doc-colophon"
    | "doc-conclusion"
    | "doc-cover"
    | "doc-credit"
    | "doc-credits"
    | "doc-dedication"
    | "doc-endnote"
    | "doc-endnotes"
    | "doc-epigraph"
    | "doc-epilogue"
    | "doc-errata"
    | "doc-example"
    | "doc-footnote"
    | "doc-foreword"
    | "doc-glossary"
    | "doc-glossref"
    | "doc-index"
    | "doc-introduction"
    | "doc-noteref"
    | "doc-notice"
    | "doc-pagebreak"
    | "doc-pagelist"
    | "doc-part"
    | "doc-preface"
    | "doc-prologue"
    | "doc-pullquote"
    | "doc-qna"
    | "doc-subtitle"
    | "doc-tip"
    | "doc-toc";

  /**
   * Assigns a slot in a [shadow DOM](https://developer.mozilla.org/docs/Web/Web_Components/Shadow_DOM) shadow tree to an element: An element with a `slot` attribute is assigned to the slot created by the [`<slot>`](https://developer.mozilla.org/docs/Web/HTML/Element/slot "The HTML <slot> element—part of the Web Components technology suite—is a placeholder inside a web component that you can fill with your own markup, which lets you create separate DOM trees and present them together.") element whose `[name](https://developer.mozilla.org/docs/Web/HTML/Element/slot#attr-name)` attribute's value matches that `slot` attribute's value.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Global_attributes/slot)
   */
  slot?: string;

  /**
   * An enumerated attribute defines whether the element may be checked for spelling errors. It may have the following values:
   *
   * *   `true`, which indicates that the element should be, if possible, checked for spelling errors;
   * *   `false`, which indicates that the element should not be checked for spelling errors.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Global_attributes/spellcheck)
   */
  spellcheck?: "true" | "false";

  /**
   * Contains [CSS](https://developer.mozilla.org/docs/Web/CSS) styling declarations to be applied to the element. Note that it is recommended for styles to be defined in a separate file or files. This attribute and the [`<style>`](https://developer.mozilla.org/docs/Web/HTML/Element/style "The HTML <style> element contains style information for a document, or part of a document.") element have mainly the purpose of allowing for quick styling, for example for testing purposes.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Global_attributes/style)
   */
  style?: string | CSSProperties;

  /**
   * represents a list of supported language tags. This list is matched against the language defined in the user preferences.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/systemLanguage)
   */
  systemLanguage?: string;

  /**
   * An integer attribute indicating if the element can take input focus (is _focusable_), if it should participate to sequential keyboard navigation, and if so, at what position. It can take several values:
   *
   * *   a _negative value_ means that the element should be focusable, but should not be reachable via sequential keyboard navigation;
   * *   `0` means that the element should be focusable and reachable via sequential keyboard navigation, but its relative order is defined by the platform convention;
   * *   a _positive value_ means that the element should be focusable and reachable via sequential keyboard navigation; the order in which the elements are focused is the increasing value of the [**tabindex**](#attr-tabindex). If several elements share the same tabindex, their relative order follows their relative positions in the document.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Global_attributes/tabindex)
   */
  tabindex?: number | string;

  /**
   * Contains a text representing advisory information related to the element it belongs to. Such information can typically, but not necessarily, be presented to the user as a tooltip.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Global_attributes/title)
   */
  title?: string;

  /**
   * An enumerated attribute that is used to specify whether an element's attribute values and the values of its [`Text`](https://developer.mozilla.org/docs/Web/API/Text "The Text interface represents the textual content of Element or Attr. If an element has no markup within its content, it has a single child implementing Text that contains the element's text. However, if the element contains markup, it is parsed into information items and Text nodes that form its children.") node children are to be translated when the page is localized, or whether to leave them unchanged. It can have the following values:
   *
   * *   empty string and `yes`, which indicates that the element will be translated.
   * *   `no`, which indicates that the element will not be translated.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Global_attributes/translate)
   */
  translate?: "yes" | "no";

  /**
   * When specified on an element that the element's content is editable (for example, it is an `<input>` or `<textarea>` element, or an element with the `contenteditable` attribute set), it controls the on-screen virtual keyboard behavior on devices such as tablets, mobile phones, or other devices where a hardware keyboard may not be available.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/HTML/Reference/Global_attributes/virtualkeyboardpolicy)
   */
  virtualkeyboardpolicy?: "true" | "false";
}

interface Html extends GlobalAttributes {
  /**
   * Specifies the URI of a resource manifest indicating resources that should be cached locally. See [Using the application cache](https://developer.mozilla.org/en-US/docs/Web/HTML/Using_the_application_cache) for details.
   */
  manifest?: string;

  /**
   * Specifies the version of the HTML [Document Type Definition](https://developer.mozilla.org/en-US/docs/Glossary/DTD "Document Type Definition: In HTML, the doctype is the required "<!DOCTYPE html>" preamble found at the top of all documents. Its sole purpose is to prevent a browser from switching into so-called “quirks mode” when rendering a document; that is, the "<!DOCTYPE html>" doctype ensures that the browser makes a best-effort attempt at following the relevant specifications, rather than using a different rendering mode that is incompatible with some specifications.") that governs the current document. This attribute is not needed, because it is redundant with the version information in the document type declaration.
   */
  version?: string;

  /**
   * Specifies the XML Namespace of the document. Default value is `"http://www.w3.org/1999/xhtml"`. This is required in documents parsed with XML parsers, and optional in text/html documents.
   */
  xmlns?: string;
}

interface Head extends GlobalAttributes {
  /**
   * The URIs of one or more metadata profiles, separated by white space.
   */
  profile?: string;
}

interface Base extends GlobalAttributes {
  /**
   * The base URL to be used throughout the document for relative URL addresses. If this attribute is specified, this element must come before any other elements with attributes whose values are URLs. Absolute and relative URLs are allowed.
   */
  href?: string;

  /**
   * A name or keyword indicating the default location to display the result when hyperlinks or forms cause navigation, for elements that do not have an explicit target reference. It is a name of, or keyword for, a _browsing context_ (for example: tab, window, or inline frame). The following keywords have special meanings:
   *
   * *   `_self`: Load the result into the same browsing context as the current one. This value is the default if the attribute is not specified.
   * *   `_blank`: Load the result into a new unnamed browsing context.
   * *   `_parent`: Load the result into the parent browsing context of the current one. If there is no parent, this option behaves the same way as `_self`.
   * *   `_top`: Load the result into the top-level browsing context (that is, the browsing context that is an ancestor of the current one, and has no parent). If there is no parent, this option behaves the same way as `_self`.
   *
   * If this attribute is specified, this element must come before any other elements with attributes whose values are URLs.
   */
  target?: "_self" | "_blank" | "_parent" | "_top";
}

interface Link extends GlobalAttributes {
  /**
   * This attribute is only used when `rel="preload"` or `rel="prefetch"` has been set on the `<link>` element. It specifies the type of content being loaded by the `<link>`, which is necessary for content prioritization, request matching, application of correct [content security policy](https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP), and setting of correct [`Accept`](https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Accept "The Accept request HTTP header advertises which content types, expressed as MIME types, the client is able to understand. Using content negotiation, the server then selects one of the proposals, uses it and informs the client of its choice with the Content-Type response header. Browsers set adequate values for this header depending on the context where the request is done: when fetching a CSS stylesheet a different value is set for the request than when fetching an image, video or a script.") request header.
   */
  as?: string;

  /**
   * This enumerated attribute indicates whether [CORS](https://developer.mozilla.org/en-US/docs/Glossary/CORS "CORS: CORS (Cross-Origin Resource Sharing) is a system, consisting of transmitting HTTP headers, that determines whether browsers block frontend JavaScript code from accessing responses for cross-origin requests.") must be used when fetching the resource. [CORS-enabled images](https://developer.mozilla.org/en-US/docs/Web/HTML/CORS_Enabled_Image) can be reused in the [`<canvas>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/canvas "Use the HTML <canvas> element with either the canvas scripting API or the WebGL API to draw graphics and animations.") element without being _tainted_. The allowed values are:
   *
   * `anonymous`
   *
   * A cross-origin request (i.e. with an [`Origin`](https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Origin "The Origin request header indicates where a fetch originates from. It doesn't include any path information, but only the server name. It is sent with CORS requests, as well as with POST requests. It is similar to the Referer header, but, unlike this header, it doesn't disclose the whole path.") HTTP header) is performed, but no credential is sent (i.e. no cookie, X.509 certificate, or HTTP Basic authentication). If the server does not give credentials to the origin site (by not setting the [`Access-Control-Allow-Origin`](https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Access-Control-Allow-Origin "The Access-Control-Allow-Origin response header indicates whether the response can be shared with requesting code from the given origin.") HTTP header) the image will be tainted and its usage restricted.
   *
   * `use-credentials`
   *
   * A cross-origin request (i.e. with an `Origin` HTTP header) is performed along with a credential sent (i.e. a cookie, certificate, and/or HTTP Basic authentication is performed). If the server does not give credentials to the origin site (through [`Access-Control-Allow-Credentials`](https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Access-Control-Allow-Credentials "The Access-Control-Allow-Credentials response header tells browsers whether to expose the response to frontend JavaScript code when the request's credentials mode (Request.credentials) is "include".") HTTP header), the resource will be _tainted_ and its usage restricted.
   *
   * If the attribute is not present, the resource is fetched without a [CORS](https://developer.mozilla.org/en-US/docs/Glossary/CORS "CORS: CORS (Cross-Origin Resource Sharing) is a system, consisting of transmitting HTTP headers, that determines whether browsers block frontend JavaScript code from accessing responses for cross-origin requests.") request (i.e. without sending the `Origin` HTTP header), preventing its non-tainted usage. If invalid, it is handled as if the enumerated keyword **anonymous** was used. See [CORS settings attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/CORS_settings_attributes) for additional information.
   */
  crossorigin?: "anonymous" | "use-credentials";

  /**
   * This attribute specifies the [URL](https://developer.mozilla.org/en-US/docs/Glossary/URL "URL: Uniform Resource Locator (URL) is a text string specifying where a resource can be found on the Internet.") of the linked resource. A URL can be absolute or relative.
   */
  href?: string;

  /**
   * This attribute indicates the language of the linked resource. It is purely advisory. Allowed values are determined by [BCP47](https://www.ietf.org/rfc/bcp/bcp47.txt). Use this attribute only if the [`href`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-href) attribute is present.
   */
  hreflang?: string;

  /**
   * Indicates the relative importance of the resource. Priority hints are delegated using the values:
   * undefined
   */
  importance?: string;

  /**
   * Contains inline metadata — a base64-encoded cryptographic hash of the resource (file) you’re telling the browser to fetch. The browser can use this to verify that the fetched resource has been delivered free of unexpected manipulation. See [Subresource Integrity](https://developer.mozilla.org/en-US/docs/Web/Security/Subresource_Integrity).
   */
  integrity?: string;

  /**
   * This attribute specifies the media that the linked resource applies to. Its value must be a media type / [media query](https://developer.mozilla.org/en-US/docs/Web/CSS/Media_queries). This attribute is mainly useful when linking to external stylesheets — it allows the user agent to pick the best adapted one for the device it runs on.
   *
   * **Notes:**
   *
   * *   In HTML 4, this can only be a simple white-space-separated list of media description literals, i.e., [media types and groups](https://developer.mozilla.org/en-US/docs/Web/CSS/@media), where defined and allowed as values for this attribute, such as `print`, `screen`, `aural`, `braille`. HTML5 extended this to any kind of [media queries](https://developer.mozilla.org/en-US/docs/Web/CSS/Media_queries), which are a superset of the allowed values of HTML 4.
   * *   Browsers not supporting [CSS3 Media Queries](https://developer.mozilla.org/en-US/docs/Web/CSS/Media_queries) won't necessarily recognize the adequate link; do not forget to set fallback links, the restricted set of media queries defined in HTML 4.
   */
  media?: string;

  /**
   * A string indicating which referrer to use when fetching the resource:
   *
   * *   `no-referrer` means that the [`Referer`](https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Referer "The Referer request header contains the address of the previous web page from which a link to the currently requested page was followed. The Referer header allows servers to identify where people are visiting them from and may use that data for analytics, logging, or optimized caching, for example.") header will not be sent.
   * *   `no-referrer-when-downgrade` means that no [`Referer`](https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Referer "The Referer request header contains the address of the previous web page from which a link to the currently requested page was followed. The Referer header allows servers to identify where people are visiting them from and may use that data for analytics, logging, or optimized caching, for example.") header will be sent when navigating to an origin without TLS (HTTPS). This is a user agent’s default behavior, if no policy is otherwise specified.
   * *   `origin` means that the referrer will be the origin of the page, which is roughly the scheme, the host, and the port.
   * *   `origin-when-cross-origin` means that navigating to other origins will be limited to the scheme, the host, and the port, while navigating on the same origin will include the referrer's path.
   * *   `unsafe-url` means that the referrer will include the origin and the path (but not the fragment, password, or username). This case is unsafe because it can leak origins and paths from TLS-protected resources to insecure origins.
   */
  referrerpolicy?: string;

  /**
   * This attribute names a relationship of the linked document to the current document. The attribute must be a space-separated list of the [link types values](https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types).
   */
  rel?: string;

  /**
   * This attribute defines the sizes of the icons for visual media contained in the resource. It must be present only if the [`rel`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/link#attr-rel) contains a value of `icon` or a non-standard type such as Apple's `apple-touch-icon`. It may have the following values:
   *
   * *   `any`, meaning that the icon can be scaled to any size as it is in a vector format, like `image/svg+xml`.
   * *   a white-space separated list of sizes, each in the format `_<width in pixels>_x_<height in pixels>_` or `_<width in pixels>_X_<height in pixels>_`. Each of these sizes must be contained in the resource.
   *
   * **Note:** Most icon formats are only able to store one single icon; therefore most of the time the [`sizes`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes#attr-sizes) contains only one entry. MS's ICO format does, as well as Apple's ICNS. ICO is more ubiquitous; you should definitely use it.
   */
  sizes?: string;

  /**
   * This attribute is used to define the type of the content linked to. The value of the attribute should be a MIME type such as **text/html**, **text/css**, and so on. The common use of this attribute is to define the type of stylesheet being referenced (such as **text/css**), but given that CSS is the only stylesheet language used on the web, not only is it possible to omit the `type` attribute, but is actually now recommended practice. It is also used on `rel="preload"` link types, to make sure the browser only downloads file types that it supports.
   */
  type?: string;
}

interface Meta extends GlobalAttributes {
  /**
   * This attribute declares the page's character encoding. It must contain a [standard IANA MIME name for character encodings](https://www.iana.org/assignments/character-sets). Although the standard doesn't request a specific encoding, it suggests:
   *
   * *   Authors are encouraged to use [`UTF-8`](https://developer.mozilla.org/en-US/docs/Glossary/UTF-8).
   * *   Authors should not use ASCII-incompatible encodings to avoid security risk: browsers not supporting them may interpret harmful content as HTML. This happens with the `JIS_C6226-1983`, `JIS_X0212-1990`, `HZ-GB-2312`, `JOHAB`, the ISO-2022 family and the EBCDIC family.
   *
   * **Note:** ASCII-incompatible encodings are those that don't map the 8-bit code points `0x20` to `0x7E` to the `0x0020` to `0x007E` Unicode code points)
   *
   * *   Authors **must not** use `CESU-8`, `UTF-7`, `BOCU-1` and/or `SCSU` as [cross-site scripting](https://developer.mozilla.org/en-US/docs/Glossary/Cross-site_scripting) attacks with these encodings have been demonstrated.
   * *   Authors should not use `UTF-32` because not all HTML5 encoding algorithms can distinguish it from `UTF-16`.
   *
   * **Notes:**
   *
   * *   The declared character encoding must match the one the page was saved with to avoid garbled characters and security holes.
   * *   The [`<meta>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/meta "The HTML <meta> element represents metadata that cannot be represented by other HTML meta-related elements, like <base>, <link>, <script>, <style> or <title>.") element declaring the encoding must be inside the [`<head>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/head "The HTML <head> element provides general information (metadata) about the document, including its title and links to its scripts and style sheets.") element and **within the first 1024 bytes** of the HTML as some browsers only look at those bytes before choosing an encoding.
   * *   This [`<meta>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/meta "The HTML <meta> element represents metadata that cannot be represented by other HTML meta-related elements, like <base>, <link>, <script>, <style> or <title>.") element is only one part of the [algorithm to determine a page's character set](https://www.whatwg.org/specs/web-apps/current-work/multipage/parsing.html#encoding-sniffing-algorithm "Algorithm charset page"). The [`Content-Type` header](https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Type) and any [Byte-Order Marks](https://developer.mozilla.org/en-US/docs/Glossary/Byte-Order_Mark "The definition of that term (Byte-Order Marks) has not been written yet; please consider contributing it!") override this element.
   * *   It is strongly recommended to define the character encoding. If a page's encoding is undefined, cross-scripting techniques are possible, such as the [`UTF-7` fallback cross-scripting technique](https://code.google.com/p/doctype-mirror/wiki/ArticleUtf7).
   * *   The [`<meta>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/meta "The HTML <meta> element represents metadata that cannot be represented by other HTML meta-related elements, like <base>, <link>, <script>, <style> or <title>.") element with a `charset` attribute is a synonym for the pre-HTML5 `<meta http-equiv="Content-Type" content="text/html; charset=_IANAcharset_">`, where _`IANAcharset`_ contains the value of the equivalent [`charset`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/meta#attr-charset) attribute. This syntax is still allowed, although no longer recommended.
   */
  charset?: string;

  /**
   * This attribute contains the value for the [`http-equiv`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/meta#attr-http-equiv) or [`name`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/meta#attr-name) attribute, depending on which is used.
   */
  content?: string;

  /**
   * Defines a pragma directive. The attribute is named `**http-equiv**(alent)` because all the allowed values are names of particular HTTP headers:
   *
   * *   `"content-language"`
   *     Defines the default language of the page. It can be overridden by the [lang](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/lang) attribute on any element.
   *
   *     **Warning:** Do not use this value, as it is obsolete. Prefer the `lang` attribute on the [`<html>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/html "The HTML <html> element represents the root (top-level element) of an HTML document, so it is also referred to as the root element. All other elements must be descendants of this element.") element.
   *
   * *   `"content-security-policy"`
   *     Allows page authors to define a [content policy](https://developer.mozilla.org/en-US/docs/Web/Security/CSP/CSP_policy_directives) for the current page. Content policies mostly specify allowed server origins and script endpoints which help guard against cross-site scripting attacks.
   * *   `"content-type"`
   *     Defines the [MIME type](https://developer.mozilla.org/en-US/docs/Glossary/MIME_type) of the document, followed by its character encoding. It follows the same syntax as the HTTP `content-type` entity-header field, but as it is inside a HTML page, most values other than `text/html` are impossible. Therefore the valid syntax for its `content` is the string '`text/html`' followed by a character set with the following syntax: '`; charset=_IANAcharset_`', where `IANAcharset` is the _preferred MIME name_ for a character set as [defined by the IANA.](https://www.iana.org/assignments/character-sets)
   *
   *     **Warning:** Do not use this value, as it is obsolete. Use the [`charset`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/meta#attr-charset) attribute on the [`<meta>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/meta "The HTML <meta> element represents metadata that cannot be represented by other HTML meta-related elements, like <base>, <link>, <script>, <style> or <title>.") element.
   *
   *     **Note:** As [`<meta>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/meta "The HTML <meta> element represents metadata that cannot be represented by other HTML meta-related elements, like <base>, <link>, <script>, <style> or <title>.") can't change documents' types in XHTML or HTML5's XHTML serialization, never set the MIME type to an XHTML MIME type with `<meta>`.
   *
   * *   `"refresh"`
   *     This instruction specifies:
   *     *   The number of seconds until the page should be reloaded - only if the [`content`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/meta#attr-content) attribute contains a positive integer.
   *     *   The number of seconds until the page should redirect to another - only if the [`content`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/meta#attr-content) attribute contains a positive integer followed by the string '`;url=`', and a valid URL.
   * *   `"set-cookie"`
   *     Defines a [cookie](https://developer.mozilla.org/en-US/docs/cookie) for the page. Its content must follow the syntax defined in the [IETF HTTP Cookie Specification](https://tools.ietf.org/html/draft-ietf-httpstate-cookie-14).
   *
   *     **Warning:** Do not use this instruction, as it is obsolete. Use the HTTP header [`Set-Cookie`](https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Set-Cookie) instead.
   */
  "http-equiv"?: string;

  /**
   * This attribute defines the name of a piece of document-level metadata. It should not be set if one of the attributes [`itemprop`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes#attr-itemprop), [`http-equiv`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/meta#attr-http-equiv) or [`charset`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/meta#attr-charset) is also set.
   *
   * This metadata name is associated with the value contained by the [`content`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/meta#attr-content) attribute. The possible values for the name attribute are:
   *
   * *   `application-name` which defines the name of the application running in the web page.
   *
   *     **Note:**
   *
   *     *   Browsers may use this to identify the application. It is different from the [`<title>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/title "The HTML Title element (<title>) defines the document's title that is shown in a browser's title bar or a page's tab.") element, which usually contain the application name, but may also contain information like the document name or a status.
   *     *   Simple web pages shouldn't define an application-name.
   *
   * *   `author` which defines the name of the document's author.
   * *   `description` which contains a short and accurate summary of the content of the page. Several browsers, like Firefox and Opera, use this as the default description of bookmarked pages.
   * *   `generator` which contains the identifier of the software that generated the page.
   * *   `keywords` which contains words relevant to the page's content separated by commas.
   * *   `referrer` which controls the [`Referer` HTTP header](https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Referer) attached to requests sent from the document:
   *
   *     Values for the `content` attribute of `<meta name="referrer">`
   *
   *     `no-referrer`
   *
   *     Do not send a HTTP `Referrer` header.
   *
   *     `origin`
   *
   *     Send the [origin](https://developer.mozilla.org/en-US/docs/Glossary/Origin) of the document.
   *
   *     `no-referrer-when-downgrade`
   *
   *     Send the [origin](https://developer.mozilla.org/en-US/docs/Glossary/Origin) as a referrer to URLs as secure as the current page, (https→https), but does not send a referrer to less secure URLs (https→http). This is the default behaviour.
   *
   *     `origin-when-cross-origin`
   *
   *     Send the full URL (stripped of parameters) for same-origin requests, but only send the [origin](https://developer.mozilla.org/en-US/docs/Glossary/Origin) for other cases.
   *
   *     `same-origin`
   *
   *     A referrer will be sent for [same-site origins](https://developer.mozilla.org/en-US/docs/Web/Security/Same-origin_policy), but cross-origin requests will contain no referrer information.
   *
   *     `strict-origin`
   *
   *     Only send the origin of the document as the referrer to a-priori as-much-secure destination (HTTPS->HTTPS), but don't send it to a less secure destination (HTTPS->HTTP).
   *
   *     `strict-origin-when-cross-origin`
   *
   *     Send a full URL when performing a same-origin request, only send the origin of the document to a-priori as-much-secure destination (HTTPS->HTTPS), and send no header to a less secure destination (HTTPS->HTTP).
   *
   *     `unsafe-URL`
   *
   *     Send the full URL (stripped of parameters) for same-origin or cross-origin requests.
   *
   *     **Notes:**
   *
   *     *   Some browsers support the deprecated values of `always`, `default`, and `never` for referrer.
   *     *   Dynamically inserting `<meta name="referrer">` (with [`document.write`](https://developer.mozilla.org/en-US/docs/Web/API/Document/write) or [`appendChild`](https://developer.mozilla.org/en-US/docs/Web/API/Node/appendChild)) makes the referrer behaviour unpredictable.
   *     *   When several conflicting policies are defined, the no-referrer policy is applied.
   *
   * This attribute may also have a value taken from the extended list defined on [WHATWG Wiki MetaExtensions page](https://wiki.whatwg.org/wiki/MetaExtensions). Although none have been formally accepted yet, a few commonly used names are:
   *
   * *   `creator` which defines the name of the creator of the document, such as an organization or institution. If there are more than one, several [`<meta>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/meta "The HTML <meta> element represents metadata that cannot be represented by other HTML meta-related elements, like <base>, <link>, <script>, <style> or <title>.") elements should be used.
   * *   `googlebot`, a synonym of `robots`, is only followed by Googlebot (the indexing crawler for Google).
   * *   `publisher` which defines the name of the document's publisher.
   * *   `robots` which defines the behaviour that cooperative crawlers, or "robots", should use with the page. It is a comma-separated list of the values below:
   *
   *     Values for the content of `<meta name="robots">`
   *
   *     Value
   *
   *     Description
   *
   *     Used by
   *
   *     `index`
   *
   *     Allows the robot to index the page (default).
   *
   *     All
   *
   *     `noindex`
   *
   *     Requests the robot to not index the page.
   *
   *     All
   *
   *     `follow`
   *
   *     Allows the robot to follow the links on the page (default).
   *
   *     All
   *
   *     `nofollow`
   *
   *     Requests the robot to not follow the links on the page.
   *
   *     All
   *
   *     `none`
   *
   *     Equivalent to `noindex, nofollow`
   *
   *     [Google](https://support.google.com/webmasters/answer/79812)
   *
   *     `noodp`
   *
   *     Prevents using the [Open Directory Project](https://www.dmoz.org/) description, if any, as the page description in search engine results.
   *
   *     [Google](https://support.google.com/webmasters/answer/35624#nodmoz), [Yahoo](https://help.yahoo.com/kb/search-for-desktop/meta-tags-robotstxt-yahoo-search-sln2213.html#cont5), [Bing](https://www.bing.com/webmaster/help/which-robots-metatags-does-bing-support-5198d240)
   *
   *     `noarchive`
   *
   *     Requests the search engine not to cache the page content.
   *
   *     [Google](https://developers.google.com/webmasters/control-crawl-index/docs/robots_meta_tag#valid-indexing--serving-directives), [Yahoo](https://help.yahoo.com/kb/search-for-desktop/SLN2213.html), [Bing](https://www.bing.com/webmaster/help/which-robots-metatags-does-bing-support-5198d240)
   *
   *     `nosnippet`
   *
   *     Prevents displaying any description of the page in search engine results.
   *
   *     [Google](https://developers.google.com/webmasters/control-crawl-index/docs/robots_meta_tag#valid-indexing--serving-directives), [Bing](https://www.bing.com/webmaster/help/which-robots-metatags-does-bing-support-5198d240)
   *
   *     `noimageindex`
   *
   *     Requests this page not to appear as the referring page of an indexed image.
   *
   *     [Google](https://developers.google.com/webmasters/control-crawl-index/docs/robots_meta_tag#valid-indexing--serving-directives)
   *
   *     `nocache`
   *
   *     Synonym of `noarchive`.
   *
   *     [Bing](https://www.bing.com/webmaster/help/which-robots-metatags-does-bing-support-5198d240)
   *
   *     **Notes:**
   *
   *     *   Only cooperative robots follow these rules. Do not expect to prevent e-mail harvesters with them.
   *     *   The robot still needs to access the page in order to read these rules. To prevent bandwidth consumption, use a _[robots.txt](https://developer.mozilla.org/en-US/docs/Glossary/robots.txt "robots.txt: Robots.txt is a file which is usually placed in the root of any website. It decides whether crawlers are permitted or forbidden access to the web site.")_ file.
   *     *   If you want to remove a page, `noindex` will work, but only after the robot visits the page again. Ensure that the `robots.txt` file is not preventing revisits.
   *     *   Some values are mutually exclusive, like `index` and `noindex`, or `follow` and `nofollow`. In these cases the robot's behaviour is undefined and may vary between them.
   *     *   Some crawler robots, like Google, Yahoo and Bing, support the same values for the HTTP header `X-Robots-Tag`; this allows non-HTML documents like images to use these rules.
   *
   * *   `slurp`, is a synonym of `robots`, but only for Slurp - the crawler for Yahoo Search.
   * *   `viewport`, which gives hints about the size of the initial size of the [viewport](https://developer.mozilla.org/en-US/docs/Glossary/viewport "viewport: A viewport represents a polygonal (normally rectangular) area in computer graphics that is currently being viewed. In web browser terms, it refers to the part of the document you're viewing which is currently visible in its window (or the screen, if the document is being viewed in full screen mode). Content outside the viewport is not visible onscreen until scrolled into view."). Used by mobile devices only.
   *
   *     Values for the content of `<meta name="viewport">`
   *
   *     Value
   *
   *     Possible subvalues
   *
   *     Description
   *
   *     `width`
   *
   *     A positive integer number, or the text `device-width`
   *
   *     Defines the pixel width of the viewport that you want the web site to be rendered at.
   *
   *     `height`
   *
   *     A positive integer, or the text `device-height`
   *
   *     Defines the height of the viewport. Not used by any browser.
   *
   *     `initial-scale`
   *
   *     A positive number between `0.0` and `10.0`
   *
   *     Defines the ratio between the device width (`device-width` in portrait mode or `device-height` in landscape mode) and the viewport size.
   *
   *     `maximum-scale`
   *
   *     A positive number between `0.0` and `10.0`
   *
   *     Defines the maximum amount to zoom in. It must be greater or equal to the `minimum-scale` or the behaviour is undefined. Browser settings can ignore this rule and iOS10+ ignores it by default.
   *
   *     `minimum-scale`
   *
   *     A positive number between `0.0` and `10.0`
   *
   *     Defines the minimum zoom level. It must be smaller or equal to the `maximum-scale` or the behaviour is undefined. Browser settings can ignore this rule and iOS10+ ignores it by default.
   *
   *     `user-scalable`
   *
   *     `yes` or `no`
   *
   *     If set to `no`, the user is not able to zoom in the webpage. The default is `yes`. Browser settings can ignore this rule, and iOS10+ ignores it by default.
   *
   *     Specification
   *
   *     Status
   *
   *     Comment
   *
   *     [CSS Device Adaptation
   *     The definition of '<meta name="viewport">' in that specification.](https://drafts.csswg.org/css-device-adapt/#viewport-meta)
   *
   *     Working Draft
   *
   *     Non-normatively describes the Viewport META element
   *
   *     See also: [`@viewport`](https://developer.mozilla.org/en-US/docs/Web/CSS/@viewport "The @viewport CSS at-rule lets you configure the viewport through which the document is viewed. It's primarily used for mobile devices, but is also used by desktop browsers that support features like "snap to edge" (such as Microsoft Edge).")
   *
   *     **Notes:**
   *
   *     *   Though unstandardized, this declaration is respected by most mobile browsers due to de-facto dominance.
   *     *   The default values may vary between devices and browsers.
   *     *   To learn about this declaration in Firefox for Mobile, see [this article](https://developer.mozilla.org/en-US/docs/Mobile/Viewport_meta_tag "Mobile/Viewport meta tag").
   */
  name?: string;

  /**
   * This attribute defines the scheme in which metadata is described. A scheme is a context leading to the correct interpretations of the [`content`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/meta#attr-content) value, like a format.
   *
   * **Warning:** Do not use this value, as it is obsolete. There is no replacement as there was no real usage for it.
   */
  scheme?: string;
}

interface Style extends GlobalAttributes {
  /**
   * This attribute defines which media the style should be applied to. Its value is a [media query](https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries), which defaults to `all` if the attribute is missing.
   */
  media?: string;

  scoped?: boolean;

  /**
   * This attribute defines the styling language as a MIME type (charset should not be specified). This attribute is optional and defaults to `text/css` if it is not specified — there is very little reason to include this in modern web documents.
   */
  type?: string;
}

interface Body extends GlobalAttributes {
  /**
   * Color of text for hyperlinks when selected. _This method is non-conforming, use CSS [`color`](https://developer.mozilla.org/en-US/docs/Web/CSS/color "The color CSS property sets the foreground color value of an element's text and text decorations, and sets the currentcolor value.") property in conjunction with the [`:active`](https://developer.mozilla.org/en-US/docs/Web/CSS/:active "The :active CSS pseudo-class represents an element (such as a button) that is being activated by the user.") pseudo-class instead._
   */
  alink?: string;

  /**
   * URI of a image to use as a background. _This method is non-conforming, use CSS [`background`](https://developer.mozilla.org/en-US/docs/Web/CSS/background "The background shorthand CSS property sets all background style properties at once, such as color, image, origin and size, or repeat method.") property on the element instead._
   */
  background?: string;

  /**
   * Background color for the document. _This method is non-conforming, use CSS [`background-color`](https://developer.mozilla.org/en-US/docs/Web/CSS/background-color "The background-color CSS property sets the background color of an element.") property on the element instead._
   */
  bgcolor?: string;

  /**
   * The margin of the bottom of the body. _This method is non-conforming, use CSS [`margin-bottom`](https://developer.mozilla.org/en-US/docs/Web/CSS/margin-bottom "The margin-bottom CSS property sets the margin area on the bottom of an element. A positive value places it farther from its neighbors, while a negative value places it closer.") property on the element instead._
   */
  bottommargin?: string;

  /**
   * The margin of the left of the body. _This method is non-conforming, use CSS [`margin-left`](https://developer.mozilla.org/en-US/docs/Web/CSS/margin-left "The margin-left CSS property sets the margin area on the left side of an element. A positive value places it farther from its neighbors, while a negative value places it closer.") property on the element instead._
   */
  leftmargin?: string;

  /**
   * Color of text for unvisited hypertext links. _This method is non-conforming, use CSS [`color`](https://developer.mozilla.org/en-US/docs/Web/CSS/color "The color CSS property sets the foreground color value of an element's text and text decorations, and sets the currentcolor value.") property in conjunction with the [`:link`](https://developer.mozilla.org/en-US/docs/Web/CSS/:link "The :link CSS pseudo-class represents an element that has not yet been visited. It matches every unvisited <a>, <area>, or <link> element that has an href attribute.") pseudo-class instead._
   */
  link?: string;

  /**
   * Function to call after the user has printed the document.
   */
  onafterprint?: string;

  /**
   * Function to call when the user requests printing of the document.
   */
  onbeforeprint?: string;

  /**
   * Function to call when the document is about to be unloaded.
   */
  onbeforeunload?: string;

  /**
   * Function to call when the fragment identifier part (starting with the hash (`'#'`) character) of the document's current address has changed.
   */
  onhashchange?: string;

  /**
   * Function to call when the preferred languages changed.
   */
  onlanguagechange?: string;

  /**
   * Function to call when the document has received a message.
   */
  onmessage?: string;

  /**
   * Function to call when network communication has failed.
   */
  onoffline?: string;

  /**
   * Function to call when network communication has been restored.
   */
  ononline?: string;

  onpagehide?: string;

  onpageshow?: string;

  /**
   * Function to call when the user has navigated session history.
   */
  onpopstate?: string;

  /**
   * Function to call when the user has moved forward in undo transaction history.
   */
  onredo?: string;

  /**
   * Function to call when the storage area has changed.
   */
  onstorage?: string;

  /**
   * Function to call when the user has moved backward in undo transaction history.
   */
  onundo?: string;

  /**
   * Function to call when the document is going away.
   */
  onunload?: string;

  /**
   * The margin of the right of the body. _This method is non-conforming, use CSS [`margin-right`](https://developer.mozilla.org/en-US/docs/Web/CSS/margin-right "The margin-right CSS property sets the margin area on the right side of an element. A positive value places it farther from its neighbors, while a negative value places it closer.") property on the element instead._
   */
  rightmargin?: string;

  /**
   * Foreground color of text. _This method is non-conforming, use CSS [`color`](https://developer.mozilla.org/en-US/docs/Web/CSS/color "The color CSS property sets the foreground color value of an element's text and text decorations, and sets the currentcolor value.") property on the element instead._
   */
  text?: string;

  /**
   * The margin of the top of the body. _This method is non-conforming, use CSS [`margin-top`](https://developer.mozilla.org/en-US/docs/Web/CSS/margin-top "The margin-top CSS property sets the margin area on the top of an element. A positive value places it farther from its neighbors, while a negative value places it closer.") property on the element instead._
   */
  topmargin?: string;

  /**
   * Color of text for visited hypertext links. _This method is non-conforming, use CSS [`color`](https://developer.mozilla.org/en-US/docs/Web/CSS/color "The color CSS property sets the foreground color value of an element's text and text decorations, and sets the currentcolor value.") property in conjunction with the [`:visited`](https://developer.mozilla.org/en-US/docs/Web/CSS/:visited "The :visited CSS pseudo-class represents links that the user has already visited. For privacy reasons, the styles that can be modified using this selector are very limited.") pseudo-class instead._
   */
  vlink?: string;
}

interface Hr extends GlobalAttributes {
  /**
   * Sets the alignment of the rule on the page. If no value is specified, the default value is `left`.
   */
  align?: string;

  /**
   * Sets the color of the rule through color name or hexadecimal value.
   */
  color?: string;

  /**
   * Sets the rule to have no shading.
   */
  noshade?: string;

  /**
   * Sets the height, in pixels, of the rule.
   */
  size?: number | string;

  /**
   * Sets the length of the rule on the page through a pixel or percentage value.
   */
  width?: number | string;
}

interface Pre extends GlobalAttributes {
  /**
   * Contains the _preferred_ count of characters that a line should have. It was a non-standard synonym of [`width`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/pre#attr-width). To achieve such an effect, use CSS [`width`](https://developer.mozilla.org/en-US/docs/Web/CSS/width "The width CSS property sets an element's width. By default it sets the width of the content area, but if box-sizing is set to border-box, it sets the width of the border area.") instead.
   */
  cols?: number | string;

  /**
   * Contains the _preferred_ count of characters that a line should have. Though technically still implemented, this attribute has no visual effect; to achieve such an effect, use CSS [`width`](https://developer.mozilla.org/en-US/docs/Web/CSS/width "The width CSS property sets an element's width. By default it sets the width of the content area, but if box-sizing is set to border-box, it sets the width of the border area.") instead.
   */
  width?: number | string;

  /**
   * Is a _hint_ indicating how the overflow must happen. In modern browser this hint is ignored and no visual effect results in its present; to achieve such an effect, use CSS [`white-space`](https://developer.mozilla.org/en-US/docs/Web/CSS/white-space "The white-space CSS property sets how white space inside an element is handled.") instead.
   */
  wrap?: string;
}

interface Blockquote extends GlobalAttributes {
  /**
   * A URL that designates a source document or message for the information quoted. This attribute is intended to point to information explaining the context or the reference for the quote.
   */
  cite?: string;
}

interface Ol extends GlobalAttributes {
  /**
   * This Boolean attribute hints that the list should be rendered in a compact style. The interpretation of this attribute depends on the user agent and it doesn't work in all browsers.
   *
   * **Warning:** Do not use this attribute, as it has been deprecated: the [`<ol>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/ol "The HTML <ol> element represents an ordered list of items, typically rendered as a numbered list.") element should be styled using [CSS](https://developer.mozilla.org/en-US/docs/CSS). To give an effect similar to the `compact` attribute, the [CSS](https://developer.mozilla.org/en-US/docs/CSS) property [`line-height`](https://developer.mozilla.org/en-US/docs/Web/CSS/line-height "The line-height CSS property sets the amount of space used for lines, such as in text. On block-level elements, it specifies the minimum height of line boxes within the element. On non-replaced inline elements, it specifies the height that is used to calculate line box height.") can be used with a value of `80%`.
   */
  compact?: string;

  /**
   * This Boolean attribute specifies that the items of the list are specified in reversed order.
   */
  reversed?: boolean;

  /**
   * This integer attribute specifies the start value for numbering the individual list items. Although the ordering type of list elements might be Roman numerals, such as XXXI, or letters, the value of start is always represented as a number. To start numbering elements from the letter "C", use `<ol start="3">`.
   *
   * **Note**: This attribute was deprecated in HTML4, but reintroduced in HTML5.
   */
  start?: string;

  /**
   * Indicates the numbering type:
   *
   * *   `'a'` indicates lowercase letters,
   * *   `'A'` indicates uppercase letters,
   * *   `'i'` indicates lowercase Roman numerals,
   * *   `'I'` indicates uppercase Roman numerals,
   * *   and `'1'` indicates numbers (default).
   *
   * The type set is used for the entire list unless a different [`type`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/li#attr-type) attribute is used within an enclosed [`<li>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/li "The HTML <li> element is used to represent an item in a list. It must be contained in a parent element: an ordered list (<ol>), an unordered list (<ul>), or a menu (<menu>). In menus and unordered lists, list items are usually displayed using bullet points. In ordered lists, they are usually displayed with an ascending counter on the left, such as a number or letter.") element.
   *
   * **Note:** This attribute was deprecated in HTML4, but reintroduced in HTML5.
   *
   * Unless the value of the list number matters (e.g. in legal or technical documents where items are to be referenced by their number/letter), the CSS [`list-style-type`](https://developer.mozilla.org/en-US/docs/Web/CSS/list-style-type "The list-style-type CSS property sets the marker (such as a disc, character, or custom counter style) of a list item element.") property should be used instead.
   */
  type?: "1" | "a" | "A" | "i" | "I";
}

interface Ul extends GlobalAttributes {
  /**
   * This Boolean attribute hints that the list should be rendered in a compact style. The interpretation of this attribute depends on the user agent and it doesn't work in all browsers.
   *
   * **Usage note: **Do not use this attribute, as it has been deprecated: the [`<ul>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/ul "The HTML <ul> element represents an unordered list of items, typically rendered as a bulleted list.") element should be styled using [CSS](https://developer.mozilla.org/en-US/docs/CSS). To give a similar effect as the `compact` attribute, the [CSS](https://developer.mozilla.org/en-US/docs/CSS) property [line-height](https://developer.mozilla.org/en-US/docs/CSS/line-height) can be used with a value of `80%`.
   */
  compact?: string;
}

interface Li extends GlobalAttributes {
  /**
   * This character attribute indicates the numbering type:
   *
   * *   `a`: lowercase letters
   * *   `A`: uppercase letters
   * *   `i`: lowercase Roman numerals
   * *   `I`: uppercase Roman numerals
   * *   `1`: numbers
   *
   * This type overrides the one used by its parent [`<ol>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/ol "The HTML <ol> element represents an ordered list of items, typically rendered as a numbered list.") element, if any.
   *
   * **Usage note:** This attribute has been deprecated: use the CSS [`list-style-type`](https://developer.mozilla.org/en-US/docs/Web/CSS/list-style-type "The list-style-type CSS property sets the marker (such as a disc, character, or custom counter style) of a list item element.") property instead.
   */
  type?: string;

  /**
   * This integer attribute indicates the current ordinal value of the list item as defined by the [`<ol>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/ol "The HTML <ol> element represents an ordered list of items, typically rendered as a numbered list.") element. The only allowed value for this attribute is a number, even if the list is displayed with Roman numerals or letters. List items that follow this one continue numbering from the value set. The **value** attribute has no meaning for unordered lists ([`<ul>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/ul "The HTML <ul> element represents an unordered list of items, typically rendered as a bulleted list.")) or for menus ([`<menu>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/menu "The HTML <menu> element represents a group of commands that a user can perform or activate. This includes both list menus, which might appear across the top of a screen, as well as context menus, such as those that might appear underneath a button after it has been clicked.")).
   *
   * **Note**: This attribute was deprecated in HTML4, but reintroduced in HTML5.
   *
   * **Note:** Prior to Gecko 9.0, negative values were incorrectly converted to 0. Starting in Gecko 9.0 all integer values are correctly parsed.
   */
  value?: number | string;
}

interface Dd extends GlobalAttributes {
  /**
   * If the value of this attribute is set to `yes`, the definition text will not wrap. The default value is `no`.
   */
  nowrap?: string;
}

interface A extends GlobalAttributes {
  /**
   * This attribute instructs browsers to download a URL instead of navigating to it, so the user will be prompted to save it as a local file. If the attribute has a value, it is used as the pre-filled file name in the Save prompt (the user can still change the file name if they want). There are no restrictions on allowed values, though `/` and `\` are converted to underscores. Most file systems limit some punctuation in file names, and browsers will adjust the suggested name accordingly.
   *
   * **Notes:**
   *
   * *   This attribute only works for [same-origin URLs](https://developer.mozilla.org/en-US/docs/Web/Security/Same-origin_policy).
   * *   Although HTTP(s) URLs need to be in the same-origin, [`blob:` URLs](https://developer.mozilla.org/en-US/docs/Web/API/URL.createObjectURL) and [`data:` URLs](https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/Data_URIs) are allowed so that content generated by JavaScript, such as pictures created in an image-editor Web app, can be downloaded.
   * *   If the HTTP header [`Content-Disposition:`](https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Disposition) gives a different filename than this attribute, the HTTP header takes priority over this attribute.
   * *   If `Content-Disposition:` is set to `inline`, Firefox prioritizes `Content-Disposition`, like the filename case, while Chrome prioritizes the `download` attribute.
   */
  download?: string;

  /**
   * Contains a URL or a URL fragment that the hyperlink points to.
   * A URL fragment is a name preceded by a hash mark (`#`), which specifies an internal target location (an [`id`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes#attr-id) of an HTML element) within the current document. URLs are not restricted to Web (HTTP)-based documents, but can use any protocol supported by the browser. For example, [`file:`](https://en.wikipedia.org/wiki/File_URI_scheme), `ftp:`, and `mailto:` work in most browsers.
   *
   * **Note:** You can use `href="#top"` or the empty fragment `href="#"` to link to the top of the current page. [This behavior is specified by HTML5](https://www.w3.org/TR/html5/single-page.html#scroll-to-fragid).
   */
  href?: string;

  /**
   * This attribute indicates the human language of the linked resource. It is purely advisory, with no built-in functionality. Allowed values are determined by [BCP47](https://www.ietf.org/rfc/bcp/bcp47.txt "Tags for Identifying Languages").
   */
  hreflang?: string;

  /**
   * Contains a space-separated list of URLs to which, when the hyperlink is followed, [`POST`](https://developer.mozilla.org/en-US/docs/Web/HTTP/Methods/POST "The HTTP POST method sends data to the server. The type of the body of the request is indicated by the Content-Type header.") requests with the body `PING` will be sent by the browser (in the background). Typically used for tracking.
   */
  ping?: string;

  /**
   * Indicates which [referrer](https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Referer) to send when fetching the URL:
   *
   * *   `'no-referrer'` means the `Referer:` header will not be sent.
   * *   `'no-referrer-when-downgrade'` means no `Referer:` header will be sent when navigating to an origin without HTTPS. This is the default behavior.
   * *   `'origin'` means the referrer will be the [origin](https://developer.mozilla.org/en-US/docs/Glossary/Origin) of the page, not including information after the domain.
   * *   `'origin-when-cross-origin'` meaning that navigations to other origins will be limited to the scheme, the host and the port, while navigations on the same origin will include the referrer's path.
   * *   `'strict-origin-when-cross-origin'`
   * *   `'unsafe-url'` means the referrer will include the origin and path, but not the fragment, password, or username. This is unsafe because it can leak data from secure URLs to insecure ones.
   */
  referrerpolicy?: string;

  /**
   * Specifies the relationship of the target object to the link object. The value is a space-separated list of [link types](https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types).
   */
  rel?: string;

  /**
   * Specifies where to display the linked URL. It is a name of, or keyword for, a _browsing context_: a tab, window, or `<iframe>`. The following keywords have special meanings:
   *
   * *   `_self`: Load the URL into the same browsing context as the current one. This is the default behavior.
   * *   `_blank`: Load the URL into a new browsing context. This is usually a tab, but users can configure browsers to use new windows instead.
   * *   `_parent`: Load the URL into the parent browsing context of the current one. If there is no parent, this behaves the same way as `_self`.
   * *   `_top`: Load the URL into the top-level browsing context (that is, the "highest" browsing context that is an ancestor of the current one, and has no parent). If there is no parent, this behaves the same way as `_self`.
   *
   * **Note:** When using `target`, consider adding `rel="noreferrer"` to avoid exploitation of the `window.opener` API.
   *
   * **Note:** Linking to another page using `target="_blank"` will run the new page on the same process as your page. If the new page is executing expensive JS, your page's performance may suffer. To avoid this use `rel="noopener"`.
   */
  target?: "_self" | "_blank" | "_parent" | "_top";

  /**
   * Specifies the media type in the form of a [MIME type](https://developer.mozilla.org/en-US/docs/Glossary/MIME_type "MIME type: A MIME type (now properly called "media type", but also sometimes "content type") is a string sent along with a file indicating the type of the file (describing the content format, for example, a sound file might be labeled audio/ogg, or an image file image/png).") for the linked URL. It is purely advisory, with no built-in functionality.
   */
  type?: string;
}

interface Q extends GlobalAttributes {
  /**
   * The value of this attribute is a URL that designates a source document or message for the information quoted. This attribute is intended to point to information explaining the context or the reference for the quote.
   */
  cite?: string;
}

interface Time extends GlobalAttributes {
  /**
   * This attribute indicates the time and/or date of the element and must be in one of the formats described below.
   */
  datetime?: string;
}

interface Br extends GlobalAttributes {
  /**
   * Indicates where to begin the next line after the break.
   */
  clear?: string;
}

interface Ins extends GlobalAttributes {
  /**
   * This attribute defines the URI of a resource that explains the change, such as a link to meeting minutes or a ticket in a troubleshooting system.
   */
  cite?: string;

  /**
   * This attribute indicates the time and date of the change and must be a valid date with an optional time string. If the value cannot be parsed as a date with an optional time string, the element does not have an associated time stamp. For the format of the string without a time, see [Format of a valid date string](https://developer.mozilla.org/en-US/docs/Web/HTML/Date_and_time_formats#Format_of_a_valid_date_string "Certain HTML elements use date and/or time values. The formats of the strings that specify these are described in this article.") in [Date and time formats used in HTML](https://developer.mozilla.org/en-US/docs/Web/HTML/Date_and_time_formats "Certain HTML elements use date and/or time values. The formats of the strings that specify these are described in this article."). The format of the string if it includes both date and time is covered in [Format of a valid local date and time string](https://developer.mozilla.org/en-US/docs/Web/HTML/Date_and_time_formats#Format_of_a_valid_local_date_and_time_string "Certain HTML elements use date and/or time values. The formats of the strings that specify these are described in this article.") in [Date and time formats used in HTML](https://developer.mozilla.org/en-US/docs/Web/HTML/Date_and_time_formats "Certain HTML elements use date and/or time values. The formats of the strings that specify these are described in this article.").
   */
  datetime?: string;
}

interface Del extends GlobalAttributes {
  /**
   * A URI for a resource that explains the change (for example, meeting minutes).
   */
  cite?: string;

  /**
   * This attribute indicates the time and date of the change and must be a valid date string with an optional time. If the value cannot be parsed as a date with an optional time string, the element does not have an associated time stamp. For the format of the string without a time, see [Format of a valid date string](https://developer.mozilla.org/en-US/docs/Web/HTML/Date_and_time_formats#Format_of_a_valid_date_string "Certain HTML elements use date and/or time values. The formats of the strings that specify these are described in this article.") in [Date and time formats used in HTML](https://developer.mozilla.org/en-US/docs/Web/HTML/Date_and_time_formats "Certain HTML elements use date and/or time values. The formats of the strings that specify these are described in this article."). The format of the string if it includes both date and time is covered in [Format of a valid local date and time string](https://developer.mozilla.org/en-US/docs/Web/HTML/Date_and_time_formats#Format_of_a_valid_local_date_and_time_string "Certain HTML elements use date and/or time values. The formats of the strings that specify these are described in this article.") in [Date and time formats used in HTML](https://developer.mozilla.org/en-US/docs/Web/HTML/Date_and_time_formats "Certain HTML elements use date and/or time values. The formats of the strings that specify these are described in this article.").
   */
  datetime?: string;
}

interface Img extends GlobalAttributes {
  /**
   * This attribute defines an alternative text description of the image.
   *
   * **Note:** Browsers do not always display the image referenced by the element. This is the case for non-graphical browsers (including those used by people with visual impairments), if the user chooses not to display images, or if the browser cannot display the image because it is invalid or an [unsupported type](#Supported_image_formats). In these cases, the browser may replace the image with the text defined in this element's `alt` attribute. You should, for these reasons and others, provide a useful value for `alt` whenever possible.
   *
   * **Note:** Omitting this attribute altogether indicates that the image is a key part of the content, and no textual equivalent is available. Setting this attribute to an empty string (`alt=""`) indicates that this image is _not_ a key part of the content (decorative), and that non-visual browsers may omit it from rendering.
   */
  alt?: string;

  /**
   * This enumerated attribute indicates if the fetching of the related image must be done using CORS or not. [CORS-enabled images](https://developer.mozilla.org/en-US/docs/CORS_Enabled_Image) can be reused in the [`<canvas>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/canvas "Use the HTML <canvas> element with either the canvas scripting API or the WebGL API to draw graphics and animations.") element without being "[tainted](https://developer.mozilla.org/en-US/docs/Web/HTML/CORS_enabled_image#What_is_a_tainted_canvas)." The allowed values are:
   * `anonymous`
   *
   * A cross-origin request (i.e., with `Origin:` HTTP header) is performed, but no credential is sent (i.e., no cookie, X.509 certificate, or HTTP Basic authentication). If the server does not give credentials to the origin site (by not setting the [`Access-Control-Allow-Origin`](https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Access-Control-Allow-Origin "The Access-Control-Allow-Origin response header indicates whether the response can be shared with requesting code from the given origin.") HTTP header), the image will be tainted and its usage restricted.
   *
   * `use-credentials`
   *
   * A cross-origin request (i.e., with the [`Origin`](https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Origin "The Origin request header indicates where a fetch originates from. It doesn't include any path information, but only the server name. It is sent with CORS requests, as well as with POST requests. It is similar to the Referer header, but, unlike this header, it doesn't disclose the whole path.") HTTP header) performed along with credentials sent (i.e., a cookie, certificate, or HTTP Basic authentication). If the server does not give credentials to the origin site (through the `Access-Control-Allow-Credentials` HTTP header), the image will be tainted and its usage restricted.
   *
   * If the attribute is not present, the resource is fetched without a CORS request (i.e., without sending the `Origin` HTTP header), preventing its non-tainted usage in [`<canvas>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/canvas "Use the HTML <canvas> element with either the canvas scripting API or the WebGL API to draw graphics and animations.") elements. If invalid, it is handled as if the `anonymous` value was used. See [CORS settings attributes](https://developer.mozilla.org/en-US/docs/HTML/CORS_settings_attributes) for additional information.
   */
  crossorigin?: "anonymous" | "use-credentials";

  /**
   * Provides an image decoding hint to the browser. The allowed values are:
   * `sync`
   *
   * Decode the image synchronously for atomic presentation with other content.
   *
   * `async`
   *
   * Decode the image asynchronously to reduce delay in presenting other content.
   *
   * `auto`
   *
   * Default mode, which indicates no preference for the decoding mode. The browser decides what is best for the user.
   */
  decoding?: "sync" | "async" | "auto";

  /**
   * Provides a hint of the relative priority to use when fetching the image.
   */
  fetchpriority?: "high" | "low" | "auto";

  /**
   * The intrinsic height of the image in pixels.
   */
  height?: number | string;

  /**
   * Indicates the relative importance of the resource. Priority hints are delegated using the values:
   * undefined
   */
  importance?: string;

  /**
   * This attribute tells the browser to ignore the actual intrinsic size of the image and pretend it’s the size specified in the attribute. Specifically, the image would raster at these dimensions and `naturalWidth`/`naturalHeight` on images would return the values specified in this attribute. [Explainer](https://github.com/ojanvafai/intrinsicsize-attribute), [examples](https://googlechrome.github.io/samples/intrinsic-size/index.html)
   */
  intrinsicsize?: string;

  /**
   * This Boolean attribute indicates that the image is part of a server-side map. If so, the precise coordinates of a click are sent to the server.
   *
   * **Note:** This attribute is allowed only if the `<img>` element is a descendant of an [`<a>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a "The HTML <a> element (or anchor element) creates a hyperlink to other web pages, files, locations within the same page, email addresses, or any other URL.") element with a valid [`href`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-href) attribute.
   */
  ismap?: boolean;

  /**
   * Indicates how the browser should load the image.
   */
  loading?: "eager" | "lazy";

  /**
   * A string indicating which referrer to use when fetching the resource:
   *
   * *   `no-referrer:` The [`Referer`](https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Referer "The Referer request header contains the address of the previous web page from which a link to the currently requested page was followed. The Referer header allows servers to identify where people are visiting them from and may use that data for analytics, logging, or optimized caching, for example.") header will not be sent.
   * *   `no-referrer-when-downgrade:` No `Referer` header will be sent when navigating to an origin without TLS (HTTPS). This is a user agent’s default behavior if no policy is otherwise specified.
   * *   `origin:` The `Referer` header will include the page of origin's scheme, the host, and the port.
   * *   `origin-when-cross-origin:` Navigating to other origins will limit the included referral data to the scheme, the host and the port, while navigating from the same origin will include the referrer's full path.
   * *   `unsafe-url:` The `Referer` header will include the origin and the path, but not the fragment, password, or username. This case is unsafe because it can leak origins and paths from TLS-protected resources to insecure origins.
   */
  referrerpolicy?:
    | "no-referrer"
    | "no-referrer-when-downgrade"
    | "origin"
    | "origin-when-cross-origin"
    | "same-origin"
    | "strict-origin"
    | "strict-origin-when-cross-origin"
    | "unsafe-url";

  /**
   * A list of one or more strings separated by commas indicating a set of source sizes. Each source size consists of:
   *
   * 1.  a media condition. This must be omitted for the last item.
   * 2.  a source size value.
   *
   * Source size values specify the intended display size of the image. User agents use the current source size to select one of the sources supplied by the `srcset` attribute, when those sources are described using width ('`w`') descriptors. The selected source size affects the intrinsic size of the image (the image’s display size if no CSS styling is applied). If the `srcset` attribute is absent, or contains no values with a width (`w`) descriptor, then the `sizes` attribute has no effect.
   */
  sizes?: string;

  /**
   * The image URL. This attribute is mandatory for the `<img>` element. On browsers supporting `srcset`, `src` is treated like a candidate image with a pixel density descriptor `1x` unless an image with this pixel density descriptor is already defined in `srcset,` or unless `srcset` contains '`w`' descriptors.
   */
  src?: string;

  /**
   * A list of one or more strings separated by commas indicating a set of possible image sources for the user agent to use. Each string is composed of:
   *
   * 1.  a URL to an image,
   * 2.  optionally, whitespace followed by one of:
   *     *   A width descriptor, or a positive integer directly followed by '`w`'. The width descriptor is divided by the source size given in the `sizes` attribute to calculate the effective pixel density.
   *     *   A pixel density descriptor, which is a positive floating point number directly followed by '`x`'.
   *
   * If no descriptor is specified, the source is assigned the default descriptor: `1x`.
   *
   * It is incorrect to mix width descriptors and pixel density descriptors in the same `srcset` attribute. Duplicate descriptors (for instance, two sources in the same `srcset` which are both described with '`2x`') are also invalid.
   *
   * The user agent selects any one of the available sources at its discretion. This provides them with significant leeway to tailor their selection based on things like user preferences or bandwidth conditions. See our [Responsive images](https://developer.mozilla.org/en-US/docs/Learn/HTML/Multimedia_and_embedding/Responsive_images) tutorial for an example.
   */
  srcset?: string;

  /**
   * The partial URL (starting with '#') of an [image map](https://developer.mozilla.org/en-US/docs/HTML/Element/map) associated with the element.
   *
   * **Note:** You cannot use this attribute if the `<img>` element is a descendant of an [`<a>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a "The HTML <a> element (or anchor element) creates a hyperlink to other web pages, files, locations within the same page, email addresses, or any other URL.") or [`<button>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button "The HTML <button> element represents a clickable button, which can be used in forms or anywhere in a document that needs simple, standard button functionality.") element.
   */
  usemap?: string;

  /**
   * The intrinsic width of the image in pixels.
   */
  width?: number | string;
}

interface Iframe extends GlobalAttributes {
  /**
   * Specifies a [feature policy](https://developer.mozilla.org/en-US/docs/Web/HTTP/Feature_Policy) for the `<iframe>`.
   */
  allow?: string;

  /**
   * Set to `true` if the `<iframe>` can activate fullscreen mode by calling the [`requestFullscreen()`](https://developer.mozilla.org/en-US/docs/Web/API/Element/requestFullscreen "The Element.requestFullscreen() method issues an asynchronous request to make the element be displayed in full-screen mode.") method.
   * This attribute is considered a legacy attribute and redefined as `allow="fullscreen"`.
   */
  allowfullscreen?: boolean;

  /**
   * Set to `true` if a cross-origin `<iframe>` should be allowed to invoke the [Payment Request API](https://developer.mozilla.org/en-US/docs/Web/API/Payment_Request_API).
   * undefined
   */
  allowpaymentrequest?: string;

  /**
   * A [Content Security Policy](https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP) enforced for the embedded resource. See [`HTMLIFrameElement.csp`](https://developer.mozilla.org/en-US/docs/Web/API/HTMLIFrameElement/csp "The csp property of the HTMLIFrameElement interface specifies the Content Security Policy that an embedded document must agree to enforce upon itself.") for details.
   */
  csp?: string;

  /**
   * The height of the frame in CSS pixels. Default is `150`.
   */
  height?: number | string;

  /**
   * The download priority of the resource in the `<iframe>`'s `src` attribute. Allowed values:
   *
   * `auto` (default)
   *
   * No preference. The browser uses its own heuristics to decide the priority of the resource.
   *
   * `high`
   *
   * The resource should be downloaded before other lower-priority page resources.
   *
   * `low`
   *
   * The resource should be downloaded after other higher-priority page resources.
   */
  importance?: string;

  /**
   * A targetable name for the embedded browsing context. This can be used in the `target` attribute of the [`<a>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a "The HTML <a> element (or anchor element) creates a hyperlink to other web pages, files, locations within the same page, email addresses, or any other URL."), [`<form>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/form "The HTML <form> element represents a document section that contains interactive controls for submitting information to a web server."), or [`<base>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/base "The HTML <base> element specifies the base URL to use for all relative URLs contained within a document. There can be only one <base> element in a document.") elements; the `formtarget` attribute of the [`<input>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input "The HTML <input> element is used to create interactive controls for web-based forms in order to accept data from the user; a wide variety of types of input data and control widgets are available, depending on the device and user agent.") or [`<button>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button "The HTML <button> element represents a clickable button, which can be used in forms or anywhere in a document that needs simple, standard button functionality.") elements; or the `windowName` parameter in the [`window.open()`](https://developer.mozilla.org/en-US/docs/Web/API/Window/open "The Window interface's open() method loads the specified resource into the browsing context (window, <iframe> or tab) with the specified name. If the name doesn't exist, then a new window is opened and the specified resource is loaded into its browsing context.") method.
   */
  name?: string;

  /**
   * Indicates which [referrer](https://developer.mozilla.org/en-US/docs/Web/API/Document/referrer) to send when fetching the frame's resource:
   *
   * *   `no-referrer`: The [`Referer`](https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Referer "The Referer request header contains the address of the previous web page from which a link to the currently requested page was followed. The Referer header allows servers to identify where people are visiting them from and may use that data for analytics, logging, or optimized caching, for example.") header will not be sent.
   * *   `no-referrer-when-downgrade` (default): The [`Referer`](https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Referer "The Referer request header contains the address of the previous web page from which a link to the currently requested page was followed. The Referer header allows servers to identify where people are visiting them from and may use that data for analytics, logging, or optimized caching, for example.") header will not be sent to [origin](https://developer.mozilla.org/en-US/docs/Glossary/origin "origin: Web content's origin is defined by the scheme (protocol), host (domain), and port of the URL used to access it. Two objects have the same origin only when the scheme, host, and port all match.")s without [TLS](https://developer.mozilla.org/en-US/docs/Glossary/TLS "TLS: Transport Layer Security (TLS), previously known as Secure Sockets Layer (SSL), is a protocol used by applications to communicate securely across a network, preventing tampering with and eavesdropping on email, web browsing, messaging, and other protocols.") ([HTTPS](https://developer.mozilla.org/en-US/docs/Glossary/HTTPS "HTTPS: HTTPS (HTTP Secure) is an encrypted version of the HTTP protocol. It usually uses SSL or TLS to encrypt all communication between a client and a server. This secure connection allows clients to safely exchange sensitive data with a server, for example for banking activities or online shopping.")).
   * *   `origin`: The sent referrer will be limited to the origin of the referring page: its [scheme](https://developer.mozilla.org/en-US/docs/Archive/Mozilla/URIScheme), [host](https://developer.mozilla.org/en-US/docs/Glossary/host "host: A host is a device connected to the Internet (or a local network). Some hosts called servers offer additional services like serving webpages or storing files and emails."), and [port](https://developer.mozilla.org/en-US/docs/Glossary/port "port: For a computer connected to a network with an IP address, a port is a communication endpoint. Ports are designated by numbers, and below 1024 each port is associated by default with a specific protocol.").
   * *   `origin-when-cross-origin`: The referrer sent to other origins will be limited to the scheme, the host, and the port. Navigations on the same origin will still include the path.
   * *   `same-origin`: A referrer will be sent for [same origin](https://developer.mozilla.org/en-US/docs/Glossary/Same-origin_policy "same origin: The same-origin policy is a critical security mechanism that restricts how a document or script loaded from one origin can interact with a resource from another origin."), but cross-origin requests will contain no referrer information.
   * *   `strict-origin`: Only send the origin of the document as the referrer when the protocol security level stays the same (HTTPS→HTTPS), but don't send it to a less secure destination (HTTPS→HTTP).
   * *   `strict-origin-when-cross-origin`: Send a full URL when performing a same-origin request, only send the origin when the protocol security level stays the same (HTTPS→HTTPS), and send no header to a less secure destination (HTTPS→HTTP).
   * *   `unsafe-url`: The referrer will include the origin _and_ the path (but not the [fragment](https://developer.mozilla.org/en-US/docs/Web/API/HTMLHyperlinkElementUtils/hash), [password](https://developer.mozilla.org/en-US/docs/Web/API/HTMLHyperlinkElementUtils/password), or [username](https://developer.mozilla.org/en-US/docs/Web/API/HTMLHyperlinkElementUtils/username)). **This value is unsafe**, because it leaks origins and paths from TLS-protected resources to insecure origins.
   */
  referrerpolicy?: string;

  /**
   * Applies extra restrictions to the content in the frame. The value of the attribute can either be empty to apply all restrictions, or space-separated tokens to lift particular restrictions:
   *
   * *   `allow-forms`: Allows the resource to submit forms. If this keyword is not used, form submission is blocked.
   * *   `allow-modals`: Lets the resource [open modal windows](https://html.spec.whatwg.org/multipage/origin.html#sandboxed-modals-flag).
   * *   `allow-orientation-lock`: Lets the resource [lock the screen orientation](https://developer.mozilla.org/en-US/docs/Web/API/Screen/lockOrientation).
   * *   `allow-pointer-lock`: Lets the resource use the [Pointer Lock API](https://developer.mozilla.org/en-US/docs/WebAPI/Pointer_Lock).
   * *   `allow-popups`: Allows popups (such as `window.open()`, `target="_blank"`, or `showModalDialog()`). If this keyword is not used, the popup will silently fail to open.
   * *   `allow-popups-to-escape-sandbox`: Lets the sandboxed document open new windows without those windows inheriting the sandboxing. For example, this can safely sandbox an advertisement without forcing the same restrictions upon the page the ad links to.
   * *   `allow-presentation`: Lets the resource start a [presentation session](https://developer.mozilla.org/en-US/docs/Web/API/PresentationRequest).
   * *   `allow-same-origin`: If this token is not used, the resource is treated as being from a special origin that always fails the [same-origin policy](https://developer.mozilla.org/en-US/docs/Glossary/same-origin_policy "same-origin policy: The same-origin policy is a critical security mechanism that restricts how a document or script loaded from one origin can interact with a resource from another origin.").
   * *   `allow-scripts`: Lets the resource run scripts (but not create popup windows).
   * *   `allow-storage-access-by-user-activation` : Lets the resource request access to the parent's storage capabilities with the [Storage Access API](https://developer.mozilla.org/en-US/docs/Web/API/Storage_Access_API).
   * *   `allow-top-navigation`: Lets the resource navigate the top-level browsing context (the one named `_top`).
   * *   `allow-top-navigation-by-user-activation`: Lets the resource navigate the top-level browsing context, but only if initiated by a user gesture.
   *
   * **Notes about sandboxing:**
   *
   * *   When the embedded document has the same origin as the embedding page, it is **strongly discouraged** to use both `allow-scripts` and `allow-same-origin`, as that lets the embedded document remove the `sandbox` attribute — making it no more secure than not using the `sandbox` attribute at all.
   * *   Sandboxing is useless if the attacker can display content outside a sandboxed `iframe` — such as if the viewer opens the frame in a new tab. Such content should be also served from a _separate origin_ to limit potential damage.
   * *   The `sandbox` attribute is unsupported in Internet Explorer 9 and earlier.
   */
  sandbox?:
    | "allow-forms"
    | "allow-modals"
    | "allow-pointer-lock"
    | "allow-popups"
    | "allow-popups-to-escape-sandbox"
    | "allow-same-origin"
    | "allow-scripts"
    | "allow-top-navigation";

  seamless?: boolean;

  /**
   * The URL of the page to embed. Use a value of `about:blank` to embed an empty page that conforms to the [same-origin policy](https://developer.mozilla.org/en-US/docs/Web/Security/Same-origin_policy#Inherited_origins). Also note that programatically removing an `<iframe>`'s src attribute (e.g. via [`Element.removeAttribute()`](https://developer.mozilla.org/en-US/docs/Web/API/Element/removeAttribute "The Element method removeAttribute() removes the attribute with the specified name from the element.")) causes `about:blank` to be loaded in the frame in Firefox (from version 65), Chromium-based browsers, and Safari/iOS.
   */
  src?: string;

  /**
   * Inline HTML to embed, overriding the `src` attribute. If a browser does not support the `srcdoc` attribute, it will fall back to the URL in the `src` attribute.
   */
  srcdoc?: string;

  /**
   * The width of the frame in CSS pixels. Default is `300`.
   */
  width?: number | string;
}

interface Embed extends GlobalAttributes {
  /**
   * The displayed height of the resource, in [CSS pixels](https://drafts.csswg.org/css-values/#px). This must be an absolute value; percentages are _not_ allowed.
   */
  height?: number | string;

  /**
   * The URL of the resource being embedded.
   */
  src?: string;

  /**
   * The MIME type to use to select the plug-in to instantiate.
   */
  type?: string;

  /**
   * The displayed width of the resource, in [CSS pixels](https://drafts.csswg.org/css-values/#px). This must be an absolute value; percentages are _not_ allowed.
   */
  width?: number | string;
}

interface Object extends GlobalAttributes {
  /**
   * A space-separated list of URIs for archives of resources for the object.
   */
  archive?: string;

  /**
   * The width of a border around the control, in pixels.
   */
  border?: string;

  /**
   * The URI of the object's implementation. It can be used together with, or in place of, the **data** attribute.
   */
  classid?: string;

  /**
   * The base path used to resolve relative URIs specified by **classid**, **data**, or **archive**. If not specified, the default is the base URI of the current document.
   */
  codebase?: string;

  /**
   * The content type of the data specified by **classid**.
   */
  codetype?: string;

  /**
   * The address of the resource as a valid URL. At least one of **data** and **type** must be defined.
   */
  data?: string;

  /**
   * The presence of this Boolean attribute makes this element a declaration only. The object must be instantiated by a subsequent `<object>` element. In HTML5, repeat the <object> element completely each that that the resource is reused.
   */
  declare?: string;

  /**
   * The form element, if any, that the object element is associated with (its _form owner_). The value of the attribute must be an ID of a [`<form>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/form "The HTML <form> element represents a document section that contains interactive controls for submitting information to a web server.") element in the same document.
   */
  form?: string;

  /**
   * The height of the displayed resource, in [CSS pixels](https://drafts.csswg.org/css-values/#px). -- (Absolute values only. [NO percentages](https://html.spec.whatwg.org/multipage/embedded-content.html#dimension-attributes))
   */
  height?: number | string;

  /**
   * The name of valid browsing context (HTML5), or the name of the control (HTML 4).
   */
  name?: string;

  /**
   * A message that the browser can show while loading the object's implementation and data.
   */
  standby?: string;

  /**
   * The [content type](https://developer.mozilla.org/en-US/docs/Glossary/Content_type) of the resource specified by **data**. At least one of **data** and **type** must be defined.
   */
  type?: string;

  /**
   * This Boolean attribute indicates if the **type** attribute and the actual [content type](https://developer.mozilla.org/en-US/docs/Glossary/Content_type) of the resource must match to be used.
   */
  typemustmatch?: boolean;

  /**
   * A hash-name reference to a [`<map>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/map "The HTML <map> element is used with <area> elements to define an image map (a clickable link area).") element; that is a '#' followed by the value of a [`name`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/map#attr-name) of a map element.
   */
  usemap?: string;

  /**
   * The width of the display resource, in [CSS pixels](https://drafts.csswg.org/css-values/#px). -- (Absolute values only. [NO percentages](https://html.spec.whatwg.org/multipage/embedded-content.html#dimension-attributes))
   */
  width?: number | string;
}

interface Param extends GlobalAttributes {
  /**
   * Name of the parameter.
   */
  name?: string;

  /**
   * Only used if the `valuetype` is set to "ref". Specifies the MIME type of values found at the URI specified by value.
   */
  type?: string;

  /**
   * Specifies the value of the parameter.
   */
  value?: number | string;

  /**
   * Specifies the type of the `value` attribute. Possible values are:
   *
   * *   data: Default value. The value is passed to the object's implementation as a string.
   * *   ref: The value is a URI to a resource where run-time values are stored.
   * *   object: An ID of another [`<object>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/object "The HTML <object> element represents an external resource, which can be treated as an image, a nested browsing context, or a resource to be handled by a plugin.") in the same document.
   */
  valuetype?: string;
}

interface Video extends GlobalAttributes {
  /**
   * A Boolean attribute; if specified, the video automatically begins to play back as soon as it can do so without stopping to finish loading the data.
   * **Note**: Sites that automatically play audio (or video with an audio track) can be an unpleasant experience for users, so it should be avoided when possible. If you must offer autoplay functionality, you should make it opt-in (requiring a user to specifically enable it). However, this can be useful when creating media elements whose source will be set at a later time, under user control.
   *
   * To disable video autoplay, `autoplay="false"` will not work; the video will autoplay if the attribute is there in the `<video>` tag at all. To remove autoplay the attribute needs to be removed altogether.
   *
   * In some browsers (e.g. Chrome 70.0) autoplay is not working if no `muted` attribute is present.
   */
  autoplay?: boolean;

  controls?: boolean;

  crossorigin?: "anonymous" | "use-credentials";

  height?: number | string;

  loop?: boolean;

  mediagroup?: string;

  muted?: boolean;

  poster?: string;

  preload?: "none" | "metadata" | "auto";

  src?: string;

  width?: number | string;
}

interface Audio extends GlobalAttributes {
  /**
   * A Boolean attribute: if specified, the audio will automatically begin playback as soon as it can do so, without waiting for the entire audio file to finish downloading.
   *
   * **Note**: Sites that automatically play audio (or videos with an audio track) can be an unpleasant experience for users, so should be avoided when possible. If you must offer autoplay functionality, you should make it opt-in (requiring a user to specifically enable it). However, this can be useful when creating media elements whose source will be set at a later time, under user control.
   */
  autoplay?: boolean;

  /**
   * If this attribute is present, the browser will offer controls to allow the user to control audio playback, including volume, seeking, and pause/resume playback.
   */
  controls?: boolean;

  /**
   * This enumerated attribute indicates whether to use CORS to fetch the related image. [CORS-enabled resources](https://developer.mozilla.org/en-US/docs/CORS_Enabled_Image) can be reused in the [`<canvas>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/canvas "Use the HTML <canvas> element with either the canvas scripting API or the WebGL API to draw graphics and animations.") element without being _tainted_. The allowed values are:
   *
   * anonymous
   *
   * Sends a cross-origin request without a credential. In other words, it sends the `Origin:` HTTP header without a cookie, X.509 certificate, or performing HTTP Basic authentication. If the server does not give credentials to the origin site (by not setting the `Access-Control-Allow-Origin:` HTTP header), the image will be _tainted_, and its usage restricted.
   *
   * use-credentials
   *
   * Sends a cross-origin request with a credential. In other words, it sends the `Origin:` HTTP header with a cookie, a certificate, or performing HTTP Basic authentication. If the server does not give credentials to the origin site (through `Access-Control-Allow-Credentials:` HTTP header), the image will be _tainted_ and its usage restricted.
   *
   * When not present, the resource is fetched without a CORS request (i.e. without sending the `Origin:` HTTP header), preventing its non-tainted used in [`<canvas>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/canvas "Use the HTML <canvas> element with either the canvas scripting API or the WebGL API to draw graphics and animations.") elements. If invalid, it is handled as if the enumerated keyword **anonymous** was used. See [CORS settings attributes](https://developer.mozilla.org/en-US/docs/HTML/CORS_settings_attributes) for additional information.
   */
  crossorigin?: "anonymous" | "use-credentials";

  /**
   * A Boolean attribute: if specified, the audio player will automatically seek back to the start upon reaching the end of the audio.
   */
  loop?: boolean;

  mediagroup?: string;

  /**
   * A Boolean attribute that indicates whether the audio will be initially silenced. Its default value is `false`.
   */
  muted?: boolean;

  /**
   * This enumerated attribute is intended to provide a hint to the browser about what the author thinks will lead to the best user experience. It may have one of the following values:
   *
   * *   `none`: Indicates that the audio should not be preloaded.
   * *   `metadata`: Indicates that only audio metadata (e.g. length) is fetched.
   * *   `auto`: Indicates that the whole audio file can be downloaded, even if the user is not expected to use it.
   * *   _empty string_: A synonym of the `auto` value.
   *
   * If not set, `preload`'s default value is browser-defined (i.e. each browser may have its own default value). The spec advises it to be set to `metadata`.
   *
   * **Usage notes:**
   *
   * *   The `autoplay` attribute has precedence over `preload`. If `autoplay` is specified, the browser would obviously need to start downloading the audio for playback.
   * *   The browser is not forced by the specification to follow the value of this attribute; it is a mere hint.
   */
  preload?: "none" | "metadata" | "auto";

  /**
   * The URL of the audio to embed. This is subject to [HTTP access controls](https://developer.mozilla.org/en-US/docs/HTTP_access_control). This is optional; you may instead use the [`<source>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/source "The HTML <source> element specifies multiple media resources for the <picture>, the <audio> element, or the <video> element.") element within the audio block to specify the audio to embed.
   */
  src?: string;
}

interface Source extends GlobalAttributes {
  /**
   * [Media query](https://developer.mozilla.org/en-US/docs/CSS/Media_queries) of the resource's intended media; this should be used only in a [`<picture>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/picture "The HTML <picture> element contains zero or more <source> elements and one <img> element to provide versions of an image for different display/device scenarios.") element.
   */
  media?: string;

  /**
   * Is a list of source sizes that describes the final rendered width of the image represented by the source. Each source size consists of a comma-separated list of media condition-length pairs. This information is used by the browser to determine, before laying the page out, which image defined in [`srcset`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/source#attr-srcset) to use.
   * The `sizes` attribute has an effect only when the [`<source>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/source "The HTML <source> element specifies multiple media resources for the <picture>, the <audio> element, or the <video> element.") element is the direct child of a [`<picture>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/picture "The HTML <picture> element contains zero or more <source> elements and one <img> element to provide versions of an image for different display/device scenarios.") element.
   */
  sizes?: string;

  /**
   * Required for [`<audio>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/audio "The HTML <audio> element is used to embed sound content in documents. It may contain one or more audio sources, represented using the src attribute or the <source> element: the browser will choose the most suitable one. It can also be the destination for streamed media, using a MediaStream.") and [`<video>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/video "The HTML Video element (<video>) embeds a media player which supports video playback into the document."), address of the media resource. The value of this attribute is ignored when the `<source>` element is placed inside a [`<picture>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/picture "The HTML <picture> element contains zero or more <source> elements and one <img> element to provide versions of an image for different display/device scenarios.") element.
   */
  src?: string;

  /**
   * A list of one or more strings separated by commas indicating a set of possible images represented by the source for the browser to use. Each string is composed of:
   *
   * 1.  one URL to an image,
   * 2.  a width descriptor, that is a positive integer directly followed by `'w'`. The default value, if missing, is the infinity.
   * 3.  a pixel density descriptor, that is a positive floating number directly followed by `'x'`. The default value, if missing, is `1x`.
   *
   * Each string in the list must have at least a width descriptor or a pixel density descriptor to be valid. Among the list, there must be only one string containing the same tuple of width descriptor and pixel density descriptor.
   * The browser chooses the most adequate image to display at a given point of time.
   * The `srcset` attribute has an effect only when the [`<source>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/source "The HTML <source> element specifies multiple media resources for the <picture>, the <audio> element, or the <video> element.") element is the direct child of a [`<picture>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/picture "The HTML <picture> element contains zero or more <source> elements and one <img> element to provide versions of an image for different display/device scenarios.") element.
   */
  srcset?: string;

  /**
   * The MIME-type of the resource, optionally with a `codecs` parameter. See [RFC 4281](https://tools.ietf.org/html/rfc4281) for information about how to specify codecs.
   */
  type?: string;
}

interface Track extends GlobalAttributes {
  /**
   * This attribute indicates that the track should be enabled unless the user's preferences indicate that another track is more appropriate. This may only be used on one `track` element per media element.
   */
  default?: boolean;

  /**
   * How the text track is meant to be used. If omitted the default kind is `subtitles`. If the attribute is not present, it will use the `subtitles`. If the attribute contains an invalid value, it will use `metadata`. (Versions of Chrome earlier than 52 treated an invalid value as `subtitles`.) The following keywords are allowed:
   *
   * *   `subtitles`
   *     *   Subtitles provide translation of content that cannot be understood by the viewer. For example dialogue or text that is not English in an English language film.
   *     *   Subtitles may contain additional content, usually extra background information. For example the text at the beginning of the Star Wars films, or the date, time, and location of a scene.
   * *   `captions`
   *     *   Closed captions provide a transcription and possibly a translation of audio.
   *     *   It may include important non-verbal information such as music cues or sound effects. It may indicate the cue's source (e.g. music, text, character).
   *     *   Suitable for users who are deaf or when the sound is muted.
   * *   `descriptions`
   *     *   Textual description of the video content.
   *     *   Suitable for users who are blind or where the video cannot be seen.
   * *   `chapters`
   *     *   Chapter titles are intended to be used when the user is navigating the media resource.
   * *   `metadata`
   *     *   Tracks used by scripts. Not visible to the user.
   */
  kind?: "subtitles" | "captions" | "descriptions" | "chapters" | "metadata";

  /**
   * A user-readable title of the text track which is used by the browser when listing available text tracks.
   */
  label?: number | string;

  /**
   * Address of the track (`.vtt` file). Must be a valid URL. This attribute must be specified and its URL value must have the same origin as the document — unless the [`<audio>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/audio "The HTML <audio> element is used to embed sound content in documents. It may contain one or more audio sources, represented using the src attribute or the <source> element: the browser will choose the most suitable one. It can also be the destination for streamed media, using a MediaStream.") or [`<video>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/video "The HTML Video element (<video>) embeds a media player which supports video playback into the document.") parent element of the `track` element has a [`crossorigin`](https://developer.mozilla.org/en-US/docs/Web/HTML/CORS_settings_attributes) attribute.
   */
  src?: string;

  /**
   * Language of the track text data. It must be a valid [BCP 47](https://r12a.github.io/app-subtags/) language tag. If the `kind` attribute is set to `subtitles,` then `srclang` must be defined.
   */
  srclang?: string;
}

interface Map extends GlobalAttributes {
  /**
   * The name attribute gives the map a name so that it can be referenced. The attribute must be present and must have a non-empty value with no space characters. The value of the name attribute must not be a compatibility-caseless match for the value of the name attribute of another map element in the same document. If the id attribute is also specified, both attributes must have the same value.
   */
  name?: string;
}

interface Area extends GlobalAttributes {
  alt?: string;

  coords?: string;

  download?: string;

  href?: string;

  hreflang?: string;

  ping?: string;

  rel?: string;

  shape?: "circle" | "default" | "poly" | "rect";

  target?: "_self" | "_blank" | "_parent" | "_top";

  type?: string;
}

interface Table extends GlobalAttributes {
  /**
   * This enumerated attribute indicates how the table must be aligned inside the containing document. It may have the following values:
   *
   * *   left: the table is displayed on the left side of the document;
   * *   center: the table is displayed in the center of the document;
   * *   right: the table is displayed on the right side of the document.
   *
   * **Usage Note**
   *
   * *   **Do not use this attribute**, as it has been deprecated. The [`<table>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/table "The HTML <table> element represents tabular data — that is, information presented in a two-dimensional table comprised of rows and columns of cells containing data.") element should be styled using [CSS](https://developer.mozilla.org/en-US/docs/CSS). Set [`margin-left`](https://developer.mozilla.org/en-US/docs/Web/CSS/margin-left "The margin-left CSS property sets the margin area on the left side of an element. A positive value places it farther from its neighbors, while a negative value places it closer.") and [`margin-right`](https://developer.mozilla.org/en-US/docs/Web/CSS/margin-right "The margin-right CSS property sets the margin area on the right side of an element. A positive value places it farther from its neighbors, while a negative value places it closer.") to `auto` or [`margin`](https://developer.mozilla.org/en-US/docs/Web/CSS/margin "The margin CSS property sets the margin area on all four sides of an element. It is a shorthand for margin-top, margin-right, margin-bottom, and margin-left.") to `0 auto` to achieve an effect that is similar to the align attribute.
   * *   Prior to Firefox 4, Firefox also supported the `middle`, `absmiddle`, and `abscenter` values as synonyms of `center`, in quirks mode only.
   */
  align?: string;

  border?: string;
}

interface Caption extends GlobalAttributes {
  /**
   * This enumerated attribute indicates how the caption must be aligned with respect to the table. It may have one of the following values:
   *
   * `left`
   *
   * The caption is displayed to the left of the table.
   *
   * `top`
   *
   * The caption is displayed above the table.
   *
   * `right`
   *
   * The caption is displayed to the right of the table.
   *
   * `bottom`
   *
   * The caption is displayed below the table.
   *
   * **Usage note:** Do not use this attribute, as it has been deprecated. The [`<caption>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/caption "The HTML Table Caption element (<caption>) specifies the caption (or title) of a table, and if used is always the first child of a <table>.") element should be styled using the [CSS](https://developer.mozilla.org/en-US/docs/CSS) properties [`caption-side`](https://developer.mozilla.org/en-US/docs/Web/CSS/caption-side "The caption-side CSS property puts the content of a table's <caption> on the specified side. The values are relative to the writing-mode of the table.") and [`text-align`](https://developer.mozilla.org/en-US/docs/Web/CSS/text-align "The text-align CSS property sets the horizontal alignment of an inline or table-cell box. This means it works like vertical-align but in the horizontal direction.").
   */
  align?: string;
}

interface Colgroup extends GlobalAttributes {
  /**
   * This enumerated attribute specifies how horizontal alignment of each column cell content will be handled. Possible values are:
   *
   * *   `left`, aligning the content to the left of the cell
   * *   `center`, centering the content in the cell
   * *   `right`, aligning the content to the right of the cell
   * *   `justify`, inserting spaces into the textual content so that the content is justified in the cell
   * *   `char`, aligning the textual content on a special character with a minimal offset, defined by the [`char`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/col#attr-char) and [`charoff`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/col#attr-charoff) attributes Unimplemented (see [bug 2212](https://bugzilla.mozilla.org/show_bug.cgi?id=2212 "character alignment not implemented (align=char, charoff=, text-align:<string>)")).
   *
   * If this attribute is not set, the `left` value is assumed. The descendant [`<col>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/col "The HTML <col> element defines a column within a table and is used for defining common semantics on all common cells. It is generally found within a <colgroup> element.") elements may override this value using their own [`align`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/col#attr-align) attribute.
   *
   * **Note:** Do not use this attribute as it is obsolete (not supported) in the latest standard.
   *
   * *   To achieve the same effect as the `left`, `center`, `right` or `justify` values:
   *     *   Do not try to set the [`text-align`](https://developer.mozilla.org/en-US/docs/Web/CSS/text-align "The text-align CSS property sets the horizontal alignment of an inline or table-cell box. This means it works like vertical-align but in the horizontal direction.") property on a selector giving a [`<colgroup>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/colgroup "The HTML <colgroup> element defines a group of columns within a table.") element. Because [`<td>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/td "The HTML <td> element defines a cell of a table that contains data. It participates in the table model.") elements are not descendant of the [`<colgroup>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/colgroup "The HTML <colgroup> element defines a group of columns within a table.") element, they won't inherit it.
   *     *   If the table doesn't use a [`colspan`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/td#attr-colspan) attribute, use one `td:nth-child(an+b)` CSS selector per column, where a is the total number of the columns in the table and b is the ordinal position of this column in the table. Only after this selector the [`text-align`](https://developer.mozilla.org/en-US/docs/Web/CSS/text-align "The text-align CSS property sets the horizontal alignment of an inline or table-cell box. This means it works like vertical-align but in the horizontal direction.") property can be used.
   *     *   If the table does use a [`colspan`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/td#attr-colspan) attribute, the effect can be achieved by combining adequate CSS attribute selectors like `[colspan=n]`, though this is not trivial.
   * *   To achieve the same effect as the `char` value, in CSS3, you can use the value of the [`char`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/colgroup#attr-char) as the value of the [`text-align`](https://developer.mozilla.org/en-US/docs/Web/CSS/text-align "The text-align CSS property sets the horizontal alignment of an inline or table-cell box. This means it works like vertical-align but in the horizontal direction.") property Unimplemented.
   */
  align?: string;

  span?: number | string;
}

interface Col extends GlobalAttributes {
  /**
   * This enumerated attribute specifies how horizontal alignment of each column cell content will be handled. Possible values are:
   *
   * *   `left`, aligning the content to the left of the cell
   * *   `center`, centering the content in the cell
   * *   `right`, aligning the content to the right of the cell
   * *   `justify`, inserting spaces into the textual content so that the content is justified in the cell
   * *   `char`, aligning the textual content on a special character with a minimal offset, defined by the [`char`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/col#attr-char) and [`charoff`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/col#attr-charoff) attributes Unimplemented (see [bug 2212](https://bugzilla.mozilla.org/show_bug.cgi?id=2212 "character alignment not implemented (align=char, charoff=, text-align:<string>)")).
   *
   * If this attribute is not set, its value is inherited from the [`align`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/colgroup#attr-align) of the [`<colgroup>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/colgroup "The HTML <colgroup> element defines a group of columns within a table.") element this `<col>` element belongs too. If there are none, the `left` value is assumed.
   *
   * **Note:** Do not use this attribute as it is obsolete (not supported) in the latest standard.
   *
   * *   To achieve the same effect as the `left`, `center`, `right` or `justify` values:
   *     *   Do not try to set the [`text-align`](https://developer.mozilla.org/en-US/docs/Web/CSS/text-align "The text-align CSS property sets the horizontal alignment of an inline or table-cell box. This means it works like vertical-align but in the horizontal direction.") property on a selector giving a [`<col>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/col "The HTML <col> element defines a column within a table and is used for defining common semantics on all common cells. It is generally found within a <colgroup> element.") element. Because [`<td>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/td "The HTML <td> element defines a cell of a table that contains data. It participates in the table model.") elements are not descendant of the [`<col>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/col "The HTML <col> element defines a column within a table and is used for defining common semantics on all common cells. It is generally found within a <colgroup> element.") element, they won't inherit it.
   *     *   If the table doesn't use a [`colspan`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/td#attr-colspan) attribute, use the `td:nth-child(an+b)` CSS selector. Set `a` to zero and `b` to the position of the column in the table, e.g. `td:nth-child(2) { text-align: right; }` to right-align the second column.
   *     *   If the table does use a [`colspan`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/td#attr-colspan) attribute, the effect can be achieved by combining adequate CSS attribute selectors like `[colspan=n]`, though this is not trivial.
   * *   To achieve the same effect as the `char` value, in CSS3, you can use the value of the [`char`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/col#attr-char) as the value of the [`text-align`](https://developer.mozilla.org/en-US/docs/Web/CSS/text-align "The text-align CSS property sets the horizontal alignment of an inline or table-cell box. This means it works like vertical-align but in the horizontal direction.") property Unimplemented.
   */
  align?: string;

  span?: number | string;
}

interface Tbody extends GlobalAttributes {
  /**
   * This enumerated attribute specifies how horizontal alignment of each cell content will be handled. Possible values are:
   *
   * *   `left`, aligning the content to the left of the cell
   * *   `center`, centering the content in the cell
   * *   `right`, aligning the content to the right of the cell
   * *   `justify`, inserting spaces into the textual content so that the content is justified in the cell
   * *   `char`, aligning the textual content on a special character with a minimal offset, defined by the [`char`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/tbody#attr-char) and [`charoff`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/tbody#attr-charoff) attributes.
   *
   * If this attribute is not set, the `left` value is assumed.
   *
   * **Note:** Do not use this attribute as it is obsolete (not supported) in the latest standard.
   *
   * *   To achieve the same effect as the `left`, `center`, `right` or `justify` values, use the CSS [`text-align`](https://developer.mozilla.org/en-US/docs/Web/CSS/text-align "The text-align CSS property sets the horizontal alignment of an inline or table-cell box. This means it works like vertical-align but in the horizontal direction.") property on it.
   * *   To achieve the same effect as the `char` value, in CSS3, you can use the value of the [`char`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/tbody#attr-char) as the value of the [`text-align`](https://developer.mozilla.org/en-US/docs/Web/CSS/text-align "The text-align CSS property sets the horizontal alignment of an inline or table-cell box. This means it works like vertical-align but in the horizontal direction.") property Unimplemented.
   */
  align?: string;
}

interface Thead extends GlobalAttributes {
  /**
   * This enumerated attribute specifies how horizontal alignment of each cell content will be handled. Possible values are:
   *
   * *   `left`, aligning the content to the left of the cell
   * *   `center`, centering the content in the cell
   * *   `right`, aligning the content to the right of the cell
   * *   `justify`, inserting spaces into the textual content so that the content is justified in the cell
   * *   `char`, aligning the textual content on a special character with a minimal offset, defined by the [`char`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/thead#attr-char) and [`charoff`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/thead#attr-charoff) attributes Unimplemented (see [bug 2212](https://bugzilla.mozilla.org/show_bug.cgi?id=2212 "character alignment not implemented (align=char, charoff=, text-align:<string>)")).
   *
   * If this attribute is not set, the `left` value is assumed.
   *
   * **Note:** Do not use this attribute as it is obsolete (not supported) in the latest standard.
   *
   * *   To achieve the same effect as the `left`, `center`, `right` or `justify` values, use the CSS [`text-align`](https://developer.mozilla.org/en-US/docs/Web/CSS/text-align "The text-align CSS property sets the horizontal alignment of an inline or table-cell box. This means it works like vertical-align but in the horizontal direction.") property on it.
   * *   To achieve the same effect as the `char` value, in CSS3, you can use the value of the [`char`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/thead#attr-char) as the value of the [`text-align`](https://developer.mozilla.org/en-US/docs/Web/CSS/text-align "The text-align CSS property sets the horizontal alignment of an inline or table-cell box. This means it works like vertical-align but in the horizontal direction.") property Unimplemented.
   */
  align?: string;
}

interface Tfoot extends GlobalAttributes {
  /**
   * This enumerated attribute specifies how horizontal alignment of each cell content will be handled. Possible values are:
   *
   * *   `left`, aligning the content to the left of the cell
   * *   `center`, centering the content in the cell
   * *   `right`, aligning the content to the right of the cell
   * *   `justify`, inserting spaces into the textual content so that the content is justified in the cell
   * *   `char`, aligning the textual content on a special character with a minimal offset, defined by the [`char`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/tbody#attr-char) and [`charoff`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/tbody#attr-charoff) attributes Unimplemented (see [bug 2212](https://bugzilla.mozilla.org/show_bug.cgi?id=2212 "character alignment not implemented (align=char, charoff=, text-align:<string>)")).
   *
   * If this attribute is not set, the `left` value is assumed.
   *
   * **Note:** Do not use this attribute as it is obsolete (not supported) in the latest standard.
   *
   * *   To achieve the same effect as the `left`, `center`, `right` or `justify` values, use the CSS [`text-align`](https://developer.mozilla.org/en-US/docs/Web/CSS/text-align "The text-align CSS property sets the horizontal alignment of an inline or table-cell box. This means it works like vertical-align but in the horizontal direction.") property on it.
   * *   To achieve the same effect as the `char` value, in CSS3, you can use the value of the [`char`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/tfoot#attr-char) as the value of the [`text-align`](https://developer.mozilla.org/en-US/docs/Web/CSS/text-align "The text-align CSS property sets the horizontal alignment of an inline or table-cell box. This means it works like vertical-align but in the horizontal direction.") property Unimplemented.
   */
  align?: string;
}

interface Tr extends GlobalAttributes {
  /**
   * A [`DOMString`](https://developer.mozilla.org/en-US/docs/Web/API/DOMString "DOMString is a UTF-16 String. As JavaScript already uses such strings, DOMString is mapped directly to a String.") which specifies how the cell's context should be aligned horizontally within the cells in the row; this is shorthand for using `align` on every cell in the row individually. Possible values are:
   *
   * `left`
   *
   * Align the content of each cell at its left edge.
   *
   * `center`
   *
   * Center the contents of each cell between their left and right edges.
   *
   * `right`
   *
   * Align the content of each cell at its right edge.
   *
   * `justify`
   *
   * Widen whitespaces within the text of each cell so that the text fills the full width of each cell (full justification).
   *
   * `char`
   *
   * Align each cell in the row on a specific character (such that each row in the column that is configured this way will horizontally align its cells on that character). This uses the [`char`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/tr#attr-char) and [`charoff`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/tr#attr-charoff) to establish the alignment character (typically "." or "," when aligning numerical data) and the number of characters that should follow the alignment character. This alignment type was never widely supported.
   *
   * If no value is expressly set for `align`, the parent node's value is inherited.
   *
   * Instead of using the obsolete `align` attribute, you should instead use the CSS [`text-align`](https://developer.mozilla.org/en-US/docs/Web/CSS/text-align "The text-align CSS property sets the horizontal alignment of an inline or table-cell box. This means it works like vertical-align but in the horizontal direction.") property to establish `left`, `center`, `right`, or `justify` alignment for the row's cells. To apply character-based alignment, set the CSS [`text-align`](https://developer.mozilla.org/en-US/docs/Web/CSS/text-align "The text-align CSS property sets the horizontal alignment of an inline or table-cell box. This means it works like vertical-align but in the horizontal direction.") property to the alignment character (such as `"."` or `","`).
   */
  align?: string;
}

interface Td extends GlobalAttributes {
  /**
   * This attribute contains a short abbreviated description of the cell's content. Some user-agents, such as speech readers, may present this description before the content itself.
   *
   * **Note:** Do not use this attribute as it is obsolete in the latest standard. Alternatively, you can put the abbreviated description inside the cell and place the long content in the **title** attribute.
   */
  abbr?: string;

  /**
   * This enumerated attribute specifies how the cell content's horizontal alignment will be handled. Possible values are:
   *
   * *   `left`: The content is aligned to the left of the cell.
   * *   `center`: The content is centered in the cell.
   * *   `right`: The content is aligned to the right of the cell.
   * *   `justify` (with text only): The content is stretched out inside the cell so that it covers its entire width.
   * *   `char` (with text only): The content is aligned to a character inside the `<th>` element with minimal offset. This character is defined by the [`char`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/td#attr-char) and [`charoff`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/td#attr-charoff) attributes Unimplemented (see [bug 2212](https://bugzilla.mozilla.org/show_bug.cgi?id=2212 "character alignment not implemented (align=char, charoff=, text-align:<string>)")).
   *
   * The default value when this attribute is not specified is `left`.
   *
   * **Note:** Do not use this attribute as it is obsolete in the latest standard.
   *
   * *   To achieve the same effect as the `left`, `center`, `right` or `justify` values, apply the CSS [`text-align`](https://developer.mozilla.org/en-US/docs/Web/CSS/text-align "The text-align CSS property sets the horizontal alignment of an inline or table-cell box. This means it works like vertical-align but in the horizontal direction.") property to the element.
   * *   To achieve the same effect as the `char` value, give the [`text-align`](https://developer.mozilla.org/en-US/docs/Web/CSS/text-align "The text-align CSS property sets the horizontal alignment of an inline or table-cell box. This means it works like vertical-align but in the horizontal direction.") property the same value you would use for the [`char`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/td#attr-char). Unimplemented in CSS3.
   */
  align?: string;

  /**
   * This attribute contains a list of space-separated strings. Each string is the `id` of a group of cells that this header applies to.
   *
   * **Note:** Do not use this attribute as it is obsolete in the latest standard.
   */
  axis?: string;

  /**
   * This attribute defines the background color of each cell in a column. It consists of a 6-digit hexadecimal code as defined in [sRGB](https://www.w3.org/Graphics/Color/sRGB) and is prefixed by '#'. This attribute may be used with one of sixteen predefined color strings:
   *
   * `black` = "#000000"
   *
   * `green` = "#008000"
   *
   * `silver` = "#C0C0C0"
   *
   * `lime` = "#00FF00"
   *
   * `gray` = "#808080"
   *
   * `olive` = "#808000"
   *
   * `white` = "#FFFFFF"
   *
   * `yellow` = "#FFFF00"
   *
   * `maroon` = "#800000"
   *
   * `navy` = "#000080"
   *
   * `red` = "#FF0000"
   *
   * `blue` = "#0000FF"
   *
   * `purple` = "#800080"
   *
   * `teal` = "#008080"
   *
   * `fuchsia` = "#FF00FF"
   *
   * `aqua` = "#00FFFF"
   *
   * **Note:** Do not use this attribute, as it is non-standard and only implemented in some versions of Microsoft Internet Explorer: The [`<td>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/td "The HTML <td> element defines a cell of a table that contains data. It participates in the table model.") element should be styled using [CSS](https://developer.mozilla.org/en-US/docs/CSS). To create a similar effect use the [`background-color`](https://developer.mozilla.org/en-US/docs/Web/CSS/background-color "The background-color CSS property sets the background color of an element.") property in [CSS](https://developer.mozilla.org/en-US/docs/CSS) instead.
   */
  bgcolor?: string;

  colspan?: number | string;

  headers?: string;

  rowspan?: number | string;
}

interface Th extends GlobalAttributes {
  /**
   * This attribute contains a short abbreviated description of the cell's content. Some user-agents, such as speech readers, may present this description before the content itself.
   */
  abbr?: string;

  /**
   * This enumerated attribute specifies how the cell content's horizontal alignment will be handled. Possible values are:
   *
   * *   `left`: The content is aligned to the left of the cell.
   * *   `center`: The content is centered in the cell.
   * *   `right`: The content is aligned to the right of the cell.
   * *   `justify` (with text only): The content is stretched out inside the cell so that it covers its entire width.
   * *   `char` (with text only): The content is aligned to a character inside the `<th>` element with minimal offset. This character is defined by the [`char`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/th#attr-char) and [`charoff`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/th#attr-charoff) attributes.
   *
   * The default value when this attribute is not specified is `left`.
   *
   * **Note:** Do not use this attribute as it is obsolete in the latest standard.
   *
   * *   To achieve the same effect as the `left`, `center`, `right` or `justify` values, apply the CSS [`text-align`](https://developer.mozilla.org/en-US/docs/Web/CSS/text-align "The text-align CSS property sets the horizontal alignment of an inline or table-cell box. This means it works like vertical-align but in the horizontal direction.") property to the element.
   * *   To achieve the same effect as the `char` value, give the [`text-align`](https://developer.mozilla.org/en-US/docs/Web/CSS/text-align "The text-align CSS property sets the horizontal alignment of an inline or table-cell box. This means it works like vertical-align but in the horizontal direction.") property the same value you would use for the [`char`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/th#attr-char). Unimplemented in CSS3.
   */
  align?: string;

  /**
   * This attribute contains a list of space-separated strings. Each string is the `id` of a group of cells that this header applies to.
   *
   * **Note:** Do not use this attribute as it is obsolete in the latest standard: use the [`scope`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/th#attr-scope) attribute instead.
   */
  axis?: string;

  /**
   * This attribute defines the background color of each cell in a column. It consists of a 6-digit hexadecimal code as defined in [sRGB](https://www.w3.org/Graphics/Color/sRGB) and is prefixed by '#'. This attribute may be used with one of sixteen predefined color strings:
   *
   * `black` = "#000000"
   *
   * `green` = "#008000"
   *
   * `silver` = "#C0C0C0"
   *
   * `lime` = "#00FF00"
   *
   * `gray` = "#808080"
   *
   * `olive` = "#808000"
   *
   * `white` = "#FFFFFF"
   *
   * `yellow` = "#FFFF00"
   *
   * `maroon` = "#800000"
   *
   * `navy` = "#000080"
   *
   * `red` = "#FF0000"
   *
   * `blue` = "#0000FF"
   *
   * `purple` = "#800080"
   *
   * `teal` = "#008080"
   *
   * `fuchsia` = "#FF00FF"
   *
   * `aqua` = "#00FFFF"
   *
   * **Note:** Do not use this attribute, as it is non-standard and only implemented in some versions of Microsoft Internet Explorer: The [`<th>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/th "The HTML <th> element defines a cell as header of a group of table cells. The exact nature of this group is defined by the scope and headers attributes.") element should be styled using [CSS](https://developer.mozilla.org/en-US/docs/Web/CSS). To create a similar effect use the [`background-color`](https://developer.mozilla.org/en-US/docs/Web/CSS/background-color "The background-color CSS property sets the background color of an element.") property in [CSS](https://developer.mozilla.org/en-US/docs/Web/CSS) instead.
   */
  bgcolor?: string;

  colspan?: number | string;

  headers?: string;

  rowspan?: number | string;

  scope?: "row" | "col" | "rowgroup" | "colgroup";

  sorted?: string;
}

interface Form extends GlobalAttributes {
  /**
   * A comma-separated list of content types that the server accepts.
   *
   * **Usage note:** This attribute has been removed in HTML5 and should no longer be used. Instead, use the [`accept`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-accept) attribute of the specific [`<input>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input "The HTML <input> element is used to create interactive controls for web-based forms in order to accept data from the user; a wide variety of types of input data and control widgets are available, depending on the device and user agent.") element.
   */
  accept?: string;

  /**
   * A space- or comma-delimited list of character encodings that the server accepts. The browser uses them in the order in which they are listed. The default value, the reserved string `"UNKNOWN"`, indicates the same encoding as that of the document containing the form element.
   * In previous versions of HTML, the different character encodings could be delimited by spaces or commas. In HTML5, only spaces are allowed as delimiters.
   */
  "accept-charset"?: string;

  /**
   * The URI of a program that processes the form information. This value can be overridden by a [`formaction`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-formaction) attribute on a [`<button>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button "The HTML <button> element represents a clickable button, which can be used in forms or anywhere in a document that needs simple, standard button functionality.") or [`<input>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input "The HTML <input> element is used to create interactive controls for web-based forms in order to accept data from the user; a wide variety of types of input data and control widgets are available, depending on the device and user agent.") element.
   */
  action?: string;

  /**
   * Indicates whether input elements can by default have their values automatically completed by the browser. This setting can be overridden by an `autocomplete` attribute on an element belonging to the form. Possible values are:
   *
   * *   `off`: The user must explicitly enter a value into each field for every use, or the document provides its own auto-completion method; the browser does not automatically complete entries.
   * *   `on`: The browser can automatically complete values based on values that the user has previously entered in the form.
   *
   * For most modern browsers (including Firefox 38+, Google Chrome 34+, IE 11+) setting the autocomplete attribute will not prevent a browser's password manager from asking the user if they want to store login fields (username and password), if the user permits the storage the browser will autofill the login the next time the user visits the page. See [The autocomplete attribute and login fields](https://developer.mozilla.org/en-US/docs/Web/Security/Securing_your_site/Turning_off_form_autocompletion#The_autocomplete_attribute_and_login_fields).
   * **Note:** If you set `autocomplete` to `off` in a form because the document provides its own auto-completion, then you should also set `autocomplete` to `off` for each of the form's `input` elements that the document can auto-complete. For details, see the note regarding Google Chrome in the [Browser Compatibility chart](#compatChart).
   */
  autocomplete?: "on" | "off";

  /**
   * When the value of the `method` attribute is `post`, enctype is the [MIME type](https://en.wikipedia.org/wiki/Mime_type) of content that is used to submit the form to the server. Possible values are:
   *
   * *   `application/x-www-form-urlencoded`: The default value if the attribute is not specified.
   * *   `multipart/form-data`: The value used for an [`<input>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input "The HTML <input> element is used to create interactive controls for web-based forms in order to accept data from the user; a wide variety of types of input data and control widgets are available, depending on the device and user agent.") element with the `type` attribute set to "file".
   * *   `text/plain`: (HTML5)
   *
   * This value can be overridden by a [`formenctype`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-formenctype) attribute on a [`<button>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button "The HTML <button> element represents a clickable button, which can be used in forms or anywhere in a document that needs simple, standard button functionality.") or [`<input>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input "The HTML <input> element is used to create interactive controls for web-based forms in order to accept data from the user; a wide variety of types of input data and control widgets are available, depending on the device and user agent.") element.
   */
  enctype?:
    | "application/x-www-form-urlencoded"
    | "multipart/form-data"
    | "text/plain";

  /**
   * The [HTTP](https://developer.mozilla.org/en-US/docs/Web/HTTP) method that the browser uses to submit the form. Possible values are:
   *
   * *   `post`: Corresponds to the HTTP [POST method](https://www.w3.org/Protocols/rfc2616/rfc2616-sec9.html#sec9.5) ; form data are included in the body of the form and sent to the server.
   * *   `get`: Corresponds to the HTTP [GET method](https://www.w3.org/Protocols/rfc2616/rfc2616-sec9.html#sec9.3); form data are appended to the `action` attribute URI with a '?' as separator, and the resulting URI is sent to the server. Use this method when the form has no side-effects and contains only ASCII characters.
   * *   `dialog`: Use when the form is inside a [`<dialog>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dialog "The HTML <dialog> element represents a dialog box or other interactive component, such as an inspector or window.") element to close the dialog when submitted.
   *
   * This value can be overridden by a [`formmethod`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-formmethod) attribute on a [`<button>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button "The HTML <button> element represents a clickable button, which can be used in forms or anywhere in a document that needs simple, standard button functionality.") or [`<input>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input "The HTML <input> element is used to create interactive controls for web-based forms in order to accept data from the user; a wide variety of types of input data and control widgets are available, depending on the device and user agent.") element.
   */
  method?: "get" | "post" | "dialog";

  /**
   * The name of the form. In HTML 4, its use is deprecated (`id` should be used instead). It must be unique among the forms in a document and not just an empty string in HTML 5.
   */
  name?: string;

  /**
   * This Boolean attribute indicates that the form is not to be validated when submitted. If this attribute is not specified (and therefore the form is validated), this default setting can be overridden by a [`formnovalidate`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-formnovalidate) attribute on a [`<button>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button "The HTML <button> element represents a clickable button, which can be used in forms or anywhere in a document that needs simple, standard button functionality.") or [`<input>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input "The HTML <input> element is used to create interactive controls for web-based forms in order to accept data from the user; a wide variety of types of input data and control widgets are available, depending on the device and user agent.") element belonging to the form.
   */
  novalidate?: boolean;

  /**
   * A name or keyword indicating where to display the response that is received after submitting the form. In HTML 4, this is the name/keyword for a frame. In HTML5, it is a name/keyword for a _browsing context_ (for example, tab, window, or inline frame). The following keywords have special meanings:
   *
   * *   `_self`: Load the response into the same HTML 4 frame (or HTML5 browsing context) as the current one. This value is the default if the attribute is not specified.
   * *   `_blank`: Load the response into a new unnamed HTML 4 window or HTML5 browsing context.
   * *   `_parent`: Load the response into the HTML 4 frameset parent of the current frame, or HTML5 parent browsing context of the current one. If there is no parent, this option behaves the same way as `_self`.
   * *   `_top`: HTML 4: Load the response into the full original window, and cancel all other frames. HTML5: Load the response into the top-level browsing context (i.e., the browsing context that is an ancestor of the current one, and has no parent). If there is no parent, this option behaves the same way as `_self`.
   * *   _iframename_: The response is displayed in a named [`<iframe>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/iframe "The HTML Inline Frame element (<iframe>) represents a nested browsing context, embedding another HTML page into the current one.").
   *
   * HTML5: This value can be overridden by a [`formtarget`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-formtarget) attribute on a [`<button>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button "The HTML <button> element represents a clickable button, which can be used in forms or anywhere in a document that needs simple, standard button functionality.") or [`<input>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input "The HTML <input> element is used to create interactive controls for web-based forms in order to accept data from the user; a wide variety of types of input data and control widgets are available, depending on the device and user agent.") element.
   */
  target?: "_self" | "_blank" | "_parent" | "_top";
}

interface Label extends GlobalAttributes {
  /**
   * The [`id`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes#attr-id) of a [labelable](https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Content_categories#Form_labelable) form-related element in the same document as the `<label>` element. The first element in the document with an `id` matching the value of the `for` attribute is the _labeled control_ for this label element, if it is a labelable element. If it is not labelable then the `for` attribute has no effect. If there are other elements which also match the `id` value, later in the document, they are not considered.
   *
   * **Note**: A `<label>` element can have both a `for` attribute and a contained control element, as long as the `for` attribute points to the contained control element.
   */
  for?: string;

  /**
   * The [`<form>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/form "The HTML <form> element represents a document section that contains interactive controls for submitting information to a web server.") element with which the label is associated (its _form owner_). If specified, the value of the attribute is the `id` of a [`<form>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/form "The HTML <form> element represents a document section that contains interactive controls for submitting information to a web server.") element in the same document. This lets you place label elements anywhere within a document, not just as descendants of their form elements.
   */
  form?: string;
}

interface Input extends GlobalAttributes {
  accept?: string;

  alt?: string;

  autocomplete?:
    | "additional-name"
    | "address-level1"
    | "address-level2"
    | "address-level3"
    | "address-level4"
    | "address-line1"
    | "address-line2"
    | "address-line3"
    | "bday"
    | "bday-year"
    | "bday-day"
    | "bday-month"
    | "billing"
    | "cc-additional-name"
    | "cc-csc"
    | "cc-exp"
    | "cc-exp-month"
    | "cc-exp-year"
    | "cc-family-name"
    | "cc-given-name"
    | "cc-name"
    | "cc-number"
    | "cc-type"
    | "country"
    | "country-name"
    | "current-password"
    | "email"
    | "family-name"
    | "fax"
    | "given-name"
    | "home"
    | "honorific-prefix"
    | "honorific-suffix"
    | "impp"
    | "language"
    | "mobile"
    | "name"
    | "new-password"
    | "nickname"
    | "off"
    | "on"
    | "organization"
    | "organization-title"
    | "pager"
    | "photo"
    | "postal-code"
    | "sex"
    | "shipping"
    | "street-address"
    | "tel-area-code"
    | "tel"
    | "tel-country-code"
    | "tel-extension"
    | "tel-local"
    | "tel-local-prefix"
    | "tel-local-suffix"
    | "tel-national"
    | "transaction-amount"
    | "transaction-currency"
    | "url"
    | "username"
    | "work";

  checked?: boolean;

  dirname?: string;

  disabled?: boolean;

  form?: string;

  formaction?: string;

  formenctype?:
    | "application/x-www-form-urlencoded"
    | "multipart/form-data"
    | "text/plain";

  formmethod?: "get" | "post";

  formnovalidate?: boolean;

  formtarget?: string;

  height?: number | string;

  list?: string;

  max?: number | string;

  maxlength?: number | string;

  min?: number | string;

  minlength?: number | string;

  multiple?: boolean;

  name?: string;

  pattern?: string;

  placeholder?: number | string;

  popovertarget?: string;

  popovertargetaction?: string;

  readonly?: boolean;

  required?: boolean;

  size?: number | string;

  src?: string;

  step?: number | string;

  type?:
    | "hidden"
    | "text"
    | "search"
    | "tel"
    | "url"
    | "email"
    | "password"
    | "datetime"
    | "date"
    | "month"
    | "week"
    | "time"
    | "datetime-local"
    | "number"
    | "range"
    | "color"
    | "checkbox"
    | "radio"
    | "file"
    | "submit"
    | "image"
    | "reset"
    | "button";

  value?: number | string;

  width?: number | string;
}

interface Button extends GlobalAttributes {
  /**
   * The use of this attribute on a [`<button>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button "The HTML <button> element represents a clickable button, which can be used in forms or anywhere in a document that needs simple, standard button functionality.") is nonstandard and Firefox-specific. By default, unlike other browsers, [Firefox persists the dynamic disabled state](https://stackoverflow.com/questions/5985839/bug-with-firefox-disabled-attribute-of-input-not-resetting-when-refreshing) of a [`<button>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button "The HTML <button> element represents a clickable button, which can be used in forms or anywhere in a document that needs simple, standard button functionality.") across page loads. Setting the value of this attribute to `off` (i.e. `autocomplete="off"`) disables this feature. See [bug 654072](https://bugzilla.mozilla.org/show_bug.cgi?id=654072 "if disabled state is changed with javascript, the normal state doesn't return after refreshing the page").
   */
  autocomplete?: string;

  /**
   * This Boolean attribute indicates that the user cannot interact with the button. If this attribute is not specified, the button inherits its setting from the containing element, for example [`<fieldset>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/fieldset "The HTML <fieldset> element is used to group several controls as well as labels (<label>) within a web form."); if there is no containing element with the **disabled** attribute set, then the button is enabled.
   *
   * Firefox will, unlike other browsers, by default, [persist the dynamic disabled state](https://stackoverflow.com/questions/5985839/bug-with-firefox-disabled-attribute-of-input-not-resetting-when-refreshing) of a [`<button>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button "The HTML <button> element represents a clickable button, which can be used in forms or anywhere in a document that needs simple, standard button functionality.") across page loads. Use the [`autocomplete`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-autocomplete) attribute to control this feature.
   */
  disabled?: boolean;

  /**
   * The form element that the button is associated with (its _form owner_). The value of the attribute must be the **id** attribute of a [`<form>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/form "The HTML <form> element represents a document section that contains interactive controls for submitting information to a web server.") element in the same document. If this attribute is not specified, the `<button>` element will be associated to an ancestor [`<form>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/form "The HTML <form> element represents a document section that contains interactive controls for submitting information to a web server.") element, if one exists. This attribute enables you to associate `<button>` elements to [`<form>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/form "The HTML <form> element represents a document section that contains interactive controls for submitting information to a web server.") elements anywhere within a document, not just as descendants of [`<form>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/form "The HTML <form> element represents a document section that contains interactive controls for submitting information to a web server.") elements.
   */
  form?: string;

  /**
   * The URI of a program that processes the information submitted by the button. If specified, it overrides the [`action`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/form#attr-action) attribute of the button's form owner.
   */
  formaction?: string;

  /**
   * If the button is a submit button, this attribute specifies the type of content that is used to submit the form to the server. Possible values are:
   *
   * *   `application/x-www-form-urlencoded`: The default value if the attribute is not specified.
   * *   `multipart/form-data`: Use this value if you are using an [`<input>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input "The HTML <input> element is used to create interactive controls for web-based forms in order to accept data from the user; a wide variety of types of input data and control widgets are available, depending on the device and user agent.") element with the [`type`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-type) attribute set to `file`.
   * *   `text/plain`
   *
   * If this attribute is specified, it overrides the [`enctype`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/form#attr-enctype) attribute of the button's form owner.
   */
  formenctype?:
    | "application/x-www-form-urlencoded"
    | "multipart/form-data"
    | "text/plain";

  /**
   * If the button is a submit button, this attribute specifies the HTTP method that the browser uses to submit the form. Possible values are:
   *
   * *   `post`: The data from the form are included in the body of the form and sent to the server.
   * *   `get`: The data from the form are appended to the **form** attribute URI, with a '?' as a separator, and the resulting URI is sent to the server. Use this method when the form has no side-effects and contains only ASCII characters.
   *
   * If specified, this attribute overrides the [`method`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/form#attr-method) attribute of the button's form owner.
   */
  formmethod?: "get" | "post";

  /**
   * If the button is a submit button, this Boolean attribute specifies that the form is not to be validated when it is submitted. If this attribute is specified, it overrides the [`novalidate`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/form#attr-novalidate) attribute of the button's form owner.
   */
  formnovalidate?: boolean;

  /**
   * If the button is a submit button, this attribute is a name or keyword indicating where to display the response that is received after submitting the form. This is a name of, or keyword for, a _browsing context_ (for example, tab, window, or inline frame). If this attribute is specified, it overrides the [`target`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/form#attr-target) attribute of the button's form owner. The following keywords have special meanings:
   *
   * *   `_self`: Load the response into the same browsing context as the current one. This value is the default if the attribute is not specified.
   * *   `_blank`: Load the response into a new unnamed browsing context.
   * *   `_parent`: Load the response into the parent browsing context of the current one. If there is no parent, this option behaves the same way as `_self`.
   * *   `_top`: Load the response into the top-level browsing context (that is, the browsing context that is an ancestor of the current one, and has no parent). If there is no parent, this option behaves the same way as `_self`.
   */
  formtarget?: string;

  /**
   * The name of the button, which is submitted with the form data.
   */
  name?: string;

  /**
   * Turns the button into a popover control button; takes the ID of the popover element to control as its value.
   */
  popovertarget?: string;

  /**
   * Specifies the action to be performed on a popover element being controlled by the button.
   */
  popovertargetaction?: string;

  /**
   * The type of the button. Possible values are:
   *
   * *   `submit`: The button submits the form data to the server. This is the default if the attribute is not specified, or if the attribute is dynamically changed to an empty or invalid value.
   * *   `reset`: The button resets all the controls to their initial values.
   * *   `button`: The button has no default behavior. It can have client-side scripts associated with the element's events, which are triggered when the events occur.
   */
  type?: "button" | "submit" | "reset";

  /**
   * The initial value of the button. It defines the value associated with the button which is submitted with the form data. This value is passed to the server in params when the form is submitted.
   */
  value?: number | string;
}

interface Select extends GlobalAttributes {
  /**
   * A [`DOMString`](https://developer.mozilla.org/en-US/docs/Web/API/DOMString "DOMString is a UTF-16 String. As JavaScript already uses such strings, DOMString is mapped directly to a String.") providing a hint for a [user agent's](https://developer.mozilla.org/en-US/docs/Glossary/user_agent "user agent's: A user agent is a computer program representing a person, for example, a browser in a Web context.") autocomplete feature. See [The HTML autocomplete attribute](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) for a complete list of values and details on how to use autocomplete.
   */
  autocomplete?:
    | "additional-name"
    | "address-level1"
    | "address-level2"
    | "address-level3"
    | "address-level4"
    | "address-line1"
    | "address-line2"
    | "address-line3"
    | "bday"
    | "bday-year"
    | "bday-day"
    | "bday-month"
    | "billing"
    | "cc-additional-name"
    | "cc-csc"
    | "cc-exp"
    | "cc-exp-month"
    | "cc-exp-year"
    | "cc-family-name"
    | "cc-given-name"
    | "cc-name"
    | "cc-number"
    | "cc-type"
    | "country"
    | "country-name"
    | "current-password"
    | "email"
    | "family-name"
    | "fax"
    | "given-name"
    | "home"
    | "honorific-prefix"
    | "honorific-suffix"
    | "impp"
    | "language"
    | "mobile"
    | "name"
    | "new-password"
    | "nickname"
    | "off"
    | "on"
    | "organization"
    | "organization-title"
    | "pager"
    | "photo"
    | "postal-code"
    | "sex"
    | "shipping"
    | "street-address"
    | "tel-area-code"
    | "tel"
    | "tel-country-code"
    | "tel-extension"
    | "tel-local"
    | "tel-local-prefix"
    | "tel-local-suffix"
    | "tel-national"
    | "transaction-amount"
    | "transaction-currency"
    | "url"
    | "username"
    | "work";

  /**
   * This Boolean attribute indicates that the user cannot interact with the control. If this attribute is not specified, the control inherits its setting from the containing element, for example `fieldset`; if there is no containing element with the `disabled` attribute set, then the control is enabled.
   */
  disabled?: boolean;

  /**
   * This attribute lets you specify the form element to which the select element is associated (that is, its "form owner"). If this attribute is specified, its value must be the same as the `id` of a form element in the same document. This enables you to place select elements anywhere within a document, not just as descendants of their form elements.
   */
  form?: string;

  /**
   * This Boolean attribute indicates that multiple options can be selected in the list. If it is not specified, then only one option can be selected at a time. When `multiple` is specified, most browsers will show a scrolling list box instead of a single line dropdown.
   */
  multiple?: boolean;

  /**
   * This attribute is used to specify the name of the control.
   */
  name?: string;

  /**
   * A Boolean attribute indicating that an option with a non-empty string value must be selected.
   */
  required?: boolean;

  /**
   * If the control is presented as a scrolling list box (e.g. when `multiple` is specified), this attribute represents the number of rows in the list that should be visible at one time. Browsers are not required to present a select element as a scrolled list box. The default value is 0.
   *
   * **Note:** According to the HTML5 specification, the default value for size should be 1; however, in practice, this has been found to break some web sites, and no other browser currently does that, so Mozilla has opted to continue to return 0 for the time being with Firefox.
   */
  size?: number | string;
}

interface Optgroup extends GlobalAttributes {
  /**
   * If this Boolean attribute is set, none of the items in this option group is selectable. Often browsers grey out such control and it won't receive any browsing events, like mouse clicks or focus-related ones.
   */
  disabled?: boolean;

  /**
   * The name of the group of options, which the browser can use when labeling the options in the user interface. This attribute is mandatory if this element is used.
   */
  label?: number | string;
}

interface Option extends GlobalAttributes {
  /**
   * If this Boolean attribute is set, this option is not checkable. Often browsers grey out such control and it won't receive any browsing event, like mouse clicks or focus-related ones. If this attribute is not set, the element can still be disabled if one of its ancestors is a disabled [`<optgroup>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/optgroup "The HTML <optgroup> element creates a grouping of options within a <select> element.") element.
   */
  disabled?: boolean;

  /**
   * This attribute is text for the label indicating the meaning of the option. If the `label` attribute isn't defined, its value is that of the element text content.
   */
  label?: number | string;

  /**
   * If present, this Boolean attribute indicates that the option is initially selected. If the `<option>` element is the descendant of a [`<select>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/select "The HTML <select> element represents a control that provides a menu of options") element whose [`multiple`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/select#attr-multiple) attribute is not set, only one single `<option>` of this [`<select>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/select "The HTML <select> element represents a control that provides a menu of options") element may have the `selected` attribute.
   */
  selected?: boolean;

  /**
   * The content of this attribute represents the value to be submitted with the form, should this option be selected. If this attribute is omitted, the value is taken from the text content of the option element.
   */
  value?: number | string;
}

interface Textarea extends GlobalAttributes {
  /**
   * This attribute indicates whether the value of the control can be automatically completed by the browser. Possible values are:
   *
   * *   `off`: The user must explicitly enter a value into this field for every use, or the document provides its own auto-completion method; the browser does not automatically complete the entry.
   * *   `on`: The browser can automatically complete the value based on values that the user has entered during previous uses.
   *
   * If the `autocomplete` attribute is not specified on a `<textarea>` element, then the browser uses the `autocomplete` attribute value of the `<textarea>` element's form owner. The form owner is either the [`<form>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/form "The HTML <form> element represents a document section that contains interactive controls for submitting information to a web server.") element that this `<textarea>` element is a descendant of or the form element whose `id` is specified by the `form` attribute of the input element. For more information, see the [`autocomplete`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/form#attr-autocomplete) attribute in [`<form>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/form "The HTML <form> element represents a document section that contains interactive controls for submitting information to a web server.").
   */
  autocomplete?:
    | "additional-name"
    | "address-level1"
    | "address-level2"
    | "address-level3"
    | "address-level4"
    | "address-line1"
    | "address-line2"
    | "address-line3"
    | "bday"
    | "bday-year"
    | "bday-day"
    | "bday-month"
    | "billing"
    | "cc-additional-name"
    | "cc-csc"
    | "cc-exp"
    | "cc-exp-month"
    | "cc-exp-year"
    | "cc-family-name"
    | "cc-given-name"
    | "cc-name"
    | "cc-number"
    | "cc-type"
    | "country"
    | "country-name"
    | "current-password"
    | "email"
    | "family-name"
    | "fax"
    | "given-name"
    | "home"
    | "honorific-prefix"
    | "honorific-suffix"
    | "impp"
    | "language"
    | "mobile"
    | "name"
    | "new-password"
    | "nickname"
    | "off"
    | "on"
    | "organization"
    | "organization-title"
    | "pager"
    | "photo"
    | "postal-code"
    | "sex"
    | "shipping"
    | "street-address"
    | "tel-area-code"
    | "tel"
    | "tel-country-code"
    | "tel-extension"
    | "tel-local"
    | "tel-local-prefix"
    | "tel-local-suffix"
    | "tel-national"
    | "transaction-amount"
    | "transaction-currency"
    | "url"
    | "username"
    | "work";

  /**
   * The visible width of the text control, in average character widths. If it is specified, it must be a positive integer. If it is not specified, the default value is `20`.
   */
  cols?: number | string;

  dirname?: string;

  /**
   * This Boolean attribute indicates that the user cannot interact with the control. If this attribute is not specified, the control inherits its setting from the containing element, for example [`<fieldset>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/fieldset "The HTML <fieldset> element is used to group several controls as well as labels (<label>) within a web form."); if there is no containing element when the `disabled` attribute is set, the control is enabled.
   */
  disabled?: boolean;

  /**
   * The form element that the `<textarea>` element is associated with (its "form owner"). The value of the attribute must be the `id` of a form element in the same document. If this attribute is not specified, the `<textarea>` element must be a descendant of a form element. This attribute enables you to place `<textarea>` elements anywhere within a document, not just as descendants of form elements.
   */
  form?: string;

  /**
   * The maximum number of characters (unicode code points) that the user can enter. If this value isn't specified, the user can enter an unlimited number of characters.
   */
  maxlength?: number | string;

  /**
   * The minimum number of characters (unicode code points) required that the user should enter.
   */
  minlength?: number | string;

  /**
   * The name of the control.
   */
  name?: string;

  /**
   * A hint to the user of what can be entered in the control. Carriage returns or line-feeds within the placeholder text must be treated as line breaks when rendering the hint.
   *
   * **Note:** Placeholders should only be used to show an example of the type of data that should be entered into a form; they are _not_ a substitute for a proper [`<label>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/label "The HTML <label> element represents a caption for an item in a user interface.") element tied to the input. See [Labels and placeholders](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Labels_and_placeholders "The HTML <input> element is used to create interactive controls for web-based forms in order to accept data from the user; a wide variety of types of input data and control widgets are available, depending on the device and user agent.") in [<input>: The Input (Form Input) element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input "The HTML <input> element is used to create interactive controls for web-based forms in order to accept data from the user; a wide variety of types of input data and control widgets are available, depending on the device and user agent.") for a full explanation.
   */
  placeholder?: number | string;

  /**
   * This Boolean attribute indicates that the user cannot modify the value of the control. Unlike the `disabled` attribute, the `readonly` attribute does not prevent the user from clicking or selecting in the control. The value of a read-only control is still submitted with the form.
   */
  readonly?: boolean;

  /**
   * This attribute specifies that the user must fill in a value before submitting a form.
   */
  required?: boolean;

  /**
   * The number of visible text lines for the control.
   */
  rows?: number | string;

  /**
   * Indicates how the control wraps text. Possible values are:
   *
   * *   `hard`: The browser automatically inserts line breaks (CR+LF) so that each line has no more than the width of the control; the `cols` attribute must also be specified for this to take effect.
   * *   `soft`: The browser ensures that all line breaks in the value consist of a CR+LF pair, but does not insert any additional line breaks.
   * *   `off` : Like `soft` but changes appearance to `white-space: pre` so line segments exceeding `cols` are not wrapped and the `<textarea>` becomes horizontally scrollable.
   *
   * If this attribute is not specified, `soft` is its default value.
   */
  wrap?: "soft" | "hard";
}

interface Output extends GlobalAttributes {
  /**
   * A space-separated list of other elements’ [`id`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id)s, indicating that those elements contributed input values to (or otherwise affected) the calculation.
   */
  for?: string;

  /**
   * The [form element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/form) that this element is associated with (its "form owner"). The value of the attribute must be an `id` of a form element in the same document. If this attribute is not specified, the output element must be a descendant of a form element. This attribute enables you to place output elements anywhere within a document, not just as descendants of their form elements.
   */
  form?: string;

  /**
   * The name of the element, exposed in the [`HTMLFormElement`](https://developer.mozilla.org/en-US/docs/Web/API/HTMLFormElement "The HTMLFormElement interface represents a <form> element in the DOM; it allows access to and in some cases modification of aspects of the form, as well as access to its component elements.") API.
   */
  name?: string;
}

interface Progress extends GlobalAttributes {
  /**
   * This attribute describes how much work the task indicated by the `progress` element requires. The `max` attribute, if present, must have a value greater than zero and be a valid floating point number. The default value is 1.
   */
  max?: number | string;

  /**
   * This attribute specifies how much of the task that has been completed. It must be a valid floating point number between 0 and `max`, or between 0 and 1 if `max` is omitted. If there is no `value` attribute, the progress bar is indeterminate; this indicates that an activity is ongoing with no indication of how long it is expected to take.
   */
  value?: number | string;
}

interface Meter extends GlobalAttributes {
  /**
   * This attribute associates the element with a `form` element that has ownership of the `meter` element. For example, a `meter` might be displaying a range corresponding to an `input` element of `type` _number_. This attribute is only used if the `meter` element is being used as a form-associated element; even then, it may be omitted if the element appears as a descendant of a `form` element.
   */
  form?: string;

  /**
   * The lower numeric bound of the high end of the measured range. This must be less than the maximum value (`max` attribute), and it also must be greater than the low value and minimum value (`low` attribute and **min** attribute, respectively), if any are specified. If unspecified, or if greater than the maximum value, the `high` value is equal to the maximum value.
   */
  high?: number | string;

  /**
   * The upper numeric bound of the low end of the measured range. This must be greater than the minimum value (`min` attribute), and it also must be less than the high value and maximum value (`high` attribute and `max` attribute, respectively), if any are specified. If unspecified, or if less than the minimum value, the `low` value is equal to the minimum value.
   */
  low?: number | string;

  /**
   * The upper numeric bound of the measured range. This must be greater than the minimum value (`min` attribute), if specified. If unspecified, the maximum value is 1.
   */
  max?: number | string;

  /**
   * The lower numeric bound of the measured range. This must be less than the maximum value (`max` attribute), if specified. If unspecified, the minimum value is 0.
   */
  min?: number | string;

  /**
   * This attribute indicates the optimal numeric value. It must be within the range (as defined by the `min` attribute and `max` attribute). When used with the `low` attribute and `high` attribute, it gives an indication where along the range is considered preferable. For example, if it is between the `min` attribute and the `low` attribute, then the lower range is considered preferred.
   */
  optimum?: number | string;

  /**
   * The current numeric value. This must be between the minimum and maximum values (`min` attribute and `max` attribute) if they are specified. If unspecified or malformed, the value is 0. If specified, but not within the range given by the `min` attribute and `max` attribute, the value is equal to the nearest end of the range.
   *
   * **Usage note:** Unless the `value` attribute is between `0` and `1` (inclusive), the `min` and `max` attributes should define the range so that the `value` attribute's value is within it.
   */
  value?: number | string;
}

interface Fieldset extends GlobalAttributes {
  /**
   * If this Boolean attribute is set, all form controls that are descendants of the `<fieldset>`, are disabled, meaning they are not editable and won't be submitted along with the `<form>`. They won't receive any browsing events, like mouse clicks or focus-related events. By default browsers display such controls grayed out. Note that form elements inside the [`<legend>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/legend "The HTML <legend> element represents a caption for the content of its parent <fieldset>.") element won't be disabled.
   */
  disabled?: boolean;

  /**
   * This attribute takes the value of the `id` attribute of a [`<form>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/form "The HTML <form> element represents a document section that contains interactive controls for submitting information to a web server.") element you want the `<fieldset>` to be part of, even if it is not inside the form.
   */
  form?: string;

  /**
   * The name associated with the group.
   *
   * **Note**: The caption for the fieldset is given by the first [`<legend>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/legend "The HTML <legend> element represents a caption for the content of its parent <fieldset>.") element nested inside it.
   */
  name?: string;
}

interface Details extends GlobalAttributes {
  /**
   * This attribute enables multiple `<details>` elements to be connected, with only one open at a time. This allows developers to easily create UI features such as accordions without scripting.
   *
   * The `name` attribute specifies a group name — give multiple `<details>` elements the same `name` value to group them. Only one of the grouped `<details>` elements can be open at a time — opening one will cause another to close. If multiple grouped `<details>` elements are given the `open` attribute, only the first one in the source order will be rendered open.
   *
   * **Note**: `<details>` elements don't have to be adjacent to one another in the source to be part of the same group.
   */
  name?: string;

  /**
   * This Boolean attribute indicates whether or not the details — that is, the contents of the `<details>` element — are currently visible. The default, `false`, means the details are not visible.
   */
  open?: boolean;
}

interface Dialog extends GlobalAttributes {
  /**
   * Indicates that the dialog is active and available for interaction. When the `open` attribute is not set, the dialog shouldn't be shown to the user.
   */
  open?: string;
}

interface Script extends GlobalAttributes {
  /**
   * This is a Boolean attribute indicating that the browser should, if possible, load the script asynchronously.
   *
   * This attribute must not be used if the `src` attribute is absent (i.e. for inline scripts). If it is included in this case it will have no effect.
   *
   * Browsers usually assume the worst case scenario and load scripts synchronously, (i.e. `async="false"`) during HTML parsing.
   *
   * Dynamically inserted scripts (using [`document.createElement()`](https://developer.mozilla.org/en-US/docs/Web/API/Document/createElement "In an HTML document, the document.createElement() method creates the HTML element specified by tagName, or an HTMLUnknownElement if tagName isn't recognized.")) load asynchronously by default, so to turn on synchronous loading (i.e. scripts load in the order they were inserted) set `async="false"`.
   *
   * See [Browser compatibility](#Browser_compatibility) for notes on browser support. See also [Async scripts for asm.js](https://developer.mozilla.org/en-US/docs/Games/Techniques/Async_scripts).
   */
  async?: boolean;

  charset?: string;

  /**
   * Normal `script` elements pass minimal information to the [`window.onerror`](https://developer.mozilla.org/en-US/docs/Web/API/GlobalEventHandlers/onerror "The onerror property of the GlobalEventHandlers mixin is an EventHandler that processes error events.") for scripts which do not pass the standard [CORS](https://developer.mozilla.org/en-US/docs/Glossary/CORS "CORS: CORS (Cross-Origin Resource Sharing) is a system, consisting of transmitting HTTP headers, that determines whether browsers block frontend JavaScript code from accessing responses for cross-origin requests.") checks. To allow error logging for sites which use a separate domain for static media, use this attribute. See [CORS settings attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/CORS_settings_attributes) for a more descriptive explanation of its valid arguments.
   */
  crossorigin?: "anonymous" | "use-credentials";

  /**
   * This Boolean attribute is set to indicate to a browser that the script is meant to be executed after the document has been parsed, but before firing [`DOMContentLoaded`](https://developer.mozilla.org/en-US/docs/Web/Events/DOMContentLoaded "/en-US/docs/Web/Events/DOMContentLoaded").
   *
   * Scripts with the `defer` attribute will prevent the `DOMContentLoaded` event from firing until the script has loaded and finished evaluating.
   *
   * This attribute must not be used if the `src` attribute is absent (i.e. for inline scripts), in this case it would have no effect.
   *
   * To achieve a similar effect for dynamically inserted scripts use `async="false"` instead. Scripts with the `defer` attribute will execute in the order in which they appear in the document.
   */
  defer?: boolean;

  /**
   * This attribute contains inline metadata that a user agent can use to verify that a fetched resource has been delivered free of unexpected manipulation. See [Subresource Integrity](https://developer.mozilla.org/en-US/docs/Web/Security/Subresource_Integrity).
   */
  integrity?: string;

  /**
   * This Boolean attribute is set to indicate that the script should not be executed in browsers that support [ES2015 modules](https://hacks.mozilla.org/2015/08/es6-in-depth-modules/) — in effect, this can be used to serve fallback scripts to older browsers that do not support modular JavaScript code.
   */
  nomodule?: string;

  /**
   * Indicates which [referrer](https://developer.mozilla.org/en-US/docs/Web/API/Document/referrer) to send when fetching the script, or resources fetched by the script:
   *
   * *   `no-referrer`: The [`Referer`](https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Referer "The Referer request header contains the address of the previous web page from which a link to the currently requested page was followed. The Referer header allows servers to identify where people are visiting them from and may use that data for analytics, logging, or optimized caching, for example.") header will not be sent.
   * *   `no-referrer-when-downgrade` (default): The [`Referer`](https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Referer "The Referer request header contains the address of the previous web page from which a link to the currently requested page was followed. The Referer header allows servers to identify where people are visiting them from and may use that data for analytics, logging, or optimized caching, for example.") header will not be sent to [origin](https://developer.mozilla.org/en-US/docs/Glossary/origin "origin: Web content's origin is defined by the scheme (protocol), host (domain), and port of the URL used to access it. Two objects have the same origin only when the scheme, host, and port all match.")s without [TLS](https://developer.mozilla.org/en-US/docs/Glossary/TLS "TLS: Transport Layer Security (TLS), previously known as Secure Sockets Layer (SSL), is a protocol used by applications to communicate securely across a network, preventing tampering with and eavesdropping on email, web browsing, messaging, and other protocols.") ([HTTPS](https://developer.mozilla.org/en-US/docs/Glossary/HTTPS "HTTPS: HTTPS (HTTP Secure) is an encrypted version of the HTTP protocol. It usually uses SSL or TLS to encrypt all communication between a client and a server. This secure connection allows clients to safely exchange sensitive data with a server, for example for banking activities or online shopping.")).
   * *   `origin`: The sent referrer will be limited to the origin of the referring page: its [scheme](https://developer.mozilla.org/en-US/docs/Archive/Mozilla/URIScheme), [host](https://developer.mozilla.org/en-US/docs/Glossary/host "host: A host is a device connected to the Internet (or a local network). Some hosts called servers offer additional services like serving webpages or storing files and emails."), and [port](https://developer.mozilla.org/en-US/docs/Glossary/port "port: For a computer connected to a network with an IP address, a port is a communication endpoint. Ports are designated by numbers, and below 1024 each port is associated by default with a specific protocol.").
   * *   `origin-when-cross-origin`: The referrer sent to other origins will be limited to the scheme, the host, and the port. Navigations on the same origin will still include the path.
   * *   `same-origin`: A referrer will be sent for [same origin](https://developer.mozilla.org/en-US/docs/Glossary/Same-origin_policy "same origin: The same-origin policy is a critical security mechanism that restricts how a document or script loaded from one origin can interact with a resource from another origin."), but cross-origin requests will contain no referrer information.
   * *   `strict-origin`: Only send the origin of the document as the referrer when the protocol security level stays the same (e.g. HTTPS→HTTPS), but don't send it to a less secure destination (e.g. HTTPS→HTTP).
   * *   `strict-origin-when-cross-origin`: Send a full URL when performing a same-origin request, but only send the origin when the protocol security level stays the same (e.g.HTTPS→HTTPS), and send no header to a less secure destination (e.g. HTTPS→HTTP).
   * *   `unsafe-url`: The referrer will include the origin _and_ the path (but not the [fragment](https://developer.mozilla.org/en-US/docs/Web/API/HTMLHyperlinkElementUtils/hash), [password](https://developer.mozilla.org/en-US/docs/Web/API/HTMLHyperlinkElementUtils/password), or [username](https://developer.mozilla.org/en-US/docs/Web/API/HTMLHyperlinkElementUtils/username)). **This value is unsafe**, because it leaks origins and paths from TLS-protected resources to insecure origins.
   *
   * **Note**: An empty string value (`""`) is both the default value, and a fallback value if `referrerpolicy` is not supported. If `referrerpolicy` is not explicitly specified on the `<script>` element, it will adopt a higher-level referrer policy, i.e. one set on the whole document or domain. If a higher-level policy is not available, the empty string is treated as being equivalent to `no-referrer-when-downgrade`.
   */
  referrerpolicy?: string;

  /**
   * This attribute specifies the URI of an external script; this can be used as an alternative to embedding a script directly within a document.
   *
   * If a `script` element has a `src` attribute specified, it should not have a script embedded inside its tags.
   */
  src?: string;

  /**
   * Like the `textContent` attribute, this attribute sets the text content of the element. Unlike the `textContent` attribute, however, this attribute is evaluated as executable code after the node is inserted into the DOM.
   */
  text?: string;

  /**
   * This attribute indicates the type of script represented. The value of this attribute will be in one of the following categories:
   *
   * *   **Omitted or a JavaScript MIME type:** For HTML5-compliant browsers this indicates the script is JavaScript. HTML5 specification urges authors to omit the attribute rather than provide a redundant MIME type. In earlier browsers, this identified the scripting language of the embedded or imported (via the `src` attribute) code. JavaScript MIME types are [listed in the specification](https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types#JavaScript_types).
   * *   **`module`:** For HTML5-compliant browsers the code is treated as a JavaScript module. The processing of the script contents is not affected by the `charset` and `defer` attributes. For information on using `module`, see [ES6 in Depth: Modules](https://hacks.mozilla.org/2015/08/es6-in-depth-modules/). Code may behave differently when the `module` keyword is used.
   * *   **Any other value:** The embedded content is treated as a data block which won't be processed by the browser. Developers must use a valid MIME type that is not a JavaScript MIME type to denote data blocks. The `src` attribute will be ignored.
   *
   * **Note:** in Firefox you could specify the version of JavaScript contained in a `<script>` element by including a non-standard `version` parameter inside the `type` attribute — for example `type="text/javascript;version=1.8"`. This has been removed in Firefox 59 (see [bug 1428745](https://bugzilla.mozilla.org/show_bug.cgi?id=1428745 "FIXED: Remove support for version parameter from script loader")).
   */
  type?: string;
}

interface Canvas extends GlobalAttributes {
  /**
   * The height of the coordinate space in CSS pixels. Defaults to 150.
   */
  height?: number | string;

  /**
   * Lets the canvas know whether or not translucency will be a factor. If the canvas knows there's no translucency, painting performance can be optimized. This is only supported by Mozilla-based browsers; use the standardized [`canvas.getContext('2d', { alpha: false })`](https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement/getContext "The HTMLCanvasElement.getContext() method returns a drawing context on the canvas, or null if the context identifier is not supported.") instead.
   */
  "moz-opaque"?: string;

  /**
   * The width of the coordinate space in CSS pixels. Defaults to 300.
   */
  width?: number | string;
}

interface Slot extends GlobalAttributes {
  /**
   * The slot's name.
   * A **named slot** is a `<slot>` element with a `name` attribute.
   */
  name?: string;
}

interface Data extends GlobalAttributes {
  /**
   * This attribute specifies the machine-readable translation of the content of the element.
   */
  value?: number | string;
}

interface Fencedframe extends GlobalAttributes {
  allow?: string;

  height?: number | string;

  width?: number | string;
}

interface Animate extends GlobalAttributes {
  /**
   * This attribute controls whether or not the animation is cumulative.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/accumulate)
   */
  accumulate?: string;

  /**
   * This attribute controls whether or not the animation is additive.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/additive)
   */
  additive?: string;

  /**
   * This attribute indicates the name of the attribute in the parent element that is going to be changed during an animation.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/attributeName)
   */
  attributeName?: string;

  /**
   * This attribute specifies the namespace in which the target attribute and its associated values are defined.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/attributeType)
   */
  attributeType?: string;

  /**
   * Defines when an animation should begin or when an element should be discarded.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/begin)
   */
  begin?: string;

  /**
   * specifies a relative offset value for an attribute that will be modified during an animation.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/by)
   */
  by?: string;

  /**
   * This attribute specifies the interpolation mode for the animation. The default mode is linear, however if the attribute does not support linear interpolation (e.g. for strings), the calcMode attribute is ignored and discrete interpolation is used.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/calcMode)
   */
  calcMode?: string;

  /**
   * This attribute indicates the simple duration of the animation.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/dur)
   */
  dur?: string;

  /**
   * This attribute defines an end value for the animation that can constrain the active duration.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/end)
   */
  end?: string;

  /**
   * The fill attribute has two meanings based on the context it's used.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/fill)
   */
  fill?: string;

  /**
   * This attribute indicates the initial value of the attribute that will be modified during the animation. When used with the to attribute, the animation will change the modified attribute from the from value to the to value.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/From)
   */
  from?: string;

  /**
   * This attribute indicates the name of the attribute in the parent element that is going to be changed during an animation.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/href)
   */
  href?: string;

  /**
   * The keySplines attribute define a set of Bézier control points associated with the keyTimes list, defining a cubic Bézier function that controls interval pacing. The attribute value is a semicolon-separated list of control point descriptions. Each control point description is a set of four values: x1 y1 x2 y2, describing the Bézier control points for one time segment. The keyTimes values that define the associated segment are the Bézier "anchor points", and the keySplines values are the control points. Thus, there must be one fewer sets of control points than there are keyTimes.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/keySplines)
   */
  keySplines?: string;

  /**
   * The keyTimes attribute is a semicolon-separated list of time values used to control the pacing of the animation. Each time in the list corresponds to a value in the values attribute list, and defines when the value is used in the animation. Each time value in the keyTimes list is specified as a floating point value between 0 and 1 (inclusive), representing a proportional offset into the duration of the animation element.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/keyTimes)
   */
  keyTimes?: string;

  /**
   * This attribute specifies the maximum value of the active duration.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/max)
   */
  max?: number | string;

  /**
   * This attribute specifies the minimum value of the active duration.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/min)
   */
  min?: number | string;

  /**
   * This attribute indicates the number of time the animation will take place.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/repeatCount)
   */
  repeatCount?: string;

  /**
   * This attribute specifies the total duration for repeat.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/repeatDur)
   */
  repeatDur?: string;

  /**
   * This attribute indicates when animation can or can not restart.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/restart)
   */
  restart?: string;

  /**
   * This attribute indicates the final value of the attribute that will be modified during the animation. The value of the attribute will change between the from attribute value and this value. By default the change will be linear.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/to)
   */
  to?: string;

  /**
   * Has different meanings, depending upon the context where it's used, either it defines a sequence of values used over the course of an animation, or it's a list of numbers for a color matrix, which is interpreted differently depending on the type of color change to be performed.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/values)
   */
  values?: string;
}

interface AnimateMotion extends GlobalAttributes {
  /**
   * This attribute controls whether or not the animation is cumulative.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/accumulate)
   */
  accumulate?: string;

  /**
   * This attribute controls whether or not the animation is additive.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/additive)
   */
  additive?: string;

  /**
   * This attribute indicates the name of the attribute in the parent element that is going to be changed during an animation.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/attributeName)
   */
  attributeName?: string;

  /**
   * This attribute specifies the namespace in which the target attribute and its associated values are defined.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/attributeType)
   */
  attributeType?: string;

  /**
   * Defines when an animation should begin or when an element should be discarded.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/begin)
   */
  begin?: string;

  /**
   * specifies a relative offset value for an attribute that will be modified during an animation.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/by)
   */
  by?: string;

  /**
   * This attribute specifies the interpolation mode for the animation. The default mode is linear, however if the attribute does not support linear interpolation (e.g. for strings), the calcMode attribute is ignored and discrete interpolation is used.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/calcMode)
   */
  calcMode?: string;

  /**
   * This attribute indicates the simple duration of the animation.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/dur)
   */
  dur?: string;

  /**
   * This attribute defines an end value for the animation that can constrain the active duration.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/end)
   */
  end?: string;

  /**
   * The fill attribute has two meanings based on the context it's used.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/fill)
   */
  fill?: string;

  /**
   * This attribute indicates the initial value of the attribute that will be modified during the animation. When used with the to attribute, the animation will change the modified attribute from the from value to the to value.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/From)
   */
  from?: string;

  /**
   * This attribute indicates the name of the attribute in the parent element that is going to be changed during an animation.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/href)
   */
  href?: string;

  /**
   * This attribute indicate, in the range [0,1], how far is the object along the path for each keyTimes associated values.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/keyPoints)
   */
  keyPoints?: string;

  /**
   * The keySplines attribute define a set of Bézier control points associated with the keyTimes list, defining a cubic Bézier function that controls interval pacing. The attribute value is a semicolon-separated list of control point descriptions. Each control point description is a set of four values: x1 y1 x2 y2, describing the Bézier control points for one time segment. The keyTimes values that define the associated segment are the Bézier "anchor points", and the keySplines values are the control points. Thus, there must be one fewer sets of control points than there are keyTimes.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/keySplines)
   */
  keySplines?: string;

  /**
   * The keyTimes attribute is a semicolon-separated list of time values used to control the pacing of the animation. Each time in the list corresponds to a value in the values attribute list, and defines when the value is used in the animation. Each time value in the keyTimes list is specified as a floating point value between 0 and 1 (inclusive), representing a proportional offset into the duration of the animation element.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/keyTimes)
   */
  keyTimes?: string;

  /**
   * This attribute specifies the maximum value of the active duration.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/max)
   */
  max?: number | string;

  /**
   * This attribute specifies the minimum value of the active duration.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/min)
   */
  min?: number | string;

  /**
   * Specifies the origin of motion for an animation. It has no effect in SVG.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/origin)
   */
  origin?: string;

  /**
   * This attribute defines the path of the motion, using the same syntax as the d attribute.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/path)
   */
  path?: string;

  /**
   * This attribute indicates the number of time the animation will take place.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/repeatCount)
   */
  repeatCount?: string;

  /**
   * This attribute specifies the total duration for repeat.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/repeatDur)
   */
  repeatDur?: string;

  /**
   * This attribute indicates when animation can or can not restart.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/restart)
   */
  restart?: string;

  /**
   * defines a rotation applied to the element animated along a path, usually to make it pointing in the direction of the animation.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/rotate)
   */
  rotate?: string;

  /**
   * This attribute indicates the final value of the attribute that will be modified during the animation. The value of the attribute will change between the from attribute value and this value. By default the change will be linear.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/to)
   */
  to?: string;

  /**
   * Has different meanings, depending upon the context where it's used, either it defines a sequence of values used over the course of an animation, or it's a list of numbers for a color matrix, which is interpreted differently depending on the type of color change to be performed.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/values)
   */
  values?: string;
}

interface AnimateTransform extends GlobalAttributes {
  /**
   * This attribute controls whether or not the animation is cumulative.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/accumulate)
   */
  accumulate?: string;

  /**
   * This attribute controls whether or not the animation is additive.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/additive)
   */
  additive?: string;

  /**
   * This attribute indicates the name of the attribute in the parent element that is going to be changed during an animation.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/attributeName)
   */
  attributeName?: string;

  /**
   * This attribute specifies the namespace in which the target attribute and its associated values are defined.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/attributeType)
   */
  attributeType?: string;

  /**
   * Defines when an animation should begin or when an element should be discarded.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/begin)
   */
  begin?: string;

  /**
   * specifies a relative offset value for an attribute that will be modified during an animation.
   * undefined
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/by)
   */
  by?: string;

  /**
   * This attribute specifies the interpolation mode for the animation. The default mode is linear, however if the attribute does not support linear interpolation (e.g. for strings), the calcMode attribute is ignored and discrete interpolation is used.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/calcMode)
   */
  calcMode?: string;

  /**
   * This attribute indicates the simple duration of the animation.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/dur)
   */
  dur?: string;

  /**
   * This attribute defines an end value for the animation that can constrain the active duration.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/end)
   */
  end?: string;

  /**
   * The fill attribute has two meanings based on the context it's used.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/fill)
   */
  fill?: string;

  /**
   * This attribute indicates the initial value of the attribute that will be modified during the animation. When used with the to attribute, the animation will change the modified attribute from the from value to the to value.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/From)
   */
  from?: string;

  /**
   * This attribute indicates the name of the attribute in the parent element that is going to be changed during an animation.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/href)
   */
  href?: string;

  /**
   * The keySplines attribute define a set of Bézier control points associated with the keyTimes list, defining a cubic Bézier function that controls interval pacing. The attribute value is a semicolon-separated list of control point descriptions. Each control point description is a set of four values: x1 y1 x2 y2, describing the Bézier control points for one time segment. The keyTimes values that define the associated segment are the Bézier "anchor points", and the keySplines values are the control points. Thus, there must be one fewer sets of control points than there are keyTimes.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/keySplines)
   */
  keySplines?: string;

  /**
   * The keyTimes attribute is a semicolon-separated list of time values used to control the pacing of the animation. Each time in the list corresponds to a value in the values attribute list, and defines when the value is used in the animation. Each time value in the keyTimes list is specified as a floating point value between 0 and 1 (inclusive), representing a proportional offset into the duration of the animation element.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/keyTimes)
   */
  keyTimes?: string;

  /**
   * This attribute specifies the maximum value of the active duration.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/max)
   */
  max?: number | string;

  /**
   * This attribute specifies the minimum value of the active duration.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/min)
   */
  min?: number | string;

  /**
   * This attribute indicates the number of time the animation will take place.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/repeatCount)
   */
  repeatCount?: string;

  /**
   * This attribute specifies the total duration for repeat.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/repeatDur)
   */
  repeatDur?: string;

  /**
   * This attribute indicates when animation can or can not restart.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/restart)
   */
  restart?: string;

  /**
   * This attribute indicates the final value of the attribute that will be modified during the animation. The value of the attribute will change between the from attribute value and this value. By default the change will be linear.
   * undefined
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/to)
   */
  to?: string;

  /**
   * Is a generic attribute and it has different meaning based on the context in which it's used.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/type)
   */
  type?: string;

  /**
   * Has different meanings, depending upon the context where it's used, either it defines a sequence of values used over the course of an animation, or it's a list of numbers for a color matrix, which is interpreted differently depending on the type of color change to be performed.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/values)
   */
  values?: string;
}

interface Circle extends GlobalAttributes {
  /**
   * The alignment-baseline attribute specifies how an object is aligned with respect to its parent. This property specifies which baseline of this element is to be aligned with the corresponding baseline of the parent. For example, this allows alphabetic baselines in Roman text to stay aligned across font size changes. It defaults to the baseline with the same name as the computed value of the alignment-baseline property.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/alignment-baseline)
   */
  "alignment-baseline"?: string;

  /**
   * The baseline-shift attribute allows repositioning of the dominant-baseline relative to the dominant-baseline of the parent text content element. The shifted object might be a sub- or superscript.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/baseline-shift)
   */
  "baseline-shift"?: string;

  /**
   * The clip-path attribute binds the element it is applied to with a given <clipPath> element
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/clip-path)
   */
  "clip-path"?: string;

  /**
   * The clip-rule attribute only applies to graphics elements that are contained within a <clipPath> element. The clip-rule attribute basically works as the fill-rule attribute, except that it applies to <clipPath> definitions.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/clip-rule)
   */
  "clip-rule"?: string;

  /**
   * The color attribute is used to provide a potential indirect value (currentColor) for the fill, stroke, stop-color, flood-color and lighting-color attributes.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/color)
   */
  color?: string;

  /**
   * The color-interpolation attribute specifies the color space for gradient interpolations, color animations, and alpha compositing.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/color-interpolation)
   */
  "color-interpolation"?: string;

  /**
   * The color-interpolation-filters attribute specifies the color space for imaging operations performed via filter effects.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/color-interpolation-filters)
   */
  "color-interpolation-filters"?: string;

  /**
   * The color-profile attribute is used to define which color profile a raster image included through the <image> element should use.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/color-profile)
   */
  "color-profile"?: string;

  /**
   * The color-rendering attribute provides a hint to the SVG user agent about how to optimize its color interpolation and compositing operations.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/color-rendering)
   */
  "color-rendering"?: string;

  /**
   * The cursor attribute specifies the mouse cursor displayed when the mouse pointer is over an element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/cursor)
   */
  cursor?: string;

  /**
   * For the <circle> and the <ellipse> element, this attribute define the x-axis coordinate of the center of the element. If the attribute is not specified, the effect is as if a value of "0" were specified.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/cx)
   */
  cx?: string;

  /**
   * For the <circle> and the <ellipse> element, this attribute define the y-axis coordinate of the center of the element. If the attribute is not specified, the effect is as if a value of "0" were specified.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/cy)
   */
  cy?: string;

  /**
   * The direction attribute specifies the base writing direction of text and the direction of embeddings and overrides (see unicode-bidi) for the Unicode bidirectional algorithm. For the direction attribute to have any effect on an element that does not by itself establish a new text chunk (such as a <tspan> element without absolute position adjustments due to x or y attributes), the unicode-bidi property's value must be embed or bidi-override.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/direction)
   */
  direction?: string;

  /**
   * The display attribute lets you control the rendering of graphical or container elements.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/display)
   */
  display?: string;

  /**
   * The dominant-baseline attribute is used to determine or re-determine a scaled-baseline-table. A scaled-baseline-table is a compound value with three components: a baseline-identifier for the dominant-baseline, a baseline-table and a baseline-table font-size. Some values of the property re-determine all three values; other only re-establish the baseline-table font-size. When the initial value, auto, would give an undesired result, this property can be used to explicitly set the desire scaled-baseline-table.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/dominant-baseline)
   */
  "dominant-baseline"?: string;

  /**
   * The fill attribute has two meanings based on the context it's used.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/fill)
   */
  fill?: string;

  /**
   * This attribute specifies the opacity of the color or the content the current object is filled with.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/fill-opacity)
   */
  "fill-opacity"?: string;

  /**
   * The fill-rule attribute indicates how to determine what side of a path is inside a shape, to determine how the fill property paints the shape. For a simple, non-intersecting path, it is intuitively clear what region lies "inside"; however, for a more complex path, such as a path that intersects itself or where one subpath encloses another, the interpretation of "inside" is not so obvious.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/fill-rule)
   */
  "fill-rule"?: string;

  /**
   * The filter attribute defines the filter effects define by the <filter> element that shall be applied to its element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/filter)
   */
  filter?: string;

  /**
   * The flood-color attribute indicates what color to use to flood the current filter primitive subregion defined through the <feflood> element. The keyword currentColor and ICC colors can be specified in the same manner as within a <paint> specification for the fill and stroke attributes.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/flood-color)
   */
  "flood-color"?: string;

  /**
   * The flood-opacity attribute indicates the opacity value to use across the current filter primitive subregion defined through the <feflood> element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/flood-opacity)
   */
  "flood-opacity"?: string;

  /**
   * The font-family attribute indicates which font family will be used to render the text, specified as a prioritized list of font family names and/or generic family names.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-family)
   */
  "font-family"?: string;

  /**
   * The font-size attribute refers to the size of the font from baseline to baseline when multiple lines of text are set solid in a multiline layout environment. For SVG, if a <length> is provided without a unit identifier (e.g., an unqualified number such as 128), the browser processes the <length> as a height value in the current user coordinate system.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-size)
   */
  "font-size"?: string;

  /**
   * The font-size-adjust attribute allows authors to specify an aspect value for an element that will preserve the x-height of the first choice font in a substitute font.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-size-adjust)
   */
  "font-size-adjust"?: string;

  /**
   * The font-stretch attribute indicates the desired amount of condensing or expansion in the glyphs used to render the text.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-stretch)
   */
  "font-stretch"?: string;

  /**
   * The font-style attribute specifies whether the text is to be rendered using a normal, italic or oblique face.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-style)
   */
  "font-style"?: string;

  /**
   * The font-variant attribute indicates whether the text is to be rendered using the normal glyphs for lowercase characters or using small-caps glyphs for lowercase characters.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-variant)
   */
  "font-variant"?: string;

  /**
   * The font-weight attribute refers to the boldness or lightness of the glyphs used to render the text, relative to other fonts in the same font family.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-weight)
   */
  "font-weight"?: string;

  /**
   * The image-rendering attribute provides a hint to the browser about how to make speed vs. quality tradeoffs as it performs image processing.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/image-rendering)
   */
  "image-rendering"?: string;

  /**
   * The kerning attribute indicates whether the browser should adjust inter-glyph spacing based on kerning tables that are included in the relevant font (i.e., enable auto-kerning) or instead disable auto-kerning and instead set inter-character spacing to a specific length (typically, zero).
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/kerning)
   */
  kerning?: string;

  /**
   * The letter-spacing attribute specifies spacing behavior between text characters supplemental to any spacing due to the kerning attribute.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/letter-spacing)
   */
  "letter-spacing"?: string;

  /**
   * The lighting-color attribute defines the color of the light source for filter primitives elements <fediffuselighting> and <fespecularlighting>.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/lighting-color)
   */
  "lighting-color"?: string;

  /**
   * The marker-end defines the arrowhead or polymarker that will be drawn at the final vertex of the given <path> element or basic shape. Note that for a <path> element which ends with a closed sub-path, the last vertex is the same as the initial vertex on the given sub-path. In this case, if marker-end does not equal none, then it is possible that two markers will be rendered on the given vertex. One way to prevent this is to set marker-end to none. (Note that the same comment applies to <polygon> elements.)
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/marker-end)
   */
  "marker-end"?: string;

  /**
   * The marker-mid defines the arrowhead or polymarker that shall be drawn at every vertex other than the first and last vertex of the given <path> element or basic shape.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/marker-mid)
   */
  "marker-mid"?: string;

  /**
   * The marker-start attribute defines the arrowhead or polymarker that will be drawn at the first vertex of the given <path> element or basic shape.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/marker-start)
   */
  "marker-start"?: string;

  /**
   * The mask attribute binds the element it is applied to with a given <mask> element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/mask)
   */
  mask?: string;

  /**
   * The opacity attribute specifies the transparency of an object or of a group of objects, that is, the degree to which the background behind the element is overlaid.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/opacity)
   */
  opacity?: string;

  /**
   * The overflow attribute has the same parameter values as defined for the css overflow property.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/overflow)
   */
  overflow?: string;

  /**
   * This attribute lets the author specify a total length for the path, in whatever units the author chooses. This value is then used to calibrate the browser's distance calculations with those of the author, by scaling all distance computations using the ratio pathLength / (computed value of path length).
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/pathLength)
   */
  pathLength?: string;

  /**
   * The pointer-events attribute allows authors to control whether or when an element may be the target of a mouse event. This attribute is used to specify under which circumstance (if any) a mouse event should go "through" an element and target whatever is "underneath" that element instead.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/pointer-events)
   */
  "pointer-events"?: string;

  /**
   * For the <circle> this attribute defines the radius of the element. A value of zero disables rendering of the circle.
   *
   *   For the <radialgradient> element, this attribute defines the radius of the largest (i.e., outermost) circle for the radial gradient. The gradient will be drawn such that the 100% gradient stop is mapped to the perimeter of this largest (i.e., outermost) circle. A value of zero will cause the area to be painted as a single color using the color and opacity of the last gradient <stop>. If the attribute is not specified, the effect is as if a value of 50% were specified.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/r)
   */
  r?: string;

  /**
   * The creator of SVG content might want to provide a hint about what tradeoffs to make as the browser renders <path> element or basic shapes. The shape-rendering attribute provides these hints.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/shape-rendering)
   */
  "shape-rendering"?: string;

  /**
   * The stop-color attribute indicates what color to use at that gradient stop. The keyword currentColor and ICC colors can be specified in the same manner as within a <paint> specification for the fill and stroke attributes.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stop-color)
   */
  "stop-color"?: string;

  /**
   * The stop-opacity attribute defines the opacity of a given gradient stop.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stop-opacity)
   */
  "stop-opacity"?: string;

  /**
   * The stroke attribute defines the color of the outline on a given graphical element. The default value for the stroke attribute is none.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke)
   */
  stroke?: string;

  /**
   * the stroke-dasharray attribute controls the pattern of dashes and gaps used to stroke paths.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-dasharray)
   */
  "stroke-dasharray"?: string;

  /**
   * the stroke-dashoffset attribute specifies the distance into the dash pattern to start the dash.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-dashoffset)
   */
  "stroke-dashoffset"?: string;

  /**
   * the stroke-linecap attribute specifies the shape to be used at the end of open subpaths when they are stroked.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-linecap)
   */
  "stroke-linecap"?: string;

  /**
   * the stroke-linejoin attribute specifies the shape to be used at the corners of paths or basic shapes when they are stroked.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-linejoin)
   */
  "stroke-linejoin"?: string;

  /**
   * When two line segments meet at a sharp angle and miter joins have been specified for stroke-linejoin, it is possible for the miter to extend far beyond the thickness of the line stroking the path. The stroke-miterlimit imposes a limit on the ratio of the miter length to the stroke-width. When the limit is exceeded, the join is converted from a miter to a bevel.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-miterlimit)
   */
  "stroke-miterlimit"?: string;

  /**
   * the stroke-opacity attribute specifies the opacity of the outline on the current object. Its default value is 1.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-opacity)
   */
  "stroke-opacity"?: string;

  /**
   * the stroke-width attribute specifies the width of the outline on the current object. Its default value is 1. If a <percentage> is used, the value represents a percentage of the current viewport. If a value of 0 is used the outline will never be drawn.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-width)
   */
  "stroke-width"?: string;

  /**
   * The text-anchor attribute is used to align (start-, middle- or end-alignment) a string of text relative to a given point.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/text-anchor)
   */
  "text-anchor"?: string;

  /**
   * The text-decoration attribute works exactly like the css text decoration property except that it's an attribute. See css text decoration for further information.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/text-decoration)
   */
  "text-decoration"?: string;

  /**
   * The creator of SVG content might want to provide a hint about what tradeoffs to make as the browser renders text. The text-rendering attribute provides these hints.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/text-rendering)
   */
  "text-rendering"?: string;

  /**
   * The transform attribute defines a list of transform definitions that are applied to an element and the element's children. The items in the transform list are separated by whitespace and/or commas, and are applied from right to left.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/transform)
   */
  transform?: string;

  /**
   * The vector-effect property specifies the vector effect to use when drawing an object. Vector effects are applied before any of the other compositing operations, i.e. filters, masks and clips.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/vector-effect)
   */
  "vector-effect"?: string;

  /**
   * Depending on the value of attribute pointer-events, graphics elements which have their visibility attribute set to hidden still might receive events.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/visibility)
   */
  visibility?: string;

  /**
   * The word-spacing attribute specifies spacing behavior between words.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/word-spacing)
   */
  "word-spacing"?: string;

  /**
   * The writing-mode attribute specifies whether the initial inline-progression-direction for a <text> element shall be left-to-right, right-to-left, or top-to-bottom. The writing-mode attribute applies only to <text> elements; the attribute is ignored for <tspan>, <tref>, <altGlyph> and <textPath> sub-elements. (Note that the inline-progression-direction can change within a <text> element due to the Unicode bidirectional algorithm and properties direction and unicode-bidi.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/writing-mode)
   */
  "writing-mode"?: string;
}

interface ClipPath extends GlobalAttributes {
  /**
   * The alignment-baseline attribute specifies how an object is aligned with respect to its parent. This property specifies which baseline of this element is to be aligned with the corresponding baseline of the parent. For example, this allows alphabetic baselines in Roman text to stay aligned across font size changes. It defaults to the baseline with the same name as the computed value of the alignment-baseline property.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/alignment-baseline)
   */
  "alignment-baseline"?: string;

  /**
   * The baseline-shift attribute allows repositioning of the dominant-baseline relative to the dominant-baseline of the parent text content element. The shifted object might be a sub- or superscript.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/baseline-shift)
   */
  "baseline-shift"?: string;

  /**
   * The clip-path attribute binds the element it is applied to with a given <clipPath> element
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/clip-path)
   */
  "clip-path"?: string;

  /**
   * The clip-rule attribute only applies to graphics elements that are contained within a <clipPath> element. The clip-rule attribute basically works as the fill-rule attribute, except that it applies to <clipPath> definitions.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/clip-rule)
   */
  "clip-rule"?: string;

  /**
   * Defines the coordinate system for the contents of the <clippath> element.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/clipPathUnits)
   */
  clipPathUnits?: string;

  /**
   * The color attribute is used to provide a potential indirect value (currentColor) for the fill, stroke, stop-color, flood-color and lighting-color attributes.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/color)
   */
  color?: string;

  /**
   * The color-interpolation attribute specifies the color space for gradient interpolations, color animations, and alpha compositing.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/color-interpolation)
   */
  "color-interpolation"?: string;

  /**
   * The color-interpolation-filters attribute specifies the color space for imaging operations performed via filter effects.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/color-interpolation-filters)
   */
  "color-interpolation-filters"?: string;

  /**
   * The color-profile attribute is used to define which color profile a raster image included through the <image> element should use.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/color-profile)
   */
  "color-profile"?: string;

  /**
   * The color-rendering attribute provides a hint to the SVG user agent about how to optimize its color interpolation and compositing operations.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/color-rendering)
   */
  "color-rendering"?: string;

  /**
   * The cursor attribute specifies the mouse cursor displayed when the mouse pointer is over an element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/cursor)
   */
  cursor?: string;

  /**
   * The direction attribute specifies the base writing direction of text and the direction of embeddings and overrides (see unicode-bidi) for the Unicode bidirectional algorithm. For the direction attribute to have any effect on an element that does not by itself establish a new text chunk (such as a <tspan> element without absolute position adjustments due to x or y attributes), the unicode-bidi property's value must be embed or bidi-override.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/direction)
   */
  direction?: string;

  /**
   * The display attribute lets you control the rendering of graphical or container elements.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/display)
   */
  display?: string;

  /**
   * The dominant-baseline attribute is used to determine or re-determine a scaled-baseline-table. A scaled-baseline-table is a compound value with three components: a baseline-identifier for the dominant-baseline, a baseline-table and a baseline-table font-size. Some values of the property re-determine all three values; other only re-establish the baseline-table font-size. When the initial value, auto, would give an undesired result, this property can be used to explicitly set the desire scaled-baseline-table.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/dominant-baseline)
   */
  "dominant-baseline"?: string;

  /**
   * The fill attribute has two meanings based on the context it's used.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/fill)
   */
  fill?: string;

  /**
   * This attribute specifies the opacity of the color or the content the current object is filled with.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/fill-opacity)
   */
  "fill-opacity"?: string;

  /**
   * The fill-rule attribute indicates how to determine what side of a path is inside a shape, to determine how the fill property paints the shape. For a simple, non-intersecting path, it is intuitively clear what region lies "inside"; however, for a more complex path, such as a path that intersects itself or where one subpath encloses another, the interpretation of "inside" is not so obvious.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/fill-rule)
   */
  "fill-rule"?: string;

  /**
   * The filter attribute defines the filter effects define by the <filter> element that shall be applied to its element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/filter)
   */
  filter?: string;

  /**
   * The flood-color attribute indicates what color to use to flood the current filter primitive subregion defined through the <feflood> element. The keyword currentColor and ICC colors can be specified in the same manner as within a <paint> specification for the fill and stroke attributes.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/flood-color)
   */
  "flood-color"?: string;

  /**
   * The flood-opacity attribute indicates the opacity value to use across the current filter primitive subregion defined through the <feflood> element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/flood-opacity)
   */
  "flood-opacity"?: string;

  /**
   * The font-family attribute indicates which font family will be used to render the text, specified as a prioritized list of font family names and/or generic family names.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-family)
   */
  "font-family"?: string;

  /**
   * The font-size attribute refers to the size of the font from baseline to baseline when multiple lines of text are set solid in a multiline layout environment. For SVG, if a <length> is provided without a unit identifier (e.g., an unqualified number such as 128), the browser processes the <length> as a height value in the current user coordinate system.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-size)
   */
  "font-size"?: string;

  /**
   * The font-size-adjust attribute allows authors to specify an aspect value for an element that will preserve the x-height of the first choice font in a substitute font.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-size-adjust)
   */
  "font-size-adjust"?: string;

  /**
   * The font-stretch attribute indicates the desired amount of condensing or expansion in the glyphs used to render the text.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-stretch)
   */
  "font-stretch"?: string;

  /**
   * The font-style attribute specifies whether the text is to be rendered using a normal, italic or oblique face.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-style)
   */
  "font-style"?: string;

  /**
   * The font-variant attribute indicates whether the text is to be rendered using the normal glyphs for lowercase characters or using small-caps glyphs for lowercase characters.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-variant)
   */
  "font-variant"?: string;

  /**
   * The font-weight attribute refers to the boldness or lightness of the glyphs used to render the text, relative to other fonts in the same font family.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-weight)
   */
  "font-weight"?: string;

  /**
   * The image-rendering attribute provides a hint to the browser about how to make speed vs. quality tradeoffs as it performs image processing.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/image-rendering)
   */
  "image-rendering"?: string;

  /**
   * The kerning attribute indicates whether the browser should adjust inter-glyph spacing based on kerning tables that are included in the relevant font (i.e., enable auto-kerning) or instead disable auto-kerning and instead set inter-character spacing to a specific length (typically, zero).
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/kerning)
   */
  kerning?: string;

  /**
   * The letter-spacing attribute specifies spacing behavior between text characters supplemental to any spacing due to the kerning attribute.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/letter-spacing)
   */
  "letter-spacing"?: string;

  /**
   * The lighting-color attribute defines the color of the light source for filter primitives elements <fediffuselighting> and <fespecularlighting>.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/lighting-color)
   */
  "lighting-color"?: string;

  /**
   * The marker-end defines the arrowhead or polymarker that will be drawn at the final vertex of the given <path> element or basic shape. Note that for a <path> element which ends with a closed sub-path, the last vertex is the same as the initial vertex on the given sub-path. In this case, if marker-end does not equal none, then it is possible that two markers will be rendered on the given vertex. One way to prevent this is to set marker-end to none. (Note that the same comment applies to <polygon> elements.)
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/marker-end)
   */
  "marker-end"?: string;

  /**
   * The marker-mid defines the arrowhead or polymarker that shall be drawn at every vertex other than the first and last vertex of the given <path> element or basic shape.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/marker-mid)
   */
  "marker-mid"?: string;

  /**
   * The marker-start attribute defines the arrowhead or polymarker that will be drawn at the first vertex of the given <path> element or basic shape.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/marker-start)
   */
  "marker-start"?: string;

  /**
   * The mask attribute binds the element it is applied to with a given <mask> element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/mask)
   */
  mask?: string;

  /**
   * The opacity attribute specifies the transparency of an object or of a group of objects, that is, the degree to which the background behind the element is overlaid.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/opacity)
   */
  opacity?: string;

  /**
   * The overflow attribute has the same parameter values as defined for the css overflow property.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/overflow)
   */
  overflow?: string;

  /**
   * The pointer-events attribute allows authors to control whether or when an element may be the target of a mouse event. This attribute is used to specify under which circumstance (if any) a mouse event should go "through" an element and target whatever is "underneath" that element instead.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/pointer-events)
   */
  "pointer-events"?: string;

  /**
   * The creator of SVG content might want to provide a hint about what tradeoffs to make as the browser renders <path> element or basic shapes. The shape-rendering attribute provides these hints.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/shape-rendering)
   */
  "shape-rendering"?: string;

  /**
   * The stop-color attribute indicates what color to use at that gradient stop. The keyword currentColor and ICC colors can be specified in the same manner as within a <paint> specification for the fill and stroke attributes.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stop-color)
   */
  "stop-color"?: string;

  /**
   * The stop-opacity attribute defines the opacity of a given gradient stop.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stop-opacity)
   */
  "stop-opacity"?: string;

  /**
   * The stroke attribute defines the color of the outline on a given graphical element. The default value for the stroke attribute is none.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke)
   */
  stroke?: string;

  /**
   * the stroke-dasharray attribute controls the pattern of dashes and gaps used to stroke paths.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-dasharray)
   */
  "stroke-dasharray"?: string;

  /**
   * the stroke-dashoffset attribute specifies the distance into the dash pattern to start the dash.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-dashoffset)
   */
  "stroke-dashoffset"?: string;

  /**
   * the stroke-linecap attribute specifies the shape to be used at the end of open subpaths when they are stroked.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-linecap)
   */
  "stroke-linecap"?: string;

  /**
   * the stroke-linejoin attribute specifies the shape to be used at the corners of paths or basic shapes when they are stroked.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-linejoin)
   */
  "stroke-linejoin"?: string;

  /**
   * When two line segments meet at a sharp angle and miter joins have been specified for stroke-linejoin, it is possible for the miter to extend far beyond the thickness of the line stroking the path. The stroke-miterlimit imposes a limit on the ratio of the miter length to the stroke-width. When the limit is exceeded, the join is converted from a miter to a bevel.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-miterlimit)
   */
  "stroke-miterlimit"?: string;

  /**
   * the stroke-opacity attribute specifies the opacity of the outline on the current object. Its default value is 1.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-opacity)
   */
  "stroke-opacity"?: string;

  /**
   * the stroke-width attribute specifies the width of the outline on the current object. Its default value is 1. If a <percentage> is used, the value represents a percentage of the current viewport. If a value of 0 is used the outline will never be drawn.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-width)
   */
  "stroke-width"?: string;

  /**
   * The text-anchor attribute is used to align (start-, middle- or end-alignment) a string of text relative to a given point.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/text-anchor)
   */
  "text-anchor"?: string;

  /**
   * The text-decoration attribute works exactly like the css text decoration property except that it's an attribute. See css text decoration for further information.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/text-decoration)
   */
  "text-decoration"?: string;

  /**
   * The creator of SVG content might want to provide a hint about what tradeoffs to make as the browser renders text. The text-rendering attribute provides these hints.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/text-rendering)
   */
  "text-rendering"?: string;

  /**
   * The transform attribute defines a list of transform definitions that are applied to an element and the element's children. The items in the transform list are separated by whitespace and/or commas, and are applied from right to left.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/transform)
   */
  transform?: string;

  /**
   * The vector-effect property specifies the vector effect to use when drawing an object. Vector effects are applied before any of the other compositing operations, i.e. filters, masks and clips.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/vector-effect)
   */
  "vector-effect"?: string;

  /**
   * Depending on the value of attribute pointer-events, graphics elements which have their visibility attribute set to hidden still might receive events.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/visibility)
   */
  visibility?: string;

  /**
   * The word-spacing attribute specifies spacing behavior between words.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/word-spacing)
   */
  "word-spacing"?: string;

  /**
   * The writing-mode attribute specifies whether the initial inline-progression-direction for a <text> element shall be left-to-right, right-to-left, or top-to-bottom. The writing-mode attribute applies only to <text> elements; the attribute is ignored for <tspan>, <tref>, <altGlyph> and <textPath> sub-elements. (Note that the inline-progression-direction can change within a <text> element due to the Unicode bidirectional algorithm and properties direction and unicode-bidi.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/writing-mode)
   */
  "writing-mode"?: string;
}

interface Defs extends GlobalAttributes {
  /**
   * The alignment-baseline attribute specifies how an object is aligned with respect to its parent. This property specifies which baseline of this element is to be aligned with the corresponding baseline of the parent. For example, this allows alphabetic baselines in Roman text to stay aligned across font size changes. It defaults to the baseline with the same name as the computed value of the alignment-baseline property.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/alignment-baseline)
   */
  "alignment-baseline"?: string;

  /**
   * The baseline-shift attribute allows repositioning of the dominant-baseline relative to the dominant-baseline of the parent text content element. The shifted object might be a sub- or superscript.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/baseline-shift)
   */
  "baseline-shift"?: string;

  /**
   * The clip-path attribute binds the element it is applied to with a given <clipPath> element
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/clip-path)
   */
  "clip-path"?: string;

  /**
   * The clip-rule attribute only applies to graphics elements that are contained within a <clipPath> element. The clip-rule attribute basically works as the fill-rule attribute, except that it applies to <clipPath> definitions.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/clip-rule)
   */
  "clip-rule"?: string;

  /**
   * The color attribute is used to provide a potential indirect value (currentColor) for the fill, stroke, stop-color, flood-color and lighting-color attributes.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/color)
   */
  color?: string;

  /**
   * The color-interpolation attribute specifies the color space for gradient interpolations, color animations, and alpha compositing.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/color-interpolation)
   */
  "color-interpolation"?: string;

  /**
   * The color-interpolation-filters attribute specifies the color space for imaging operations performed via filter effects.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/color-interpolation-filters)
   */
  "color-interpolation-filters"?: string;

  /**
   * The color-profile attribute is used to define which color profile a raster image included through the <image> element should use.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/color-profile)
   */
  "color-profile"?: string;

  /**
   * The color-rendering attribute provides a hint to the SVG user agent about how to optimize its color interpolation and compositing operations.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/color-rendering)
   */
  "color-rendering"?: string;

  /**
   * The cursor attribute specifies the mouse cursor displayed when the mouse pointer is over an element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/cursor)
   */
  cursor?: string;

  /**
   * The direction attribute specifies the base writing direction of text and the direction of embeddings and overrides (see unicode-bidi) for the Unicode bidirectional algorithm. For the direction attribute to have any effect on an element that does not by itself establish a new text chunk (such as a <tspan> element without absolute position adjustments due to x or y attributes), the unicode-bidi property's value must be embed or bidi-override.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/direction)
   */
  direction?: string;

  /**
   * The display attribute lets you control the rendering of graphical or container elements.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/display)
   */
  display?: string;

  /**
   * The dominant-baseline attribute is used to determine or re-determine a scaled-baseline-table. A scaled-baseline-table is a compound value with three components: a baseline-identifier for the dominant-baseline, a baseline-table and a baseline-table font-size. Some values of the property re-determine all three values; other only re-establish the baseline-table font-size. When the initial value, auto, would give an undesired result, this property can be used to explicitly set the desire scaled-baseline-table.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/dominant-baseline)
   */
  "dominant-baseline"?: string;

  /**
   * The fill attribute has two meanings based on the context it's used.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/fill)
   */
  fill?: string;

  /**
   * This attribute specifies the opacity of the color or the content the current object is filled with.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/fill-opacity)
   */
  "fill-opacity"?: string;

  /**
   * The fill-rule attribute indicates how to determine what side of a path is inside a shape, to determine how the fill property paints the shape. For a simple, non-intersecting path, it is intuitively clear what region lies "inside"; however, for a more complex path, such as a path that intersects itself or where one subpath encloses another, the interpretation of "inside" is not so obvious.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/fill-rule)
   */
  "fill-rule"?: string;

  /**
   * The filter attribute defines the filter effects define by the <filter> element that shall be applied to its element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/filter)
   */
  filter?: string;

  /**
   * The flood-color attribute indicates what color to use to flood the current filter primitive subregion defined through the <feflood> element. The keyword currentColor and ICC colors can be specified in the same manner as within a <paint> specification for the fill and stroke attributes.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/flood-color)
   */
  "flood-color"?: string;

  /**
   * The flood-opacity attribute indicates the opacity value to use across the current filter primitive subregion defined through the <feflood> element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/flood-opacity)
   */
  "flood-opacity"?: string;

  /**
   * The font-family attribute indicates which font family will be used to render the text, specified as a prioritized list of font family names and/or generic family names.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-family)
   */
  "font-family"?: string;

  /**
   * The font-size attribute refers to the size of the font from baseline to baseline when multiple lines of text are set solid in a multiline layout environment. For SVG, if a <length> is provided without a unit identifier (e.g., an unqualified number such as 128), the browser processes the <length> as a height value in the current user coordinate system.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-size)
   */
  "font-size"?: string;

  /**
   * The font-size-adjust attribute allows authors to specify an aspect value for an element that will preserve the x-height of the first choice font in a substitute font.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-size-adjust)
   */
  "font-size-adjust"?: string;

  /**
   * The font-stretch attribute indicates the desired amount of condensing or expansion in the glyphs used to render the text.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-stretch)
   */
  "font-stretch"?: string;

  /**
   * The font-style attribute specifies whether the text is to be rendered using a normal, italic or oblique face.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-style)
   */
  "font-style"?: string;

  /**
   * The font-variant attribute indicates whether the text is to be rendered using the normal glyphs for lowercase characters or using small-caps glyphs for lowercase characters.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-variant)
   */
  "font-variant"?: string;

  /**
   * The font-weight attribute refers to the boldness or lightness of the glyphs used to render the text, relative to other fonts in the same font family.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-weight)
   */
  "font-weight"?: string;

  /**
   * The image-rendering attribute provides a hint to the browser about how to make speed vs. quality tradeoffs as it performs image processing.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/image-rendering)
   */
  "image-rendering"?: string;

  /**
   * The kerning attribute indicates whether the browser should adjust inter-glyph spacing based on kerning tables that are included in the relevant font (i.e., enable auto-kerning) or instead disable auto-kerning and instead set inter-character spacing to a specific length (typically, zero).
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/kerning)
   */
  kerning?: string;

  /**
   * The letter-spacing attribute specifies spacing behavior between text characters supplemental to any spacing due to the kerning attribute.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/letter-spacing)
   */
  "letter-spacing"?: string;

  /**
   * The lighting-color attribute defines the color of the light source for filter primitives elements <fediffuselighting> and <fespecularlighting>.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/lighting-color)
   */
  "lighting-color"?: string;

  /**
   * The marker-end defines the arrowhead or polymarker that will be drawn at the final vertex of the given <path> element or basic shape. Note that for a <path> element which ends with a closed sub-path, the last vertex is the same as the initial vertex on the given sub-path. In this case, if marker-end does not equal none, then it is possible that two markers will be rendered on the given vertex. One way to prevent this is to set marker-end to none. (Note that the same comment applies to <polygon> elements.)
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/marker-end)
   */
  "marker-end"?: string;

  /**
   * The marker-mid defines the arrowhead or polymarker that shall be drawn at every vertex other than the first and last vertex of the given <path> element or basic shape.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/marker-mid)
   */
  "marker-mid"?: string;

  /**
   * The marker-start attribute defines the arrowhead or polymarker that will be drawn at the first vertex of the given <path> element or basic shape.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/marker-start)
   */
  "marker-start"?: string;

  /**
   * The mask attribute binds the element it is applied to with a given <mask> element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/mask)
   */
  mask?: string;

  /**
   * The opacity attribute specifies the transparency of an object or of a group of objects, that is, the degree to which the background behind the element is overlaid.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/opacity)
   */
  opacity?: string;

  /**
   * The overflow attribute has the same parameter values as defined for the css overflow property.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/overflow)
   */
  overflow?: string;

  /**
   * The pointer-events attribute allows authors to control whether or when an element may be the target of a mouse event. This attribute is used to specify under which circumstance (if any) a mouse event should go "through" an element and target whatever is "underneath" that element instead.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/pointer-events)
   */
  "pointer-events"?: string;

  /**
   * The creator of SVG content might want to provide a hint about what tradeoffs to make as the browser renders <path> element or basic shapes. The shape-rendering attribute provides these hints.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/shape-rendering)
   */
  "shape-rendering"?: string;

  /**
   * The stop-color attribute indicates what color to use at that gradient stop. The keyword currentColor and ICC colors can be specified in the same manner as within a <paint> specification for the fill and stroke attributes.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stop-color)
   */
  "stop-color"?: string;

  /**
   * The stop-opacity attribute defines the opacity of a given gradient stop.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stop-opacity)
   */
  "stop-opacity"?: string;

  /**
   * The stroke attribute defines the color of the outline on a given graphical element. The default value for the stroke attribute is none.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke)
   */
  stroke?: string;

  /**
   * the stroke-dasharray attribute controls the pattern of dashes and gaps used to stroke paths.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-dasharray)
   */
  "stroke-dasharray"?: string;

  /**
   * the stroke-dashoffset attribute specifies the distance into the dash pattern to start the dash.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-dashoffset)
   */
  "stroke-dashoffset"?: string;

  /**
   * the stroke-linecap attribute specifies the shape to be used at the end of open subpaths when they are stroked.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-linecap)
   */
  "stroke-linecap"?: string;

  /**
   * the stroke-linejoin attribute specifies the shape to be used at the corners of paths or basic shapes when they are stroked.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-linejoin)
   */
  "stroke-linejoin"?: string;

  /**
   * When two line segments meet at a sharp angle and miter joins have been specified for stroke-linejoin, it is possible for the miter to extend far beyond the thickness of the line stroking the path. The stroke-miterlimit imposes a limit on the ratio of the miter length to the stroke-width. When the limit is exceeded, the join is converted from a miter to a bevel.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-miterlimit)
   */
  "stroke-miterlimit"?: string;

  /**
   * the stroke-opacity attribute specifies the opacity of the outline on the current object. Its default value is 1.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-opacity)
   */
  "stroke-opacity"?: string;

  /**
   * the stroke-width attribute specifies the width of the outline on the current object. Its default value is 1. If a <percentage> is used, the value represents a percentage of the current viewport. If a value of 0 is used the outline will never be drawn.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-width)
   */
  "stroke-width"?: string;

  /**
   * The text-anchor attribute is used to align (start-, middle- or end-alignment) a string of text relative to a given point.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/text-anchor)
   */
  "text-anchor"?: string;

  /**
   * The text-decoration attribute works exactly like the css text decoration property except that it's an attribute. See css text decoration for further information.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/text-decoration)
   */
  "text-decoration"?: string;

  /**
   * The creator of SVG content might want to provide a hint about what tradeoffs to make as the browser renders text. The text-rendering attribute provides these hints.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/text-rendering)
   */
  "text-rendering"?: string;

  /**
   * The transform attribute defines a list of transform definitions that are applied to an element and the element's children. The items in the transform list are separated by whitespace and/or commas, and are applied from right to left.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/transform)
   */
  transform?: string;

  /**
   * The vector-effect property specifies the vector effect to use when drawing an object. Vector effects are applied before any of the other compositing operations, i.e. filters, masks and clips.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/vector-effect)
   */
  "vector-effect"?: string;

  /**
   * Depending on the value of attribute pointer-events, graphics elements which have their visibility attribute set to hidden still might receive events.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/visibility)
   */
  visibility?: string;

  /**
   * The word-spacing attribute specifies spacing behavior between words.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/word-spacing)
   */
  "word-spacing"?: string;

  /**
   * The writing-mode attribute specifies whether the initial inline-progression-direction for a <text> element shall be left-to-right, right-to-left, or top-to-bottom. The writing-mode attribute applies only to <text> elements; the attribute is ignored for <tspan>, <tref>, <altGlyph> and <textPath> sub-elements. (Note that the inline-progression-direction can change within a <text> element due to the Unicode bidirectional algorithm and properties direction and unicode-bidi.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/writing-mode)
   */
  "writing-mode"?: string;
}

interface Discard extends GlobalAttributes {
  /**
   * Defines when an animation should begin or when an element should be discarded.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/begin)
   */
  begin?: string;

  /**
   * This attribute indicates the name of the attribute in the parent element that is going to be changed during an animation.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/href)
   */
  href?: string;
}

interface Ellipse extends GlobalAttributes {
  /**
   * The alignment-baseline attribute specifies how an object is aligned with respect to its parent. This property specifies which baseline of this element is to be aligned with the corresponding baseline of the parent. For example, this allows alphabetic baselines in Roman text to stay aligned across font size changes. It defaults to the baseline with the same name as the computed value of the alignment-baseline property.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/alignment-baseline)
   */
  "alignment-baseline"?: string;

  /**
   * The baseline-shift attribute allows repositioning of the dominant-baseline relative to the dominant-baseline of the parent text content element. The shifted object might be a sub- or superscript.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/baseline-shift)
   */
  "baseline-shift"?: string;

  /**
   * The clip-path attribute binds the element it is applied to with a given <clipPath> element
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/clip-path)
   */
  "clip-path"?: string;

  /**
   * The clip-rule attribute only applies to graphics elements that are contained within a <clipPath> element. The clip-rule attribute basically works as the fill-rule attribute, except that it applies to <clipPath> definitions.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/clip-rule)
   */
  "clip-rule"?: string;

  /**
   * The color attribute is used to provide a potential indirect value (currentColor) for the fill, stroke, stop-color, flood-color and lighting-color attributes.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/color)
   */
  color?: string;

  /**
   * The color-interpolation attribute specifies the color space for gradient interpolations, color animations, and alpha compositing.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/color-interpolation)
   */
  "color-interpolation"?: string;

  /**
   * The color-interpolation-filters attribute specifies the color space for imaging operations performed via filter effects.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/color-interpolation-filters)
   */
  "color-interpolation-filters"?: string;

  /**
   * The color-profile attribute is used to define which color profile a raster image included through the <image> element should use.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/color-profile)
   */
  "color-profile"?: string;

  /**
   * The color-rendering attribute provides a hint to the SVG user agent about how to optimize its color interpolation and compositing operations.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/color-rendering)
   */
  "color-rendering"?: string;

  /**
   * The cursor attribute specifies the mouse cursor displayed when the mouse pointer is over an element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/cursor)
   */
  cursor?: string;

  /**
   * For the <circle> and the <ellipse> element, this attribute define the x-axis coordinate of the center of the element. If the attribute is not specified, the effect is as if a value of "0" were specified.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/cx)
   */
  cx?: string;

  /**
   * For the <circle> and the <ellipse> element, this attribute define the y-axis coordinate of the center of the element. If the attribute is not specified, the effect is as if a value of "0" were specified.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/cy)
   */
  cy?: string;

  /**
   * The direction attribute specifies the base writing direction of text and the direction of embeddings and overrides (see unicode-bidi) for the Unicode bidirectional algorithm. For the direction attribute to have any effect on an element that does not by itself establish a new text chunk (such as a <tspan> element without absolute position adjustments due to x or y attributes), the unicode-bidi property's value must be embed or bidi-override.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/direction)
   */
  direction?: string;

  /**
   * The display attribute lets you control the rendering of graphical or container elements.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/display)
   */
  display?: string;

  /**
   * The dominant-baseline attribute is used to determine or re-determine a scaled-baseline-table. A scaled-baseline-table is a compound value with three components: a baseline-identifier for the dominant-baseline, a baseline-table and a baseline-table font-size. Some values of the property re-determine all three values; other only re-establish the baseline-table font-size. When the initial value, auto, would give an undesired result, this property can be used to explicitly set the desire scaled-baseline-table.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/dominant-baseline)
   */
  "dominant-baseline"?: string;

  /**
   * The fill attribute has two meanings based on the context it's used.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/fill)
   */
  fill?: string;

  /**
   * This attribute specifies the opacity of the color or the content the current object is filled with.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/fill-opacity)
   */
  "fill-opacity"?: string;

  /**
   * The fill-rule attribute indicates how to determine what side of a path is inside a shape, to determine how the fill property paints the shape. For a simple, non-intersecting path, it is intuitively clear what region lies "inside"; however, for a more complex path, such as a path that intersects itself or where one subpath encloses another, the interpretation of "inside" is not so obvious.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/fill-rule)
   */
  "fill-rule"?: string;

  /**
   * The filter attribute defines the filter effects define by the <filter> element that shall be applied to its element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/filter)
   */
  filter?: string;

  /**
   * The flood-color attribute indicates what color to use to flood the current filter primitive subregion defined through the <feflood> element. The keyword currentColor and ICC colors can be specified in the same manner as within a <paint> specification for the fill and stroke attributes.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/flood-color)
   */
  "flood-color"?: string;

  /**
   * The flood-opacity attribute indicates the opacity value to use across the current filter primitive subregion defined through the <feflood> element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/flood-opacity)
   */
  "flood-opacity"?: string;

  /**
   * The font-family attribute indicates which font family will be used to render the text, specified as a prioritized list of font family names and/or generic family names.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-family)
   */
  "font-family"?: string;

  /**
   * The font-size attribute refers to the size of the font from baseline to baseline when multiple lines of text are set solid in a multiline layout environment. For SVG, if a <length> is provided without a unit identifier (e.g., an unqualified number such as 128), the browser processes the <length> as a height value in the current user coordinate system.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-size)
   */
  "font-size"?: string;

  /**
   * The font-size-adjust attribute allows authors to specify an aspect value for an element that will preserve the x-height of the first choice font in a substitute font.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-size-adjust)
   */
  "font-size-adjust"?: string;

  /**
   * The font-stretch attribute indicates the desired amount of condensing or expansion in the glyphs used to render the text.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-stretch)
   */
  "font-stretch"?: string;

  /**
   * The font-style attribute specifies whether the text is to be rendered using a normal, italic or oblique face.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-style)
   */
  "font-style"?: string;

  /**
   * The font-variant attribute indicates whether the text is to be rendered using the normal glyphs for lowercase characters or using small-caps glyphs for lowercase characters.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-variant)
   */
  "font-variant"?: string;

  /**
   * The font-weight attribute refers to the boldness or lightness of the glyphs used to render the text, relative to other fonts in the same font family.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-weight)
   */
  "font-weight"?: string;

  /**
   * The image-rendering attribute provides a hint to the browser about how to make speed vs. quality tradeoffs as it performs image processing.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/image-rendering)
   */
  "image-rendering"?: string;

  /**
   * The kerning attribute indicates whether the browser should adjust inter-glyph spacing based on kerning tables that are included in the relevant font (i.e., enable auto-kerning) or instead disable auto-kerning and instead set inter-character spacing to a specific length (typically, zero).
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/kerning)
   */
  kerning?: string;

  /**
   * The letter-spacing attribute specifies spacing behavior between text characters supplemental to any spacing due to the kerning attribute.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/letter-spacing)
   */
  "letter-spacing"?: string;

  /**
   * The lighting-color attribute defines the color of the light source for filter primitives elements <fediffuselighting> and <fespecularlighting>.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/lighting-color)
   */
  "lighting-color"?: string;

  /**
   * The marker-end defines the arrowhead or polymarker that will be drawn at the final vertex of the given <path> element or basic shape. Note that for a <path> element which ends with a closed sub-path, the last vertex is the same as the initial vertex on the given sub-path. In this case, if marker-end does not equal none, then it is possible that two markers will be rendered on the given vertex. One way to prevent this is to set marker-end to none. (Note that the same comment applies to <polygon> elements.)
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/marker-end)
   */
  "marker-end"?: string;

  /**
   * The marker-mid defines the arrowhead or polymarker that shall be drawn at every vertex other than the first and last vertex of the given <path> element or basic shape.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/marker-mid)
   */
  "marker-mid"?: string;

  /**
   * The marker-start attribute defines the arrowhead or polymarker that will be drawn at the first vertex of the given <path> element or basic shape.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/marker-start)
   */
  "marker-start"?: string;

  /**
   * The mask attribute binds the element it is applied to with a given <mask> element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/mask)
   */
  mask?: string;

  /**
   * The opacity attribute specifies the transparency of an object or of a group of objects, that is, the degree to which the background behind the element is overlaid.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/opacity)
   */
  opacity?: string;

  /**
   * The overflow attribute has the same parameter values as defined for the css overflow property.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/overflow)
   */
  overflow?: string;

  /**
   * This attribute lets the author specify a total length for the path, in whatever units the author chooses. This value is then used to calibrate the browser's distance calculations with those of the author, by scaling all distance computations using the ratio pathLength / (computed value of path length).
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/pathLength)
   */
  pathLength?: string;

  /**
   * The pointer-events attribute allows authors to control whether or when an element may be the target of a mouse event. This attribute is used to specify under which circumstance (if any) a mouse event should go "through" an element and target whatever is "underneath" that element instead.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/pointer-events)
   */
  "pointer-events"?: string;

  /**
   * The radius of the ellipse on the x axis.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/rx)
   */
  rx?: string;

  /**
   * For the <circle> and the <ellipse> element, The radius of the ellipse on the y axis.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/ry)
   */
  ry?: string;

  /**
   * The creator of SVG content might want to provide a hint about what tradeoffs to make as the browser renders <path> element or basic shapes. The shape-rendering attribute provides these hints.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/shape-rendering)
   */
  "shape-rendering"?: string;

  /**
   * The stop-color attribute indicates what color to use at that gradient stop. The keyword currentColor and ICC colors can be specified in the same manner as within a <paint> specification for the fill and stroke attributes.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stop-color)
   */
  "stop-color"?: string;

  /**
   * The stop-opacity attribute defines the opacity of a given gradient stop.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stop-opacity)
   */
  "stop-opacity"?: string;

  /**
   * The stroke attribute defines the color of the outline on a given graphical element. The default value for the stroke attribute is none.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke)
   */
  stroke?: string;

  /**
   * the stroke-dasharray attribute controls the pattern of dashes and gaps used to stroke paths.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-dasharray)
   */
  "stroke-dasharray"?: string;

  /**
   * the stroke-dashoffset attribute specifies the distance into the dash pattern to start the dash.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-dashoffset)
   */
  "stroke-dashoffset"?: string;

  /**
   * the stroke-linecap attribute specifies the shape to be used at the end of open subpaths when they are stroked.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-linecap)
   */
  "stroke-linecap"?: string;

  /**
   * the stroke-linejoin attribute specifies the shape to be used at the corners of paths or basic shapes when they are stroked.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-linejoin)
   */
  "stroke-linejoin"?: string;

  /**
   * When two line segments meet at a sharp angle and miter joins have been specified for stroke-linejoin, it is possible for the miter to extend far beyond the thickness of the line stroking the path. The stroke-miterlimit imposes a limit on the ratio of the miter length to the stroke-width. When the limit is exceeded, the join is converted from a miter to a bevel.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-miterlimit)
   */
  "stroke-miterlimit"?: string;

  /**
   * the stroke-opacity attribute specifies the opacity of the outline on the current object. Its default value is 1.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-opacity)
   */
  "stroke-opacity"?: string;

  /**
   * the stroke-width attribute specifies the width of the outline on the current object. Its default value is 1. If a <percentage> is used, the value represents a percentage of the current viewport. If a value of 0 is used the outline will never be drawn.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-width)
   */
  "stroke-width"?: string;

  /**
   * The text-anchor attribute is used to align (start-, middle- or end-alignment) a string of text relative to a given point.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/text-anchor)
   */
  "text-anchor"?: string;

  /**
   * The text-decoration attribute works exactly like the css text decoration property except that it's an attribute. See css text decoration for further information.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/text-decoration)
   */
  "text-decoration"?: string;

  /**
   * The creator of SVG content might want to provide a hint about what tradeoffs to make as the browser renders text. The text-rendering attribute provides these hints.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/text-rendering)
   */
  "text-rendering"?: string;

  /**
   * The transform attribute defines a list of transform definitions that are applied to an element and the element's children. The items in the transform list are separated by whitespace and/or commas, and are applied from right to left.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/transform)
   */
  transform?: string;

  /**
   * The vector-effect property specifies the vector effect to use when drawing an object. Vector effects are applied before any of the other compositing operations, i.e. filters, masks and clips.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/vector-effect)
   */
  "vector-effect"?: string;

  /**
   * Depending on the value of attribute pointer-events, graphics elements which have their visibility attribute set to hidden still might receive events.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/visibility)
   */
  visibility?: string;

  /**
   * The word-spacing attribute specifies spacing behavior between words.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/word-spacing)
   */
  "word-spacing"?: string;

  /**
   * The writing-mode attribute specifies whether the initial inline-progression-direction for a <text> element shall be left-to-right, right-to-left, or top-to-bottom. The writing-mode attribute applies only to <text> elements; the attribute is ignored for <tspan>, <tref>, <altGlyph> and <textPath> sub-elements. (Note that the inline-progression-direction can change within a <text> element due to the Unicode bidirectional algorithm and properties direction and unicode-bidi.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/writing-mode)
   */
  "writing-mode"?: string;
}

interface FeBlend extends GlobalAttributes {
  /**
   * The alignment-baseline attribute specifies how an object is aligned with respect to its parent. This property specifies which baseline of this element is to be aligned with the corresponding baseline of the parent. For example, this allows alphabetic baselines in Roman text to stay aligned across font size changes. It defaults to the baseline with the same name as the computed value of the alignment-baseline property.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/alignment-baseline)
   */
  "alignment-baseline"?: string;

  /**
   * The baseline-shift attribute allows repositioning of the dominant-baseline relative to the dominant-baseline of the parent text content element. The shifted object might be a sub- or superscript.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/baseline-shift)
   */
  "baseline-shift"?: string;

  /**
   * The clip-path attribute binds the element it is applied to with a given <clipPath> element
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/clip-path)
   */
  "clip-path"?: string;

  /**
   * The clip-rule attribute only applies to graphics elements that are contained within a <clipPath> element. The clip-rule attribute basically works as the fill-rule attribute, except that it applies to <clipPath> definitions.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/clip-rule)
   */
  "clip-rule"?: string;

  /**
   * The color attribute is used to provide a potential indirect value (currentColor) for the fill, stroke, stop-color, flood-color and lighting-color attributes.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/color)
   */
  color?: string;

  /**
   * The color-interpolation attribute specifies the color space for gradient interpolations, color animations, and alpha compositing.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/color-interpolation)
   */
  "color-interpolation"?: string;

  /**
   * The color-interpolation-filters attribute specifies the color space for imaging operations performed via filter effects.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/color-interpolation-filters)
   */
  "color-interpolation-filters"?: string;

  /**
   * The color-profile attribute is used to define which color profile a raster image included through the <image> element should use.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/color-profile)
   */
  "color-profile"?: string;

  /**
   * The color-rendering attribute provides a hint to the SVG user agent about how to optimize its color interpolation and compositing operations.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/color-rendering)
   */
  "color-rendering"?: string;

  /**
   * The cursor attribute specifies the mouse cursor displayed when the mouse pointer is over an element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/cursor)
   */
  cursor?: string;

  /**
   * The direction attribute specifies the base writing direction of text and the direction of embeddings and overrides (see unicode-bidi) for the Unicode bidirectional algorithm. For the direction attribute to have any effect on an element that does not by itself establish a new text chunk (such as a <tspan> element without absolute position adjustments due to x or y attributes), the unicode-bidi property's value must be embed or bidi-override.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/direction)
   */
  direction?: string;

  /**
   * The display attribute lets you control the rendering of graphical or container elements.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/display)
   */
  display?: string;

  /**
   * The dominant-baseline attribute is used to determine or re-determine a scaled-baseline-table. A scaled-baseline-table is a compound value with three components: a baseline-identifier for the dominant-baseline, a baseline-table and a baseline-table font-size. Some values of the property re-determine all three values; other only re-establish the baseline-table font-size. When the initial value, auto, would give an undesired result, this property can be used to explicitly set the desire scaled-baseline-table.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/dominant-baseline)
   */
  "dominant-baseline"?: string;

  /**
   * The fill attribute has two meanings based on the context it's used.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/fill)
   */
  fill?: string;

  /**
   * This attribute specifies the opacity of the color or the content the current object is filled with.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/fill-opacity)
   */
  "fill-opacity"?: string;

  /**
   * The fill-rule attribute indicates how to determine what side of a path is inside a shape, to determine how the fill property paints the shape. For a simple, non-intersecting path, it is intuitively clear what region lies "inside"; however, for a more complex path, such as a path that intersects itself or where one subpath encloses another, the interpretation of "inside" is not so obvious.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/fill-rule)
   */
  "fill-rule"?: string;

  /**
   * The filter attribute defines the filter effects define by the <filter> element that shall be applied to its element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/filter)
   */
  filter?: string;

  /**
   * The flood-color attribute indicates what color to use to flood the current filter primitive subregion defined through the <feflood> element. The keyword currentColor and ICC colors can be specified in the same manner as within a <paint> specification for the fill and stroke attributes.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/flood-color)
   */
  "flood-color"?: string;

  /**
   * The flood-opacity attribute indicates the opacity value to use across the current filter primitive subregion defined through the <feflood> element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/flood-opacity)
   */
  "flood-opacity"?: string;

  /**
   * The font-family attribute indicates which font family will be used to render the text, specified as a prioritized list of font family names and/or generic family names.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-family)
   */
  "font-family"?: string;

  /**
   * The font-size attribute refers to the size of the font from baseline to baseline when multiple lines of text are set solid in a multiline layout environment. For SVG, if a <length> is provided without a unit identifier (e.g., an unqualified number such as 128), the browser processes the <length> as a height value in the current user coordinate system.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-size)
   */
  "font-size"?: string;

  /**
   * The font-size-adjust attribute allows authors to specify an aspect value for an element that will preserve the x-height of the first choice font in a substitute font.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-size-adjust)
   */
  "font-size-adjust"?: string;

  /**
   * The font-stretch attribute indicates the desired amount of condensing or expansion in the glyphs used to render the text.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-stretch)
   */
  "font-stretch"?: string;

  /**
   * The font-style attribute specifies whether the text is to be rendered using a normal, italic or oblique face.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-style)
   */
  "font-style"?: string;

  /**
   * The font-variant attribute indicates whether the text is to be rendered using the normal glyphs for lowercase characters or using small-caps glyphs for lowercase characters.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-variant)
   */
  "font-variant"?: string;

  /**
   * The font-weight attribute refers to the boldness or lightness of the glyphs used to render the text, relative to other fonts in the same font family.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-weight)
   */
  "font-weight"?: string;

  /**
   * This attribute indicates a vertical length in the user coordinate system. The exact effect of this coordinate depends on each element. Most of the time, it represents the height of the rectangular region of the reference element (see each individual element's documentation for exceptions).
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/height)
   */
  height?: number | string;

  /**
   * The image-rendering attribute provides a hint to the browser about how to make speed vs. quality tradeoffs as it performs image processing.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/image-rendering)
   */
  "image-rendering"?: string;

  /**
   * The in attribute identifies input for the given filter primitive.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/in)
   */
  in?: string;

  /**
   * The in2 attribute identifies the second input for the given filter primitive. It works exactly like the in attribute.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/in2)
   */
  in2?: string;

  /**
   * The kerning attribute indicates whether the browser should adjust inter-glyph spacing based on kerning tables that are included in the relevant font (i.e., enable auto-kerning) or instead disable auto-kerning and instead set inter-character spacing to a specific length (typically, zero).
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/kerning)
   */
  kerning?: string;

  /**
   * The letter-spacing attribute specifies spacing behavior between text characters supplemental to any spacing due to the kerning attribute.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/letter-spacing)
   */
  "letter-spacing"?: string;

  /**
   * The lighting-color attribute defines the color of the light source for filter primitives elements <fediffuselighting> and <fespecularlighting>.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/lighting-color)
   */
  "lighting-color"?: string;

  /**
   * The marker-end defines the arrowhead or polymarker that will be drawn at the final vertex of the given <path> element or basic shape. Note that for a <path> element which ends with a closed sub-path, the last vertex is the same as the initial vertex on the given sub-path. In this case, if marker-end does not equal none, then it is possible that two markers will be rendered on the given vertex. One way to prevent this is to set marker-end to none. (Note that the same comment applies to <polygon> elements.)
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/marker-end)
   */
  "marker-end"?: string;

  /**
   * The marker-mid defines the arrowhead or polymarker that shall be drawn at every vertex other than the first and last vertex of the given <path> element or basic shape.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/marker-mid)
   */
  "marker-mid"?: string;

  /**
   * The marker-start attribute defines the arrowhead or polymarker that will be drawn at the first vertex of the given <path> element or basic shape.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/marker-start)
   */
  "marker-start"?: string;

  /**
   * The mask attribute binds the element it is applied to with a given <mask> element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/mask)
   */
  mask?: string;

  /**
   * The mode attribute defines the blending mode on the <feblend> filter primitive.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/mode)
   */
  mode?: string;

  /**
   * The opacity attribute specifies the transparency of an object or of a group of objects, that is, the degree to which the background behind the element is overlaid.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/opacity)
   */
  opacity?: string;

  /**
   * The overflow attribute has the same parameter values as defined for the css overflow property.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/overflow)
   */
  overflow?: string;

  /**
   * The pointer-events attribute allows authors to control whether or when an element may be the target of a mouse event. This attribute is used to specify under which circumstance (if any) a mouse event should go "through" an element and target whatever is "underneath" that element instead.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/pointer-events)
   */
  "pointer-events"?: string;

  /**
   * The result attribute defines the assigned name for this filter primitive. If supplied, then graphics that result from processing this filter primitive can be referenced by an in attribute on a subsequent filter primitive within the same <filter> element. If no value is provided, the output will only be available for re-use as the implicit input into the next filter primitive if that filter primitive provides no value for its in attribute.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/result)
   */
  result?: string;

  /**
   * The creator of SVG content might want to provide a hint about what tradeoffs to make as the browser renders <path> element or basic shapes. The shape-rendering attribute provides these hints.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/shape-rendering)
   */
  "shape-rendering"?: string;

  /**
   * The stop-color attribute indicates what color to use at that gradient stop. The keyword currentColor and ICC colors can be specified in the same manner as within a <paint> specification for the fill and stroke attributes.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stop-color)
   */
  "stop-color"?: string;

  /**
   * The stop-opacity attribute defines the opacity of a given gradient stop.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stop-opacity)
   */
  "stop-opacity"?: string;

  /**
   * The stroke attribute defines the color of the outline on a given graphical element. The default value for the stroke attribute is none.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke)
   */
  stroke?: string;

  /**
   * the stroke-dasharray attribute controls the pattern of dashes and gaps used to stroke paths.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-dasharray)
   */
  "stroke-dasharray"?: string;

  /**
   * the stroke-dashoffset attribute specifies the distance into the dash pattern to start the dash.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-dashoffset)
   */
  "stroke-dashoffset"?: string;

  /**
   * the stroke-linecap attribute specifies the shape to be used at the end of open subpaths when they are stroked.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-linecap)
   */
  "stroke-linecap"?: string;

  /**
   * the stroke-linejoin attribute specifies the shape to be used at the corners of paths or basic shapes when they are stroked.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-linejoin)
   */
  "stroke-linejoin"?: string;

  /**
   * When two line segments meet at a sharp angle and miter joins have been specified for stroke-linejoin, it is possible for the miter to extend far beyond the thickness of the line stroking the path. The stroke-miterlimit imposes a limit on the ratio of the miter length to the stroke-width. When the limit is exceeded, the join is converted from a miter to a bevel.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-miterlimit)
   */
  "stroke-miterlimit"?: string;

  /**
   * the stroke-opacity attribute specifies the opacity of the outline on the current object. Its default value is 1.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-opacity)
   */
  "stroke-opacity"?: string;

  /**
   * the stroke-width attribute specifies the width of the outline on the current object. Its default value is 1. If a <percentage> is used, the value represents a percentage of the current viewport. If a value of 0 is used the outline will never be drawn.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-width)
   */
  "stroke-width"?: string;

  /**
   * The text-anchor attribute is used to align (start-, middle- or end-alignment) a string of text relative to a given point.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/text-anchor)
   */
  "text-anchor"?: string;

  /**
   * The text-decoration attribute works exactly like the css text decoration property except that it's an attribute. See css text decoration for further information.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/text-decoration)
   */
  "text-decoration"?: string;

  /**
   * The creator of SVG content might want to provide a hint about what tradeoffs to make as the browser renders text. The text-rendering attribute provides these hints.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/text-rendering)
   */
  "text-rendering"?: string;

  /**
   * The transform attribute defines a list of transform definitions that are applied to an element and the element's children. The items in the transform list are separated by whitespace and/or commas, and are applied from right to left.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/transform)
   */
  transform?: string;

  /**
   * The vector-effect property specifies the vector effect to use when drawing an object. Vector effects are applied before any of the other compositing operations, i.e. filters, masks and clips.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/vector-effect)
   */
  "vector-effect"?: string;

  /**
   * Depending on the value of attribute pointer-events, graphics elements which have their visibility attribute set to hidden still might receive events.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/visibility)
   */
  visibility?: string;

  /**
   * This attribute indicates an horizontal length in the user coordinate system. The exact effect of this coordinate depends on each element. Most of the time, it represents the width of the rectangular region of the reference element (see each individual element's documentation for exceptions).
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/width)
   */
  width?: number | string;

  /**
   * The word-spacing attribute specifies spacing behavior between words.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/word-spacing)
   */
  "word-spacing"?: string;

  /**
   * The writing-mode attribute specifies whether the initial inline-progression-direction for a <text> element shall be left-to-right, right-to-left, or top-to-bottom. The writing-mode attribute applies only to <text> elements; the attribute is ignored for <tspan>, <tref>, <altGlyph> and <textPath> sub-elements. (Note that the inline-progression-direction can change within a <text> element due to the Unicode bidirectional algorithm and properties direction and unicode-bidi.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/writing-mode)
   */
  "writing-mode"?: string;

  /**
   * This attribute indicates an x-axis coordinate in the user coordinate system. The exact effect of this coordinate depend on each element. Most of the time, it represent the x-axis coordinate of the upper-left corner of the rectangular region of the reference element (see each individual element's documentation for exceptions).Its syntax is the same as that for <length>
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/x)
   */
  x?: string;

  /**
   * This attribute indicates an y-axis coordinate in the user coordinate system. The exact effect of this coordinate depend on each element. Most of the time, it represent the x-axis coordinate of the upper-left corner of the rectangular region of the reference element (see each individual element's documentation for exceptions).Its syntax is the same as that for <length>
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/y)
   */
  y?: string;
}

interface FeColorMatrix extends GlobalAttributes {
  /**
   * The alignment-baseline attribute specifies how an object is aligned with respect to its parent. This property specifies which baseline of this element is to be aligned with the corresponding baseline of the parent. For example, this allows alphabetic baselines in Roman text to stay aligned across font size changes. It defaults to the baseline with the same name as the computed value of the alignment-baseline property.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/alignment-baseline)
   */
  "alignment-baseline"?: string;

  /**
   * The baseline-shift attribute allows repositioning of the dominant-baseline relative to the dominant-baseline of the parent text content element. The shifted object might be a sub- or superscript.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/baseline-shift)
   */
  "baseline-shift"?: string;

  /**
   * The clip-path attribute binds the element it is applied to with a given <clipPath> element
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/clip-path)
   */
  "clip-path"?: string;

  /**
   * The clip-rule attribute only applies to graphics elements that are contained within a <clipPath> element. The clip-rule attribute basically works as the fill-rule attribute, except that it applies to <clipPath> definitions.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/clip-rule)
   */
  "clip-rule"?: string;

  /**
   * The color attribute is used to provide a potential indirect value (currentColor) for the fill, stroke, stop-color, flood-color and lighting-color attributes.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/color)
   */
  color?: string;

  /**
   * The color-interpolation attribute specifies the color space for gradient interpolations, color animations, and alpha compositing.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/color-interpolation)
   */
  "color-interpolation"?: string;

  /**
   * The color-interpolation-filters attribute specifies the color space for imaging operations performed via filter effects.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/color-interpolation-filters)
   */
  "color-interpolation-filters"?: string;

  /**
   * The color-profile attribute is used to define which color profile a raster image included through the <image> element should use.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/color-profile)
   */
  "color-profile"?: string;

  /**
   * The color-rendering attribute provides a hint to the SVG user agent about how to optimize its color interpolation and compositing operations.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/color-rendering)
   */
  "color-rendering"?: string;

  /**
   * The cursor attribute specifies the mouse cursor displayed when the mouse pointer is over an element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/cursor)
   */
  cursor?: string;

  /**
   * The direction attribute specifies the base writing direction of text and the direction of embeddings and overrides (see unicode-bidi) for the Unicode bidirectional algorithm. For the direction attribute to have any effect on an element that does not by itself establish a new text chunk (such as a <tspan> element without absolute position adjustments due to x or y attributes), the unicode-bidi property's value must be embed or bidi-override.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/direction)
   */
  direction?: string;

  /**
   * The display attribute lets you control the rendering of graphical or container elements.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/display)
   */
  display?: string;

  /**
   * The dominant-baseline attribute is used to determine or re-determine a scaled-baseline-table. A scaled-baseline-table is a compound value with three components: a baseline-identifier for the dominant-baseline, a baseline-table and a baseline-table font-size. Some values of the property re-determine all three values; other only re-establish the baseline-table font-size. When the initial value, auto, would give an undesired result, this property can be used to explicitly set the desire scaled-baseline-table.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/dominant-baseline)
   */
  "dominant-baseline"?: string;

  /**
   * The fill attribute has two meanings based on the context it's used.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/fill)
   */
  fill?: string;

  /**
   * This attribute specifies the opacity of the color or the content the current object is filled with.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/fill-opacity)
   */
  "fill-opacity"?: string;

  /**
   * The fill-rule attribute indicates how to determine what side of a path is inside a shape, to determine how the fill property paints the shape. For a simple, non-intersecting path, it is intuitively clear what region lies "inside"; however, for a more complex path, such as a path that intersects itself or where one subpath encloses another, the interpretation of "inside" is not so obvious.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/fill-rule)
   */
  "fill-rule"?: string;

  /**
   * The filter attribute defines the filter effects define by the <filter> element that shall be applied to its element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/filter)
   */
  filter?: string;

  /**
   * The flood-color attribute indicates what color to use to flood the current filter primitive subregion defined through the <feflood> element. The keyword currentColor and ICC colors can be specified in the same manner as within a <paint> specification for the fill and stroke attributes.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/flood-color)
   */
  "flood-color"?: string;

  /**
   * The flood-opacity attribute indicates the opacity value to use across the current filter primitive subregion defined through the <feflood> element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/flood-opacity)
   */
  "flood-opacity"?: string;

  /**
   * The font-family attribute indicates which font family will be used to render the text, specified as a prioritized list of font family names and/or generic family names.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-family)
   */
  "font-family"?: string;

  /**
   * The font-size attribute refers to the size of the font from baseline to baseline when multiple lines of text are set solid in a multiline layout environment. For SVG, if a <length> is provided without a unit identifier (e.g., an unqualified number such as 128), the browser processes the <length> as a height value in the current user coordinate system.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-size)
   */
  "font-size"?: string;

  /**
   * The font-size-adjust attribute allows authors to specify an aspect value for an element that will preserve the x-height of the first choice font in a substitute font.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-size-adjust)
   */
  "font-size-adjust"?: string;

  /**
   * The font-stretch attribute indicates the desired amount of condensing or expansion in the glyphs used to render the text.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-stretch)
   */
  "font-stretch"?: string;

  /**
   * The font-style attribute specifies whether the text is to be rendered using a normal, italic or oblique face.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-style)
   */
  "font-style"?: string;

  /**
   * The font-variant attribute indicates whether the text is to be rendered using the normal glyphs for lowercase characters or using small-caps glyphs for lowercase characters.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-variant)
   */
  "font-variant"?: string;

  /**
   * The font-weight attribute refers to the boldness or lightness of the glyphs used to render the text, relative to other fonts in the same font family.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-weight)
   */
  "font-weight"?: string;

  /**
   * This attribute indicates a vertical length in the user coordinate system. The exact effect of this coordinate depends on each element. Most of the time, it represents the height of the rectangular region of the reference element (see each individual element's documentation for exceptions).
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/height)
   */
  height?: number | string;

  /**
   * The image-rendering attribute provides a hint to the browser about how to make speed vs. quality tradeoffs as it performs image processing.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/image-rendering)
   */
  "image-rendering"?: string;

  /**
   * The in attribute identifies input for the given filter primitive.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/in)
   */
  in?: string;

  /**
   * The kerning attribute indicates whether the browser should adjust inter-glyph spacing based on kerning tables that are included in the relevant font (i.e., enable auto-kerning) or instead disable auto-kerning and instead set inter-character spacing to a specific length (typically, zero).
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/kerning)
   */
  kerning?: string;

  /**
   * The letter-spacing attribute specifies spacing behavior between text characters supplemental to any spacing due to the kerning attribute.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/letter-spacing)
   */
  "letter-spacing"?: string;

  /**
   * The lighting-color attribute defines the color of the light source for filter primitives elements <fediffuselighting> and <fespecularlighting>.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/lighting-color)
   */
  "lighting-color"?: string;

  /**
   * The marker-end defines the arrowhead or polymarker that will be drawn at the final vertex of the given <path> element or basic shape. Note that for a <path> element which ends with a closed sub-path, the last vertex is the same as the initial vertex on the given sub-path. In this case, if marker-end does not equal none, then it is possible that two markers will be rendered on the given vertex. One way to prevent this is to set marker-end to none. (Note that the same comment applies to <polygon> elements.)
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/marker-end)
   */
  "marker-end"?: string;

  /**
   * The marker-mid defines the arrowhead or polymarker that shall be drawn at every vertex other than the first and last vertex of the given <path> element or basic shape.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/marker-mid)
   */
  "marker-mid"?: string;

  /**
   * The marker-start attribute defines the arrowhead or polymarker that will be drawn at the first vertex of the given <path> element or basic shape.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/marker-start)
   */
  "marker-start"?: string;

  /**
   * The mask attribute binds the element it is applied to with a given <mask> element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/mask)
   */
  mask?: string;

  /**
   * The opacity attribute specifies the transparency of an object or of a group of objects, that is, the degree to which the background behind the element is overlaid.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/opacity)
   */
  opacity?: string;

  /**
   * The overflow attribute has the same parameter values as defined for the css overflow property.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/overflow)
   */
  overflow?: string;

  /**
   * The pointer-events attribute allows authors to control whether or when an element may be the target of a mouse event. This attribute is used to specify under which circumstance (if any) a mouse event should go "through" an element and target whatever is "underneath" that element instead.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/pointer-events)
   */
  "pointer-events"?: string;

  /**
   * The result attribute defines the assigned name for this filter primitive. If supplied, then graphics that result from processing this filter primitive can be referenced by an in attribute on a subsequent filter primitive within the same <filter> element. If no value is provided, the output will only be available for re-use as the implicit input into the next filter primitive if that filter primitive provides no value for its in attribute.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/result)
   */
  result?: string;

  /**
   * The creator of SVG content might want to provide a hint about what tradeoffs to make as the browser renders <path> element or basic shapes. The shape-rendering attribute provides these hints.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/shape-rendering)
   */
  "shape-rendering"?: string;

  /**
   * The stop-color attribute indicates what color to use at that gradient stop. The keyword currentColor and ICC colors can be specified in the same manner as within a <paint> specification for the fill and stroke attributes.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stop-color)
   */
  "stop-color"?: string;

  /**
   * The stop-opacity attribute defines the opacity of a given gradient stop.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stop-opacity)
   */
  "stop-opacity"?: string;

  /**
   * The stroke attribute defines the color of the outline on a given graphical element. The default value for the stroke attribute is none.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke)
   */
  stroke?: string;

  /**
   * the stroke-dasharray attribute controls the pattern of dashes and gaps used to stroke paths.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-dasharray)
   */
  "stroke-dasharray"?: string;

  /**
   * the stroke-dashoffset attribute specifies the distance into the dash pattern to start the dash.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-dashoffset)
   */
  "stroke-dashoffset"?: string;

  /**
   * the stroke-linecap attribute specifies the shape to be used at the end of open subpaths when they are stroked.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-linecap)
   */
  "stroke-linecap"?: string;

  /**
   * the stroke-linejoin attribute specifies the shape to be used at the corners of paths or basic shapes when they are stroked.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-linejoin)
   */
  "stroke-linejoin"?: string;

  /**
   * When two line segments meet at a sharp angle and miter joins have been specified for stroke-linejoin, it is possible for the miter to extend far beyond the thickness of the line stroking the path. The stroke-miterlimit imposes a limit on the ratio of the miter length to the stroke-width. When the limit is exceeded, the join is converted from a miter to a bevel.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-miterlimit)
   */
  "stroke-miterlimit"?: string;

  /**
   * the stroke-opacity attribute specifies the opacity of the outline on the current object. Its default value is 1.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-opacity)
   */
  "stroke-opacity"?: string;

  /**
   * the stroke-width attribute specifies the width of the outline on the current object. Its default value is 1. If a <percentage> is used, the value represents a percentage of the current viewport. If a value of 0 is used the outline will never be drawn.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-width)
   */
  "stroke-width"?: string;

  /**
   * The text-anchor attribute is used to align (start-, middle- or end-alignment) a string of text relative to a given point.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/text-anchor)
   */
  "text-anchor"?: string;

  /**
   * The text-decoration attribute works exactly like the css text decoration property except that it's an attribute. See css text decoration for further information.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/text-decoration)
   */
  "text-decoration"?: string;

  /**
   * The creator of SVG content might want to provide a hint about what tradeoffs to make as the browser renders text. The text-rendering attribute provides these hints.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/text-rendering)
   */
  "text-rendering"?: string;

  /**
   * The transform attribute defines a list of transform definitions that are applied to an element and the element's children. The items in the transform list are separated by whitespace and/or commas, and are applied from right to left.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/transform)
   */
  transform?: string;

  /**
   * Is a generic attribute and it has different meaning based on the context in which it's used.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/type)
   */
  type?: string;

  /**
   * The value for the matrix type set in the type attribute.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/values)
   */
  values?: string;

  /**
   * The vector-effect property specifies the vector effect to use when drawing an object. Vector effects are applied before any of the other compositing operations, i.e. filters, masks and clips.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/vector-effect)
   */
  "vector-effect"?: string;

  /**
   * Depending on the value of attribute pointer-events, graphics elements which have their visibility attribute set to hidden still might receive events.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/visibility)
   */
  visibility?: string;

  /**
   * This attribute indicates an horizontal length in the user coordinate system. The exact effect of this coordinate depends on each element. Most of the time, it represents the width of the rectangular region of the reference element (see each individual element's documentation for exceptions).
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/width)
   */
  width?: number | string;

  /**
   * The word-spacing attribute specifies spacing behavior between words.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/word-spacing)
   */
  "word-spacing"?: string;

  /**
   * The writing-mode attribute specifies whether the initial inline-progression-direction for a <text> element shall be left-to-right, right-to-left, or top-to-bottom. The writing-mode attribute applies only to <text> elements; the attribute is ignored for <tspan>, <tref>, <altGlyph> and <textPath> sub-elements. (Note that the inline-progression-direction can change within a <text> element due to the Unicode bidirectional algorithm and properties direction and unicode-bidi.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/writing-mode)
   */
  "writing-mode"?: string;

  /**
   * This attribute indicates an x-axis coordinate in the user coordinate system. The exact effect of this coordinate depend on each element. Most of the time, it represent the x-axis coordinate of the upper-left corner of the rectangular region of the reference element (see each individual element's documentation for exceptions).Its syntax is the same as that for <length>
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/x)
   */
  x?: string;

  /**
   * This attribute indicates an y-axis coordinate in the user coordinate system. The exact effect of this coordinate depend on each element. Most of the time, it represent the x-axis coordinate of the upper-left corner of the rectangular region of the reference element (see each individual element's documentation for exceptions).Its syntax is the same as that for <length>
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/y)
   */
  y?: string;
}

interface FeComponentTransfer extends GlobalAttributes {
  /**
   * The alignment-baseline attribute specifies how an object is aligned with respect to its parent. This property specifies which baseline of this element is to be aligned with the corresponding baseline of the parent. For example, this allows alphabetic baselines in Roman text to stay aligned across font size changes. It defaults to the baseline with the same name as the computed value of the alignment-baseline property.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/alignment-baseline)
   */
  "alignment-baseline"?: string;

  /**
   * The baseline-shift attribute allows repositioning of the dominant-baseline relative to the dominant-baseline of the parent text content element. The shifted object might be a sub- or superscript.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/baseline-shift)
   */
  "baseline-shift"?: string;

  /**
   * The clip-path attribute binds the element it is applied to with a given <clipPath> element
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/clip-path)
   */
  "clip-path"?: string;

  /**
   * The clip-rule attribute only applies to graphics elements that are contained within a <clipPath> element. The clip-rule attribute basically works as the fill-rule attribute, except that it applies to <clipPath> definitions.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/clip-rule)
   */
  "clip-rule"?: string;

  /**
   * The color attribute is used to provide a potential indirect value (currentColor) for the fill, stroke, stop-color, flood-color and lighting-color attributes.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/color)
   */
  color?: string;

  /**
   * The color-interpolation attribute specifies the color space for gradient interpolations, color animations, and alpha compositing.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/color-interpolation)
   */
  "color-interpolation"?: string;

  /**
   * The color-interpolation-filters attribute specifies the color space for imaging operations performed via filter effects.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/color-interpolation-filters)
   */
  "color-interpolation-filters"?: string;

  /**
   * The color-profile attribute is used to define which color profile a raster image included through the <image> element should use.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/color-profile)
   */
  "color-profile"?: string;

  /**
   * The color-rendering attribute provides a hint to the SVG user agent about how to optimize its color interpolation and compositing operations.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/color-rendering)
   */
  "color-rendering"?: string;

  /**
   * The cursor attribute specifies the mouse cursor displayed when the mouse pointer is over an element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/cursor)
   */
  cursor?: string;

  /**
   * The direction attribute specifies the base writing direction of text and the direction of embeddings and overrides (see unicode-bidi) for the Unicode bidirectional algorithm. For the direction attribute to have any effect on an element that does not by itself establish a new text chunk (such as a <tspan> element without absolute position adjustments due to x or y attributes), the unicode-bidi property's value must be embed or bidi-override.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/direction)
   */
  direction?: string;

  /**
   * The display attribute lets you control the rendering of graphical or container elements.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/display)
   */
  display?: string;

  /**
   * The dominant-baseline attribute is used to determine or re-determine a scaled-baseline-table. A scaled-baseline-table is a compound value with three components: a baseline-identifier for the dominant-baseline, a baseline-table and a baseline-table font-size. Some values of the property re-determine all three values; other only re-establish the baseline-table font-size. When the initial value, auto, would give an undesired result, this property can be used to explicitly set the desire scaled-baseline-table.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/dominant-baseline)
   */
  "dominant-baseline"?: string;

  /**
   * The fill attribute has two meanings based on the context it's used.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/fill)
   */
  fill?: string;

  /**
   * This attribute specifies the opacity of the color or the content the current object is filled with.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/fill-opacity)
   */
  "fill-opacity"?: string;

  /**
   * The fill-rule attribute indicates how to determine what side of a path is inside a shape, to determine how the fill property paints the shape. For a simple, non-intersecting path, it is intuitively clear what region lies "inside"; however, for a more complex path, such as a path that intersects itself or where one subpath encloses another, the interpretation of "inside" is not so obvious.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/fill-rule)
   */
  "fill-rule"?: string;

  /**
   * The filter attribute defines the filter effects define by the <filter> element that shall be applied to its element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/filter)
   */
  filter?: string;

  /**
   * The flood-color attribute indicates what color to use to flood the current filter primitive subregion defined through the <feflood> element. The keyword currentColor and ICC colors can be specified in the same manner as within a <paint> specification for the fill and stroke attributes.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/flood-color)
   */
  "flood-color"?: string;

  /**
   * The flood-opacity attribute indicates the opacity value to use across the current filter primitive subregion defined through the <feflood> element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/flood-opacity)
   */
  "flood-opacity"?: string;

  /**
   * The font-family attribute indicates which font family will be used to render the text, specified as a prioritized list of font family names and/or generic family names.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-family)
   */
  "font-family"?: string;

  /**
   * The font-size attribute refers to the size of the font from baseline to baseline when multiple lines of text are set solid in a multiline layout environment. For SVG, if a <length> is provided without a unit identifier (e.g., an unqualified number such as 128), the browser processes the <length> as a height value in the current user coordinate system.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-size)
   */
  "font-size"?: string;

  /**
   * The font-size-adjust attribute allows authors to specify an aspect value for an element that will preserve the x-height of the first choice font in a substitute font.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-size-adjust)
   */
  "font-size-adjust"?: string;

  /**
   * The font-stretch attribute indicates the desired amount of condensing or expansion in the glyphs used to render the text.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-stretch)
   */
  "font-stretch"?: string;

  /**
   * The font-style attribute specifies whether the text is to be rendered using a normal, italic or oblique face.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-style)
   */
  "font-style"?: string;

  /**
   * The font-variant attribute indicates whether the text is to be rendered using the normal glyphs for lowercase characters or using small-caps glyphs for lowercase characters.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-variant)
   */
  "font-variant"?: string;

  /**
   * The font-weight attribute refers to the boldness or lightness of the glyphs used to render the text, relative to other fonts in the same font family.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-weight)
   */
  "font-weight"?: string;

  /**
   * This attribute indicates a vertical length in the user coordinate system. The exact effect of this coordinate depends on each element. Most of the time, it represents the height of the rectangular region of the reference element (see each individual element's documentation for exceptions).
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/height)
   */
  height?: number | string;

  /**
   * The image-rendering attribute provides a hint to the browser about how to make speed vs. quality tradeoffs as it performs image processing.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/image-rendering)
   */
  "image-rendering"?: string;

  /**
   * The in attribute identifies input for the given filter primitive.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/in)
   */
  in?: string;

  /**
   * The kerning attribute indicates whether the browser should adjust inter-glyph spacing based on kerning tables that are included in the relevant font (i.e., enable auto-kerning) or instead disable auto-kerning and instead set inter-character spacing to a specific length (typically, zero).
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/kerning)
   */
  kerning?: string;

  /**
   * The letter-spacing attribute specifies spacing behavior between text characters supplemental to any spacing due to the kerning attribute.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/letter-spacing)
   */
  "letter-spacing"?: string;

  /**
   * The lighting-color attribute defines the color of the light source for filter primitives elements <fediffuselighting> and <fespecularlighting>.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/lighting-color)
   */
  "lighting-color"?: string;

  /**
   * The marker-end defines the arrowhead or polymarker that will be drawn at the final vertex of the given <path> element or basic shape. Note that for a <path> element which ends with a closed sub-path, the last vertex is the same as the initial vertex on the given sub-path. In this case, if marker-end does not equal none, then it is possible that two markers will be rendered on the given vertex. One way to prevent this is to set marker-end to none. (Note that the same comment applies to <polygon> elements.)
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/marker-end)
   */
  "marker-end"?: string;

  /**
   * The marker-mid defines the arrowhead or polymarker that shall be drawn at every vertex other than the first and last vertex of the given <path> element or basic shape.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/marker-mid)
   */
  "marker-mid"?: string;

  /**
   * The marker-start attribute defines the arrowhead or polymarker that will be drawn at the first vertex of the given <path> element or basic shape.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/marker-start)
   */
  "marker-start"?: string;

  /**
   * The mask attribute binds the element it is applied to with a given <mask> element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/mask)
   */
  mask?: string;

  /**
   * The opacity attribute specifies the transparency of an object or of a group of objects, that is, the degree to which the background behind the element is overlaid.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/opacity)
   */
  opacity?: string;

  /**
   * The overflow attribute has the same parameter values as defined for the css overflow property.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/overflow)
   */
  overflow?: string;

  /**
   * The pointer-events attribute allows authors to control whether or when an element may be the target of a mouse event. This attribute is used to specify under which circumstance (if any) a mouse event should go "through" an element and target whatever is "underneath" that element instead.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/pointer-events)
   */
  "pointer-events"?: string;

  /**
   * The result attribute defines the assigned name for this filter primitive. If supplied, then graphics that result from processing this filter primitive can be referenced by an in attribute on a subsequent filter primitive within the same <filter> element. If no value is provided, the output will only be available for re-use as the implicit input into the next filter primitive if that filter primitive provides no value for its in attribute.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/result)
   */
  result?: string;

  /**
   * The creator of SVG content might want to provide a hint about what tradeoffs to make as the browser renders <path> element or basic shapes. The shape-rendering attribute provides these hints.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/shape-rendering)
   */
  "shape-rendering"?: string;

  /**
   * The stop-color attribute indicates what color to use at that gradient stop. The keyword currentColor and ICC colors can be specified in the same manner as within a <paint> specification for the fill and stroke attributes.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stop-color)
   */
  "stop-color"?: string;

  /**
   * The stop-opacity attribute defines the opacity of a given gradient stop.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stop-opacity)
   */
  "stop-opacity"?: string;

  /**
   * The stroke attribute defines the color of the outline on a given graphical element. The default value for the stroke attribute is none.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke)
   */
  stroke?: string;

  /**
   * the stroke-dasharray attribute controls the pattern of dashes and gaps used to stroke paths.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-dasharray)
   */
  "stroke-dasharray"?: string;

  /**
   * the stroke-dashoffset attribute specifies the distance into the dash pattern to start the dash.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-dashoffset)
   */
  "stroke-dashoffset"?: string;

  /**
   * the stroke-linecap attribute specifies the shape to be used at the end of open subpaths when they are stroked.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-linecap)
   */
  "stroke-linecap"?: string;

  /**
   * the stroke-linejoin attribute specifies the shape to be used at the corners of paths or basic shapes when they are stroked.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-linejoin)
   */
  "stroke-linejoin"?: string;

  /**
   * When two line segments meet at a sharp angle and miter joins have been specified for stroke-linejoin, it is possible for the miter to extend far beyond the thickness of the line stroking the path. The stroke-miterlimit imposes a limit on the ratio of the miter length to the stroke-width. When the limit is exceeded, the join is converted from a miter to a bevel.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-miterlimit)
   */
  "stroke-miterlimit"?: string;

  /**
   * the stroke-opacity attribute specifies the opacity of the outline on the current object. Its default value is 1.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-opacity)
   */
  "stroke-opacity"?: string;

  /**
   * the stroke-width attribute specifies the width of the outline on the current object. Its default value is 1. If a <percentage> is used, the value represents a percentage of the current viewport. If a value of 0 is used the outline will never be drawn.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-width)
   */
  "stroke-width"?: string;

  /**
   * The text-anchor attribute is used to align (start-, middle- or end-alignment) a string of text relative to a given point.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/text-anchor)
   */
  "text-anchor"?: string;

  /**
   * The text-decoration attribute works exactly like the css text decoration property except that it's an attribute. See css text decoration for further information.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/text-decoration)
   */
  "text-decoration"?: string;

  /**
   * The creator of SVG content might want to provide a hint about what tradeoffs to make as the browser renders text. The text-rendering attribute provides these hints.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/text-rendering)
   */
  "text-rendering"?: string;

  /**
   * The transform attribute defines a list of transform definitions that are applied to an element and the element's children. The items in the transform list are separated by whitespace and/or commas, and are applied from right to left.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/transform)
   */
  transform?: string;

  /**
   * The vector-effect property specifies the vector effect to use when drawing an object. Vector effects are applied before any of the other compositing operations, i.e. filters, masks and clips.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/vector-effect)
   */
  "vector-effect"?: string;

  /**
   * Depending on the value of attribute pointer-events, graphics elements which have their visibility attribute set to hidden still might receive events.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/visibility)
   */
  visibility?: string;

  /**
   * This attribute indicates an horizontal length in the user coordinate system. The exact effect of this coordinate depends on each element. Most of the time, it represents the width of the rectangular region of the reference element (see each individual element's documentation for exceptions).
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/width)
   */
  width?: number | string;

  /**
   * The word-spacing attribute specifies spacing behavior between words.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/word-spacing)
   */
  "word-spacing"?: string;

  /**
   * The writing-mode attribute specifies whether the initial inline-progression-direction for a <text> element shall be left-to-right, right-to-left, or top-to-bottom. The writing-mode attribute applies only to <text> elements; the attribute is ignored for <tspan>, <tref>, <altGlyph> and <textPath> sub-elements. (Note that the inline-progression-direction can change within a <text> element due to the Unicode bidirectional algorithm and properties direction and unicode-bidi.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/writing-mode)
   */
  "writing-mode"?: string;

  /**
   * This attribute indicates an x-axis coordinate in the user coordinate system. The exact effect of this coordinate depend on each element. Most of the time, it represent the x-axis coordinate of the upper-left corner of the rectangular region of the reference element (see each individual element's documentation for exceptions).Its syntax is the same as that for <length>
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/x)
   */
  x?: string;

  /**
   * This attribute indicates an y-axis coordinate in the user coordinate system. The exact effect of this coordinate depend on each element. Most of the time, it represent the x-axis coordinate of the upper-left corner of the rectangular region of the reference element (see each individual element's documentation for exceptions).Its syntax is the same as that for <length>
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/y)
   */
  y?: string;
}

interface FeComposite extends GlobalAttributes {
  /**
   * The alignment-baseline attribute specifies how an object is aligned with respect to its parent. This property specifies which baseline of this element is to be aligned with the corresponding baseline of the parent. For example, this allows alphabetic baselines in Roman text to stay aligned across font size changes. It defaults to the baseline with the same name as the computed value of the alignment-baseline property.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/alignment-baseline)
   */
  "alignment-baseline"?: string;

  /**
   * The baseline-shift attribute allows repositioning of the dominant-baseline relative to the dominant-baseline of the parent text content element. The shifted object might be a sub- or superscript.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/baseline-shift)
   */
  "baseline-shift"?: string;

  /**
   * The clip-path attribute binds the element it is applied to with a given <clipPath> element
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/clip-path)
   */
  "clip-path"?: string;

  /**
   * The clip-rule attribute only applies to graphics elements that are contained within a <clipPath> element. The clip-rule attribute basically works as the fill-rule attribute, except that it applies to <clipPath> definitions.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/clip-rule)
   */
  "clip-rule"?: string;

  /**
   * The color attribute is used to provide a potential indirect value (currentColor) for the fill, stroke, stop-color, flood-color and lighting-color attributes.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/color)
   */
  color?: string;

  /**
   * The color-interpolation attribute specifies the color space for gradient interpolations, color animations, and alpha compositing.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/color-interpolation)
   */
  "color-interpolation"?: string;

  /**
   * The color-interpolation-filters attribute specifies the color space for imaging operations performed via filter effects.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/color-interpolation-filters)
   */
  "color-interpolation-filters"?: string;

  /**
   * The color-profile attribute is used to define which color profile a raster image included through the <image> element should use.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/color-profile)
   */
  "color-profile"?: string;

  /**
   * The color-rendering attribute provides a hint to the SVG user agent about how to optimize its color interpolation and compositing operations.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/color-rendering)
   */
  "color-rendering"?: string;

  /**
   * The cursor attribute specifies the mouse cursor displayed when the mouse pointer is over an element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/cursor)
   */
  cursor?: string;

  /**
   * The direction attribute specifies the base writing direction of text and the direction of embeddings and overrides (see unicode-bidi) for the Unicode bidirectional algorithm. For the direction attribute to have any effect on an element that does not by itself establish a new text chunk (such as a <tspan> element without absolute position adjustments due to x or y attributes), the unicode-bidi property's value must be embed or bidi-override.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/direction)
   */
  direction?: string;

  /**
   * The display attribute lets you control the rendering of graphical or container elements.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/display)
   */
  display?: string;

  /**
   * The dominant-baseline attribute is used to determine or re-determine a scaled-baseline-table. A scaled-baseline-table is a compound value with three components: a baseline-identifier for the dominant-baseline, a baseline-table and a baseline-table font-size. Some values of the property re-determine all three values; other only re-establish the baseline-table font-size. When the initial value, auto, would give an undesired result, this property can be used to explicitly set the desire scaled-baseline-table.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/dominant-baseline)
   */
  "dominant-baseline"?: string;

  /**
   * The fill attribute has two meanings based on the context it's used.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/fill)
   */
  fill?: string;

  /**
   * This attribute specifies the opacity of the color or the content the current object is filled with.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/fill-opacity)
   */
  "fill-opacity"?: string;

  /**
   * The fill-rule attribute indicates how to determine what side of a path is inside a shape, to determine how the fill property paints the shape. For a simple, non-intersecting path, it is intuitively clear what region lies "inside"; however, for a more complex path, such as a path that intersects itself or where one subpath encloses another, the interpretation of "inside" is not so obvious.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/fill-rule)
   */
  "fill-rule"?: string;

  /**
   * The filter attribute defines the filter effects define by the <filter> element that shall be applied to its element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/filter)
   */
  filter?: string;

  /**
   * The flood-color attribute indicates what color to use to flood the current filter primitive subregion defined through the <feflood> element. The keyword currentColor and ICC colors can be specified in the same manner as within a <paint> specification for the fill and stroke attributes.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/flood-color)
   */
  "flood-color"?: string;

  /**
   * The flood-opacity attribute indicates the opacity value to use across the current filter primitive subregion defined through the <feflood> element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/flood-opacity)
   */
  "flood-opacity"?: string;

  /**
   * The font-family attribute indicates which font family will be used to render the text, specified as a prioritized list of font family names and/or generic family names.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-family)
   */
  "font-family"?: string;

  /**
   * The font-size attribute refers to the size of the font from baseline to baseline when multiple lines of text are set solid in a multiline layout environment. For SVG, if a <length> is provided without a unit identifier (e.g., an unqualified number such as 128), the browser processes the <length> as a height value in the current user coordinate system.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-size)
   */
  "font-size"?: string;

  /**
   * The font-size-adjust attribute allows authors to specify an aspect value for an element that will preserve the x-height of the first choice font in a substitute font.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-size-adjust)
   */
  "font-size-adjust"?: string;

  /**
   * The font-stretch attribute indicates the desired amount of condensing or expansion in the glyphs used to render the text.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-stretch)
   */
  "font-stretch"?: string;

  /**
   * The font-style attribute specifies whether the text is to be rendered using a normal, italic or oblique face.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-style)
   */
  "font-style"?: string;

  /**
   * The font-variant attribute indicates whether the text is to be rendered using the normal glyphs for lowercase characters or using small-caps glyphs for lowercase characters.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-variant)
   */
  "font-variant"?: string;

  /**
   * The font-weight attribute refers to the boldness or lightness of the glyphs used to render the text, relative to other fonts in the same font family.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-weight)
   */
  "font-weight"?: string;

  /**
   * This attribute indicates a vertical length in the user coordinate system. The exact effect of this coordinate depends on each element. Most of the time, it represents the height of the rectangular region of the reference element (see each individual element's documentation for exceptions).
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/height)
   */
  height?: number | string;

  /**
   * The image-rendering attribute provides a hint to the browser about how to make speed vs. quality tradeoffs as it performs image processing.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/image-rendering)
   */
  "image-rendering"?: string;

  /**
   * The in attribute identifies input for the given filter primitive.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/in)
   */
  in?: string;

  /**
   * The in2 attribute identifies the second input for the given filter primitive. It works exactly like the in attribute.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/in2)
   */
  in2?: string;

  /**
   * The k1 attribute defines one of the value to be used within the the arithmetic operation of the <fecomposite> filter primitive. If this attribute is not set, its default value is 0.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/k1)
   */
  k1?: string;

  /**
   * The k1 attribute defines one of the value to be used within the the arithmetic operation of the <fecomposite> filter primitive. If this attribute is not set, its default value is 0.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/k2)
   */
  k2?: string;

  /**
   * The k1 attribute defines one of the value to be used within the the arithmetic operation of the <fecomposite> filter primitive. If this attribute is not set, its default value is 0.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/k3)
   */
  k3?: string;

  /**
   * The k1 attribute defines one of the value to be used within the the arithmetic operation of the <fecomposite> filter primitive. If this attribute is not set, its default value is 0.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/k4)
   */
  k4?: string;

  /**
   * The kerning attribute indicates whether the browser should adjust inter-glyph spacing based on kerning tables that are included in the relevant font (i.e., enable auto-kerning) or instead disable auto-kerning and instead set inter-character spacing to a specific length (typically, zero).
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/kerning)
   */
  kerning?: string;

  /**
   * The letter-spacing attribute specifies spacing behavior between text characters supplemental to any spacing due to the kerning attribute.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/letter-spacing)
   */
  "letter-spacing"?: string;

  /**
   * The lighting-color attribute defines the color of the light source for filter primitives elements <fediffuselighting> and <fespecularlighting>.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/lighting-color)
   */
  "lighting-color"?: string;

  /**
   * The marker-end defines the arrowhead or polymarker that will be drawn at the final vertex of the given <path> element or basic shape. Note that for a <path> element which ends with a closed sub-path, the last vertex is the same as the initial vertex on the given sub-path. In this case, if marker-end does not equal none, then it is possible that two markers will be rendered on the given vertex. One way to prevent this is to set marker-end to none. (Note that the same comment applies to <polygon> elements.)
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/marker-end)
   */
  "marker-end"?: string;

  /**
   * The marker-mid defines the arrowhead or polymarker that shall be drawn at every vertex other than the first and last vertex of the given <path> element or basic shape.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/marker-mid)
   */
  "marker-mid"?: string;

  /**
   * The marker-start attribute defines the arrowhead or polymarker that will be drawn at the first vertex of the given <path> element or basic shape.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/marker-start)
   */
  "marker-start"?: string;

  /**
   * The mask attribute binds the element it is applied to with a given <mask> element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/mask)
   */
  mask?: string;

  /**
   * The opacity attribute specifies the transparency of an object or of a group of objects, that is, the degree to which the background behind the element is overlaid.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/opacity)
   */
  opacity?: string;

  /**
   * The operator attribute as two meaning based on the context it's used.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/operator)
   */
  operator?: string;

  /**
   * The overflow attribute has the same parameter values as defined for the css overflow property.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/overflow)
   */
  overflow?: string;

  /**
   * The pointer-events attribute allows authors to control whether or when an element may be the target of a mouse event. This attribute is used to specify under which circumstance (if any) a mouse event should go "through" an element and target whatever is "underneath" that element instead.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/pointer-events)
   */
  "pointer-events"?: string;

  /**
   * The result attribute defines the assigned name for this filter primitive. If supplied, then graphics that result from processing this filter primitive can be referenced by an in attribute on a subsequent filter primitive within the same <filter> element. If no value is provided, the output will only be available for re-use as the implicit input into the next filter primitive if that filter primitive provides no value for its in attribute.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/result)
   */
  result?: string;

  /**
   * The creator of SVG content might want to provide a hint about what tradeoffs to make as the browser renders <path> element or basic shapes. The shape-rendering attribute provides these hints.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/shape-rendering)
   */
  "shape-rendering"?: string;

  /**
   * The stop-color attribute indicates what color to use at that gradient stop. The keyword currentColor and ICC colors can be specified in the same manner as within a <paint> specification for the fill and stroke attributes.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stop-color)
   */
  "stop-color"?: string;

  /**
   * The stop-opacity attribute defines the opacity of a given gradient stop.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stop-opacity)
   */
  "stop-opacity"?: string;

  /**
   * The stroke attribute defines the color of the outline on a given graphical element. The default value for the stroke attribute is none.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke)
   */
  stroke?: string;

  /**
   * the stroke-dasharray attribute controls the pattern of dashes and gaps used to stroke paths.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-dasharray)
   */
  "stroke-dasharray"?: string;

  /**
   * the stroke-dashoffset attribute specifies the distance into the dash pattern to start the dash.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-dashoffset)
   */
  "stroke-dashoffset"?: string;

  /**
   * the stroke-linecap attribute specifies the shape to be used at the end of open subpaths when they are stroked.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-linecap)
   */
  "stroke-linecap"?: string;

  /**
   * the stroke-linejoin attribute specifies the shape to be used at the corners of paths or basic shapes when they are stroked.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-linejoin)
   */
  "stroke-linejoin"?: string;

  /**
   * When two line segments meet at a sharp angle and miter joins have been specified for stroke-linejoin, it is possible for the miter to extend far beyond the thickness of the line stroking the path. The stroke-miterlimit imposes a limit on the ratio of the miter length to the stroke-width. When the limit is exceeded, the join is converted from a miter to a bevel.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-miterlimit)
   */
  "stroke-miterlimit"?: string;

  /**
   * the stroke-opacity attribute specifies the opacity of the outline on the current object. Its default value is 1.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-opacity)
   */
  "stroke-opacity"?: string;

  /**
   * the stroke-width attribute specifies the width of the outline on the current object. Its default value is 1. If a <percentage> is used, the value represents a percentage of the current viewport. If a value of 0 is used the outline will never be drawn.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-width)
   */
  "stroke-width"?: string;

  /**
   * The text-anchor attribute is used to align (start-, middle- or end-alignment) a string of text relative to a given point.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/text-anchor)
   */
  "text-anchor"?: string;

  /**
   * The text-decoration attribute works exactly like the css text decoration property except that it's an attribute. See css text decoration for further information.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/text-decoration)
   */
  "text-decoration"?: string;

  /**
   * The creator of SVG content might want to provide a hint about what tradeoffs to make as the browser renders text. The text-rendering attribute provides these hints.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/text-rendering)
   */
  "text-rendering"?: string;

  /**
   * The transform attribute defines a list of transform definitions that are applied to an element and the element's children. The items in the transform list are separated by whitespace and/or commas, and are applied from right to left.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/transform)
   */
  transform?: string;

  /**
   * The vector-effect property specifies the vector effect to use when drawing an object. Vector effects are applied before any of the other compositing operations, i.e. filters, masks and clips.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/vector-effect)
   */
  "vector-effect"?: string;

  /**
   * Depending on the value of attribute pointer-events, graphics elements which have their visibility attribute set to hidden still might receive events.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/visibility)
   */
  visibility?: string;

  /**
   * This attribute indicates an horizontal length in the user coordinate system. The exact effect of this coordinate depends on each element. Most of the time, it represents the width of the rectangular region of the reference element (see each individual element's documentation for exceptions).
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/width)
   */
  width?: number | string;

  /**
   * The word-spacing attribute specifies spacing behavior between words.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/word-spacing)
   */
  "word-spacing"?: string;

  /**
   * The writing-mode attribute specifies whether the initial inline-progression-direction for a <text> element shall be left-to-right, right-to-left, or top-to-bottom. The writing-mode attribute applies only to <text> elements; the attribute is ignored for <tspan>, <tref>, <altGlyph> and <textPath> sub-elements. (Note that the inline-progression-direction can change within a <text> element due to the Unicode bidirectional algorithm and properties direction and unicode-bidi.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/writing-mode)
   */
  "writing-mode"?: string;

  /**
   * This attribute indicates an x-axis coordinate in the user coordinate system. The exact effect of this coordinate depend on each element. Most of the time, it represent the x-axis coordinate of the upper-left corner of the rectangular region of the reference element (see each individual element's documentation for exceptions).Its syntax is the same as that for <length>
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/x)
   */
  x?: string;

  /**
   * This attribute indicates an y-axis coordinate in the user coordinate system. The exact effect of this coordinate depend on each element. Most of the time, it represent the x-axis coordinate of the upper-left corner of the rectangular region of the reference element (see each individual element's documentation for exceptions).Its syntax is the same as that for <length>
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/y)
   */
  y?: string;
}

interface FeConvolveMatrix extends GlobalAttributes {
  /**
   * The alignment-baseline attribute specifies how an object is aligned with respect to its parent. This property specifies which baseline of this element is to be aligned with the corresponding baseline of the parent. For example, this allows alphabetic baselines in Roman text to stay aligned across font size changes. It defaults to the baseline with the same name as the computed value of the alignment-baseline property.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/alignment-baseline)
   */
  "alignment-baseline"?: string;

  /**
   * The baseline-shift attribute allows repositioning of the dominant-baseline relative to the dominant-baseline of the parent text content element. The shifted object might be a sub- or superscript.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/baseline-shift)
   */
  "baseline-shift"?: string;

  /**
   * The bias attribute shifts the range of the filter. After applying the kernelMatrix of the <feconvolvematrix> element to the input image to yield a number and applied the divisor attribute, the bias attribute is added to each component. This allows representation of values that would otherwise be clamped to 0 or 1.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/bias)
   */
  bias?: string;

  /**
   * The clip-path attribute binds the element it is applied to with a given <clipPath> element
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/clip-path)
   */
  "clip-path"?: string;

  /**
   * The clip-rule attribute only applies to graphics elements that are contained within a <clipPath> element. The clip-rule attribute basically works as the fill-rule attribute, except that it applies to <clipPath> definitions.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/clip-rule)
   */
  "clip-rule"?: string;

  /**
   * The color attribute is used to provide a potential indirect value (currentColor) for the fill, stroke, stop-color, flood-color and lighting-color attributes.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/color)
   */
  color?: string;

  /**
   * The color-interpolation attribute specifies the color space for gradient interpolations, color animations, and alpha compositing.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/color-interpolation)
   */
  "color-interpolation"?: string;

  /**
   * The color-interpolation-filters attribute specifies the color space for imaging operations performed via filter effects.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/color-interpolation-filters)
   */
  "color-interpolation-filters"?: string;

  /**
   * The color-profile attribute is used to define which color profile a raster image included through the <image> element should use.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/color-profile)
   */
  "color-profile"?: string;

  /**
   * The color-rendering attribute provides a hint to the SVG user agent about how to optimize its color interpolation and compositing operations.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/color-rendering)
   */
  "color-rendering"?: string;

  /**
   * The cursor attribute specifies the mouse cursor displayed when the mouse pointer is over an element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/cursor)
   */
  cursor?: string;

  /**
   * The direction attribute specifies the base writing direction of text and the direction of embeddings and overrides (see unicode-bidi) for the Unicode bidirectional algorithm. For the direction attribute to have any effect on an element that does not by itself establish a new text chunk (such as a <tspan> element without absolute position adjustments due to x or y attributes), the unicode-bidi property's value must be embed or bidi-override.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/direction)
   */
  direction?: string;

  /**
   * The display attribute lets you control the rendering of graphical or container elements.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/display)
   */
  display?: string;

  /**
   * After applying the kernelMatrix of the <feconvolvematrix> element to the input image to yield a number, that number is divided by the value given to the divisor attribute to yield the final destination color value. A divisor that is the sum of all the matrix values tends to have an evening effect on the overall color intensity of the result.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/divisor)
   */
  divisor?: string;

  /**
   * The dominant-baseline attribute is used to determine or re-determine a scaled-baseline-table. A scaled-baseline-table is a compound value with three components: a baseline-identifier for the dominant-baseline, a baseline-table and a baseline-table font-size. Some values of the property re-determine all three values; other only re-establish the baseline-table font-size. When the initial value, auto, would give an undesired result, this property can be used to explicitly set the desire scaled-baseline-table.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/dominant-baseline)
   */
  "dominant-baseline"?: string;

  /**
   * The edgeMode attribute determines how to extend the input image as necessary with color values so that the matrix operations can be applied when the kernel is positioned at or near the edge of the input image.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/edgeMode)
   */
  edgeMode?: string;

  /**
   * The fill attribute has two meanings based on the context it's used.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/fill)
   */
  fill?: string;

  /**
   * This attribute specifies the opacity of the color or the content the current object is filled with.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/fill-opacity)
   */
  "fill-opacity"?: string;

  /**
   * The fill-rule attribute indicates how to determine what side of a path is inside a shape, to determine how the fill property paints the shape. For a simple, non-intersecting path, it is intuitively clear what region lies "inside"; however, for a more complex path, such as a path that intersects itself or where one subpath encloses another, the interpretation of "inside" is not so obvious.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/fill-rule)
   */
  "fill-rule"?: string;

  /**
   * The filter attribute defines the filter effects define by the <filter> element that shall be applied to its element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/filter)
   */
  filter?: string;

  /**
   * The flood-color attribute indicates what color to use to flood the current filter primitive subregion defined through the <feflood> element. The keyword currentColor and ICC colors can be specified in the same manner as within a <paint> specification for the fill and stroke attributes.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/flood-color)
   */
  "flood-color"?: string;

  /**
   * The flood-opacity attribute indicates the opacity value to use across the current filter primitive subregion defined through the <feflood> element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/flood-opacity)
   */
  "flood-opacity"?: string;

  /**
   * The font-family attribute indicates which font family will be used to render the text, specified as a prioritized list of font family names and/or generic family names.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-family)
   */
  "font-family"?: string;

  /**
   * The font-size attribute refers to the size of the font from baseline to baseline when multiple lines of text are set solid in a multiline layout environment. For SVG, if a <length> is provided without a unit identifier (e.g., an unqualified number such as 128), the browser processes the <length> as a height value in the current user coordinate system.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-size)
   */
  "font-size"?: string;

  /**
   * The font-size-adjust attribute allows authors to specify an aspect value for an element that will preserve the x-height of the first choice font in a substitute font.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-size-adjust)
   */
  "font-size-adjust"?: string;

  /**
   * The font-stretch attribute indicates the desired amount of condensing or expansion in the glyphs used to render the text.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-stretch)
   */
  "font-stretch"?: string;

  /**
   * The font-style attribute specifies whether the text is to be rendered using a normal, italic or oblique face.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-style)
   */
  "font-style"?: string;

  /**
   * The font-variant attribute indicates whether the text is to be rendered using the normal glyphs for lowercase characters or using small-caps glyphs for lowercase characters.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-variant)
   */
  "font-variant"?: string;

  /**
   * The font-weight attribute refers to the boldness or lightness of the glyphs used to render the text, relative to other fonts in the same font family.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-weight)
   */
  "font-weight"?: string;

  /**
   * This attribute indicates a vertical length in the user coordinate system. The exact effect of this coordinate depends on each element. Most of the time, it represents the height of the rectangular region of the reference element (see each individual element's documentation for exceptions).
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/height)
   */
  height?: number | string;

  /**
   * The image-rendering attribute provides a hint to the browser about how to make speed vs. quality tradeoffs as it performs image processing.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/image-rendering)
   */
  "image-rendering"?: string;

  /**
   * The in attribute identifies input for the given filter primitive.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/in)
   */
  in?: string;

  /**
   * the order attribute defines the list of <number>s that make up the kernel matrix for the <feconvolvematrix> element. Values are separated by space characters and/or a comma. The number of entries in the list must equal to <orderX> by <orderY> as defined in the order attribute.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/kernelMatrix)
   */
  kernelMatrix?: string;

  /**
   * The kernelUnitLength attribute has two meaning based on the context it's used.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/kernelUnitLength)
   */
  kernelUnitLength?: string;

  /**
   * The kerning attribute indicates whether the browser should adjust inter-glyph spacing based on kerning tables that are included in the relevant font (i.e., enable auto-kerning) or instead disable auto-kerning and instead set inter-character spacing to a specific length (typically, zero).
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/kerning)
   */
  kerning?: string;

  /**
   * The letter-spacing attribute specifies spacing behavior between text characters supplemental to any spacing due to the kerning attribute.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/letter-spacing)
   */
  "letter-spacing"?: string;

  /**
   * The lighting-color attribute defines the color of the light source for filter primitives elements <fediffuselighting> and <fespecularlighting>.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/lighting-color)
   */
  "lighting-color"?: string;

  /**
   * The marker-end defines the arrowhead or polymarker that will be drawn at the final vertex of the given <path> element or basic shape. Note that for a <path> element which ends with a closed sub-path, the last vertex is the same as the initial vertex on the given sub-path. In this case, if marker-end does not equal none, then it is possible that two markers will be rendered on the given vertex. One way to prevent this is to set marker-end to none. (Note that the same comment applies to <polygon> elements.)
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/marker-end)
   */
  "marker-end"?: string;

  /**
   * The marker-mid defines the arrowhead or polymarker that shall be drawn at every vertex other than the first and last vertex of the given <path> element or basic shape.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/marker-mid)
   */
  "marker-mid"?: string;

  /**
   * The marker-start attribute defines the arrowhead or polymarker that will be drawn at the first vertex of the given <path> element or basic shape.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/marker-start)
   */
  "marker-start"?: string;

  /**
   * The mask attribute binds the element it is applied to with a given <mask> element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/mask)
   */
  mask?: string;

  /**
   * The opacity attribute specifies the transparency of an object or of a group of objects, that is, the degree to which the background behind the element is overlaid.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/opacity)
   */
  opacity?: string;

  /**
   * the order attribute indicates the size of the matrix to be used by a <feconvolvematrix> element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/order)
   */
  order?: string;

  /**
   * The overflow attribute has the same parameter values as defined for the css overflow property.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/overflow)
   */
  overflow?: string;

  /**
   * The pointer-events attribute allows authors to control whether or when an element may be the target of a mouse event. This attribute is used to specify under which circumstance (if any) a mouse event should go "through" an element and target whatever is "underneath" that element instead.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/pointer-events)
   */
  "pointer-events"?: string;

  /**
   * the preserveAlpha attribute indicates how a <feconvolvematrix> element handled alpha transparency.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/preserveAlpha)
   */
  preserveAlpha?: string;

  /**
   * The result attribute defines the assigned name for this filter primitive. If supplied, then graphics that result from processing this filter primitive can be referenced by an in attribute on a subsequent filter primitive within the same <filter> element. If no value is provided, the output will only be available for re-use as the implicit input into the next filter primitive if that filter primitive provides no value for its in attribute.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/result)
   */
  result?: string;

  /**
   * The creator of SVG content might want to provide a hint about what tradeoffs to make as the browser renders <path> element or basic shapes. The shape-rendering attribute provides these hints.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/shape-rendering)
   */
  "shape-rendering"?: string;

  /**
   * The stop-color attribute indicates what color to use at that gradient stop. The keyword currentColor and ICC colors can be specified in the same manner as within a <paint> specification for the fill and stroke attributes.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stop-color)
   */
  "stop-color"?: string;

  /**
   * The stop-opacity attribute defines the opacity of a given gradient stop.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stop-opacity)
   */
  "stop-opacity"?: string;

  /**
   * The stroke attribute defines the color of the outline on a given graphical element. The default value for the stroke attribute is none.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke)
   */
  stroke?: string;

  /**
   * the stroke-dasharray attribute controls the pattern of dashes and gaps used to stroke paths.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-dasharray)
   */
  "stroke-dasharray"?: string;

  /**
   * the stroke-dashoffset attribute specifies the distance into the dash pattern to start the dash.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-dashoffset)
   */
  "stroke-dashoffset"?: string;

  /**
   * the stroke-linecap attribute specifies the shape to be used at the end of open subpaths when they are stroked.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-linecap)
   */
  "stroke-linecap"?: string;

  /**
   * the stroke-linejoin attribute specifies the shape to be used at the corners of paths or basic shapes when they are stroked.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-linejoin)
   */
  "stroke-linejoin"?: string;

  /**
   * When two line segments meet at a sharp angle and miter joins have been specified for stroke-linejoin, it is possible for the miter to extend far beyond the thickness of the line stroking the path. The stroke-miterlimit imposes a limit on the ratio of the miter length to the stroke-width. When the limit is exceeded, the join is converted from a miter to a bevel.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-miterlimit)
   */
  "stroke-miterlimit"?: string;

  /**
   * the stroke-opacity attribute specifies the opacity of the outline on the current object. Its default value is 1.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-opacity)
   */
  "stroke-opacity"?: string;

  /**
   * the stroke-width attribute specifies the width of the outline on the current object. Its default value is 1. If a <percentage> is used, the value represents a percentage of the current viewport. If a value of 0 is used the outline will never be drawn.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-width)
   */
  "stroke-width"?: string;

  /**
   * The targetX attribute determines the positioning in X of the convolution matrix relative to a given target pixel in the input image. The leftmost column of the matrix is column number zero. The value must be such that: 0 <= targetX < orderX. By default, the convolution matrix is centered in X over each pixel of the input image (i.e., targetX = floor ( orderX / 2 )).
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/targetX)
   */
  targetX?: string;

  /**
   * The targetY attribute determines the positioning in Y of the convolution matrix relative to a given target pixel in the input image. The leftmost column of the matrix is column number zero. The value must be such that: 0 <= targetX < orderX. By default, the convolution matrix is centered in X over each pixel of the input image (i.e., targetX = floor ( orderX / 2 )).
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/targetY)
   */
  targetY?: string;

  /**
   * The text-anchor attribute is used to align (start-, middle- or end-alignment) a string of text relative to a given point.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/text-anchor)
   */
  "text-anchor"?: string;

  /**
   * The text-decoration attribute works exactly like the css text decoration property except that it's an attribute. See css text decoration for further information.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/text-decoration)
   */
  "text-decoration"?: string;

  /**
   * The creator of SVG content might want to provide a hint about what tradeoffs to make as the browser renders text. The text-rendering attribute provides these hints.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/text-rendering)
   */
  "text-rendering"?: string;

  /**
   * The transform attribute defines a list of transform definitions that are applied to an element and the element's children. The items in the transform list are separated by whitespace and/or commas, and are applied from right to left.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/transform)
   */
  transform?: string;

  /**
   * The vector-effect property specifies the vector effect to use when drawing an object. Vector effects are applied before any of the other compositing operations, i.e. filters, masks and clips.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/vector-effect)
   */
  "vector-effect"?: string;

  /**
   * Depending on the value of attribute pointer-events, graphics elements which have their visibility attribute set to hidden still might receive events.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/visibility)
   */
  visibility?: string;

  /**
   * This attribute indicates an horizontal length in the user coordinate system. The exact effect of this coordinate depends on each element. Most of the time, it represents the width of the rectangular region of the reference element (see each individual element's documentation for exceptions).
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/width)
   */
  width?: number | string;

  /**
   * The word-spacing attribute specifies spacing behavior between words.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/word-spacing)
   */
  "word-spacing"?: string;

  /**
   * The writing-mode attribute specifies whether the initial inline-progression-direction for a <text> element shall be left-to-right, right-to-left, or top-to-bottom. The writing-mode attribute applies only to <text> elements; the attribute is ignored for <tspan>, <tref>, <altGlyph> and <textPath> sub-elements. (Note that the inline-progression-direction can change within a <text> element due to the Unicode bidirectional algorithm and properties direction and unicode-bidi.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/writing-mode)
   */
  "writing-mode"?: string;

  /**
   * This attribute indicates an x-axis coordinate in the user coordinate system. The exact effect of this coordinate depend on each element. Most of the time, it represent the x-axis coordinate of the upper-left corner of the rectangular region of the reference element (see each individual element's documentation for exceptions).Its syntax is the same as that for <length>
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/x)
   */
  x?: string;

  /**
   * This attribute indicates an y-axis coordinate in the user coordinate system. The exact effect of this coordinate depend on each element. Most of the time, it represent the x-axis coordinate of the upper-left corner of the rectangular region of the reference element (see each individual element's documentation for exceptions).Its syntax is the same as that for <length>
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/y)
   */
  y?: string;
}

interface FeDiffuseLighting extends GlobalAttributes {
  /**
   * The alignment-baseline attribute specifies how an object is aligned with respect to its parent. This property specifies which baseline of this element is to be aligned with the corresponding baseline of the parent. For example, this allows alphabetic baselines in Roman text to stay aligned across font size changes. It defaults to the baseline with the same name as the computed value of the alignment-baseline property.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/alignment-baseline)
   */
  "alignment-baseline"?: string;

  /**
   * The baseline-shift attribute allows repositioning of the dominant-baseline relative to the dominant-baseline of the parent text content element. The shifted object might be a sub- or superscript.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/baseline-shift)
   */
  "baseline-shift"?: string;

  /**
   * The clip-path attribute binds the element it is applied to with a given <clipPath> element
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/clip-path)
   */
  "clip-path"?: string;

  /**
   * The clip-rule attribute only applies to graphics elements that are contained within a <clipPath> element. The clip-rule attribute basically works as the fill-rule attribute, except that it applies to <clipPath> definitions.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/clip-rule)
   */
  "clip-rule"?: string;

  /**
   * The color attribute is used to provide a potential indirect value (currentColor) for the fill, stroke, stop-color, flood-color and lighting-color attributes.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/color)
   */
  color?: string;

  /**
   * The color-interpolation attribute specifies the color space for gradient interpolations, color animations, and alpha compositing.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/color-interpolation)
   */
  "color-interpolation"?: string;

  /**
   * The color-interpolation-filters attribute specifies the color space for imaging operations performed via filter effects.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/color-interpolation-filters)
   */
  "color-interpolation-filters"?: string;

  /**
   * The color-profile attribute is used to define which color profile a raster image included through the <image> element should use.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/color-profile)
   */
  "color-profile"?: string;

  /**
   * The color-rendering attribute provides a hint to the SVG user agent about how to optimize its color interpolation and compositing operations.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/color-rendering)
   */
  "color-rendering"?: string;

  /**
   * The cursor attribute specifies the mouse cursor displayed when the mouse pointer is over an element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/cursor)
   */
  cursor?: string;

  /**
   * The diffuseConstant attribute represant the kd value in the Phong lighting model. In SVG, this can be any non-negative number.If the attribute is not specified, then the effect is as if a value of 1 were specified.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/diffuseConstant)
   */
  diffuseConstant?: string;

  /**
   * The direction attribute specifies the base writing direction of text and the direction of embeddings and overrides (see unicode-bidi) for the Unicode bidirectional algorithm. For the direction attribute to have any effect on an element that does not by itself establish a new text chunk (such as a <tspan> element without absolute position adjustments due to x or y attributes), the unicode-bidi property's value must be embed or bidi-override.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/direction)
   */
  direction?: string;

  /**
   * The display attribute lets you control the rendering of graphical or container elements.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/display)
   */
  display?: string;

  /**
   * The dominant-baseline attribute is used to determine or re-determine a scaled-baseline-table. A scaled-baseline-table is a compound value with three components: a baseline-identifier for the dominant-baseline, a baseline-table and a baseline-table font-size. Some values of the property re-determine all three values; other only re-establish the baseline-table font-size. When the initial value, auto, would give an undesired result, this property can be used to explicitly set the desire scaled-baseline-table.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/dominant-baseline)
   */
  "dominant-baseline"?: string;

  /**
   * The fill attribute has two meanings based on the context it's used.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/fill)
   */
  fill?: string;

  /**
   * This attribute specifies the opacity of the color or the content the current object is filled with.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/fill-opacity)
   */
  "fill-opacity"?: string;

  /**
   * The fill-rule attribute indicates how to determine what side of a path is inside a shape, to determine how the fill property paints the shape. For a simple, non-intersecting path, it is intuitively clear what region lies "inside"; however, for a more complex path, such as a path that intersects itself or where one subpath encloses another, the interpretation of "inside" is not so obvious.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/fill-rule)
   */
  "fill-rule"?: string;

  /**
   * The filter attribute defines the filter effects define by the <filter> element that shall be applied to its element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/filter)
   */
  filter?: string;

  /**
   * The flood-color attribute indicates what color to use to flood the current filter primitive subregion defined through the <feflood> element. The keyword currentColor and ICC colors can be specified in the same manner as within a <paint> specification for the fill and stroke attributes.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/flood-color)
   */
  "flood-color"?: string;

  /**
   * The flood-opacity attribute indicates the opacity value to use across the current filter primitive subregion defined through the <feflood> element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/flood-opacity)
   */
  "flood-opacity"?: string;

  /**
   * The font-family attribute indicates which font family will be used to render the text, specified as a prioritized list of font family names and/or generic family names.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-family)
   */
  "font-family"?: string;

  /**
   * The font-size attribute refers to the size of the font from baseline to baseline when multiple lines of text are set solid in a multiline layout environment. For SVG, if a <length> is provided without a unit identifier (e.g., an unqualified number such as 128), the browser processes the <length> as a height value in the current user coordinate system.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-size)
   */
  "font-size"?: string;

  /**
   * The font-size-adjust attribute allows authors to specify an aspect value for an element that will preserve the x-height of the first choice font in a substitute font.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-size-adjust)
   */
  "font-size-adjust"?: string;

  /**
   * The font-stretch attribute indicates the desired amount of condensing or expansion in the glyphs used to render the text.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-stretch)
   */
  "font-stretch"?: string;

  /**
   * The font-style attribute specifies whether the text is to be rendered using a normal, italic or oblique face.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-style)
   */
  "font-style"?: string;

  /**
   * The font-variant attribute indicates whether the text is to be rendered using the normal glyphs for lowercase characters or using small-caps glyphs for lowercase characters.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-variant)
   */
  "font-variant"?: string;

  /**
   * The font-weight attribute refers to the boldness or lightness of the glyphs used to render the text, relative to other fonts in the same font family.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-weight)
   */
  "font-weight"?: string;

  /**
   * This attribute indicates a vertical length in the user coordinate system. The exact effect of this coordinate depends on each element. Most of the time, it represents the height of the rectangular region of the reference element (see each individual element's documentation for exceptions).
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/height)
   */
  height?: number | string;

  /**
   * The image-rendering attribute provides a hint to the browser about how to make speed vs. quality tradeoffs as it performs image processing.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/image-rendering)
   */
  "image-rendering"?: string;

  /**
   * The in attribute identifies input for the given filter primitive.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/in)
   */
  in?: string;

  /**
   * The kernelUnitLength attribute has two meaning based on the context it's used.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/kernelUnitLength)
   */
  kernelUnitLength?: string;

  /**
   * The kerning attribute indicates whether the browser should adjust inter-glyph spacing based on kerning tables that are included in the relevant font (i.e., enable auto-kerning) or instead disable auto-kerning and instead set inter-character spacing to a specific length (typically, zero).
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/kerning)
   */
  kerning?: string;

  /**
   * The letter-spacing attribute specifies spacing behavior between text characters supplemental to any spacing due to the kerning attribute.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/letter-spacing)
   */
  "letter-spacing"?: string;

  /**
   * The lighting-color attribute defines the color of the light source for filter primitives elements <fediffuselighting> and <fespecularlighting>.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/lighting-color)
   */
  "lighting-color"?: string;

  /**
   * The marker-end defines the arrowhead or polymarker that will be drawn at the final vertex of the given <path> element or basic shape. Note that for a <path> element which ends with a closed sub-path, the last vertex is the same as the initial vertex on the given sub-path. In this case, if marker-end does not equal none, then it is possible that two markers will be rendered on the given vertex. One way to prevent this is to set marker-end to none. (Note that the same comment applies to <polygon> elements.)
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/marker-end)
   */
  "marker-end"?: string;

  /**
   * The marker-mid defines the arrowhead or polymarker that shall be drawn at every vertex other than the first and last vertex of the given <path> element or basic shape.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/marker-mid)
   */
  "marker-mid"?: string;

  /**
   * The marker-start attribute defines the arrowhead or polymarker that will be drawn at the first vertex of the given <path> element or basic shape.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/marker-start)
   */
  "marker-start"?: string;

  /**
   * The mask attribute binds the element it is applied to with a given <mask> element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/mask)
   */
  mask?: string;

  /**
   * The opacity attribute specifies the transparency of an object or of a group of objects, that is, the degree to which the background behind the element is overlaid.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/opacity)
   */
  opacity?: string;

  /**
   * The overflow attribute has the same parameter values as defined for the css overflow property.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/overflow)
   */
  overflow?: string;

  /**
   * The pointer-events attribute allows authors to control whether or when an element may be the target of a mouse event. This attribute is used to specify under which circumstance (if any) a mouse event should go "through" an element and target whatever is "underneath" that element instead.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/pointer-events)
   */
  "pointer-events"?: string;

  /**
   * The result attribute defines the assigned name for this filter primitive. If supplied, then graphics that result from processing this filter primitive can be referenced by an in attribute on a subsequent filter primitive within the same <filter> element. If no value is provided, the output will only be available for re-use as the implicit input into the next filter primitive if that filter primitive provides no value for its in attribute.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/result)
   */
  result?: string;

  /**
   * The creator of SVG content might want to provide a hint about what tradeoffs to make as the browser renders <path> element or basic shapes. The shape-rendering attribute provides these hints.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/shape-rendering)
   */
  "shape-rendering"?: string;

  /**
   * The stop-color attribute indicates what color to use at that gradient stop. The keyword currentColor and ICC colors can be specified in the same manner as within a <paint> specification for the fill and stroke attributes.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stop-color)
   */
  "stop-color"?: string;

  /**
   * The stop-opacity attribute defines the opacity of a given gradient stop.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stop-opacity)
   */
  "stop-opacity"?: string;

  /**
   * The stroke attribute defines the color of the outline on a given graphical element. The default value for the stroke attribute is none.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke)
   */
  stroke?: string;

  /**
   * the stroke-dasharray attribute controls the pattern of dashes and gaps used to stroke paths.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-dasharray)
   */
  "stroke-dasharray"?: string;

  /**
   * the stroke-dashoffset attribute specifies the distance into the dash pattern to start the dash.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-dashoffset)
   */
  "stroke-dashoffset"?: string;

  /**
   * the stroke-linecap attribute specifies the shape to be used at the end of open subpaths when they are stroked.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-linecap)
   */
  "stroke-linecap"?: string;

  /**
   * the stroke-linejoin attribute specifies the shape to be used at the corners of paths or basic shapes when they are stroked.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-linejoin)
   */
  "stroke-linejoin"?: string;

  /**
   * When two line segments meet at a sharp angle and miter joins have been specified for stroke-linejoin, it is possible for the miter to extend far beyond the thickness of the line stroking the path. The stroke-miterlimit imposes a limit on the ratio of the miter length to the stroke-width. When the limit is exceeded, the join is converted from a miter to a bevel.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-miterlimit)
   */
  "stroke-miterlimit"?: string;

  /**
   * the stroke-opacity attribute specifies the opacity of the outline on the current object. Its default value is 1.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-opacity)
   */
  "stroke-opacity"?: string;

  /**
   * the stroke-width attribute specifies the width of the outline on the current object. Its default value is 1. If a <percentage> is used, the value represents a percentage of the current viewport. If a value of 0 is used the outline will never be drawn.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-width)
   */
  "stroke-width"?: string;

  /**
   * The surfaceScale attribute represent the height of the surface for a light filter primitive. If the attribute is not specified, then the effect is as if a value of 1 were specified.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/surfaceScale)
   */
  surfaceScale?: string;

  /**
   * The text-anchor attribute is used to align (start-, middle- or end-alignment) a string of text relative to a given point.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/text-anchor)
   */
  "text-anchor"?: string;

  /**
   * The text-decoration attribute works exactly like the css text decoration property except that it's an attribute. See css text decoration for further information.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/text-decoration)
   */
  "text-decoration"?: string;

  /**
   * The creator of SVG content might want to provide a hint about what tradeoffs to make as the browser renders text. The text-rendering attribute provides these hints.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/text-rendering)
   */
  "text-rendering"?: string;

  /**
   * The transform attribute defines a list of transform definitions that are applied to an element and the element's children. The items in the transform list are separated by whitespace and/or commas, and are applied from right to left.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/transform)
   */
  transform?: string;

  /**
   * The vector-effect property specifies the vector effect to use when drawing an object. Vector effects are applied before any of the other compositing operations, i.e. filters, masks and clips.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/vector-effect)
   */
  "vector-effect"?: string;

  /**
   * Depending on the value of attribute pointer-events, graphics elements which have their visibility attribute set to hidden still might receive events.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/visibility)
   */
  visibility?: string;

  /**
   * This attribute indicates an horizontal length in the user coordinate system. The exact effect of this coordinate depends on each element. Most of the time, it represents the width of the rectangular region of the reference element (see each individual element's documentation for exceptions).
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/width)
   */
  width?: number | string;

  /**
   * The word-spacing attribute specifies spacing behavior between words.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/word-spacing)
   */
  "word-spacing"?: string;

  /**
   * The writing-mode attribute specifies whether the initial inline-progression-direction for a <text> element shall be left-to-right, right-to-left, or top-to-bottom. The writing-mode attribute applies only to <text> elements; the attribute is ignored for <tspan>, <tref>, <altGlyph> and <textPath> sub-elements. (Note that the inline-progression-direction can change within a <text> element due to the Unicode bidirectional algorithm and properties direction and unicode-bidi.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/writing-mode)
   */
  "writing-mode"?: string;

  /**
   * This attribute indicates an x-axis coordinate in the user coordinate system. The exact effect of this coordinate depend on each element. Most of the time, it represent the x-axis coordinate of the upper-left corner of the rectangular region of the reference element (see each individual element's documentation for exceptions).Its syntax is the same as that for <length>
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/x)
   */
  x?: string;

  /**
   * This attribute indicates an y-axis coordinate in the user coordinate system. The exact effect of this coordinate depend on each element. Most of the time, it represent the x-axis coordinate of the upper-left corner of the rectangular region of the reference element (see each individual element's documentation for exceptions).Its syntax is the same as that for <length>
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/y)
   */
  y?: string;
}

interface FeDisplacementMap extends GlobalAttributes {
  /**
   * The alignment-baseline attribute specifies how an object is aligned with respect to its parent. This property specifies which baseline of this element is to be aligned with the corresponding baseline of the parent. For example, this allows alphabetic baselines in Roman text to stay aligned across font size changes. It defaults to the baseline with the same name as the computed value of the alignment-baseline property.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/alignment-baseline)
   */
  "alignment-baseline"?: string;

  /**
   * The baseline-shift attribute allows repositioning of the dominant-baseline relative to the dominant-baseline of the parent text content element. The shifted object might be a sub- or superscript.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/baseline-shift)
   */
  "baseline-shift"?: string;

  /**
   * The clip-path attribute binds the element it is applied to with a given <clipPath> element
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/clip-path)
   */
  "clip-path"?: string;

  /**
   * The clip-rule attribute only applies to graphics elements that are contained within a <clipPath> element. The clip-rule attribute basically works as the fill-rule attribute, except that it applies to <clipPath> definitions.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/clip-rule)
   */
  "clip-rule"?: string;

  /**
   * The color attribute is used to provide a potential indirect value (currentColor) for the fill, stroke, stop-color, flood-color and lighting-color attributes.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/color)
   */
  color?: string;

  /**
   * The color-interpolation attribute specifies the color space for gradient interpolations, color animations, and alpha compositing.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/color-interpolation)
   */
  "color-interpolation"?: string;

  /**
   * The color-interpolation-filters attribute specifies the color space for imaging operations performed via filter effects.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/color-interpolation-filters)
   */
  "color-interpolation-filters"?: string;

  /**
   * The color-profile attribute is used to define which color profile a raster image included through the <image> element should use.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/color-profile)
   */
  "color-profile"?: string;

  /**
   * The color-rendering attribute provides a hint to the SVG user agent about how to optimize its color interpolation and compositing operations.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/color-rendering)
   */
  "color-rendering"?: string;

  /**
   * The cursor attribute specifies the mouse cursor displayed when the mouse pointer is over an element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/cursor)
   */
  cursor?: string;

  /**
   * The direction attribute specifies the base writing direction of text and the direction of embeddings and overrides (see unicode-bidi) for the Unicode bidirectional algorithm. For the direction attribute to have any effect on an element that does not by itself establish a new text chunk (such as a <tspan> element without absolute position adjustments due to x or y attributes), the unicode-bidi property's value must be embed or bidi-override.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/direction)
   */
  direction?: string;

  /**
   * The display attribute lets you control the rendering of graphical or container elements.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/display)
   */
  display?: string;

  /**
   * The dominant-baseline attribute is used to determine or re-determine a scaled-baseline-table. A scaled-baseline-table is a compound value with three components: a baseline-identifier for the dominant-baseline, a baseline-table and a baseline-table font-size. Some values of the property re-determine all three values; other only re-establish the baseline-table font-size. When the initial value, auto, would give an undesired result, this property can be used to explicitly set the desire scaled-baseline-table.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/dominant-baseline)
   */
  "dominant-baseline"?: string;

  /**
   * The fill attribute has two meanings based on the context it's used.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/fill)
   */
  fill?: string;

  /**
   * This attribute specifies the opacity of the color or the content the current object is filled with.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/fill-opacity)
   */
  "fill-opacity"?: string;

  /**
   * The fill-rule attribute indicates how to determine what side of a path is inside a shape, to determine how the fill property paints the shape. For a simple, non-intersecting path, it is intuitively clear what region lies "inside"; however, for a more complex path, such as a path that intersects itself or where one subpath encloses another, the interpretation of "inside" is not so obvious.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/fill-rule)
   */
  "fill-rule"?: string;

  /**
   * The filter attribute defines the filter effects define by the <filter> element that shall be applied to its element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/filter)
   */
  filter?: string;

  /**
   * The flood-color attribute indicates what color to use to flood the current filter primitive subregion defined through the <feflood> element. The keyword currentColor and ICC colors can be specified in the same manner as within a <paint> specification for the fill and stroke attributes.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/flood-color)
   */
  "flood-color"?: string;

  /**
   * The flood-opacity attribute indicates the opacity value to use across the current filter primitive subregion defined through the <feflood> element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/flood-opacity)
   */
  "flood-opacity"?: string;

  /**
   * The font-family attribute indicates which font family will be used to render the text, specified as a prioritized list of font family names and/or generic family names.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-family)
   */
  "font-family"?: string;

  /**
   * The font-size attribute refers to the size of the font from baseline to baseline when multiple lines of text are set solid in a multiline layout environment. For SVG, if a <length> is provided without a unit identifier (e.g., an unqualified number such as 128), the browser processes the <length> as a height value in the current user coordinate system.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-size)
   */
  "font-size"?: string;

  /**
   * The font-size-adjust attribute allows authors to specify an aspect value for an element that will preserve the x-height of the first choice font in a substitute font.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-size-adjust)
   */
  "font-size-adjust"?: string;

  /**
   * The font-stretch attribute indicates the desired amount of condensing or expansion in the glyphs used to render the text.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-stretch)
   */
  "font-stretch"?: string;

  /**
   * The font-style attribute specifies whether the text is to be rendered using a normal, italic or oblique face.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-style)
   */
  "font-style"?: string;

  /**
   * The font-variant attribute indicates whether the text is to be rendered using the normal glyphs for lowercase characters or using small-caps glyphs for lowercase characters.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-variant)
   */
  "font-variant"?: string;

  /**
   * The font-weight attribute refers to the boldness or lightness of the glyphs used to render the text, relative to other fonts in the same font family.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-weight)
   */
  "font-weight"?: string;

  /**
   * This attribute indicates a vertical length in the user coordinate system. The exact effect of this coordinate depends on each element. Most of the time, it represents the height of the rectangular region of the reference element (see each individual element's documentation for exceptions).
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/height)
   */
  height?: number | string;

  /**
   * The image-rendering attribute provides a hint to the browser about how to make speed vs. quality tradeoffs as it performs image processing.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/image-rendering)
   */
  "image-rendering"?: string;

  /**
   * The in attribute identifies input for the given filter primitive.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/in)
   */
  in?: string;

  /**
   * The in2 attribute identifies the second input for the given filter primitive. It works exactly like the in attribute.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/in2)
   */
  in2?: string;

  /**
   * The kerning attribute indicates whether the browser should adjust inter-glyph spacing based on kerning tables that are included in the relevant font (i.e., enable auto-kerning) or instead disable auto-kerning and instead set inter-character spacing to a specific length (typically, zero).
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/kerning)
   */
  kerning?: string;

  /**
   * The letter-spacing attribute specifies spacing behavior between text characters supplemental to any spacing due to the kerning attribute.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/letter-spacing)
   */
  "letter-spacing"?: string;

  /**
   * The lighting-color attribute defines the color of the light source for filter primitives elements <fediffuselighting> and <fespecularlighting>.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/lighting-color)
   */
  "lighting-color"?: string;

  /**
   * The marker-end defines the arrowhead or polymarker that will be drawn at the final vertex of the given <path> element or basic shape. Note that for a <path> element which ends with a closed sub-path, the last vertex is the same as the initial vertex on the given sub-path. In this case, if marker-end does not equal none, then it is possible that two markers will be rendered on the given vertex. One way to prevent this is to set marker-end to none. (Note that the same comment applies to <polygon> elements.)
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/marker-end)
   */
  "marker-end"?: string;

  /**
   * The marker-mid defines the arrowhead or polymarker that shall be drawn at every vertex other than the first and last vertex of the given <path> element or basic shape.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/marker-mid)
   */
  "marker-mid"?: string;

  /**
   * The marker-start attribute defines the arrowhead or polymarker that will be drawn at the first vertex of the given <path> element or basic shape.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/marker-start)
   */
  "marker-start"?: string;

  /**
   * The mask attribute binds the element it is applied to with a given <mask> element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/mask)
   */
  mask?: string;

  /**
   * The opacity attribute specifies the transparency of an object or of a group of objects, that is, the degree to which the background behind the element is overlaid.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/opacity)
   */
  opacity?: string;

  /**
   * The overflow attribute has the same parameter values as defined for the css overflow property.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/overflow)
   */
  overflow?: string;

  /**
   * The pointer-events attribute allows authors to control whether or when an element may be the target of a mouse event. This attribute is used to specify under which circumstance (if any) a mouse event should go "through" an element and target whatever is "underneath" that element instead.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/pointer-events)
   */
  "pointer-events"?: string;

  /**
   * The result attribute defines the assigned name for this filter primitive. If supplied, then graphics that result from processing this filter primitive can be referenced by an in attribute on a subsequent filter primitive within the same <filter> element. If no value is provided, the output will only be available for re-use as the implicit input into the next filter primitive if that filter primitive provides no value for its in attribute.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/result)
   */
  result?: string;

  /**
   * The scale attribute define the displacement scale factor to be used on a <fedisplacementmap> filter primitive. The amount is expressed in the coordinate system established by the primitiveUnits attribute on the <filter> element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/scale)
   */
  scale?: string;

  /**
   * The creator of SVG content might want to provide a hint about what tradeoffs to make as the browser renders <path> element or basic shapes. The shape-rendering attribute provides these hints.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/shape-rendering)
   */
  "shape-rendering"?: string;

  /**
   * The stop-color attribute indicates what color to use at that gradient stop. The keyword currentColor and ICC colors can be specified in the same manner as within a <paint> specification for the fill and stroke attributes.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stop-color)
   */
  "stop-color"?: string;

  /**
   * The stop-opacity attribute defines the opacity of a given gradient stop.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stop-opacity)
   */
  "stop-opacity"?: string;

  /**
   * The stroke attribute defines the color of the outline on a given graphical element. The default value for the stroke attribute is none.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke)
   */
  stroke?: string;

  /**
   * the stroke-dasharray attribute controls the pattern of dashes and gaps used to stroke paths.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-dasharray)
   */
  "stroke-dasharray"?: string;

  /**
   * the stroke-dashoffset attribute specifies the distance into the dash pattern to start the dash.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-dashoffset)
   */
  "stroke-dashoffset"?: string;

  /**
   * the stroke-linecap attribute specifies the shape to be used at the end of open subpaths when they are stroked.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-linecap)
   */
  "stroke-linecap"?: string;

  /**
   * the stroke-linejoin attribute specifies the shape to be used at the corners of paths or basic shapes when they are stroked.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-linejoin)
   */
  "stroke-linejoin"?: string;

  /**
   * When two line segments meet at a sharp angle and miter joins have been specified for stroke-linejoin, it is possible for the miter to extend far beyond the thickness of the line stroking the path. The stroke-miterlimit imposes a limit on the ratio of the miter length to the stroke-width. When the limit is exceeded, the join is converted from a miter to a bevel.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-miterlimit)
   */
  "stroke-miterlimit"?: string;

  /**
   * the stroke-opacity attribute specifies the opacity of the outline on the current object. Its default value is 1.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-opacity)
   */
  "stroke-opacity"?: string;

  /**
   * the stroke-width attribute specifies the width of the outline on the current object. Its default value is 1. If a <percentage> is used, the value represents a percentage of the current viewport. If a value of 0 is used the outline will never be drawn.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-width)
   */
  "stroke-width"?: string;

  /**
   * The text-anchor attribute is used to align (start-, middle- or end-alignment) a string of text relative to a given point.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/text-anchor)
   */
  "text-anchor"?: string;

  /**
   * The text-decoration attribute works exactly like the css text decoration property except that it's an attribute. See css text decoration for further information.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/text-decoration)
   */
  "text-decoration"?: string;

  /**
   * The creator of SVG content might want to provide a hint about what tradeoffs to make as the browser renders text. The text-rendering attribute provides these hints.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/text-rendering)
   */
  "text-rendering"?: string;

  /**
   * The transform attribute defines a list of transform definitions that are applied to an element and the element's children. The items in the transform list are separated by whitespace and/or commas, and are applied from right to left.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/transform)
   */
  transform?: string;

  /**
   * The vector-effect property specifies the vector effect to use when drawing an object. Vector effects are applied before any of the other compositing operations, i.e. filters, masks and clips.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/vector-effect)
   */
  "vector-effect"?: string;

  /**
   * Depending on the value of attribute pointer-events, graphics elements which have their visibility attribute set to hidden still might receive events.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/visibility)
   */
  visibility?: string;

  /**
   * This attribute indicates an horizontal length in the user coordinate system. The exact effect of this coordinate depends on each element. Most of the time, it represents the width of the rectangular region of the reference element (see each individual element's documentation for exceptions).
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/width)
   */
  width?: number | string;

  /**
   * The word-spacing attribute specifies spacing behavior between words.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/word-spacing)
   */
  "word-spacing"?: string;

  /**
   * The writing-mode attribute specifies whether the initial inline-progression-direction for a <text> element shall be left-to-right, right-to-left, or top-to-bottom. The writing-mode attribute applies only to <text> elements; the attribute is ignored for <tspan>, <tref>, <altGlyph> and <textPath> sub-elements. (Note that the inline-progression-direction can change within a <text> element due to the Unicode bidirectional algorithm and properties direction and unicode-bidi.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/writing-mode)
   */
  "writing-mode"?: string;

  /**
   * This attribute indicates an x-axis coordinate in the user coordinate system. The exact effect of this coordinate depend on each element. Most of the time, it represent the x-axis coordinate of the upper-left corner of the rectangular region of the reference element (see each individual element's documentation for exceptions).Its syntax is the same as that for <length>
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/x)
   */
  x?: string;

  /**
   * For a <fedisplacementmap> filter primitive, The xChannelSelector attribute indicates which channel from in2 to use to displace the pixels in in along the x-axis. If attribute xChannelSelector is not specified, then the effect is as if a value of A were specified.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/xChannelSelector)
   */
  xChannelSelector?: string;

  /**
   * This attribute indicates an y-axis coordinate in the user coordinate system. The exact effect of this coordinate depend on each element. Most of the time, it represent the x-axis coordinate of the upper-left corner of the rectangular region of the reference element (see each individual element's documentation for exceptions).Its syntax is the same as that for <length>
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/y)
   */
  y?: string;

  /**
   * For a <fedisplacementmap> filter primitive, The xChannelSelector attribute indicates which channel from in2 to use to displace the pixels in in along the y-axis. If attribute yChannelSelector is not specified, then the effect is as if a value of A were specified.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/yChannelSelector)
   */
  yChannelSelector?: string;
}

interface FeDistantLight extends GlobalAttributes {
  /**
   * The azimuth attribute represent the direction angle for the light source on the XY plane (clockwise), in degrees from the x axis.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/azimuth)
   */
  azimuth?: string;

  /**
   * The elevation attribute represent the direction angle for the light source from the XY plane towards the z axis, in degrees. Note the positive Z-axis points towards the viewer of the content.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/elevation)
   */
  elevation?: string;
}

interface FeDropShadow extends GlobalAttributes {
  /**
   * The alignment-baseline attribute specifies how an object is aligned with respect to its parent. This property specifies which baseline of this element is to be aligned with the corresponding baseline of the parent. For example, this allows alphabetic baselines in Roman text to stay aligned across font size changes. It defaults to the baseline with the same name as the computed value of the alignment-baseline property.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/alignment-baseline)
   */
  "alignment-baseline"?: string;

  /**
   * The baseline-shift attribute allows repositioning of the dominant-baseline relative to the dominant-baseline of the parent text content element. The shifted object might be a sub- or superscript.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/baseline-shift)
   */
  "baseline-shift"?: string;

  /**
   * The clip-path attribute binds the element it is applied to with a given <clipPath> element
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/clip-path)
   */
  "clip-path"?: string;

  /**
   * The clip-rule attribute only applies to graphics elements that are contained within a <clipPath> element. The clip-rule attribute basically works as the fill-rule attribute, except that it applies to <clipPath> definitions.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/clip-rule)
   */
  "clip-rule"?: string;

  /**
   * The color attribute is used to provide a potential indirect value (currentColor) for the fill, stroke, stop-color, flood-color and lighting-color attributes.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/color)
   */
  color?: string;

  /**
   * The color-interpolation attribute specifies the color space for gradient interpolations, color animations, and alpha compositing.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/color-interpolation)
   */
  "color-interpolation"?: string;

  /**
   * The color-interpolation-filters attribute specifies the color space for imaging operations performed via filter effects.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/color-interpolation-filters)
   */
  "color-interpolation-filters"?: string;

  /**
   * The color-profile attribute is used to define which color profile a raster image included through the <image> element should use.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/color-profile)
   */
  "color-profile"?: string;

  /**
   * The color-rendering attribute provides a hint to the SVG user agent about how to optimize its color interpolation and compositing operations.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/color-rendering)
   */
  "color-rendering"?: string;

  /**
   * The cursor attribute specifies the mouse cursor displayed when the mouse pointer is over an element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/cursor)
   */
  cursor?: string;

  /**
   * The direction attribute specifies the base writing direction of text and the direction of embeddings and overrides (see unicode-bidi) for the Unicode bidirectional algorithm. For the direction attribute to have any effect on an element that does not by itself establish a new text chunk (such as a <tspan> element without absolute position adjustments due to x or y attributes), the unicode-bidi property's value must be embed or bidi-override.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/direction)
   */
  direction?: string;

  /**
   * The display attribute lets you control the rendering of graphical or container elements.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/display)
   */
  display?: string;

  /**
   * The dominant-baseline attribute is used to determine or re-determine a scaled-baseline-table. A scaled-baseline-table is a compound value with three components: a baseline-identifier for the dominant-baseline, a baseline-table and a baseline-table font-size. Some values of the property re-determine all three values; other only re-establish the baseline-table font-size. When the initial value, auto, would give an undesired result, this property can be used to explicitly set the desire scaled-baseline-table.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/dominant-baseline)
   */
  "dominant-baseline"?: string;

  /**
   * The dx attribute indicates a shift along the x-axis on the position of an element or its content. What exactly is shifted depends on the element for which this attribute is set.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/dx)
   */
  dx?: string;

  /**
   * The dy attribute indicates a shift along the y-axis on the position of an element or its content. What exactly is shifted depends on the element for which this attribute is set.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/dy)
   */
  dy?: string;

  /**
   * The fill attribute has two meanings based on the context it's used.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/fill)
   */
  fill?: string;

  /**
   * This attribute specifies the opacity of the color or the content the current object is filled with.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/fill-opacity)
   */
  "fill-opacity"?: string;

  /**
   * The fill-rule attribute indicates how to determine what side of a path is inside a shape, to determine how the fill property paints the shape. For a simple, non-intersecting path, it is intuitively clear what region lies "inside"; however, for a more complex path, such as a path that intersects itself or where one subpath encloses another, the interpretation of "inside" is not so obvious.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/fill-rule)
   */
  "fill-rule"?: string;

  /**
   * The filter attribute defines the filter effects define by the <filter> element that shall be applied to its element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/filter)
   */
  filter?: string;

  /**
   * The flood-color attribute indicates what color to use to flood the current filter primitive subregion defined through the <feflood> element. The keyword currentColor and ICC colors can be specified in the same manner as within a <paint> specification for the fill and stroke attributes.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/flood-color)
   */
  "flood-color"?: string;

  /**
   * The flood-opacity attribute indicates the opacity value to use across the current filter primitive subregion defined through the <feflood> element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/flood-opacity)
   */
  "flood-opacity"?: string;

  /**
   * The font-family attribute indicates which font family will be used to render the text, specified as a prioritized list of font family names and/or generic family names.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-family)
   */
  "font-family"?: string;

  /**
   * The font-size attribute refers to the size of the font from baseline to baseline when multiple lines of text are set solid in a multiline layout environment. For SVG, if a <length> is provided without a unit identifier (e.g., an unqualified number such as 128), the browser processes the <length> as a height value in the current user coordinate system.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-size)
   */
  "font-size"?: string;

  /**
   * The font-size-adjust attribute allows authors to specify an aspect value for an element that will preserve the x-height of the first choice font in a substitute font.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-size-adjust)
   */
  "font-size-adjust"?: string;

  /**
   * The font-stretch attribute indicates the desired amount of condensing or expansion in the glyphs used to render the text.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-stretch)
   */
  "font-stretch"?: string;

  /**
   * The font-style attribute specifies whether the text is to be rendered using a normal, italic or oblique face.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-style)
   */
  "font-style"?: string;

  /**
   * The font-variant attribute indicates whether the text is to be rendered using the normal glyphs for lowercase characters or using small-caps glyphs for lowercase characters.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-variant)
   */
  "font-variant"?: string;

  /**
   * The font-weight attribute refers to the boldness or lightness of the glyphs used to render the text, relative to other fonts in the same font family.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-weight)
   */
  "font-weight"?: string;

  /**
   * This attribute indicates a vertical length in the user coordinate system. The exact effect of this coordinate depends on each element. Most of the time, it represents the height of the rectangular region of the reference element (see each individual element's documentation for exceptions).
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/height)
   */
  height?: number | string;

  /**
   * The image-rendering attribute provides a hint to the browser about how to make speed vs. quality tradeoffs as it performs image processing.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/image-rendering)
   */
  "image-rendering"?: string;

  /**
   * The in attribute identifies input for the given filter primitive.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/in)
   */
  in?: string;

  /**
   * The kerning attribute indicates whether the browser should adjust inter-glyph spacing based on kerning tables that are included in the relevant font (i.e., enable auto-kerning) or instead disable auto-kerning and instead set inter-character spacing to a specific length (typically, zero).
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/kerning)
   */
  kerning?: string;

  /**
   * The letter-spacing attribute specifies spacing behavior between text characters supplemental to any spacing due to the kerning attribute.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/letter-spacing)
   */
  "letter-spacing"?: string;

  /**
   * The lighting-color attribute defines the color of the light source for filter primitives elements <fediffuselighting> and <fespecularlighting>.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/lighting-color)
   */
  "lighting-color"?: string;

  /**
   * The marker-end defines the arrowhead or polymarker that will be drawn at the final vertex of the given <path> element or basic shape. Note that for a <path> element which ends with a closed sub-path, the last vertex is the same as the initial vertex on the given sub-path. In this case, if marker-end does not equal none, then it is possible that two markers will be rendered on the given vertex. One way to prevent this is to set marker-end to none. (Note that the same comment applies to <polygon> elements.)
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/marker-end)
   */
  "marker-end"?: string;

  /**
   * The marker-mid defines the arrowhead or polymarker that shall be drawn at every vertex other than the first and last vertex of the given <path> element or basic shape.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/marker-mid)
   */
  "marker-mid"?: string;

  /**
   * The marker-start attribute defines the arrowhead or polymarker that will be drawn at the first vertex of the given <path> element or basic shape.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/marker-start)
   */
  "marker-start"?: string;

  /**
   * The mask attribute binds the element it is applied to with a given <mask> element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/mask)
   */
  mask?: string;

  /**
   * The opacity attribute specifies the transparency of an object or of a group of objects, that is, the degree to which the background behind the element is overlaid.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/opacity)
   */
  opacity?: string;

  /**
   * The overflow attribute has the same parameter values as defined for the css overflow property.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/overflow)
   */
  overflow?: string;

  /**
   * The pointer-events attribute allows authors to control whether or when an element may be the target of a mouse event. This attribute is used to specify under which circumstance (if any) a mouse event should go "through" an element and target whatever is "underneath" that element instead.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/pointer-events)
   */
  "pointer-events"?: string;

  /**
   * The result attribute defines the assigned name for this filter primitive. If supplied, then graphics that result from processing this filter primitive can be referenced by an in attribute on a subsequent filter primitive within the same <filter> element. If no value is provided, the output will only be available for re-use as the implicit input into the next filter primitive if that filter primitive provides no value for its in attribute.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/result)
   */
  result?: string;

  /**
   * The creator of SVG content might want to provide a hint about what tradeoffs to make as the browser renders <path> element or basic shapes. The shape-rendering attribute provides these hints.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/shape-rendering)
   */
  "shape-rendering"?: string;

  /**
   * The stdDeviation attribute defines the standard deviation for the blur operation. If two <number>s are provided, the first number represents a standard deviation value along the x-axis. The second value represents a standard deviation along the y-axis. If one number is provided, then that value is used for both X and Y.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stdDeviation)
   */
  stdDeviation?: string;

  /**
   * The stop-color attribute indicates what color to use at that gradient stop. The keyword currentColor and ICC colors can be specified in the same manner as within a <paint> specification for the fill and stroke attributes.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stop-color)
   */
  "stop-color"?: string;

  /**
   * The stop-opacity attribute defines the opacity of a given gradient stop.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stop-opacity)
   */
  "stop-opacity"?: string;

  /**
   * The stroke attribute defines the color of the outline on a given graphical element. The default value for the stroke attribute is none.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke)
   */
  stroke?: string;

  /**
   * the stroke-dasharray attribute controls the pattern of dashes and gaps used to stroke paths.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-dasharray)
   */
  "stroke-dasharray"?: string;

  /**
   * the stroke-dashoffset attribute specifies the distance into the dash pattern to start the dash.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-dashoffset)
   */
  "stroke-dashoffset"?: string;

  /**
   * the stroke-linecap attribute specifies the shape to be used at the end of open subpaths when they are stroked.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-linecap)
   */
  "stroke-linecap"?: string;

  /**
   * the stroke-linejoin attribute specifies the shape to be used at the corners of paths or basic shapes when they are stroked.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-linejoin)
   */
  "stroke-linejoin"?: string;

  /**
   * When two line segments meet at a sharp angle and miter joins have been specified for stroke-linejoin, it is possible for the miter to extend far beyond the thickness of the line stroking the path. The stroke-miterlimit imposes a limit on the ratio of the miter length to the stroke-width. When the limit is exceeded, the join is converted from a miter to a bevel.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-miterlimit)
   */
  "stroke-miterlimit"?: string;

  /**
   * the stroke-opacity attribute specifies the opacity of the outline on the current object. Its default value is 1.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-opacity)
   */
  "stroke-opacity"?: string;

  /**
   * the stroke-width attribute specifies the width of the outline on the current object. Its default value is 1. If a <percentage> is used, the value represents a percentage of the current viewport. If a value of 0 is used the outline will never be drawn.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-width)
   */
  "stroke-width"?: string;

  /**
   * The text-anchor attribute is used to align (start-, middle- or end-alignment) a string of text relative to a given point.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/text-anchor)
   */
  "text-anchor"?: string;

  /**
   * The text-decoration attribute works exactly like the css text decoration property except that it's an attribute. See css text decoration for further information.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/text-decoration)
   */
  "text-decoration"?: string;

  /**
   * The creator of SVG content might want to provide a hint about what tradeoffs to make as the browser renders text. The text-rendering attribute provides these hints.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/text-rendering)
   */
  "text-rendering"?: string;

  /**
   * The transform attribute defines a list of transform definitions that are applied to an element and the element's children. The items in the transform list are separated by whitespace and/or commas, and are applied from right to left.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/transform)
   */
  transform?: string;

  /**
   * The vector-effect property specifies the vector effect to use when drawing an object. Vector effects are applied before any of the other compositing operations, i.e. filters, masks and clips.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/vector-effect)
   */
  "vector-effect"?: string;

  /**
   * Depending on the value of attribute pointer-events, graphics elements which have their visibility attribute set to hidden still might receive events.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/visibility)
   */
  visibility?: string;

  /**
   * This attribute indicates an horizontal length in the user coordinate system. The exact effect of this coordinate depends on each element. Most of the time, it represents the width of the rectangular region of the reference element (see each individual element's documentation for exceptions).
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/width)
   */
  width?: number | string;

  /**
   * The word-spacing attribute specifies spacing behavior between words.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/word-spacing)
   */
  "word-spacing"?: string;

  /**
   * The writing-mode attribute specifies whether the initial inline-progression-direction for a <text> element shall be left-to-right, right-to-left, or top-to-bottom. The writing-mode attribute applies only to <text> elements; the attribute is ignored for <tspan>, <tref>, <altGlyph> and <textPath> sub-elements. (Note that the inline-progression-direction can change within a <text> element due to the Unicode bidirectional algorithm and properties direction and unicode-bidi.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/writing-mode)
   */
  "writing-mode"?: string;

  /**
   * This attribute indicates an x-axis coordinate in the user coordinate system. The exact effect of this coordinate depend on each element. Most of the time, it represent the x-axis coordinate of the upper-left corner of the rectangular region of the reference element (see each individual element's documentation for exceptions).Its syntax is the same as that for <length>
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/x)
   */
  x?: string;

  /**
   * This attribute indicates an y-axis coordinate in the user coordinate system. The exact effect of this coordinate depend on each element. Most of the time, it represent the x-axis coordinate of the upper-left corner of the rectangular region of the reference element (see each individual element's documentation for exceptions).Its syntax is the same as that for <length>
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/y)
   */
  y?: string;
}

interface FeFlood extends GlobalAttributes {
  /**
   * The alignment-baseline attribute specifies how an object is aligned with respect to its parent. This property specifies which baseline of this element is to be aligned with the corresponding baseline of the parent. For example, this allows alphabetic baselines in Roman text to stay aligned across font size changes. It defaults to the baseline with the same name as the computed value of the alignment-baseline property.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/alignment-baseline)
   */
  "alignment-baseline"?: string;

  /**
   * The baseline-shift attribute allows repositioning of the dominant-baseline relative to the dominant-baseline of the parent text content element. The shifted object might be a sub- or superscript.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/baseline-shift)
   */
  "baseline-shift"?: string;

  /**
   * The clip-path attribute binds the element it is applied to with a given <clipPath> element
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/clip-path)
   */
  "clip-path"?: string;

  /**
   * The clip-rule attribute only applies to graphics elements that are contained within a <clipPath> element. The clip-rule attribute basically works as the fill-rule attribute, except that it applies to <clipPath> definitions.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/clip-rule)
   */
  "clip-rule"?: string;

  /**
   * The color attribute is used to provide a potential indirect value (currentColor) for the fill, stroke, stop-color, flood-color and lighting-color attributes.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/color)
   */
  color?: string;

  /**
   * The color-interpolation attribute specifies the color space for gradient interpolations, color animations, and alpha compositing.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/color-interpolation)
   */
  "color-interpolation"?: string;

  /**
   * The color-interpolation-filters attribute specifies the color space for imaging operations performed via filter effects.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/color-interpolation-filters)
   */
  "color-interpolation-filters"?: string;

  /**
   * The color-profile attribute is used to define which color profile a raster image included through the <image> element should use.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/color-profile)
   */
  "color-profile"?: string;

  /**
   * The color-rendering attribute provides a hint to the SVG user agent about how to optimize its color interpolation and compositing operations.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/color-rendering)
   */
  "color-rendering"?: string;

  /**
   * The cursor attribute specifies the mouse cursor displayed when the mouse pointer is over an element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/cursor)
   */
  cursor?: string;

  /**
   * The direction attribute specifies the base writing direction of text and the direction of embeddings and overrides (see unicode-bidi) for the Unicode bidirectional algorithm. For the direction attribute to have any effect on an element that does not by itself establish a new text chunk (such as a <tspan> element without absolute position adjustments due to x or y attributes), the unicode-bidi property's value must be embed or bidi-override.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/direction)
   */
  direction?: string;

  /**
   * The display attribute lets you control the rendering of graphical or container elements.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/display)
   */
  display?: string;

  /**
   * The dominant-baseline attribute is used to determine or re-determine a scaled-baseline-table. A scaled-baseline-table is a compound value with three components: a baseline-identifier for the dominant-baseline, a baseline-table and a baseline-table font-size. Some values of the property re-determine all three values; other only re-establish the baseline-table font-size. When the initial value, auto, would give an undesired result, this property can be used to explicitly set the desire scaled-baseline-table.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/dominant-baseline)
   */
  "dominant-baseline"?: string;

  /**
   * The fill attribute has two meanings based on the context it's used.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/fill)
   */
  fill?: string;

  /**
   * This attribute specifies the opacity of the color or the content the current object is filled with.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/fill-opacity)
   */
  "fill-opacity"?: string;

  /**
   * The fill-rule attribute indicates how to determine what side of a path is inside a shape, to determine how the fill property paints the shape. For a simple, non-intersecting path, it is intuitively clear what region lies "inside"; however, for a more complex path, such as a path that intersects itself or where one subpath encloses another, the interpretation of "inside" is not so obvious.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/fill-rule)
   */
  "fill-rule"?: string;

  /**
   * The filter attribute defines the filter effects define by the <filter> element that shall be applied to its element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/filter)
   */
  filter?: string;

  /**
   * The flood-color attribute indicates what color to use to flood the current filter primitive subregion defined through the <feflood> element. The keyword currentColor and ICC colors can be specified in the same manner as within a <paint> specification for the fill and stroke attributes.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/flood-color)
   */
  "flood-color"?: string;

  /**
   * The flood-opacity attribute indicates the opacity value to use across the current filter primitive subregion defined through the <feflood> element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/flood-opacity)
   */
  "flood-opacity"?: string;

  /**
   * The font-family attribute indicates which font family will be used to render the text, specified as a prioritized list of font family names and/or generic family names.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-family)
   */
  "font-family"?: string;

  /**
   * The font-size attribute refers to the size of the font from baseline to baseline when multiple lines of text are set solid in a multiline layout environment. For SVG, if a <length> is provided without a unit identifier (e.g., an unqualified number such as 128), the browser processes the <length> as a height value in the current user coordinate system.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-size)
   */
  "font-size"?: string;

  /**
   * The font-size-adjust attribute allows authors to specify an aspect value for an element that will preserve the x-height of the first choice font in a substitute font.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-size-adjust)
   */
  "font-size-adjust"?: string;

  /**
   * The font-stretch attribute indicates the desired amount of condensing or expansion in the glyphs used to render the text.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-stretch)
   */
  "font-stretch"?: string;

  /**
   * The font-style attribute specifies whether the text is to be rendered using a normal, italic or oblique face.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-style)
   */
  "font-style"?: string;

  /**
   * The font-variant attribute indicates whether the text is to be rendered using the normal glyphs for lowercase characters or using small-caps glyphs for lowercase characters.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-variant)
   */
  "font-variant"?: string;

  /**
   * The font-weight attribute refers to the boldness or lightness of the glyphs used to render the text, relative to other fonts in the same font family.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-weight)
   */
  "font-weight"?: string;

  /**
   * This attribute indicates a vertical length in the user coordinate system. The exact effect of this coordinate depends on each element. Most of the time, it represents the height of the rectangular region of the reference element (see each individual element's documentation for exceptions).
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/height)
   */
  height?: number | string;

  /**
   * The image-rendering attribute provides a hint to the browser about how to make speed vs. quality tradeoffs as it performs image processing.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/image-rendering)
   */
  "image-rendering"?: string;

  /**
   * The kerning attribute indicates whether the browser should adjust inter-glyph spacing based on kerning tables that are included in the relevant font (i.e., enable auto-kerning) or instead disable auto-kerning and instead set inter-character spacing to a specific length (typically, zero).
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/kerning)
   */
  kerning?: string;

  /**
   * The letter-spacing attribute specifies spacing behavior between text characters supplemental to any spacing due to the kerning attribute.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/letter-spacing)
   */
  "letter-spacing"?: string;

  /**
   * The lighting-color attribute defines the color of the light source for filter primitives elements <fediffuselighting> and <fespecularlighting>.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/lighting-color)
   */
  "lighting-color"?: string;

  /**
   * The marker-end defines the arrowhead or polymarker that will be drawn at the final vertex of the given <path> element or basic shape. Note that for a <path> element which ends with a closed sub-path, the last vertex is the same as the initial vertex on the given sub-path. In this case, if marker-end does not equal none, then it is possible that two markers will be rendered on the given vertex. One way to prevent this is to set marker-end to none. (Note that the same comment applies to <polygon> elements.)
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/marker-end)
   */
  "marker-end"?: string;

  /**
   * The marker-mid defines the arrowhead or polymarker that shall be drawn at every vertex other than the first and last vertex of the given <path> element or basic shape.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/marker-mid)
   */
  "marker-mid"?: string;

  /**
   * The marker-start attribute defines the arrowhead or polymarker that will be drawn at the first vertex of the given <path> element or basic shape.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/marker-start)
   */
  "marker-start"?: string;

  /**
   * The mask attribute binds the element it is applied to with a given <mask> element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/mask)
   */
  mask?: string;

  /**
   * The opacity attribute specifies the transparency of an object or of a group of objects, that is, the degree to which the background behind the element is overlaid.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/opacity)
   */
  opacity?: string;

  /**
   * The overflow attribute has the same parameter values as defined for the css overflow property.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/overflow)
   */
  overflow?: string;

  /**
   * The pointer-events attribute allows authors to control whether or when an element may be the target of a mouse event. This attribute is used to specify under which circumstance (if any) a mouse event should go "through" an element and target whatever is "underneath" that element instead.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/pointer-events)
   */
  "pointer-events"?: string;

  /**
   * The result attribute defines the assigned name for this filter primitive. If supplied, then graphics that result from processing this filter primitive can be referenced by an in attribute on a subsequent filter primitive within the same <filter> element. If no value is provided, the output will only be available for re-use as the implicit input into the next filter primitive if that filter primitive provides no value for its in attribute.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/result)
   */
  result?: string;

  /**
   * The creator of SVG content might want to provide a hint about what tradeoffs to make as the browser renders <path> element or basic shapes. The shape-rendering attribute provides these hints.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/shape-rendering)
   */
  "shape-rendering"?: string;

  /**
   * The stop-color attribute indicates what color to use at that gradient stop. The keyword currentColor and ICC colors can be specified in the same manner as within a <paint> specification for the fill and stroke attributes.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stop-color)
   */
  "stop-color"?: string;

  /**
   * The stop-opacity attribute defines the opacity of a given gradient stop.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stop-opacity)
   */
  "stop-opacity"?: string;

  /**
   * The stroke attribute defines the color of the outline on a given graphical element. The default value for the stroke attribute is none.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke)
   */
  stroke?: string;

  /**
   * the stroke-dasharray attribute controls the pattern of dashes and gaps used to stroke paths.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-dasharray)
   */
  "stroke-dasharray"?: string;

  /**
   * the stroke-dashoffset attribute specifies the distance into the dash pattern to start the dash.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-dashoffset)
   */
  "stroke-dashoffset"?: string;

  /**
   * the stroke-linecap attribute specifies the shape to be used at the end of open subpaths when they are stroked.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-linecap)
   */
  "stroke-linecap"?: string;

  /**
   * the stroke-linejoin attribute specifies the shape to be used at the corners of paths or basic shapes when they are stroked.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-linejoin)
   */
  "stroke-linejoin"?: string;

  /**
   * When two line segments meet at a sharp angle and miter joins have been specified for stroke-linejoin, it is possible for the miter to extend far beyond the thickness of the line stroking the path. The stroke-miterlimit imposes a limit on the ratio of the miter length to the stroke-width. When the limit is exceeded, the join is converted from a miter to a bevel.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-miterlimit)
   */
  "stroke-miterlimit"?: string;

  /**
   * the stroke-opacity attribute specifies the opacity of the outline on the current object. Its default value is 1.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-opacity)
   */
  "stroke-opacity"?: string;

  /**
   * the stroke-width attribute specifies the width of the outline on the current object. Its default value is 1. If a <percentage> is used, the value represents a percentage of the current viewport. If a value of 0 is used the outline will never be drawn.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-width)
   */
  "stroke-width"?: string;

  /**
   * The text-anchor attribute is used to align (start-, middle- or end-alignment) a string of text relative to a given point.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/text-anchor)
   */
  "text-anchor"?: string;

  /**
   * The text-decoration attribute works exactly like the css text decoration property except that it's an attribute. See css text decoration for further information.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/text-decoration)
   */
  "text-decoration"?: string;

  /**
   * The creator of SVG content might want to provide a hint about what tradeoffs to make as the browser renders text. The text-rendering attribute provides these hints.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/text-rendering)
   */
  "text-rendering"?: string;

  /**
   * The transform attribute defines a list of transform definitions that are applied to an element and the element's children. The items in the transform list are separated by whitespace and/or commas, and are applied from right to left.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/transform)
   */
  transform?: string;

  /**
   * The vector-effect property specifies the vector effect to use when drawing an object. Vector effects are applied before any of the other compositing operations, i.e. filters, masks and clips.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/vector-effect)
   */
  "vector-effect"?: string;

  /**
   * Depending on the value of attribute pointer-events, graphics elements which have their visibility attribute set to hidden still might receive events.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/visibility)
   */
  visibility?: string;

  /**
   * This attribute indicates an horizontal length in the user coordinate system. The exact effect of this coordinate depends on each element. Most of the time, it represents the width of the rectangular region of the reference element (see each individual element's documentation for exceptions).
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/width)
   */
  width?: number | string;

  /**
   * The word-spacing attribute specifies spacing behavior between words.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/word-spacing)
   */
  "word-spacing"?: string;

  /**
   * The writing-mode attribute specifies whether the initial inline-progression-direction for a <text> element shall be left-to-right, right-to-left, or top-to-bottom. The writing-mode attribute applies only to <text> elements; the attribute is ignored for <tspan>, <tref>, <altGlyph> and <textPath> sub-elements. (Note that the inline-progression-direction can change within a <text> element due to the Unicode bidirectional algorithm and properties direction and unicode-bidi.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/writing-mode)
   */
  "writing-mode"?: string;

  /**
   * This attribute indicates an x-axis coordinate in the user coordinate system. The exact effect of this coordinate depend on each element. Most of the time, it represent the x-axis coordinate of the upper-left corner of the rectangular region of the reference element (see each individual element's documentation for exceptions).Its syntax is the same as that for <length>
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/x)
   */
  x?: string;

  /**
   * This attribute indicates an y-axis coordinate in the user coordinate system. The exact effect of this coordinate depend on each element. Most of the time, it represent the x-axis coordinate of the upper-left corner of the rectangular region of the reference element (see each individual element's documentation for exceptions).Its syntax is the same as that for <length>
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/y)
   */
  y?: string;
}

interface FeFuncA extends GlobalAttributes {
  /**
   * Controls the amplitude of the gamma function of a component transfer element when its type attribute is gamma.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/amplitude)
   */
  amplitude?: string;

  /**
   * Defines the exponent of the gamma function.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/exponent)
   */
  exponent?: string;

  /**
   * Defines the intercept of the linear function of color component transfers when the type attribute is set to linear.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/intercept)
   */
  intercept?: string;

  /**
   * Defines a list of numbers defining a lookup table of values for a color component transfer function.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/tableValues)
   */
  tableValues?: string;

  /**
   * Is a generic attribute and it has different meaning based on the context in which it's used.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/type)
   */
  type?: string;
}

interface FeFuncB extends GlobalAttributes {
  /**
   * Controls the amplitude of the gamma function of a component transfer element when its type attribute is gamma.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/amplitude)
   */
  amplitude?: string;

  /**
   * Defines the exponent of the gamma function.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/exponent)
   */
  exponent?: string;

  /**
   * Defines the intercept of the linear function of color component transfers when the type attribute is set to linear.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/intercept)
   */
  intercept?: string;

  /**
   * Defines a list of numbers defining a lookup table of values for a color component transfer function.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/tableValues)
   */
  tableValues?: string;

  /**
   * Is a generic attribute and it has different meaning based on the context in which it's used.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/type)
   */
  type?: string;
}

interface FeFuncG extends GlobalAttributes {
  /**
   * Controls the amplitude of the gamma function of a component transfer element when its type attribute is gamma.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/amplitude)
   */
  amplitude?: string;

  /**
   * Defines the exponent of the gamma function.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/exponent)
   */
  exponent?: string;

  /**
   * Defines the intercept of the linear function of color component transfers when the type attribute is set to linear.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/intercept)
   */
  intercept?: string;

  /**
   * Defines a list of numbers defining a lookup table of values for a color component transfer function.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/tableValues)
   */
  tableValues?: string;

  /**
   * Is a generic attribute and it has different meaning based on the context in which it's used.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/type)
   */
  type?: string;
}

interface FeFuncR extends GlobalAttributes {
  /**
   * Controls the amplitude of the gamma function of a component transfer element when its type attribute is gamma.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/amplitude)
   */
  amplitude?: string;

  /**
   * Defines the exponent of the gamma function.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/exponent)
   */
  exponent?: string;

  /**
   * Defines the intercept of the linear function of color component transfers when the type attribute is set to linear.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/intercept)
   */
  intercept?: string;

  /**
   * Defines a list of numbers defining a lookup table of values for a color component transfer function.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/tableValues)
   */
  tableValues?: string;

  /**
   * Is a generic attribute and it has different meaning based on the context in which it's used.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/type)
   */
  type?: string;
}

interface FeGaussianBlur extends GlobalAttributes {
  /**
   * The alignment-baseline attribute specifies how an object is aligned with respect to its parent. This property specifies which baseline of this element is to be aligned with the corresponding baseline of the parent. For example, this allows alphabetic baselines in Roman text to stay aligned across font size changes. It defaults to the baseline with the same name as the computed value of the alignment-baseline property.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/alignment-baseline)
   */
  "alignment-baseline"?: string;

  /**
   * The baseline-shift attribute allows repositioning of the dominant-baseline relative to the dominant-baseline of the parent text content element. The shifted object might be a sub- or superscript.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/baseline-shift)
   */
  "baseline-shift"?: string;

  /**
   * The clip-path attribute binds the element it is applied to with a given <clipPath> element
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/clip-path)
   */
  "clip-path"?: string;

  /**
   * The clip-rule attribute only applies to graphics elements that are contained within a <clipPath> element. The clip-rule attribute basically works as the fill-rule attribute, except that it applies to <clipPath> definitions.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/clip-rule)
   */
  "clip-rule"?: string;

  /**
   * The color attribute is used to provide a potential indirect value (currentColor) for the fill, stroke, stop-color, flood-color and lighting-color attributes.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/color)
   */
  color?: string;

  /**
   * The color-interpolation attribute specifies the color space for gradient interpolations, color animations, and alpha compositing.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/color-interpolation)
   */
  "color-interpolation"?: string;

  /**
   * The color-interpolation-filters attribute specifies the color space for imaging operations performed via filter effects.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/color-interpolation-filters)
   */
  "color-interpolation-filters"?: string;

  /**
   * The color-profile attribute is used to define which color profile a raster image included through the <image> element should use.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/color-profile)
   */
  "color-profile"?: string;

  /**
   * The color-rendering attribute provides a hint to the SVG user agent about how to optimize its color interpolation and compositing operations.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/color-rendering)
   */
  "color-rendering"?: string;

  /**
   * The cursor attribute specifies the mouse cursor displayed when the mouse pointer is over an element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/cursor)
   */
  cursor?: string;

  /**
   * The direction attribute specifies the base writing direction of text and the direction of embeddings and overrides (see unicode-bidi) for the Unicode bidirectional algorithm. For the direction attribute to have any effect on an element that does not by itself establish a new text chunk (such as a <tspan> element without absolute position adjustments due to x or y attributes), the unicode-bidi property's value must be embed or bidi-override.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/direction)
   */
  direction?: string;

  /**
   * The display attribute lets you control the rendering of graphical or container elements.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/display)
   */
  display?: string;

  /**
   * The dominant-baseline attribute is used to determine or re-determine a scaled-baseline-table. A scaled-baseline-table is a compound value with three components: a baseline-identifier for the dominant-baseline, a baseline-table and a baseline-table font-size. Some values of the property re-determine all three values; other only re-establish the baseline-table font-size. When the initial value, auto, would give an undesired result, this property can be used to explicitly set the desire scaled-baseline-table.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/dominant-baseline)
   */
  "dominant-baseline"?: string;

  /**
   * The edgeMode attribute determines how to extend the input image as necessary with color values so that the matrix operations can be applied when the kernel is positioned at or near the edge of the input image.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/edgeMode)
   */
  edgeMode?: string;

  /**
   * The fill attribute has two meanings based on the context it's used.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/fill)
   */
  fill?: string;

  /**
   * This attribute specifies the opacity of the color or the content the current object is filled with.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/fill-opacity)
   */
  "fill-opacity"?: string;

  /**
   * The fill-rule attribute indicates how to determine what side of a path is inside a shape, to determine how the fill property paints the shape. For a simple, non-intersecting path, it is intuitively clear what region lies "inside"; however, for a more complex path, such as a path that intersects itself or where one subpath encloses another, the interpretation of "inside" is not so obvious.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/fill-rule)
   */
  "fill-rule"?: string;

  /**
   * The filter attribute defines the filter effects define by the <filter> element that shall be applied to its element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/filter)
   */
  filter?: string;

  /**
   * The flood-color attribute indicates what color to use to flood the current filter primitive subregion defined through the <feflood> element. The keyword currentColor and ICC colors can be specified in the same manner as within a <paint> specification for the fill and stroke attributes.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/flood-color)
   */
  "flood-color"?: string;

  /**
   * The flood-opacity attribute indicates the opacity value to use across the current filter primitive subregion defined through the <feflood> element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/flood-opacity)
   */
  "flood-opacity"?: string;

  /**
   * The font-family attribute indicates which font family will be used to render the text, specified as a prioritized list of font family names and/or generic family names.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-family)
   */
  "font-family"?: string;

  /**
   * The font-size attribute refers to the size of the font from baseline to baseline when multiple lines of text are set solid in a multiline layout environment. For SVG, if a <length> is provided without a unit identifier (e.g., an unqualified number such as 128), the browser processes the <length> as a height value in the current user coordinate system.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-size)
   */
  "font-size"?: string;

  /**
   * The font-size-adjust attribute allows authors to specify an aspect value for an element that will preserve the x-height of the first choice font in a substitute font.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-size-adjust)
   */
  "font-size-adjust"?: string;

  /**
   * The font-stretch attribute indicates the desired amount of condensing or expansion in the glyphs used to render the text.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-stretch)
   */
  "font-stretch"?: string;

  /**
   * The font-style attribute specifies whether the text is to be rendered using a normal, italic or oblique face.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-style)
   */
  "font-style"?: string;

  /**
   * The font-variant attribute indicates whether the text is to be rendered using the normal glyphs for lowercase characters or using small-caps glyphs for lowercase characters.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-variant)
   */
  "font-variant"?: string;

  /**
   * The font-weight attribute refers to the boldness or lightness of the glyphs used to render the text, relative to other fonts in the same font family.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-weight)
   */
  "font-weight"?: string;

  /**
   * This attribute indicates a vertical length in the user coordinate system. The exact effect of this coordinate depends on each element. Most of the time, it represents the height of the rectangular region of the reference element (see each individual element's documentation for exceptions).
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/height)
   */
  height?: number | string;

  /**
   * The image-rendering attribute provides a hint to the browser about how to make speed vs. quality tradeoffs as it performs image processing.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/image-rendering)
   */
  "image-rendering"?: string;

  /**
   * The in attribute identifies input for the given filter primitive.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/in)
   */
  in?: string;

  /**
   * The kerning attribute indicates whether the browser should adjust inter-glyph spacing based on kerning tables that are included in the relevant font (i.e., enable auto-kerning) or instead disable auto-kerning and instead set inter-character spacing to a specific length (typically, zero).
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/kerning)
   */
  kerning?: string;

  /**
   * The letter-spacing attribute specifies spacing behavior between text characters supplemental to any spacing due to the kerning attribute.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/letter-spacing)
   */
  "letter-spacing"?: string;

  /**
   * The lighting-color attribute defines the color of the light source for filter primitives elements <fediffuselighting> and <fespecularlighting>.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/lighting-color)
   */
  "lighting-color"?: string;

  /**
   * The marker-end defines the arrowhead or polymarker that will be drawn at the final vertex of the given <path> element or basic shape. Note that for a <path> element which ends with a closed sub-path, the last vertex is the same as the initial vertex on the given sub-path. In this case, if marker-end does not equal none, then it is possible that two markers will be rendered on the given vertex. One way to prevent this is to set marker-end to none. (Note that the same comment applies to <polygon> elements.)
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/marker-end)
   */
  "marker-end"?: string;

  /**
   * The marker-mid defines the arrowhead or polymarker that shall be drawn at every vertex other than the first and last vertex of the given <path> element or basic shape.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/marker-mid)
   */
  "marker-mid"?: string;

  /**
   * The marker-start attribute defines the arrowhead or polymarker that will be drawn at the first vertex of the given <path> element or basic shape.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/marker-start)
   */
  "marker-start"?: string;

  /**
   * The mask attribute binds the element it is applied to with a given <mask> element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/mask)
   */
  mask?: string;

  /**
   * The opacity attribute specifies the transparency of an object or of a group of objects, that is, the degree to which the background behind the element is overlaid.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/opacity)
   */
  opacity?: string;

  /**
   * The overflow attribute has the same parameter values as defined for the css overflow property.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/overflow)
   */
  overflow?: string;

  /**
   * The pointer-events attribute allows authors to control whether or when an element may be the target of a mouse event. This attribute is used to specify under which circumstance (if any) a mouse event should go "through" an element and target whatever is "underneath" that element instead.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/pointer-events)
   */
  "pointer-events"?: string;

  /**
   * The result attribute defines the assigned name for this filter primitive. If supplied, then graphics that result from processing this filter primitive can be referenced by an in attribute on a subsequent filter primitive within the same <filter> element. If no value is provided, the output will only be available for re-use as the implicit input into the next filter primitive if that filter primitive provides no value for its in attribute.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/result)
   */
  result?: string;

  /**
   * The creator of SVG content might want to provide a hint about what tradeoffs to make as the browser renders <path> element or basic shapes. The shape-rendering attribute provides these hints.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/shape-rendering)
   */
  "shape-rendering"?: string;

  /**
   * The stdDeviation attribute defines the standard deviation for the blur operation. If two <number>s are provided, the first number represents a standard deviation value along the x-axis. The second value represents a standard deviation along the y-axis. If one number is provided, then that value is used for both X and Y.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stdDeviation)
   */
  stdDeviation?: string;

  /**
   * The stop-color attribute indicates what color to use at that gradient stop. The keyword currentColor and ICC colors can be specified in the same manner as within a <paint> specification for the fill and stroke attributes.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stop-color)
   */
  "stop-color"?: string;

  /**
   * The stop-opacity attribute defines the opacity of a given gradient stop.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stop-opacity)
   */
  "stop-opacity"?: string;

  /**
   * The stroke attribute defines the color of the outline on a given graphical element. The default value for the stroke attribute is none.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke)
   */
  stroke?: string;

  /**
   * the stroke-dasharray attribute controls the pattern of dashes and gaps used to stroke paths.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-dasharray)
   */
  "stroke-dasharray"?: string;

  /**
   * the stroke-dashoffset attribute specifies the distance into the dash pattern to start the dash.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-dashoffset)
   */
  "stroke-dashoffset"?: string;

  /**
   * the stroke-linecap attribute specifies the shape to be used at the end of open subpaths when they are stroked.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-linecap)
   */
  "stroke-linecap"?: string;

  /**
   * the stroke-linejoin attribute specifies the shape to be used at the corners of paths or basic shapes when they are stroked.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-linejoin)
   */
  "stroke-linejoin"?: string;

  /**
   * When two line segments meet at a sharp angle and miter joins have been specified for stroke-linejoin, it is possible for the miter to extend far beyond the thickness of the line stroking the path. The stroke-miterlimit imposes a limit on the ratio of the miter length to the stroke-width. When the limit is exceeded, the join is converted from a miter to a bevel.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-miterlimit)
   */
  "stroke-miterlimit"?: string;

  /**
   * the stroke-opacity attribute specifies the opacity of the outline on the current object. Its default value is 1.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-opacity)
   */
  "stroke-opacity"?: string;

  /**
   * the stroke-width attribute specifies the width of the outline on the current object. Its default value is 1. If a <percentage> is used, the value represents a percentage of the current viewport. If a value of 0 is used the outline will never be drawn.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-width)
   */
  "stroke-width"?: string;

  /**
   * The text-anchor attribute is used to align (start-, middle- or end-alignment) a string of text relative to a given point.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/text-anchor)
   */
  "text-anchor"?: string;

  /**
   * The text-decoration attribute works exactly like the css text decoration property except that it's an attribute. See css text decoration for further information.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/text-decoration)
   */
  "text-decoration"?: string;

  /**
   * The creator of SVG content might want to provide a hint about what tradeoffs to make as the browser renders text. The text-rendering attribute provides these hints.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/text-rendering)
   */
  "text-rendering"?: string;

  /**
   * The transform attribute defines a list of transform definitions that are applied to an element and the element's children. The items in the transform list are separated by whitespace and/or commas, and are applied from right to left.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/transform)
   */
  transform?: string;

  /**
   * The vector-effect property specifies the vector effect to use when drawing an object. Vector effects are applied before any of the other compositing operations, i.e. filters, masks and clips.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/vector-effect)
   */
  "vector-effect"?: string;

  /**
   * Depending on the value of attribute pointer-events, graphics elements which have their visibility attribute set to hidden still might receive events.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/visibility)
   */
  visibility?: string;

  /**
   * This attribute indicates an horizontal length in the user coordinate system. The exact effect of this coordinate depends on each element. Most of the time, it represents the width of the rectangular region of the reference element (see each individual element's documentation for exceptions).
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/width)
   */
  width?: number | string;

  /**
   * The word-spacing attribute specifies spacing behavior between words.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/word-spacing)
   */
  "word-spacing"?: string;

  /**
   * The writing-mode attribute specifies whether the initial inline-progression-direction for a <text> element shall be left-to-right, right-to-left, or top-to-bottom. The writing-mode attribute applies only to <text> elements; the attribute is ignored for <tspan>, <tref>, <altGlyph> and <textPath> sub-elements. (Note that the inline-progression-direction can change within a <text> element due to the Unicode bidirectional algorithm and properties direction and unicode-bidi.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/writing-mode)
   */
  "writing-mode"?: string;

  /**
   * This attribute indicates an x-axis coordinate in the user coordinate system. The exact effect of this coordinate depend on each element. Most of the time, it represent the x-axis coordinate of the upper-left corner of the rectangular region of the reference element (see each individual element's documentation for exceptions).Its syntax is the same as that for <length>
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/x)
   */
  x?: string;

  /**
   * This attribute indicates an y-axis coordinate in the user coordinate system. The exact effect of this coordinate depend on each element. Most of the time, it represent the x-axis coordinate of the upper-left corner of the rectangular region of the reference element (see each individual element's documentation for exceptions).Its syntax is the same as that for <length>
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/y)
   */
  y?: string;
}

interface FeImage extends GlobalAttributes {
  /**
   * The alignment-baseline attribute specifies how an object is aligned with respect to its parent. This property specifies which baseline of this element is to be aligned with the corresponding baseline of the parent. For example, this allows alphabetic baselines in Roman text to stay aligned across font size changes. It defaults to the baseline with the same name as the computed value of the alignment-baseline property.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/alignment-baseline)
   */
  "alignment-baseline"?: string;

  /**
   * The baseline-shift attribute allows repositioning of the dominant-baseline relative to the dominant-baseline of the parent text content element. The shifted object might be a sub- or superscript.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/baseline-shift)
   */
  "baseline-shift"?: string;

  /**
   * The clip-path attribute binds the element it is applied to with a given <clipPath> element
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/clip-path)
   */
  "clip-path"?: string;

  /**
   * The clip-rule attribute only applies to graphics elements that are contained within a <clipPath> element. The clip-rule attribute basically works as the fill-rule attribute, except that it applies to <clipPath> definitions.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/clip-rule)
   */
  "clip-rule"?: string;

  /**
   * The color attribute is used to provide a potential indirect value (currentColor) for the fill, stroke, stop-color, flood-color and lighting-color attributes.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/color)
   */
  color?: string;

  /**
   * The color-interpolation attribute specifies the color space for gradient interpolations, color animations, and alpha compositing.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/color-interpolation)
   */
  "color-interpolation"?: string;

  /**
   * The color-interpolation-filters attribute specifies the color space for imaging operations performed via filter effects.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/color-interpolation-filters)
   */
  "color-interpolation-filters"?: string;

  /**
   * The color-profile attribute is used to define which color profile a raster image included through the <image> element should use.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/color-profile)
   */
  "color-profile"?: string;

  /**
   * The color-rendering attribute provides a hint to the SVG user agent about how to optimize its color interpolation and compositing operations.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/color-rendering)
   */
  "color-rendering"?: string;

  /**
   * provides support for CORS, defining how the element handles crossorigin requests, thereby enabling the configuration of the CORS requests for the element's fetched data. It is a CORS settings attribute.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/crossorigin)
   */
  crossorigin?: "anonymous" | "use-credentials";

  /**
   * The cursor attribute specifies the mouse cursor displayed when the mouse pointer is over an element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/cursor)
   */
  cursor?: string;

  /**
   * The direction attribute specifies the base writing direction of text and the direction of embeddings and overrides (see unicode-bidi) for the Unicode bidirectional algorithm. For the direction attribute to have any effect on an element that does not by itself establish a new text chunk (such as a <tspan> element without absolute position adjustments due to x or y attributes), the unicode-bidi property's value must be embed or bidi-override.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/direction)
   */
  direction?: string;

  /**
   * The display attribute lets you control the rendering of graphical or container elements.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/display)
   */
  display?: string;

  /**
   * The dominant-baseline attribute is used to determine or re-determine a scaled-baseline-table. A scaled-baseline-table is a compound value with three components: a baseline-identifier for the dominant-baseline, a baseline-table and a baseline-table font-size. Some values of the property re-determine all three values; other only re-establish the baseline-table font-size. When the initial value, auto, would give an undesired result, this property can be used to explicitly set the desire scaled-baseline-table.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/dominant-baseline)
   */
  "dominant-baseline"?: string;

  /**
   * The fill attribute has two meanings based on the context it's used.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/fill)
   */
  fill?: string;

  /**
   * This attribute specifies the opacity of the color or the content the current object is filled with.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/fill-opacity)
   */
  "fill-opacity"?: string;

  /**
   * The fill-rule attribute indicates how to determine what side of a path is inside a shape, to determine how the fill property paints the shape. For a simple, non-intersecting path, it is intuitively clear what region lies "inside"; however, for a more complex path, such as a path that intersects itself or where one subpath encloses another, the interpretation of "inside" is not so obvious.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/fill-rule)
   */
  "fill-rule"?: string;

  /**
   * The filter attribute defines the filter effects define by the <filter> element that shall be applied to its element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/filter)
   */
  filter?: string;

  /**
   * The flood-color attribute indicates what color to use to flood the current filter primitive subregion defined through the <feflood> element. The keyword currentColor and ICC colors can be specified in the same manner as within a <paint> specification for the fill and stroke attributes.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/flood-color)
   */
  "flood-color"?: string;

  /**
   * The flood-opacity attribute indicates the opacity value to use across the current filter primitive subregion defined through the <feflood> element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/flood-opacity)
   */
  "flood-opacity"?: string;

  /**
   * The font-family attribute indicates which font family will be used to render the text, specified as a prioritized list of font family names and/or generic family names.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-family)
   */
  "font-family"?: string;

  /**
   * The font-size attribute refers to the size of the font from baseline to baseline when multiple lines of text are set solid in a multiline layout environment. For SVG, if a <length> is provided without a unit identifier (e.g., an unqualified number such as 128), the browser processes the <length> as a height value in the current user coordinate system.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-size)
   */
  "font-size"?: string;

  /**
   * The font-size-adjust attribute allows authors to specify an aspect value for an element that will preserve the x-height of the first choice font in a substitute font.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-size-adjust)
   */
  "font-size-adjust"?: string;

  /**
   * The font-stretch attribute indicates the desired amount of condensing or expansion in the glyphs used to render the text.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-stretch)
   */
  "font-stretch"?: string;

  /**
   * The font-style attribute specifies whether the text is to be rendered using a normal, italic or oblique face.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-style)
   */
  "font-style"?: string;

  /**
   * The font-variant attribute indicates whether the text is to be rendered using the normal glyphs for lowercase characters or using small-caps glyphs for lowercase characters.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-variant)
   */
  "font-variant"?: string;

  /**
   * The font-weight attribute refers to the boldness or lightness of the glyphs used to render the text, relative to other fonts in the same font family.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-weight)
   */
  "font-weight"?: string;

  /**
   * This attribute indicates a vertical length in the user coordinate system. The exact effect of this coordinate depends on each element. Most of the time, it represents the height of the rectangular region of the reference element (see each individual element's documentation for exceptions).
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/height)
   */
  height?: number | string;

  /**
   * The URL or URL fragment the hyperlink points to.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/href)
   */
  href?: string;

  /**
   * The image-rendering attribute provides a hint to the browser about how to make speed vs. quality tradeoffs as it performs image processing.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/image-rendering)
   */
  "image-rendering"?: string;

  /**
   * The kerning attribute indicates whether the browser should adjust inter-glyph spacing based on kerning tables that are included in the relevant font (i.e., enable auto-kerning) or instead disable auto-kerning and instead set inter-character spacing to a specific length (typically, zero).
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/kerning)
   */
  kerning?: string;

  /**
   * The letter-spacing attribute specifies spacing behavior between text characters supplemental to any spacing due to the kerning attribute.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/letter-spacing)
   */
  "letter-spacing"?: string;

  /**
   * The lighting-color attribute defines the color of the light source for filter primitives elements <fediffuselighting> and <fespecularlighting>.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/lighting-color)
   */
  "lighting-color"?: string;

  /**
   * The marker-end defines the arrowhead or polymarker that will be drawn at the final vertex of the given <path> element or basic shape. Note that for a <path> element which ends with a closed sub-path, the last vertex is the same as the initial vertex on the given sub-path. In this case, if marker-end does not equal none, then it is possible that two markers will be rendered on the given vertex. One way to prevent this is to set marker-end to none. (Note that the same comment applies to <polygon> elements.)
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/marker-end)
   */
  "marker-end"?: string;

  /**
   * The marker-mid defines the arrowhead or polymarker that shall be drawn at every vertex other than the first and last vertex of the given <path> element or basic shape.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/marker-mid)
   */
  "marker-mid"?: string;

  /**
   * The marker-start attribute defines the arrowhead or polymarker that will be drawn at the first vertex of the given <path> element or basic shape.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/marker-start)
   */
  "marker-start"?: string;

  /**
   * The mask attribute binds the element it is applied to with a given <mask> element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/mask)
   */
  mask?: string;

  /**
   * The opacity attribute specifies the transparency of an object or of a group of objects, that is, the degree to which the background behind the element is overlaid.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/opacity)
   */
  opacity?: string;

  /**
   * The overflow attribute has the same parameter values as defined for the css overflow property.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/overflow)
   */
  overflow?: string;

  /**
   * The pointer-events attribute allows authors to control whether or when an element may be the target of a mouse event. This attribute is used to specify under which circumstance (if any) a mouse event should go "through" an element and target whatever is "underneath" that element instead.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/pointer-events)
   */
  "pointer-events"?: string;

  /**
   * In some cases, typically when using the viewBox attribute, it is desirable that the graphics stretch to fit non-uniformly to take up the entire viewport. In other cases, it is desirable that uniform scaling be used for the purposes of preserving the aspect ratio of the graphics.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/preserveAspectRatio)
   */
  preserveAspectRatio?: string;

  /**
   * The result attribute defines the assigned name for this filter primitive. If supplied, then graphics that result from processing this filter primitive can be referenced by an in attribute on a subsequent filter primitive within the same <filter> element. If no value is provided, the output will only be available for re-use as the implicit input into the next filter primitive if that filter primitive provides no value for its in attribute.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/result)
   */
  result?: string;

  /**
   * The creator of SVG content might want to provide a hint about what tradeoffs to make as the browser renders <path> element or basic shapes. The shape-rendering attribute provides these hints.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/shape-rendering)
   */
  "shape-rendering"?: string;

  /**
   * The stop-color attribute indicates what color to use at that gradient stop. The keyword currentColor and ICC colors can be specified in the same manner as within a <paint> specification for the fill and stroke attributes.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stop-color)
   */
  "stop-color"?: string;

  /**
   * The stop-opacity attribute defines the opacity of a given gradient stop.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stop-opacity)
   */
  "stop-opacity"?: string;

  /**
   * The stroke attribute defines the color of the outline on a given graphical element. The default value for the stroke attribute is none.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke)
   */
  stroke?: string;

  /**
   * the stroke-dasharray attribute controls the pattern of dashes and gaps used to stroke paths.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-dasharray)
   */
  "stroke-dasharray"?: string;

  /**
   * the stroke-dashoffset attribute specifies the distance into the dash pattern to start the dash.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-dashoffset)
   */
  "stroke-dashoffset"?: string;

  /**
   * the stroke-linecap attribute specifies the shape to be used at the end of open subpaths when they are stroked.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-linecap)
   */
  "stroke-linecap"?: string;

  /**
   * the stroke-linejoin attribute specifies the shape to be used at the corners of paths or basic shapes when they are stroked.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-linejoin)
   */
  "stroke-linejoin"?: string;

  /**
   * When two line segments meet at a sharp angle and miter joins have been specified for stroke-linejoin, it is possible for the miter to extend far beyond the thickness of the line stroking the path. The stroke-miterlimit imposes a limit on the ratio of the miter length to the stroke-width. When the limit is exceeded, the join is converted from a miter to a bevel.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-miterlimit)
   */
  "stroke-miterlimit"?: string;

  /**
   * the stroke-opacity attribute specifies the opacity of the outline on the current object. Its default value is 1.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-opacity)
   */
  "stroke-opacity"?: string;

  /**
   * the stroke-width attribute specifies the width of the outline on the current object. Its default value is 1. If a <percentage> is used, the value represents a percentage of the current viewport. If a value of 0 is used the outline will never be drawn.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-width)
   */
  "stroke-width"?: string;

  /**
   * The text-anchor attribute is used to align (start-, middle- or end-alignment) a string of text relative to a given point.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/text-anchor)
   */
  "text-anchor"?: string;

  /**
   * The text-decoration attribute works exactly like the css text decoration property except that it's an attribute. See css text decoration for further information.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/text-decoration)
   */
  "text-decoration"?: string;

  /**
   * The creator of SVG content might want to provide a hint about what tradeoffs to make as the browser renders text. The text-rendering attribute provides these hints.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/text-rendering)
   */
  "text-rendering"?: string;

  /**
   * The transform attribute defines a list of transform definitions that are applied to an element and the element's children. The items in the transform list are separated by whitespace and/or commas, and are applied from right to left.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/transform)
   */
  transform?: string;

  /**
   * The vector-effect property specifies the vector effect to use when drawing an object. Vector effects are applied before any of the other compositing operations, i.e. filters, masks and clips.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/vector-effect)
   */
  "vector-effect"?: string;

  /**
   * Depending on the value of attribute pointer-events, graphics elements which have their visibility attribute set to hidden still might receive events.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/visibility)
   */
  visibility?: string;

  /**
   * This attribute indicates an horizontal length in the user coordinate system. The exact effect of this coordinate depends on each element. Most of the time, it represents the width of the rectangular region of the reference element (see each individual element's documentation for exceptions).
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/width)
   */
  width?: number | string;

  /**
   * The word-spacing attribute specifies spacing behavior between words.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/word-spacing)
   */
  "word-spacing"?: string;

  /**
   * The writing-mode attribute specifies whether the initial inline-progression-direction for a <text> element shall be left-to-right, right-to-left, or top-to-bottom. The writing-mode attribute applies only to <text> elements; the attribute is ignored for <tspan>, <tref>, <altGlyph> and <textPath> sub-elements. (Note that the inline-progression-direction can change within a <text> element due to the Unicode bidirectional algorithm and properties direction and unicode-bidi.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/writing-mode)
   */
  "writing-mode"?: string;

  /**
   * This attribute indicates an x-axis coordinate in the user coordinate system. The exact effect of this coordinate depend on each element. Most of the time, it represent the x-axis coordinate of the upper-left corner of the rectangular region of the reference element (see each individual element's documentation for exceptions).Its syntax is the same as that for <length>
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/x)
   */
  x?: string;

  /**
   * This attribute indicates an y-axis coordinate in the user coordinate system. The exact effect of this coordinate depend on each element. Most of the time, it represent the x-axis coordinate of the upper-left corner of the rectangular region of the reference element (see each individual element's documentation for exceptions).Its syntax is the same as that for <length>
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/y)
   */
  y?: string;
}

interface FeMerge extends GlobalAttributes {
  /**
   * The alignment-baseline attribute specifies how an object is aligned with respect to its parent. This property specifies which baseline of this element is to be aligned with the corresponding baseline of the parent. For example, this allows alphabetic baselines in Roman text to stay aligned across font size changes. It defaults to the baseline with the same name as the computed value of the alignment-baseline property.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/alignment-baseline)
   */
  "alignment-baseline"?: string;

  /**
   * The baseline-shift attribute allows repositioning of the dominant-baseline relative to the dominant-baseline of the parent text content element. The shifted object might be a sub- or superscript.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/baseline-shift)
   */
  "baseline-shift"?: string;

  /**
   * The clip-path attribute binds the element it is applied to with a given <clipPath> element
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/clip-path)
   */
  "clip-path"?: string;

  /**
   * The clip-rule attribute only applies to graphics elements that are contained within a <clipPath> element. The clip-rule attribute basically works as the fill-rule attribute, except that it applies to <clipPath> definitions.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/clip-rule)
   */
  "clip-rule"?: string;

  /**
   * The color attribute is used to provide a potential indirect value (currentColor) for the fill, stroke, stop-color, flood-color and lighting-color attributes.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/color)
   */
  color?: string;

  /**
   * The color-interpolation attribute specifies the color space for gradient interpolations, color animations, and alpha compositing.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/color-interpolation)
   */
  "color-interpolation"?: string;

  /**
   * The color-interpolation-filters attribute specifies the color space for imaging operations performed via filter effects.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/color-interpolation-filters)
   */
  "color-interpolation-filters"?: string;

  /**
   * The color-profile attribute is used to define which color profile a raster image included through the <image> element should use.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/color-profile)
   */
  "color-profile"?: string;

  /**
   * The color-rendering attribute provides a hint to the SVG user agent about how to optimize its color interpolation and compositing operations.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/color-rendering)
   */
  "color-rendering"?: string;

  /**
   * The cursor attribute specifies the mouse cursor displayed when the mouse pointer is over an element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/cursor)
   */
  cursor?: string;

  /**
   * The direction attribute specifies the base writing direction of text and the direction of embeddings and overrides (see unicode-bidi) for the Unicode bidirectional algorithm. For the direction attribute to have any effect on an element that does not by itself establish a new text chunk (such as a <tspan> element without absolute position adjustments due to x or y attributes), the unicode-bidi property's value must be embed or bidi-override.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/direction)
   */
  direction?: string;

  /**
   * The display attribute lets you control the rendering of graphical or container elements.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/display)
   */
  display?: string;

  /**
   * The dominant-baseline attribute is used to determine or re-determine a scaled-baseline-table. A scaled-baseline-table is a compound value with three components: a baseline-identifier for the dominant-baseline, a baseline-table and a baseline-table font-size. Some values of the property re-determine all three values; other only re-establish the baseline-table font-size. When the initial value, auto, would give an undesired result, this property can be used to explicitly set the desire scaled-baseline-table.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/dominant-baseline)
   */
  "dominant-baseline"?: string;

  /**
   * The fill attribute has two meanings based on the context it's used.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/fill)
   */
  fill?: string;

  /**
   * This attribute specifies the opacity of the color or the content the current object is filled with.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/fill-opacity)
   */
  "fill-opacity"?: string;

  /**
   * The fill-rule attribute indicates how to determine what side of a path is inside a shape, to determine how the fill property paints the shape. For a simple, non-intersecting path, it is intuitively clear what region lies "inside"; however, for a more complex path, such as a path that intersects itself or where one subpath encloses another, the interpretation of "inside" is not so obvious.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/fill-rule)
   */
  "fill-rule"?: string;

  /**
   * The filter attribute defines the filter effects define by the <filter> element that shall be applied to its element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/filter)
   */
  filter?: string;

  /**
   * The flood-color attribute indicates what color to use to flood the current filter primitive subregion defined through the <feflood> element. The keyword currentColor and ICC colors can be specified in the same manner as within a <paint> specification for the fill and stroke attributes.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/flood-color)
   */
  "flood-color"?: string;

  /**
   * The flood-opacity attribute indicates the opacity value to use across the current filter primitive subregion defined through the <feflood> element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/flood-opacity)
   */
  "flood-opacity"?: string;

  /**
   * The font-family attribute indicates which font family will be used to render the text, specified as a prioritized list of font family names and/or generic family names.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-family)
   */
  "font-family"?: string;

  /**
   * The font-size attribute refers to the size of the font from baseline to baseline when multiple lines of text are set solid in a multiline layout environment. For SVG, if a <length> is provided without a unit identifier (e.g., an unqualified number such as 128), the browser processes the <length> as a height value in the current user coordinate system.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-size)
   */
  "font-size"?: string;

  /**
   * The font-size-adjust attribute allows authors to specify an aspect value for an element that will preserve the x-height of the first choice font in a substitute font.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-size-adjust)
   */
  "font-size-adjust"?: string;

  /**
   * The font-stretch attribute indicates the desired amount of condensing or expansion in the glyphs used to render the text.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-stretch)
   */
  "font-stretch"?: string;

  /**
   * The font-style attribute specifies whether the text is to be rendered using a normal, italic or oblique face.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-style)
   */
  "font-style"?: string;

  /**
   * The font-variant attribute indicates whether the text is to be rendered using the normal glyphs for lowercase characters or using small-caps glyphs for lowercase characters.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-variant)
   */
  "font-variant"?: string;

  /**
   * The font-weight attribute refers to the boldness or lightness of the glyphs used to render the text, relative to other fonts in the same font family.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-weight)
   */
  "font-weight"?: string;

  /**
   * This attribute indicates a vertical length in the user coordinate system. The exact effect of this coordinate depends on each element. Most of the time, it represents the height of the rectangular region of the reference element (see each individual element's documentation for exceptions).
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/height)
   */
  height?: number | string;

  /**
   * The image-rendering attribute provides a hint to the browser about how to make speed vs. quality tradeoffs as it performs image processing.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/image-rendering)
   */
  "image-rendering"?: string;

  /**
   * The kerning attribute indicates whether the browser should adjust inter-glyph spacing based on kerning tables that are included in the relevant font (i.e., enable auto-kerning) or instead disable auto-kerning and instead set inter-character spacing to a specific length (typically, zero).
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/kerning)
   */
  kerning?: string;

  /**
   * The letter-spacing attribute specifies spacing behavior between text characters supplemental to any spacing due to the kerning attribute.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/letter-spacing)
   */
  "letter-spacing"?: string;

  /**
   * The lighting-color attribute defines the color of the light source for filter primitives elements <fediffuselighting> and <fespecularlighting>.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/lighting-color)
   */
  "lighting-color"?: string;

  /**
   * The marker-end defines the arrowhead or polymarker that will be drawn at the final vertex of the given <path> element or basic shape. Note that for a <path> element which ends with a closed sub-path, the last vertex is the same as the initial vertex on the given sub-path. In this case, if marker-end does not equal none, then it is possible that two markers will be rendered on the given vertex. One way to prevent this is to set marker-end to none. (Note that the same comment applies to <polygon> elements.)
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/marker-end)
   */
  "marker-end"?: string;

  /**
   * The marker-mid defines the arrowhead or polymarker that shall be drawn at every vertex other than the first and last vertex of the given <path> element or basic shape.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/marker-mid)
   */
  "marker-mid"?: string;

  /**
   * The marker-start attribute defines the arrowhead or polymarker that will be drawn at the first vertex of the given <path> element or basic shape.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/marker-start)
   */
  "marker-start"?: string;

  /**
   * The mask attribute binds the element it is applied to with a given <mask> element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/mask)
   */
  mask?: string;

  /**
   * The opacity attribute specifies the transparency of an object or of a group of objects, that is, the degree to which the background behind the element is overlaid.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/opacity)
   */
  opacity?: string;

  /**
   * The overflow attribute has the same parameter values as defined for the css overflow property.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/overflow)
   */
  overflow?: string;

  /**
   * The pointer-events attribute allows authors to control whether or when an element may be the target of a mouse event. This attribute is used to specify under which circumstance (if any) a mouse event should go "through" an element and target whatever is "underneath" that element instead.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/pointer-events)
   */
  "pointer-events"?: string;

  /**
   * The result attribute defines the assigned name for this filter primitive. If supplied, then graphics that result from processing this filter primitive can be referenced by an in attribute on a subsequent filter primitive within the same <filter> element. If no value is provided, the output will only be available for re-use as the implicit input into the next filter primitive if that filter primitive provides no value for its in attribute.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/result)
   */
  result?: string;

  /**
   * The creator of SVG content might want to provide a hint about what tradeoffs to make as the browser renders <path> element or basic shapes. The shape-rendering attribute provides these hints.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/shape-rendering)
   */
  "shape-rendering"?: string;

  /**
   * The stop-color attribute indicates what color to use at that gradient stop. The keyword currentColor and ICC colors can be specified in the same manner as within a <paint> specification for the fill and stroke attributes.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stop-color)
   */
  "stop-color"?: string;

  /**
   * The stop-opacity attribute defines the opacity of a given gradient stop.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stop-opacity)
   */
  "stop-opacity"?: string;

  /**
   * The stroke attribute defines the color of the outline on a given graphical element. The default value for the stroke attribute is none.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke)
   */
  stroke?: string;

  /**
   * the stroke-dasharray attribute controls the pattern of dashes and gaps used to stroke paths.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-dasharray)
   */
  "stroke-dasharray"?: string;

  /**
   * the stroke-dashoffset attribute specifies the distance into the dash pattern to start the dash.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-dashoffset)
   */
  "stroke-dashoffset"?: string;

  /**
   * the stroke-linecap attribute specifies the shape to be used at the end of open subpaths when they are stroked.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-linecap)
   */
  "stroke-linecap"?: string;

  /**
   * the stroke-linejoin attribute specifies the shape to be used at the corners of paths or basic shapes when they are stroked.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-linejoin)
   */
  "stroke-linejoin"?: string;

  /**
   * When two line segments meet at a sharp angle and miter joins have been specified for stroke-linejoin, it is possible for the miter to extend far beyond the thickness of the line stroking the path. The stroke-miterlimit imposes a limit on the ratio of the miter length to the stroke-width. When the limit is exceeded, the join is converted from a miter to a bevel.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-miterlimit)
   */
  "stroke-miterlimit"?: string;

  /**
   * the stroke-opacity attribute specifies the opacity of the outline on the current object. Its default value is 1.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-opacity)
   */
  "stroke-opacity"?: string;

  /**
   * the stroke-width attribute specifies the width of the outline on the current object. Its default value is 1. If a <percentage> is used, the value represents a percentage of the current viewport. If a value of 0 is used the outline will never be drawn.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-width)
   */
  "stroke-width"?: string;

  /**
   * The text-anchor attribute is used to align (start-, middle- or end-alignment) a string of text relative to a given point.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/text-anchor)
   */
  "text-anchor"?: string;

  /**
   * The text-decoration attribute works exactly like the css text decoration property except that it's an attribute. See css text decoration for further information.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/text-decoration)
   */
  "text-decoration"?: string;

  /**
   * The creator of SVG content might want to provide a hint about what tradeoffs to make as the browser renders text. The text-rendering attribute provides these hints.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/text-rendering)
   */
  "text-rendering"?: string;

  /**
   * The transform attribute defines a list of transform definitions that are applied to an element and the element's children. The items in the transform list are separated by whitespace and/or commas, and are applied from right to left.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/transform)
   */
  transform?: string;

  /**
   * The vector-effect property specifies the vector effect to use when drawing an object. Vector effects are applied before any of the other compositing operations, i.e. filters, masks and clips.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/vector-effect)
   */
  "vector-effect"?: string;

  /**
   * Depending on the value of attribute pointer-events, graphics elements which have their visibility attribute set to hidden still might receive events.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/visibility)
   */
  visibility?: string;

  /**
   * This attribute indicates an horizontal length in the user coordinate system. The exact effect of this coordinate depends on each element. Most of the time, it represents the width of the rectangular region of the reference element (see each individual element's documentation for exceptions).
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/width)
   */
  width?: number | string;

  /**
   * The word-spacing attribute specifies spacing behavior between words.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/word-spacing)
   */
  "word-spacing"?: string;

  /**
   * The writing-mode attribute specifies whether the initial inline-progression-direction for a <text> element shall be left-to-right, right-to-left, or top-to-bottom. The writing-mode attribute applies only to <text> elements; the attribute is ignored for <tspan>, <tref>, <altGlyph> and <textPath> sub-elements. (Note that the inline-progression-direction can change within a <text> element due to the Unicode bidirectional algorithm and properties direction and unicode-bidi.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/writing-mode)
   */
  "writing-mode"?: string;

  /**
   * This attribute indicates an x-axis coordinate in the user coordinate system. The exact effect of this coordinate depend on each element. Most of the time, it represent the x-axis coordinate of the upper-left corner of the rectangular region of the reference element (see each individual element's documentation for exceptions).Its syntax is the same as that for <length>
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/x)
   */
  x?: string;

  /**
   * This attribute indicates an y-axis coordinate in the user coordinate system. The exact effect of this coordinate depend on each element. Most of the time, it represent the x-axis coordinate of the upper-left corner of the rectangular region of the reference element (see each individual element's documentation for exceptions).Its syntax is the same as that for <length>
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/y)
   */
  y?: string;
}

interface FeMergeNode extends GlobalAttributes {
  /**
   * The in attribute identifies input for the given filter primitive.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/in)
   */
  in?: string;
}

interface FeMorphology extends GlobalAttributes {
  /**
   * The alignment-baseline attribute specifies how an object is aligned with respect to its parent. This property specifies which baseline of this element is to be aligned with the corresponding baseline of the parent. For example, this allows alphabetic baselines in Roman text to stay aligned across font size changes. It defaults to the baseline with the same name as the computed value of the alignment-baseline property.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/alignment-baseline)
   */
  "alignment-baseline"?: string;

  /**
   * The baseline-shift attribute allows repositioning of the dominant-baseline relative to the dominant-baseline of the parent text content element. The shifted object might be a sub- or superscript.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/baseline-shift)
   */
  "baseline-shift"?: string;

  /**
   * The clip-path attribute binds the element it is applied to with a given <clipPath> element
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/clip-path)
   */
  "clip-path"?: string;

  /**
   * The clip-rule attribute only applies to graphics elements that are contained within a <clipPath> element. The clip-rule attribute basically works as the fill-rule attribute, except that it applies to <clipPath> definitions.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/clip-rule)
   */
  "clip-rule"?: string;

  /**
   * The color attribute is used to provide a potential indirect value (currentColor) for the fill, stroke, stop-color, flood-color and lighting-color attributes.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/color)
   */
  color?: string;

  /**
   * The color-interpolation attribute specifies the color space for gradient interpolations, color animations, and alpha compositing.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/color-interpolation)
   */
  "color-interpolation"?: string;

  /**
   * The color-interpolation-filters attribute specifies the color space for imaging operations performed via filter effects.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/color-interpolation-filters)
   */
  "color-interpolation-filters"?: string;

  /**
   * The color-profile attribute is used to define which color profile a raster image included through the <image> element should use.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/color-profile)
   */
  "color-profile"?: string;

  /**
   * The color-rendering attribute provides a hint to the SVG user agent about how to optimize its color interpolation and compositing operations.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/color-rendering)
   */
  "color-rendering"?: string;

  /**
   * The cursor attribute specifies the mouse cursor displayed when the mouse pointer is over an element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/cursor)
   */
  cursor?: string;

  /**
   * The direction attribute specifies the base writing direction of text and the direction of embeddings and overrides (see unicode-bidi) for the Unicode bidirectional algorithm. For the direction attribute to have any effect on an element that does not by itself establish a new text chunk (such as a <tspan> element without absolute position adjustments due to x or y attributes), the unicode-bidi property's value must be embed or bidi-override.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/direction)
   */
  direction?: string;

  /**
   * The display attribute lets you control the rendering of graphical or container elements.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/display)
   */
  display?: string;

  /**
   * The dominant-baseline attribute is used to determine or re-determine a scaled-baseline-table. A scaled-baseline-table is a compound value with three components: a baseline-identifier for the dominant-baseline, a baseline-table and a baseline-table font-size. Some values of the property re-determine all three values; other only re-establish the baseline-table font-size. When the initial value, auto, would give an undesired result, this property can be used to explicitly set the desire scaled-baseline-table.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/dominant-baseline)
   */
  "dominant-baseline"?: string;

  /**
   * The fill attribute has two meanings based on the context it's used.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/fill)
   */
  fill?: string;

  /**
   * This attribute specifies the opacity of the color or the content the current object is filled with.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/fill-opacity)
   */
  "fill-opacity"?: string;

  /**
   * The fill-rule attribute indicates how to determine what side of a path is inside a shape, to determine how the fill property paints the shape. For a simple, non-intersecting path, it is intuitively clear what region lies "inside"; however, for a more complex path, such as a path that intersects itself or where one subpath encloses another, the interpretation of "inside" is not so obvious.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/fill-rule)
   */
  "fill-rule"?: string;

  /**
   * The filter attribute defines the filter effects define by the <filter> element that shall be applied to its element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/filter)
   */
  filter?: string;

  /**
   * The flood-color attribute indicates what color to use to flood the current filter primitive subregion defined through the <feflood> element. The keyword currentColor and ICC colors can be specified in the same manner as within a <paint> specification for the fill and stroke attributes.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/flood-color)
   */
  "flood-color"?: string;

  /**
   * The flood-opacity attribute indicates the opacity value to use across the current filter primitive subregion defined through the <feflood> element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/flood-opacity)
   */
  "flood-opacity"?: string;

  /**
   * The font-family attribute indicates which font family will be used to render the text, specified as a prioritized list of font family names and/or generic family names.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-family)
   */
  "font-family"?: string;

  /**
   * The font-size attribute refers to the size of the font from baseline to baseline when multiple lines of text are set solid in a multiline layout environment. For SVG, if a <length> is provided without a unit identifier (e.g., an unqualified number such as 128), the browser processes the <length> as a height value in the current user coordinate system.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-size)
   */
  "font-size"?: string;

  /**
   * The font-size-adjust attribute allows authors to specify an aspect value for an element that will preserve the x-height of the first choice font in a substitute font.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-size-adjust)
   */
  "font-size-adjust"?: string;

  /**
   * The font-stretch attribute indicates the desired amount of condensing or expansion in the glyphs used to render the text.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-stretch)
   */
  "font-stretch"?: string;

  /**
   * The font-style attribute specifies whether the text is to be rendered using a normal, italic or oblique face.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-style)
   */
  "font-style"?: string;

  /**
   * The font-variant attribute indicates whether the text is to be rendered using the normal glyphs for lowercase characters or using small-caps glyphs for lowercase characters.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-variant)
   */
  "font-variant"?: string;

  /**
   * The font-weight attribute refers to the boldness or lightness of the glyphs used to render the text, relative to other fonts in the same font family.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-weight)
   */
  "font-weight"?: string;

  /**
   * This attribute indicates a vertical length in the user coordinate system. The exact effect of this coordinate depends on each element. Most of the time, it represents the height of the rectangular region of the reference element (see each individual element's documentation for exceptions).
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/height)
   */
  height?: number | string;

  /**
   * The image-rendering attribute provides a hint to the browser about how to make speed vs. quality tradeoffs as it performs image processing.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/image-rendering)
   */
  "image-rendering"?: string;

  /**
   * The in attribute identifies input for the given filter primitive.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/in)
   */
  in?: string;

  /**
   * The kerning attribute indicates whether the browser should adjust inter-glyph spacing based on kerning tables that are included in the relevant font (i.e., enable auto-kerning) or instead disable auto-kerning and instead set inter-character spacing to a specific length (typically, zero).
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/kerning)
   */
  kerning?: string;

  /**
   * The letter-spacing attribute specifies spacing behavior between text characters supplemental to any spacing due to the kerning attribute.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/letter-spacing)
   */
  "letter-spacing"?: string;

  /**
   * The lighting-color attribute defines the color of the light source for filter primitives elements <fediffuselighting> and <fespecularlighting>.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/lighting-color)
   */
  "lighting-color"?: string;

  /**
   * The marker-end defines the arrowhead or polymarker that will be drawn at the final vertex of the given <path> element or basic shape. Note that for a <path> element which ends with a closed sub-path, the last vertex is the same as the initial vertex on the given sub-path. In this case, if marker-end does not equal none, then it is possible that two markers will be rendered on the given vertex. One way to prevent this is to set marker-end to none. (Note that the same comment applies to <polygon> elements.)
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/marker-end)
   */
  "marker-end"?: string;

  /**
   * The marker-mid defines the arrowhead or polymarker that shall be drawn at every vertex other than the first and last vertex of the given <path> element or basic shape.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/marker-mid)
   */
  "marker-mid"?: string;

  /**
   * The marker-start attribute defines the arrowhead or polymarker that will be drawn at the first vertex of the given <path> element or basic shape.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/marker-start)
   */
  "marker-start"?: string;

  /**
   * The mask attribute binds the element it is applied to with a given <mask> element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/mask)
   */
  mask?: string;

  /**
   * The opacity attribute specifies the transparency of an object or of a group of objects, that is, the degree to which the background behind the element is overlaid.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/opacity)
   */
  opacity?: string;

  /**
   * The operator attribute as two meaning based on the context it's used.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/operator)
   */
  operator?: string;

  /**
   * The overflow attribute has the same parameter values as defined for the css overflow property.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/overflow)
   */
  overflow?: string;

  /**
   * The pointer-events attribute allows authors to control whether or when an element may be the target of a mouse event. This attribute is used to specify under which circumstance (if any) a mouse event should go "through" an element and target whatever is "underneath" that element instead.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/pointer-events)
   */
  "pointer-events"?: string;

  /**
   * The radius attribute represent the radius for the operation on a given <femorphology> filter primitive. If two <number>s are provided, the first number represents a x-radius and the second value represents a y-radius. If one number is provided, then that value is used for both X and Y. The values are in the coordinate system established by the primitiveUnits attribute on the <filter> element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/radius)
   */
  radius?: string;

  /**
   * The result attribute defines the assigned name for this filter primitive. If supplied, then graphics that result from processing this filter primitive can be referenced by an in attribute on a subsequent filter primitive within the same <filter> element. If no value is provided, the output will only be available for re-use as the implicit input into the next filter primitive if that filter primitive provides no value for its in attribute.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/result)
   */
  result?: string;

  /**
   * The creator of SVG content might want to provide a hint about what tradeoffs to make as the browser renders <path> element or basic shapes. The shape-rendering attribute provides these hints.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/shape-rendering)
   */
  "shape-rendering"?: string;

  /**
   * The stop-color attribute indicates what color to use at that gradient stop. The keyword currentColor and ICC colors can be specified in the same manner as within a <paint> specification for the fill and stroke attributes.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stop-color)
   */
  "stop-color"?: string;

  /**
   * The stop-opacity attribute defines the opacity of a given gradient stop.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stop-opacity)
   */
  "stop-opacity"?: string;

  /**
   * The stroke attribute defines the color of the outline on a given graphical element. The default value for the stroke attribute is none.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke)
   */
  stroke?: string;

  /**
   * the stroke-dasharray attribute controls the pattern of dashes and gaps used to stroke paths.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-dasharray)
   */
  "stroke-dasharray"?: string;

  /**
   * the stroke-dashoffset attribute specifies the distance into the dash pattern to start the dash.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-dashoffset)
   */
  "stroke-dashoffset"?: string;

  /**
   * the stroke-linecap attribute specifies the shape to be used at the end of open subpaths when they are stroked.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-linecap)
   */
  "stroke-linecap"?: string;

  /**
   * the stroke-linejoin attribute specifies the shape to be used at the corners of paths or basic shapes when they are stroked.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-linejoin)
   */
  "stroke-linejoin"?: string;

  /**
   * When two line segments meet at a sharp angle and miter joins have been specified for stroke-linejoin, it is possible for the miter to extend far beyond the thickness of the line stroking the path. The stroke-miterlimit imposes a limit on the ratio of the miter length to the stroke-width. When the limit is exceeded, the join is converted from a miter to a bevel.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-miterlimit)
   */
  "stroke-miterlimit"?: string;

  /**
   * the stroke-opacity attribute specifies the opacity of the outline on the current object. Its default value is 1.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-opacity)
   */
  "stroke-opacity"?: string;

  /**
   * the stroke-width attribute specifies the width of the outline on the current object. Its default value is 1. If a <percentage> is used, the value represents a percentage of the current viewport. If a value of 0 is used the outline will never be drawn.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-width)
   */
  "stroke-width"?: string;

  /**
   * The text-anchor attribute is used to align (start-, middle- or end-alignment) a string of text relative to a given point.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/text-anchor)
   */
  "text-anchor"?: string;

  /**
   * The text-decoration attribute works exactly like the css text decoration property except that it's an attribute. See css text decoration for further information.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/text-decoration)
   */
  "text-decoration"?: string;

  /**
   * The creator of SVG content might want to provide a hint about what tradeoffs to make as the browser renders text. The text-rendering attribute provides these hints.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/text-rendering)
   */
  "text-rendering"?: string;

  /**
   * The transform attribute defines a list of transform definitions that are applied to an element and the element's children. The items in the transform list are separated by whitespace and/or commas, and are applied from right to left.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/transform)
   */
  transform?: string;

  /**
   * The vector-effect property specifies the vector effect to use when drawing an object. Vector effects are applied before any of the other compositing operations, i.e. filters, masks and clips.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/vector-effect)
   */
  "vector-effect"?: string;

  /**
   * Depending on the value of attribute pointer-events, graphics elements which have their visibility attribute set to hidden still might receive events.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/visibility)
   */
  visibility?: string;

  /**
   * This attribute indicates an horizontal length in the user coordinate system. The exact effect of this coordinate depends on each element. Most of the time, it represents the width of the rectangular region of the reference element (see each individual element's documentation for exceptions).
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/width)
   */
  width?: number | string;

  /**
   * The word-spacing attribute specifies spacing behavior between words.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/word-spacing)
   */
  "word-spacing"?: string;

  /**
   * The writing-mode attribute specifies whether the initial inline-progression-direction for a <text> element shall be left-to-right, right-to-left, or top-to-bottom. The writing-mode attribute applies only to <text> elements; the attribute is ignored for <tspan>, <tref>, <altGlyph> and <textPath> sub-elements. (Note that the inline-progression-direction can change within a <text> element due to the Unicode bidirectional algorithm and properties direction and unicode-bidi.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/writing-mode)
   */
  "writing-mode"?: string;

  /**
   * This attribute indicates an x-axis coordinate in the user coordinate system. The exact effect of this coordinate depend on each element. Most of the time, it represent the x-axis coordinate of the upper-left corner of the rectangular region of the reference element (see each individual element's documentation for exceptions).Its syntax is the same as that for <length>
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/x)
   */
  x?: string;

  /**
   * This attribute indicates an y-axis coordinate in the user coordinate system. The exact effect of this coordinate depend on each element. Most of the time, it represent the x-axis coordinate of the upper-left corner of the rectangular region of the reference element (see each individual element's documentation for exceptions).Its syntax is the same as that for <length>
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/y)
   */
  y?: string;
}

interface FeOffset extends GlobalAttributes {
  /**
   * The alignment-baseline attribute specifies how an object is aligned with respect to its parent. This property specifies which baseline of this element is to be aligned with the corresponding baseline of the parent. For example, this allows alphabetic baselines in Roman text to stay aligned across font size changes. It defaults to the baseline with the same name as the computed value of the alignment-baseline property.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/alignment-baseline)
   */
  "alignment-baseline"?: string;

  /**
   * The baseline-shift attribute allows repositioning of the dominant-baseline relative to the dominant-baseline of the parent text content element. The shifted object might be a sub- or superscript.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/baseline-shift)
   */
  "baseline-shift"?: string;

  /**
   * The clip-path attribute binds the element it is applied to with a given <clipPath> element
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/clip-path)
   */
  "clip-path"?: string;

  /**
   * The clip-rule attribute only applies to graphics elements that are contained within a <clipPath> element. The clip-rule attribute basically works as the fill-rule attribute, except that it applies to <clipPath> definitions.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/clip-rule)
   */
  "clip-rule"?: string;

  /**
   * The color attribute is used to provide a potential indirect value (currentColor) for the fill, stroke, stop-color, flood-color and lighting-color attributes.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/color)
   */
  color?: string;

  /**
   * The color-interpolation attribute specifies the color space for gradient interpolations, color animations, and alpha compositing.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/color-interpolation)
   */
  "color-interpolation"?: string;

  /**
   * The color-interpolation-filters attribute specifies the color space for imaging operations performed via filter effects.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/color-interpolation-filters)
   */
  "color-interpolation-filters"?: string;

  /**
   * The color-profile attribute is used to define which color profile a raster image included through the <image> element should use.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/color-profile)
   */
  "color-profile"?: string;

  /**
   * The color-rendering attribute provides a hint to the SVG user agent about how to optimize its color interpolation and compositing operations.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/color-rendering)
   */
  "color-rendering"?: string;

  /**
   * The cursor attribute specifies the mouse cursor displayed when the mouse pointer is over an element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/cursor)
   */
  cursor?: string;

  /**
   * The direction attribute specifies the base writing direction of text and the direction of embeddings and overrides (see unicode-bidi) for the Unicode bidirectional algorithm. For the direction attribute to have any effect on an element that does not by itself establish a new text chunk (such as a <tspan> element without absolute position adjustments due to x or y attributes), the unicode-bidi property's value must be embed or bidi-override.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/direction)
   */
  direction?: string;

  /**
   * The display attribute lets you control the rendering of graphical or container elements.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/display)
   */
  display?: string;

  /**
   * The dominant-baseline attribute is used to determine or re-determine a scaled-baseline-table. A scaled-baseline-table is a compound value with three components: a baseline-identifier for the dominant-baseline, a baseline-table and a baseline-table font-size. Some values of the property re-determine all three values; other only re-establish the baseline-table font-size. When the initial value, auto, would give an undesired result, this property can be used to explicitly set the desire scaled-baseline-table.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/dominant-baseline)
   */
  "dominant-baseline"?: string;

  /**
   * The dx attribute indicates a shift along the x-axis on the position of an element or its content. What exactly is shifted depends on the element for which this attribute is set.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/dx)
   */
  dx?: string;

  /**
   * The dy attribute indicates a shift along the y-axis on the position of an element or its content. What exactly is shifted depends on the element for which this attribute is set.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/dy)
   */
  dy?: string;

  /**
   * The fill attribute has two meanings based on the context it's used.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/fill)
   */
  fill?: string;

  /**
   * This attribute specifies the opacity of the color or the content the current object is filled with.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/fill-opacity)
   */
  "fill-opacity"?: string;

  /**
   * The fill-rule attribute indicates how to determine what side of a path is inside a shape, to determine how the fill property paints the shape. For a simple, non-intersecting path, it is intuitively clear what region lies "inside"; however, for a more complex path, such as a path that intersects itself or where one subpath encloses another, the interpretation of "inside" is not so obvious.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/fill-rule)
   */
  "fill-rule"?: string;

  /**
   * The filter attribute defines the filter effects define by the <filter> element that shall be applied to its element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/filter)
   */
  filter?: string;

  /**
   * The flood-color attribute indicates what color to use to flood the current filter primitive subregion defined through the <feflood> element. The keyword currentColor and ICC colors can be specified in the same manner as within a <paint> specification for the fill and stroke attributes.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/flood-color)
   */
  "flood-color"?: string;

  /**
   * The flood-opacity attribute indicates the opacity value to use across the current filter primitive subregion defined through the <feflood> element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/flood-opacity)
   */
  "flood-opacity"?: string;

  /**
   * The font-family attribute indicates which font family will be used to render the text, specified as a prioritized list of font family names and/or generic family names.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-family)
   */
  "font-family"?: string;

  /**
   * The font-size attribute refers to the size of the font from baseline to baseline when multiple lines of text are set solid in a multiline layout environment. For SVG, if a <length> is provided without a unit identifier (e.g., an unqualified number such as 128), the browser processes the <length> as a height value in the current user coordinate system.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-size)
   */
  "font-size"?: string;

  /**
   * The font-size-adjust attribute allows authors to specify an aspect value for an element that will preserve the x-height of the first choice font in a substitute font.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-size-adjust)
   */
  "font-size-adjust"?: string;

  /**
   * The font-stretch attribute indicates the desired amount of condensing or expansion in the glyphs used to render the text.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-stretch)
   */
  "font-stretch"?: string;

  /**
   * The font-style attribute specifies whether the text is to be rendered using a normal, italic or oblique face.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-style)
   */
  "font-style"?: string;

  /**
   * The font-variant attribute indicates whether the text is to be rendered using the normal glyphs for lowercase characters or using small-caps glyphs for lowercase characters.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-variant)
   */
  "font-variant"?: string;

  /**
   * The font-weight attribute refers to the boldness or lightness of the glyphs used to render the text, relative to other fonts in the same font family.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-weight)
   */
  "font-weight"?: string;

  /**
   * This attribute indicates a vertical length in the user coordinate system. The exact effect of this coordinate depends on each element. Most of the time, it represents the height of the rectangular region of the reference element (see each individual element's documentation for exceptions).
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/height)
   */
  height?: number | string;

  /**
   * The image-rendering attribute provides a hint to the browser about how to make speed vs. quality tradeoffs as it performs image processing.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/image-rendering)
   */
  "image-rendering"?: string;

  /**
   * The in attribute identifies input for the given filter primitive.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/in)
   */
  in?: string;

  /**
   * The kerning attribute indicates whether the browser should adjust inter-glyph spacing based on kerning tables that are included in the relevant font (i.e., enable auto-kerning) or instead disable auto-kerning and instead set inter-character spacing to a specific length (typically, zero).
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/kerning)
   */
  kerning?: string;

  /**
   * The letter-spacing attribute specifies spacing behavior between text characters supplemental to any spacing due to the kerning attribute.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/letter-spacing)
   */
  "letter-spacing"?: string;

  /**
   * The lighting-color attribute defines the color of the light source for filter primitives elements <fediffuselighting> and <fespecularlighting>.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/lighting-color)
   */
  "lighting-color"?: string;

  /**
   * The marker-end defines the arrowhead or polymarker that will be drawn at the final vertex of the given <path> element or basic shape. Note that for a <path> element which ends with a closed sub-path, the last vertex is the same as the initial vertex on the given sub-path. In this case, if marker-end does not equal none, then it is possible that two markers will be rendered on the given vertex. One way to prevent this is to set marker-end to none. (Note that the same comment applies to <polygon> elements.)
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/marker-end)
   */
  "marker-end"?: string;

  /**
   * The marker-mid defines the arrowhead or polymarker that shall be drawn at every vertex other than the first and last vertex of the given <path> element or basic shape.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/marker-mid)
   */
  "marker-mid"?: string;

  /**
   * The marker-start attribute defines the arrowhead or polymarker that will be drawn at the first vertex of the given <path> element or basic shape.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/marker-start)
   */
  "marker-start"?: string;

  /**
   * The mask attribute binds the element it is applied to with a given <mask> element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/mask)
   */
  mask?: string;

  /**
   * The opacity attribute specifies the transparency of an object or of a group of objects, that is, the degree to which the background behind the element is overlaid.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/opacity)
   */
  opacity?: string;

  /**
   * The overflow attribute has the same parameter values as defined for the css overflow property.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/overflow)
   */
  overflow?: string;

  /**
   * The pointer-events attribute allows authors to control whether or when an element may be the target of a mouse event. This attribute is used to specify under which circumstance (if any) a mouse event should go "through" an element and target whatever is "underneath" that element instead.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/pointer-events)
   */
  "pointer-events"?: string;

  /**
   * The result attribute defines the assigned name for this filter primitive. If supplied, then graphics that result from processing this filter primitive can be referenced by an in attribute on a subsequent filter primitive within the same <filter> element. If no value is provided, the output will only be available for re-use as the implicit input into the next filter primitive if that filter primitive provides no value for its in attribute.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/result)
   */
  result?: string;

  /**
   * The creator of SVG content might want to provide a hint about what tradeoffs to make as the browser renders <path> element or basic shapes. The shape-rendering attribute provides these hints.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/shape-rendering)
   */
  "shape-rendering"?: string;

  /**
   * The stop-color attribute indicates what color to use at that gradient stop. The keyword currentColor and ICC colors can be specified in the same manner as within a <paint> specification for the fill and stroke attributes.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stop-color)
   */
  "stop-color"?: string;

  /**
   * The stop-opacity attribute defines the opacity of a given gradient stop.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stop-opacity)
   */
  "stop-opacity"?: string;

  /**
   * The stroke attribute defines the color of the outline on a given graphical element. The default value for the stroke attribute is none.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke)
   */
  stroke?: string;

  /**
   * the stroke-dasharray attribute controls the pattern of dashes and gaps used to stroke paths.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-dasharray)
   */
  "stroke-dasharray"?: string;

  /**
   * the stroke-dashoffset attribute specifies the distance into the dash pattern to start the dash.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-dashoffset)
   */
  "stroke-dashoffset"?: string;

  /**
   * the stroke-linecap attribute specifies the shape to be used at the end of open subpaths when they are stroked.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-linecap)
   */
  "stroke-linecap"?: string;

  /**
   * the stroke-linejoin attribute specifies the shape to be used at the corners of paths or basic shapes when they are stroked.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-linejoin)
   */
  "stroke-linejoin"?: string;

  /**
   * When two line segments meet at a sharp angle and miter joins have been specified for stroke-linejoin, it is possible for the miter to extend far beyond the thickness of the line stroking the path. The stroke-miterlimit imposes a limit on the ratio of the miter length to the stroke-width. When the limit is exceeded, the join is converted from a miter to a bevel.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-miterlimit)
   */
  "stroke-miterlimit"?: string;

  /**
   * the stroke-opacity attribute specifies the opacity of the outline on the current object. Its default value is 1.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-opacity)
   */
  "stroke-opacity"?: string;

  /**
   * the stroke-width attribute specifies the width of the outline on the current object. Its default value is 1. If a <percentage> is used, the value represents a percentage of the current viewport. If a value of 0 is used the outline will never be drawn.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-width)
   */
  "stroke-width"?: string;

  /**
   * The text-anchor attribute is used to align (start-, middle- or end-alignment) a string of text relative to a given point.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/text-anchor)
   */
  "text-anchor"?: string;

  /**
   * The text-decoration attribute works exactly like the css text decoration property except that it's an attribute. See css text decoration for further information.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/text-decoration)
   */
  "text-decoration"?: string;

  /**
   * The creator of SVG content might want to provide a hint about what tradeoffs to make as the browser renders text. The text-rendering attribute provides these hints.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/text-rendering)
   */
  "text-rendering"?: string;

  /**
   * The transform attribute defines a list of transform definitions that are applied to an element and the element's children. The items in the transform list are separated by whitespace and/or commas, and are applied from right to left.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/transform)
   */
  transform?: string;

  /**
   * The vector-effect property specifies the vector effect to use when drawing an object. Vector effects are applied before any of the other compositing operations, i.e. filters, masks and clips.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/vector-effect)
   */
  "vector-effect"?: string;

  /**
   * Depending on the value of attribute pointer-events, graphics elements which have their visibility attribute set to hidden still might receive events.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/visibility)
   */
  visibility?: string;

  /**
   * This attribute indicates an horizontal length in the user coordinate system. The exact effect of this coordinate depends on each element. Most of the time, it represents the width of the rectangular region of the reference element (see each individual element's documentation for exceptions).
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/width)
   */
  width?: number | string;

  /**
   * The word-spacing attribute specifies spacing behavior between words.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/word-spacing)
   */
  "word-spacing"?: string;

  /**
   * The writing-mode attribute specifies whether the initial inline-progression-direction for a <text> element shall be left-to-right, right-to-left, or top-to-bottom. The writing-mode attribute applies only to <text> elements; the attribute is ignored for <tspan>, <tref>, <altGlyph> and <textPath> sub-elements. (Note that the inline-progression-direction can change within a <text> element due to the Unicode bidirectional algorithm and properties direction and unicode-bidi.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/writing-mode)
   */
  "writing-mode"?: string;

  /**
   * This attribute indicates an x-axis coordinate in the user coordinate system. The exact effect of this coordinate depend on each element. Most of the time, it represent the x-axis coordinate of the upper-left corner of the rectangular region of the reference element (see each individual element's documentation for exceptions).Its syntax is the same as that for <length>
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/x)
   */
  x?: string;

  /**
   * This attribute indicates an y-axis coordinate in the user coordinate system. The exact effect of this coordinate depend on each element. Most of the time, it represent the x-axis coordinate of the upper-left corner of the rectangular region of the reference element (see each individual element's documentation for exceptions).Its syntax is the same as that for <length>
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/y)
   */
  y?: string;
}

interface FePointLight extends GlobalAttributes {
  /**
   * The result attribute defines the assigned name for this filter primitive. If supplied, then graphics that result from processing this filter primitive can be referenced by an in attribute on a subsequent filter primitive within the same <filter> element. If no value is provided, the output will only be available for re-use as the implicit input into the next filter primitive if that filter primitive provides no value for its in attribute.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/result)
   */
  result?: string;

  /**
   * This attribute indicates an x-axis coordinate in the user coordinate system. The exact effect of this coordinate depend on each element. Most of the time, it represent the x-axis coordinate of the upper-left corner of the rectangular region of the reference element (see each individual element's documentation for exceptions).Its syntax is the same as that for <length>
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/x)
   */
  x?: string;

  /**
   * This attribute indicates an y-axis coordinate in the user coordinate system. The exact effect of this coordinate depend on each element. Most of the time, it represent the x-axis coordinate of the upper-left corner of the rectangular region of the reference element (see each individual element's documentation for exceptions).Its syntax is the same as that for <length>
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/y)
   */
  y?: string;

  /**
   * The z attribute difine the location along the Z-axis for a light source in the coordinate system established by the primitiveUnits attribute on the <filter> element, assuming that, in the initial coordinate system, the positive Z-axis comes out towards the person viewing the content and assuming that one unit along the Z-axis equals on unit in X and Z.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/z)
   */
  z?: string;
}

interface FeSpecularLighting extends GlobalAttributes {
  /**
   * The alignment-baseline attribute specifies how an object is aligned with respect to its parent. This property specifies which baseline of this element is to be aligned with the corresponding baseline of the parent. For example, this allows alphabetic baselines in Roman text to stay aligned across font size changes. It defaults to the baseline with the same name as the computed value of the alignment-baseline property.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/alignment-baseline)
   */
  "alignment-baseline"?: string;

  /**
   * The baseline-shift attribute allows repositioning of the dominant-baseline relative to the dominant-baseline of the parent text content element. The shifted object might be a sub- or superscript.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/baseline-shift)
   */
  "baseline-shift"?: string;

  /**
   * The clip-path attribute binds the element it is applied to with a given <clipPath> element
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/clip-path)
   */
  "clip-path"?: string;

  /**
   * The clip-rule attribute only applies to graphics elements that are contained within a <clipPath> element. The clip-rule attribute basically works as the fill-rule attribute, except that it applies to <clipPath> definitions.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/clip-rule)
   */
  "clip-rule"?: string;

  /**
   * The color attribute is used to provide a potential indirect value (currentColor) for the fill, stroke, stop-color, flood-color and lighting-color attributes.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/color)
   */
  color?: string;

  /**
   * The color-interpolation attribute specifies the color space for gradient interpolations, color animations, and alpha compositing.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/color-interpolation)
   */
  "color-interpolation"?: string;

  /**
   * The color-interpolation-filters attribute specifies the color space for imaging operations performed via filter effects.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/color-interpolation-filters)
   */
  "color-interpolation-filters"?: string;

  /**
   * The color-profile attribute is used to define which color profile a raster image included through the <image> element should use.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/color-profile)
   */
  "color-profile"?: string;

  /**
   * The color-rendering attribute provides a hint to the SVG user agent about how to optimize its color interpolation and compositing operations.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/color-rendering)
   */
  "color-rendering"?: string;

  /**
   * The cursor attribute specifies the mouse cursor displayed when the mouse pointer is over an element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/cursor)
   */
  cursor?: string;

  /**
   * The direction attribute specifies the base writing direction of text and the direction of embeddings and overrides (see unicode-bidi) for the Unicode bidirectional algorithm. For the direction attribute to have any effect on an element that does not by itself establish a new text chunk (such as a <tspan> element without absolute position adjustments due to x or y attributes), the unicode-bidi property's value must be embed or bidi-override.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/direction)
   */
  direction?: string;

  /**
   * The display attribute lets you control the rendering of graphical or container elements.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/display)
   */
  display?: string;

  /**
   * The dominant-baseline attribute is used to determine or re-determine a scaled-baseline-table. A scaled-baseline-table is a compound value with three components: a baseline-identifier for the dominant-baseline, a baseline-table and a baseline-table font-size. Some values of the property re-determine all three values; other only re-establish the baseline-table font-size. When the initial value, auto, would give an undesired result, this property can be used to explicitly set the desire scaled-baseline-table.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/dominant-baseline)
   */
  "dominant-baseline"?: string;

  /**
   * The fill attribute has two meanings based on the context it's used.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/fill)
   */
  fill?: string;

  /**
   * This attribute specifies the opacity of the color or the content the current object is filled with.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/fill-opacity)
   */
  "fill-opacity"?: string;

  /**
   * The fill-rule attribute indicates how to determine what side of a path is inside a shape, to determine how the fill property paints the shape. For a simple, non-intersecting path, it is intuitively clear what region lies "inside"; however, for a more complex path, such as a path that intersects itself or where one subpath encloses another, the interpretation of "inside" is not so obvious.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/fill-rule)
   */
  "fill-rule"?: string;

  /**
   * The filter attribute defines the filter effects define by the <filter> element that shall be applied to its element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/filter)
   */
  filter?: string;

  /**
   * The flood-color attribute indicates what color to use to flood the current filter primitive subregion defined through the <feflood> element. The keyword currentColor and ICC colors can be specified in the same manner as within a <paint> specification for the fill and stroke attributes.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/flood-color)
   */
  "flood-color"?: string;

  /**
   * The flood-opacity attribute indicates the opacity value to use across the current filter primitive subregion defined through the <feflood> element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/flood-opacity)
   */
  "flood-opacity"?: string;

  /**
   * The font-family attribute indicates which font family will be used to render the text, specified as a prioritized list of font family names and/or generic family names.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-family)
   */
  "font-family"?: string;

  /**
   * The font-size attribute refers to the size of the font from baseline to baseline when multiple lines of text are set solid in a multiline layout environment. For SVG, if a <length> is provided without a unit identifier (e.g., an unqualified number such as 128), the browser processes the <length> as a height value in the current user coordinate system.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-size)
   */
  "font-size"?: string;

  /**
   * The font-size-adjust attribute allows authors to specify an aspect value for an element that will preserve the x-height of the first choice font in a substitute font.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-size-adjust)
   */
  "font-size-adjust"?: string;

  /**
   * The font-stretch attribute indicates the desired amount of condensing or expansion in the glyphs used to render the text.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-stretch)
   */
  "font-stretch"?: string;

  /**
   * The font-style attribute specifies whether the text is to be rendered using a normal, italic or oblique face.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-style)
   */
  "font-style"?: string;

  /**
   * The font-variant attribute indicates whether the text is to be rendered using the normal glyphs for lowercase characters or using small-caps glyphs for lowercase characters.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-variant)
   */
  "font-variant"?: string;

  /**
   * The font-weight attribute refers to the boldness or lightness of the glyphs used to render the text, relative to other fonts in the same font family.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-weight)
   */
  "font-weight"?: string;

  /**
   * This attribute indicates a vertical length in the user coordinate system. The exact effect of this coordinate depends on each element. Most of the time, it represents the height of the rectangular region of the reference element (see each individual element's documentation for exceptions).
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/height)
   */
  height?: number | string;

  /**
   * The image-rendering attribute provides a hint to the browser about how to make speed vs. quality tradeoffs as it performs image processing.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/image-rendering)
   */
  "image-rendering"?: string;

  /**
   * The in attribute identifies input for the given filter primitive.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/in)
   */
  in?: string;

  /**
   * The kernelUnitLength attribute has two meaning based on the context it's used.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/kernelUnitLength)
   */
  kernelUnitLength?: string;

  /**
   * The kerning attribute indicates whether the browser should adjust inter-glyph spacing based on kerning tables that are included in the relevant font (i.e., enable auto-kerning) or instead disable auto-kerning and instead set inter-character spacing to a specific length (typically, zero).
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/kerning)
   */
  kerning?: string;

  /**
   * The letter-spacing attribute specifies spacing behavior between text characters supplemental to any spacing due to the kerning attribute.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/letter-spacing)
   */
  "letter-spacing"?: string;

  /**
   * The lighting-color attribute defines the color of the light source for filter primitives elements <fediffuselighting> and <fespecularlighting>.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/lighting-color)
   */
  "lighting-color"?: string;

  /**
   * The marker-end defines the arrowhead or polymarker that will be drawn at the final vertex of the given <path> element or basic shape. Note that for a <path> element which ends with a closed sub-path, the last vertex is the same as the initial vertex on the given sub-path. In this case, if marker-end does not equal none, then it is possible that two markers will be rendered on the given vertex. One way to prevent this is to set marker-end to none. (Note that the same comment applies to <polygon> elements.)
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/marker-end)
   */
  "marker-end"?: string;

  /**
   * The marker-mid defines the arrowhead or polymarker that shall be drawn at every vertex other than the first and last vertex of the given <path> element or basic shape.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/marker-mid)
   */
  "marker-mid"?: string;

  /**
   * The marker-start attribute defines the arrowhead or polymarker that will be drawn at the first vertex of the given <path> element or basic shape.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/marker-start)
   */
  "marker-start"?: string;

  /**
   * The mask attribute binds the element it is applied to with a given <mask> element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/mask)
   */
  mask?: string;

  /**
   * The opacity attribute specifies the transparency of an object or of a group of objects, that is, the degree to which the background behind the element is overlaid.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/opacity)
   */
  opacity?: string;

  /**
   * The overflow attribute has the same parameter values as defined for the css overflow property.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/overflow)
   */
  overflow?: string;

  /**
   * The pointer-events attribute allows authors to control whether or when an element may be the target of a mouse event. This attribute is used to specify under which circumstance (if any) a mouse event should go "through" an element and target whatever is "underneath" that element instead.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/pointer-events)
   */
  "pointer-events"?: string;

  /**
   * The result attribute defines the assigned name for this filter primitive. If supplied, then graphics that result from processing this filter primitive can be referenced by an in attribute on a subsequent filter primitive within the same <filter> element. If no value is provided, the output will only be available for re-use as the implicit input into the next filter primitive if that filter primitive provides no value for its in attribute.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/result)
   */
  result?: string;

  /**
   * The creator of SVG content might want to provide a hint about what tradeoffs to make as the browser renders <path> element or basic shapes. The shape-rendering attribute provides these hints.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/shape-rendering)
   */
  "shape-rendering"?: string;

  /**
   * The specularConstant attribute represents the ks value in the Phong lighting model. In SVG, this can be any non-negative number.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/specularConstant)
   */
  specularConstant?: string;

  /**
   * The specularExponent attribute controls the focus for the light source, a larger value indicate a more "shiny" light.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/specularExponent)
   */
  specularExponent?: string;

  /**
   * The stop-color attribute indicates what color to use at that gradient stop. The keyword currentColor and ICC colors can be specified in the same manner as within a <paint> specification for the fill and stroke attributes.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stop-color)
   */
  "stop-color"?: string;

  /**
   * The stop-opacity attribute defines the opacity of a given gradient stop.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stop-opacity)
   */
  "stop-opacity"?: string;

  /**
   * The stroke attribute defines the color of the outline on a given graphical element. The default value for the stroke attribute is none.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke)
   */
  stroke?: string;

  /**
   * the stroke-dasharray attribute controls the pattern of dashes and gaps used to stroke paths.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-dasharray)
   */
  "stroke-dasharray"?: string;

  /**
   * the stroke-dashoffset attribute specifies the distance into the dash pattern to start the dash.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-dashoffset)
   */
  "stroke-dashoffset"?: string;

  /**
   * the stroke-linecap attribute specifies the shape to be used at the end of open subpaths when they are stroked.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-linecap)
   */
  "stroke-linecap"?: string;

  /**
   * the stroke-linejoin attribute specifies the shape to be used at the corners of paths or basic shapes when they are stroked.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-linejoin)
   */
  "stroke-linejoin"?: string;

  /**
   * When two line segments meet at a sharp angle and miter joins have been specified for stroke-linejoin, it is possible for the miter to extend far beyond the thickness of the line stroking the path. The stroke-miterlimit imposes a limit on the ratio of the miter length to the stroke-width. When the limit is exceeded, the join is converted from a miter to a bevel.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-miterlimit)
   */
  "stroke-miterlimit"?: string;

  /**
   * the stroke-opacity attribute specifies the opacity of the outline on the current object. Its default value is 1.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-opacity)
   */
  "stroke-opacity"?: string;

  /**
   * the stroke-width attribute specifies the width of the outline on the current object. Its default value is 1. If a <percentage> is used, the value represents a percentage of the current viewport. If a value of 0 is used the outline will never be drawn.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-width)
   */
  "stroke-width"?: string;

  /**
   * The surfaceScale attribute represent the height of the surface for a light filter primitive. If the attribute is not specified, then the effect is as if a value of 1 were specified.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/surfaceScale)
   */
  surfaceScale?: string;

  /**
   * The text-anchor attribute is used to align (start-, middle- or end-alignment) a string of text relative to a given point.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/text-anchor)
   */
  "text-anchor"?: string;

  /**
   * The text-decoration attribute works exactly like the css text decoration property except that it's an attribute. See css text decoration for further information.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/text-decoration)
   */
  "text-decoration"?: string;

  /**
   * The creator of SVG content might want to provide a hint about what tradeoffs to make as the browser renders text. The text-rendering attribute provides these hints.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/text-rendering)
   */
  "text-rendering"?: string;

  /**
   * The transform attribute defines a list of transform definitions that are applied to an element and the element's children. The items in the transform list are separated by whitespace and/or commas, and are applied from right to left.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/transform)
   */
  transform?: string;

  /**
   * The vector-effect property specifies the vector effect to use when drawing an object. Vector effects are applied before any of the other compositing operations, i.e. filters, masks and clips.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/vector-effect)
   */
  "vector-effect"?: string;

  /**
   * Depending on the value of attribute pointer-events, graphics elements which have their visibility attribute set to hidden still might receive events.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/visibility)
   */
  visibility?: string;

  /**
   * This attribute indicates an horizontal length in the user coordinate system. The exact effect of this coordinate depends on each element. Most of the time, it represents the width of the rectangular region of the reference element (see each individual element's documentation for exceptions).
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/width)
   */
  width?: number | string;

  /**
   * The word-spacing attribute specifies spacing behavior between words.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/word-spacing)
   */
  "word-spacing"?: string;

  /**
   * The writing-mode attribute specifies whether the initial inline-progression-direction for a <text> element shall be left-to-right, right-to-left, or top-to-bottom. The writing-mode attribute applies only to <text> elements; the attribute is ignored for <tspan>, <tref>, <altGlyph> and <textPath> sub-elements. (Note that the inline-progression-direction can change within a <text> element due to the Unicode bidirectional algorithm and properties direction and unicode-bidi.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/writing-mode)
   */
  "writing-mode"?: string;

  /**
   * This attribute indicates an x-axis coordinate in the user coordinate system. The exact effect of this coordinate depend on each element. Most of the time, it represent the x-axis coordinate of the upper-left corner of the rectangular region of the reference element (see each individual element's documentation for exceptions).Its syntax is the same as that for <length>
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/x)
   */
  x?: string;

  /**
   * This attribute indicates an y-axis coordinate in the user coordinate system. The exact effect of this coordinate depend on each element. Most of the time, it represent the x-axis coordinate of the upper-left corner of the rectangular region of the reference element (see each individual element's documentation for exceptions).Its syntax is the same as that for <length>
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/y)
   */
  y?: string;
}

interface FeSpotLight extends GlobalAttributes {
  /**
   * The limitingConeAngle attribute represents the angle in degrees between the spot light axis (i.e. the axis between the light source and the point to which it is pointing at) and the spot light cone. So it defines a limiting cone which restricts the region where the light is projected. No light is projected outside the cone.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/limitingConeAngle)
   */
  limitingConeAngle?: string;

  /**
   * The pointsAtX attribute represent the X location in the coordinate system established by attribute primitiveUnits on the <filter> element of the point at which the light source is pointing.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/pointsAtX)
   */
  pointsAtX?: string;

  /**
   * The pointsAtY attribute represent the Y location in the coordinate system established by attribute primitiveUnits on the <filter> element of the point at which the light source is pointing.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/pointsAtY)
   */
  pointsAtY?: string;

  /**
   * The pointsAtZ attribute represent the Z location in the coordinate system established by attribute primitiveUnits on the <filter> element of the point at which the light source is pointing.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/pointsAtZ)
   */
  pointsAtZ?: string;

  /**
   * The result attribute defines the assigned name for this filter primitive. If supplied, then graphics that result from processing this filter primitive can be referenced by an in attribute on a subsequent filter primitive within the same <filter> element. If no value is provided, the output will only be available for re-use as the implicit input into the next filter primitive if that filter primitive provides no value for its in attribute.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/result)
   */
  result?: string;

  /**
   * The specularExponent attribute controls the focus for the light source, a larger value indicate a more "shiny" light.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/specularExponent)
   */
  specularExponent?: string;

  /**
   * This attribute indicates an x-axis coordinate in the user coordinate system. The exact effect of this coordinate depend on each element. Most of the time, it represent the x-axis coordinate of the upper-left corner of the rectangular region of the reference element (see each individual element's documentation for exceptions).Its syntax is the same as that for <length>
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/x)
   */
  x?: string;

  /**
   * This attribute indicates an y-axis coordinate in the user coordinate system. The exact effect of this coordinate depend on each element. Most of the time, it represent the x-axis coordinate of the upper-left corner of the rectangular region of the reference element (see each individual element's documentation for exceptions).Its syntax is the same as that for <length>
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/y)
   */
  y?: string;

  /**
   * The z attribute difine the location along the Z-axis for a light source in the coordinate system established by the primitiveUnits attribute on the <filter> element, assuming that, in the initial coordinate system, the positive Z-axis comes out towards the person viewing the content and assuming that one unit along the Z-axis equals on unit in X and Z.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/z)
   */
  z?: string;
}

interface FeTile extends GlobalAttributes {
  /**
   * The alignment-baseline attribute specifies how an object is aligned with respect to its parent. This property specifies which baseline of this element is to be aligned with the corresponding baseline of the parent. For example, this allows alphabetic baselines in Roman text to stay aligned across font size changes. It defaults to the baseline with the same name as the computed value of the alignment-baseline property.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/alignment-baseline)
   */
  "alignment-baseline"?: string;

  /**
   * The baseline-shift attribute allows repositioning of the dominant-baseline relative to the dominant-baseline of the parent text content element. The shifted object might be a sub- or superscript.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/baseline-shift)
   */
  "baseline-shift"?: string;

  /**
   * The clip-path attribute binds the element it is applied to with a given <clipPath> element
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/clip-path)
   */
  "clip-path"?: string;

  /**
   * The clip-rule attribute only applies to graphics elements that are contained within a <clipPath> element. The clip-rule attribute basically works as the fill-rule attribute, except that it applies to <clipPath> definitions.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/clip-rule)
   */
  "clip-rule"?: string;

  /**
   * The color attribute is used to provide a potential indirect value (currentColor) for the fill, stroke, stop-color, flood-color and lighting-color attributes.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/color)
   */
  color?: string;

  /**
   * The color-interpolation attribute specifies the color space for gradient interpolations, color animations, and alpha compositing.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/color-interpolation)
   */
  "color-interpolation"?: string;

  /**
   * The color-interpolation-filters attribute specifies the color space for imaging operations performed via filter effects.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/color-interpolation-filters)
   */
  "color-interpolation-filters"?: string;

  /**
   * The color-profile attribute is used to define which color profile a raster image included through the <image> element should use.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/color-profile)
   */
  "color-profile"?: string;

  /**
   * The color-rendering attribute provides a hint to the SVG user agent about how to optimize its color interpolation and compositing operations.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/color-rendering)
   */
  "color-rendering"?: string;

  /**
   * The cursor attribute specifies the mouse cursor displayed when the mouse pointer is over an element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/cursor)
   */
  cursor?: string;

  /**
   * The direction attribute specifies the base writing direction of text and the direction of embeddings and overrides (see unicode-bidi) for the Unicode bidirectional algorithm. For the direction attribute to have any effect on an element that does not by itself establish a new text chunk (such as a <tspan> element without absolute position adjustments due to x or y attributes), the unicode-bidi property's value must be embed or bidi-override.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/direction)
   */
  direction?: string;

  /**
   * The display attribute lets you control the rendering of graphical or container elements.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/display)
   */
  display?: string;

  /**
   * The dominant-baseline attribute is used to determine or re-determine a scaled-baseline-table. A scaled-baseline-table is a compound value with three components: a baseline-identifier for the dominant-baseline, a baseline-table and a baseline-table font-size. Some values of the property re-determine all three values; other only re-establish the baseline-table font-size. When the initial value, auto, would give an undesired result, this property can be used to explicitly set the desire scaled-baseline-table.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/dominant-baseline)
   */
  "dominant-baseline"?: string;

  /**
   * The fill attribute has two meanings based on the context it's used.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/fill)
   */
  fill?: string;

  /**
   * This attribute specifies the opacity of the color or the content the current object is filled with.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/fill-opacity)
   */
  "fill-opacity"?: string;

  /**
   * The fill-rule attribute indicates how to determine what side of a path is inside a shape, to determine how the fill property paints the shape. For a simple, non-intersecting path, it is intuitively clear what region lies "inside"; however, for a more complex path, such as a path that intersects itself or where one subpath encloses another, the interpretation of "inside" is not so obvious.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/fill-rule)
   */
  "fill-rule"?: string;

  /**
   * The filter attribute defines the filter effects define by the <filter> element that shall be applied to its element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/filter)
   */
  filter?: string;

  /**
   * The flood-color attribute indicates what color to use to flood the current filter primitive subregion defined through the <feflood> element. The keyword currentColor and ICC colors can be specified in the same manner as within a <paint> specification for the fill and stroke attributes.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/flood-color)
   */
  "flood-color"?: string;

  /**
   * The flood-opacity attribute indicates the opacity value to use across the current filter primitive subregion defined through the <feflood> element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/flood-opacity)
   */
  "flood-opacity"?: string;

  /**
   * The font-family attribute indicates which font family will be used to render the text, specified as a prioritized list of font family names and/or generic family names.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-family)
   */
  "font-family"?: string;

  /**
   * The font-size attribute refers to the size of the font from baseline to baseline when multiple lines of text are set solid in a multiline layout environment. For SVG, if a <length> is provided without a unit identifier (e.g., an unqualified number such as 128), the browser processes the <length> as a height value in the current user coordinate system.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-size)
   */
  "font-size"?: string;

  /**
   * The font-size-adjust attribute allows authors to specify an aspect value for an element that will preserve the x-height of the first choice font in a substitute font.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-size-adjust)
   */
  "font-size-adjust"?: string;

  /**
   * The font-stretch attribute indicates the desired amount of condensing or expansion in the glyphs used to render the text.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-stretch)
   */
  "font-stretch"?: string;

  /**
   * The font-style attribute specifies whether the text is to be rendered using a normal, italic or oblique face.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-style)
   */
  "font-style"?: string;

  /**
   * The font-variant attribute indicates whether the text is to be rendered using the normal glyphs for lowercase characters or using small-caps glyphs for lowercase characters.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-variant)
   */
  "font-variant"?: string;

  /**
   * The font-weight attribute refers to the boldness or lightness of the glyphs used to render the text, relative to other fonts in the same font family.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-weight)
   */
  "font-weight"?: string;

  /**
   * This attribute indicates a vertical length in the user coordinate system. The exact effect of this coordinate depends on each element. Most of the time, it represents the height of the rectangular region of the reference element (see each individual element's documentation for exceptions).
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/height)
   */
  height?: number | string;

  /**
   * The image-rendering attribute provides a hint to the browser about how to make speed vs. quality tradeoffs as it performs image processing.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/image-rendering)
   */
  "image-rendering"?: string;

  /**
   * The in attribute identifies input for the given filter primitive.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/in)
   */
  in?: string;

  /**
   * The kerning attribute indicates whether the browser should adjust inter-glyph spacing based on kerning tables that are included in the relevant font (i.e., enable auto-kerning) or instead disable auto-kerning and instead set inter-character spacing to a specific length (typically, zero).
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/kerning)
   */
  kerning?: string;

  /**
   * The letter-spacing attribute specifies spacing behavior between text characters supplemental to any spacing due to the kerning attribute.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/letter-spacing)
   */
  "letter-spacing"?: string;

  /**
   * The lighting-color attribute defines the color of the light source for filter primitives elements <fediffuselighting> and <fespecularlighting>.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/lighting-color)
   */
  "lighting-color"?: string;

  /**
   * The marker-end defines the arrowhead or polymarker that will be drawn at the final vertex of the given <path> element or basic shape. Note that for a <path> element which ends with a closed sub-path, the last vertex is the same as the initial vertex on the given sub-path. In this case, if marker-end does not equal none, then it is possible that two markers will be rendered on the given vertex. One way to prevent this is to set marker-end to none. (Note that the same comment applies to <polygon> elements.)
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/marker-end)
   */
  "marker-end"?: string;

  /**
   * The marker-mid defines the arrowhead or polymarker that shall be drawn at every vertex other than the first and last vertex of the given <path> element or basic shape.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/marker-mid)
   */
  "marker-mid"?: string;

  /**
   * The marker-start attribute defines the arrowhead or polymarker that will be drawn at the first vertex of the given <path> element or basic shape.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/marker-start)
   */
  "marker-start"?: string;

  /**
   * The mask attribute binds the element it is applied to with a given <mask> element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/mask)
   */
  mask?: string;

  /**
   * The opacity attribute specifies the transparency of an object or of a group of objects, that is, the degree to which the background behind the element is overlaid.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/opacity)
   */
  opacity?: string;

  /**
   * The overflow attribute has the same parameter values as defined for the css overflow property.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/overflow)
   */
  overflow?: string;

  /**
   * The pointer-events attribute allows authors to control whether or when an element may be the target of a mouse event. This attribute is used to specify under which circumstance (if any) a mouse event should go "through" an element and target whatever is "underneath" that element instead.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/pointer-events)
   */
  "pointer-events"?: string;

  /**
   * The result attribute defines the assigned name for this filter primitive. If supplied, then graphics that result from processing this filter primitive can be referenced by an in attribute on a subsequent filter primitive within the same <filter> element. If no value is provided, the output will only be available for re-use as the implicit input into the next filter primitive if that filter primitive provides no value for its in attribute.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/result)
   */
  result?: string;

  /**
   * The creator of SVG content might want to provide a hint about what tradeoffs to make as the browser renders <path> element or basic shapes. The shape-rendering attribute provides these hints.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/shape-rendering)
   */
  "shape-rendering"?: string;

  /**
   * The stop-color attribute indicates what color to use at that gradient stop. The keyword currentColor and ICC colors can be specified in the same manner as within a <paint> specification for the fill and stroke attributes.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stop-color)
   */
  "stop-color"?: string;

  /**
   * The stop-opacity attribute defines the opacity of a given gradient stop.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stop-opacity)
   */
  "stop-opacity"?: string;

  /**
   * The stroke attribute defines the color of the outline on a given graphical element. The default value for the stroke attribute is none.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke)
   */
  stroke?: string;

  /**
   * the stroke-dasharray attribute controls the pattern of dashes and gaps used to stroke paths.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-dasharray)
   */
  "stroke-dasharray"?: string;

  /**
   * the stroke-dashoffset attribute specifies the distance into the dash pattern to start the dash.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-dashoffset)
   */
  "stroke-dashoffset"?: string;

  /**
   * the stroke-linecap attribute specifies the shape to be used at the end of open subpaths when they are stroked.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-linecap)
   */
  "stroke-linecap"?: string;

  /**
   * the stroke-linejoin attribute specifies the shape to be used at the corners of paths or basic shapes when they are stroked.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-linejoin)
   */
  "stroke-linejoin"?: string;

  /**
   * When two line segments meet at a sharp angle and miter joins have been specified for stroke-linejoin, it is possible for the miter to extend far beyond the thickness of the line stroking the path. The stroke-miterlimit imposes a limit on the ratio of the miter length to the stroke-width. When the limit is exceeded, the join is converted from a miter to a bevel.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-miterlimit)
   */
  "stroke-miterlimit"?: string;

  /**
   * the stroke-opacity attribute specifies the opacity of the outline on the current object. Its default value is 1.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-opacity)
   */
  "stroke-opacity"?: string;

  /**
   * the stroke-width attribute specifies the width of the outline on the current object. Its default value is 1. If a <percentage> is used, the value represents a percentage of the current viewport. If a value of 0 is used the outline will never be drawn.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-width)
   */
  "stroke-width"?: string;

  /**
   * The text-anchor attribute is used to align (start-, middle- or end-alignment) a string of text relative to a given point.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/text-anchor)
   */
  "text-anchor"?: string;

  /**
   * The text-decoration attribute works exactly like the css text decoration property except that it's an attribute. See css text decoration for further information.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/text-decoration)
   */
  "text-decoration"?: string;

  /**
   * The creator of SVG content might want to provide a hint about what tradeoffs to make as the browser renders text. The text-rendering attribute provides these hints.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/text-rendering)
   */
  "text-rendering"?: string;

  /**
   * The transform attribute defines a list of transform definitions that are applied to an element and the element's children. The items in the transform list are separated by whitespace and/or commas, and are applied from right to left.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/transform)
   */
  transform?: string;

  /**
   * The vector-effect property specifies the vector effect to use when drawing an object. Vector effects are applied before any of the other compositing operations, i.e. filters, masks and clips.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/vector-effect)
   */
  "vector-effect"?: string;

  /**
   * Depending on the value of attribute pointer-events, graphics elements which have their visibility attribute set to hidden still might receive events.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/visibility)
   */
  visibility?: string;

  /**
   * This attribute indicates an horizontal length in the user coordinate system. The exact effect of this coordinate depends on each element. Most of the time, it represents the width of the rectangular region of the reference element (see each individual element's documentation for exceptions).
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/width)
   */
  width?: number | string;

  /**
   * The word-spacing attribute specifies spacing behavior between words.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/word-spacing)
   */
  "word-spacing"?: string;

  /**
   * The writing-mode attribute specifies whether the initial inline-progression-direction for a <text> element shall be left-to-right, right-to-left, or top-to-bottom. The writing-mode attribute applies only to <text> elements; the attribute is ignored for <tspan>, <tref>, <altGlyph> and <textPath> sub-elements. (Note that the inline-progression-direction can change within a <text> element due to the Unicode bidirectional algorithm and properties direction and unicode-bidi.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/writing-mode)
   */
  "writing-mode"?: string;

  /**
   * This attribute indicates an x-axis coordinate in the user coordinate system. The exact effect of this coordinate depend on each element. Most of the time, it represent the x-axis coordinate of the upper-left corner of the rectangular region of the reference element (see each individual element's documentation for exceptions).Its syntax is the same as that for <length>
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/x)
   */
  x?: string;

  /**
   * This attribute indicates an y-axis coordinate in the user coordinate system. The exact effect of this coordinate depend on each element. Most of the time, it represent the x-axis coordinate of the upper-left corner of the rectangular region of the reference element (see each individual element's documentation for exceptions).Its syntax is the same as that for <length>
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/y)
   */
  y?: string;
}

interface FeTurbulence extends GlobalAttributes {
  /**
   * The alignment-baseline attribute specifies how an object is aligned with respect to its parent. This property specifies which baseline of this element is to be aligned with the corresponding baseline of the parent. For example, this allows alphabetic baselines in Roman text to stay aligned across font size changes. It defaults to the baseline with the same name as the computed value of the alignment-baseline property.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/alignment-baseline)
   */
  "alignment-baseline"?: string;

  /**
   * The baseFrequency attribute represent The base frequencies parameter for the noise function of the <feturbulence> primitive. If two <number>s are provided, the first number represents a base frequency in the X direction and the second value represents a base frequency in the Y direction. If one number is provided, then that value is used for both X and Y.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/baseFrequency)
   */
  baseFrequency?: string;

  /**
   * The baseline-shift attribute allows repositioning of the dominant-baseline relative to the dominant-baseline of the parent text content element. The shifted object might be a sub- or superscript.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/baseline-shift)
   */
  "baseline-shift"?: string;

  /**
   * The clip-path attribute binds the element it is applied to with a given <clipPath> element
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/clip-path)
   */
  "clip-path"?: string;

  /**
   * The clip-rule attribute only applies to graphics elements that are contained within a <clipPath> element. The clip-rule attribute basically works as the fill-rule attribute, except that it applies to <clipPath> definitions.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/clip-rule)
   */
  "clip-rule"?: string;

  /**
   * The color attribute is used to provide a potential indirect value (currentColor) for the fill, stroke, stop-color, flood-color and lighting-color attributes.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/color)
   */
  color?: string;

  /**
   * The color-interpolation attribute specifies the color space for gradient interpolations, color animations, and alpha compositing.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/color-interpolation)
   */
  "color-interpolation"?: string;

  /**
   * The color-interpolation-filters attribute specifies the color space for imaging operations performed via filter effects.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/color-interpolation-filters)
   */
  "color-interpolation-filters"?: string;

  /**
   * The color-profile attribute is used to define which color profile a raster image included through the <image> element should use.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/color-profile)
   */
  "color-profile"?: string;

  /**
   * The color-rendering attribute provides a hint to the SVG user agent about how to optimize its color interpolation and compositing operations.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/color-rendering)
   */
  "color-rendering"?: string;

  /**
   * The cursor attribute specifies the mouse cursor displayed when the mouse pointer is over an element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/cursor)
   */
  cursor?: string;

  /**
   * The direction attribute specifies the base writing direction of text and the direction of embeddings and overrides (see unicode-bidi) for the Unicode bidirectional algorithm. For the direction attribute to have any effect on an element that does not by itself establish a new text chunk (such as a <tspan> element without absolute position adjustments due to x or y attributes), the unicode-bidi property's value must be embed or bidi-override.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/direction)
   */
  direction?: string;

  /**
   * The display attribute lets you control the rendering of graphical or container elements.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/display)
   */
  display?: string;

  /**
   * The dominant-baseline attribute is used to determine or re-determine a scaled-baseline-table. A scaled-baseline-table is a compound value with three components: a baseline-identifier for the dominant-baseline, a baseline-table and a baseline-table font-size. Some values of the property re-determine all three values; other only re-establish the baseline-table font-size. When the initial value, auto, would give an undesired result, this property can be used to explicitly set the desire scaled-baseline-table.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/dominant-baseline)
   */
  "dominant-baseline"?: string;

  /**
   * The fill attribute has two meanings based on the context it's used.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/fill)
   */
  fill?: string;

  /**
   * This attribute specifies the opacity of the color or the content the current object is filled with.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/fill-opacity)
   */
  "fill-opacity"?: string;

  /**
   * The fill-rule attribute indicates how to determine what side of a path is inside a shape, to determine how the fill property paints the shape. For a simple, non-intersecting path, it is intuitively clear what region lies "inside"; however, for a more complex path, such as a path that intersects itself or where one subpath encloses another, the interpretation of "inside" is not so obvious.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/fill-rule)
   */
  "fill-rule"?: string;

  /**
   * The filter attribute defines the filter effects define by the <filter> element that shall be applied to its element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/filter)
   */
  filter?: string;

  /**
   * The flood-color attribute indicates what color to use to flood the current filter primitive subregion defined through the <feflood> element. The keyword currentColor and ICC colors can be specified in the same manner as within a <paint> specification for the fill and stroke attributes.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/flood-color)
   */
  "flood-color"?: string;

  /**
   * The flood-opacity attribute indicates the opacity value to use across the current filter primitive subregion defined through the <feflood> element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/flood-opacity)
   */
  "flood-opacity"?: string;

  /**
   * The font-family attribute indicates which font family will be used to render the text, specified as a prioritized list of font family names and/or generic family names.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-family)
   */
  "font-family"?: string;

  /**
   * The font-size attribute refers to the size of the font from baseline to baseline when multiple lines of text are set solid in a multiline layout environment. For SVG, if a <length> is provided without a unit identifier (e.g., an unqualified number such as 128), the browser processes the <length> as a height value in the current user coordinate system.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-size)
   */
  "font-size"?: string;

  /**
   * The font-size-adjust attribute allows authors to specify an aspect value for an element that will preserve the x-height of the first choice font in a substitute font.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-size-adjust)
   */
  "font-size-adjust"?: string;

  /**
   * The font-stretch attribute indicates the desired amount of condensing or expansion in the glyphs used to render the text.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-stretch)
   */
  "font-stretch"?: string;

  /**
   * The font-style attribute specifies whether the text is to be rendered using a normal, italic or oblique face.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-style)
   */
  "font-style"?: string;

  /**
   * The font-variant attribute indicates whether the text is to be rendered using the normal glyphs for lowercase characters or using small-caps glyphs for lowercase characters.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-variant)
   */
  "font-variant"?: string;

  /**
   * The font-weight attribute refers to the boldness or lightness of the glyphs used to render the text, relative to other fonts in the same font family.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-weight)
   */
  "font-weight"?: string;

  /**
   * This attribute indicates a vertical length in the user coordinate system. The exact effect of this coordinate depends on each element. Most of the time, it represents the height of the rectangular region of the reference element (see each individual element's documentation for exceptions).
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/height)
   */
  height?: number | string;

  /**
   * The image-rendering attribute provides a hint to the browser about how to make speed vs. quality tradeoffs as it performs image processing.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/image-rendering)
   */
  "image-rendering"?: string;

  /**
   * The kerning attribute indicates whether the browser should adjust inter-glyph spacing based on kerning tables that are included in the relevant font (i.e., enable auto-kerning) or instead disable auto-kerning and instead set inter-character spacing to a specific length (typically, zero).
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/kerning)
   */
  kerning?: string;

  /**
   * The letter-spacing attribute specifies spacing behavior between text characters supplemental to any spacing due to the kerning attribute.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/letter-spacing)
   */
  "letter-spacing"?: string;

  /**
   * The lighting-color attribute defines the color of the light source for filter primitives elements <fediffuselighting> and <fespecularlighting>.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/lighting-color)
   */
  "lighting-color"?: string;

  /**
   * The marker-end defines the arrowhead or polymarker that will be drawn at the final vertex of the given <path> element or basic shape. Note that for a <path> element which ends with a closed sub-path, the last vertex is the same as the initial vertex on the given sub-path. In this case, if marker-end does not equal none, then it is possible that two markers will be rendered on the given vertex. One way to prevent this is to set marker-end to none. (Note that the same comment applies to <polygon> elements.)
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/marker-end)
   */
  "marker-end"?: string;

  /**
   * The marker-mid defines the arrowhead or polymarker that shall be drawn at every vertex other than the first and last vertex of the given <path> element or basic shape.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/marker-mid)
   */
  "marker-mid"?: string;

  /**
   * The marker-start attribute defines the arrowhead or polymarker that will be drawn at the first vertex of the given <path> element or basic shape.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/marker-start)
   */
  "marker-start"?: string;

  /**
   * The mask attribute binds the element it is applied to with a given <mask> element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/mask)
   */
  mask?: string;

  /**
   * The numOctaves parameter for the noise function of the <feturbulence> primitive.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/numOctaves)
   */
  numOctaves?: string;

  /**
   * The opacity attribute specifies the transparency of an object or of a group of objects, that is, the degree to which the background behind the element is overlaid.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/opacity)
   */
  opacity?: string;

  /**
   * The overflow attribute has the same parameter values as defined for the css overflow property.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/overflow)
   */
  overflow?: string;

  /**
   * The pointer-events attribute allows authors to control whether or when an element may be the target of a mouse event. This attribute is used to specify under which circumstance (if any) a mouse event should go "through" an element and target whatever is "underneath" that element instead.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/pointer-events)
   */
  "pointer-events"?: string;

  /**
   * The result attribute defines the assigned name for this filter primitive. If supplied, then graphics that result from processing this filter primitive can be referenced by an in attribute on a subsequent filter primitive within the same <filter> element. If no value is provided, the output will only be available for re-use as the implicit input into the next filter primitive if that filter primitive provides no value for its in attribute.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/result)
   */
  result?: string;

  /**
   * The seed attribute represents the starting number for the pseudo random number generator of the <feTurbulence> primitive.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/seed)
   */
  seed?: string;

  /**
   * The creator of SVG content might want to provide a hint about what tradeoffs to make as the browser renders <path> element or basic shapes. The shape-rendering attribute provides these hints.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/shape-rendering)
   */
  "shape-rendering"?: string;

  /**
   * The stitchTiles attribute defines how the Perlin tiles behave at the border.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stitchTiles)
   */
  stitchTiles?: string;

  /**
   * The stop-color attribute indicates what color to use at that gradient stop. The keyword currentColor and ICC colors can be specified in the same manner as within a <paint> specification for the fill and stroke attributes.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stop-color)
   */
  "stop-color"?: string;

  /**
   * The stop-opacity attribute defines the opacity of a given gradient stop.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stop-opacity)
   */
  "stop-opacity"?: string;

  /**
   * The stroke attribute defines the color of the outline on a given graphical element. The default value for the stroke attribute is none.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke)
   */
  stroke?: string;

  /**
   * the stroke-dasharray attribute controls the pattern of dashes and gaps used to stroke paths.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-dasharray)
   */
  "stroke-dasharray"?: string;

  /**
   * the stroke-dashoffset attribute specifies the distance into the dash pattern to start the dash.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-dashoffset)
   */
  "stroke-dashoffset"?: string;

  /**
   * the stroke-linecap attribute specifies the shape to be used at the end of open subpaths when they are stroked.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-linecap)
   */
  "stroke-linecap"?: string;

  /**
   * the stroke-linejoin attribute specifies the shape to be used at the corners of paths or basic shapes when they are stroked.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-linejoin)
   */
  "stroke-linejoin"?: string;

  /**
   * When two line segments meet at a sharp angle and miter joins have been specified for stroke-linejoin, it is possible for the miter to extend far beyond the thickness of the line stroking the path. The stroke-miterlimit imposes a limit on the ratio of the miter length to the stroke-width. When the limit is exceeded, the join is converted from a miter to a bevel.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-miterlimit)
   */
  "stroke-miterlimit"?: string;

  /**
   * the stroke-opacity attribute specifies the opacity of the outline on the current object. Its default value is 1.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-opacity)
   */
  "stroke-opacity"?: string;

  /**
   * the stroke-width attribute specifies the width of the outline on the current object. Its default value is 1. If a <percentage> is used, the value represents a percentage of the current viewport. If a value of 0 is used the outline will never be drawn.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-width)
   */
  "stroke-width"?: string;

  /**
   * The text-anchor attribute is used to align (start-, middle- or end-alignment) a string of text relative to a given point.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/text-anchor)
   */
  "text-anchor"?: string;

  /**
   * The text-decoration attribute works exactly like the css text decoration property except that it's an attribute. See css text decoration for further information.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/text-decoration)
   */
  "text-decoration"?: string;

  /**
   * The creator of SVG content might want to provide a hint about what tradeoffs to make as the browser renders text. The text-rendering attribute provides these hints.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/text-rendering)
   */
  "text-rendering"?: string;

  /**
   * The transform attribute defines a list of transform definitions that are applied to an element and the element's children. The items in the transform list are separated by whitespace and/or commas, and are applied from right to left.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/transform)
   */
  transform?: string;

  /**
   * Is a generic attribute and it has different meaning based on the context in which it's used.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/type)
   */
  type?: string;

  /**
   * The vector-effect property specifies the vector effect to use when drawing an object. Vector effects are applied before any of the other compositing operations, i.e. filters, masks and clips.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/vector-effect)
   */
  "vector-effect"?: string;

  /**
   * Depending on the value of attribute pointer-events, graphics elements which have their visibility attribute set to hidden still might receive events.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/visibility)
   */
  visibility?: string;

  /**
   * This attribute indicates an horizontal length in the user coordinate system. The exact effect of this coordinate depends on each element. Most of the time, it represents the width of the rectangular region of the reference element (see each individual element's documentation for exceptions).
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/width)
   */
  width?: number | string;

  /**
   * The word-spacing attribute specifies spacing behavior between words.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/word-spacing)
   */
  "word-spacing"?: string;

  /**
   * The writing-mode attribute specifies whether the initial inline-progression-direction for a <text> element shall be left-to-right, right-to-left, or top-to-bottom. The writing-mode attribute applies only to <text> elements; the attribute is ignored for <tspan>, <tref>, <altGlyph> and <textPath> sub-elements. (Note that the inline-progression-direction can change within a <text> element due to the Unicode bidirectional algorithm and properties direction and unicode-bidi.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/writing-mode)
   */
  "writing-mode"?: string;

  /**
   * This attribute indicates an x-axis coordinate in the user coordinate system. The exact effect of this coordinate depend on each element. Most of the time, it represent the x-axis coordinate of the upper-left corner of the rectangular region of the reference element (see each individual element's documentation for exceptions).Its syntax is the same as that for <length>
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/x)
   */
  x?: string;

  /**
   * This attribute indicates an y-axis coordinate in the user coordinate system. The exact effect of this coordinate depend on each element. Most of the time, it represent the x-axis coordinate of the upper-left corner of the rectangular region of the reference element (see each individual element's documentation for exceptions).Its syntax is the same as that for <length>
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/y)
   */
  y?: string;
}

interface Filter extends GlobalAttributes {
  /**
   * defines the coordinate system for the attributes x, y, width and height.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/filterUnits)
   */
  filterUnits?: string;

  /**
   * This attribute indicates a vertical length in the user coordinate system. The exact effect of this coordinate depends on each element. Most of the time, it represents the height of the rectangular region of the reference element (see each individual element's documentation for exceptions).
   * undefined
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/height)
   */
  height?: number | string;

  /**
   * The primitiveUnits attribute specifies the coordinate system for the various length values within the filter primitives and for the attributes that define the filter primitive subregion.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/primitiveUnits)
   */
  primitiveUnits?: string;

  /**
   * The result attribute defines the assigned name for this filter primitive. If supplied, then graphics that result from processing this filter primitive can be referenced by an in attribute on a subsequent filter primitive within the same <filter> element. If no value is provided, the output will only be available for re-use as the implicit input into the next filter primitive if that filter primitive provides no value for its in attribute.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/result)
   */
  result?: string;

  /**
   * This attribute indicates an horizontal length in the user coordinate system. The exact effect of this coordinate depends on each element. Most of the time, it represents the width of the rectangular region of the reference element (see each individual element's documentation for exceptions).
   * undefined
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/width)
   */
  width?: number | string;

  /**
   * This attribute indicates an x-axis coordinate in the user coordinate system. The exact effect of this coordinate depend on each element. Most of the time, it represent the x-axis coordinate of the upper-left corner of the rectangular region of the reference element (see each individual element's documentation for exceptions).Its syntax is the same as that for <length>
   * undefined
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/x)
   */
  x?: string;

  /**
   * This attribute indicates an y-axis coordinate in the user coordinate system. The exact effect of this coordinate depend on each element. Most of the time, it represent the x-axis coordinate of the upper-left corner of the rectangular region of the reference element (see each individual element's documentation for exceptions).Its syntax is the same as that for <length>
   * undefined
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/y)
   */
  y?: string;
}

interface ForeignObject extends GlobalAttributes {
  /**
   * The alignment-baseline attribute specifies how an object is aligned with respect to its parent. This property specifies which baseline of this element is to be aligned with the corresponding baseline of the parent. For example, this allows alphabetic baselines in Roman text to stay aligned across font size changes. It defaults to the baseline with the same name as the computed value of the alignment-baseline property.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/alignment-baseline)
   */
  "alignment-baseline"?: string;

  /**
   * The baseline-shift attribute allows repositioning of the dominant-baseline relative to the dominant-baseline of the parent text content element. The shifted object might be a sub- or superscript.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/baseline-shift)
   */
  "baseline-shift"?: string;

  /**
   * The clip-path attribute binds the element it is applied to with a given <clipPath> element
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/clip-path)
   */
  "clip-path"?: string;

  /**
   * The clip-rule attribute only applies to graphics elements that are contained within a <clipPath> element. The clip-rule attribute basically works as the fill-rule attribute, except that it applies to <clipPath> definitions.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/clip-rule)
   */
  "clip-rule"?: string;

  /**
   * The color attribute is used to provide a potential indirect value (currentColor) for the fill, stroke, stop-color, flood-color and lighting-color attributes.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/color)
   */
  color?: string;

  /**
   * The color-interpolation attribute specifies the color space for gradient interpolations, color animations, and alpha compositing.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/color-interpolation)
   */
  "color-interpolation"?: string;

  /**
   * The color-interpolation-filters attribute specifies the color space for imaging operations performed via filter effects.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/color-interpolation-filters)
   */
  "color-interpolation-filters"?: string;

  /**
   * The color-profile attribute is used to define which color profile a raster image included through the <image> element should use.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/color-profile)
   */
  "color-profile"?: string;

  /**
   * The color-rendering attribute provides a hint to the SVG user agent about how to optimize its color interpolation and compositing operations.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/color-rendering)
   */
  "color-rendering"?: string;

  /**
   * The cursor attribute specifies the mouse cursor displayed when the mouse pointer is over an element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/cursor)
   */
  cursor?: string;

  /**
   * The direction attribute specifies the base writing direction of text and the direction of embeddings and overrides (see unicode-bidi) for the Unicode bidirectional algorithm. For the direction attribute to have any effect on an element that does not by itself establish a new text chunk (such as a <tspan> element without absolute position adjustments due to x or y attributes), the unicode-bidi property's value must be embed or bidi-override.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/direction)
   */
  direction?: string;

  /**
   * The display attribute lets you control the rendering of graphical or container elements.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/display)
   */
  display?: string;

  /**
   * The dominant-baseline attribute is used to determine or re-determine a scaled-baseline-table. A scaled-baseline-table is a compound value with three components: a baseline-identifier for the dominant-baseline, a baseline-table and a baseline-table font-size. Some values of the property re-determine all three values; other only re-establish the baseline-table font-size. When the initial value, auto, would give an undesired result, this property can be used to explicitly set the desire scaled-baseline-table.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/dominant-baseline)
   */
  "dominant-baseline"?: string;

  /**
   * The fill attribute has two meanings based on the context it's used.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/fill)
   */
  fill?: string;

  /**
   * This attribute specifies the opacity of the color or the content the current object is filled with.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/fill-opacity)
   */
  "fill-opacity"?: string;

  /**
   * The fill-rule attribute indicates how to determine what side of a path is inside a shape, to determine how the fill property paints the shape. For a simple, non-intersecting path, it is intuitively clear what region lies "inside"; however, for a more complex path, such as a path that intersects itself or where one subpath encloses another, the interpretation of "inside" is not so obvious.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/fill-rule)
   */
  "fill-rule"?: string;

  /**
   * The filter attribute defines the filter effects define by the <filter> element that shall be applied to its element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/filter)
   */
  filter?: string;

  /**
   * The flood-color attribute indicates what color to use to flood the current filter primitive subregion defined through the <feflood> element. The keyword currentColor and ICC colors can be specified in the same manner as within a <paint> specification for the fill and stroke attributes.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/flood-color)
   */
  "flood-color"?: string;

  /**
   * The flood-opacity attribute indicates the opacity value to use across the current filter primitive subregion defined through the <feflood> element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/flood-opacity)
   */
  "flood-opacity"?: string;

  /**
   * The font-family attribute indicates which font family will be used to render the text, specified as a prioritized list of font family names and/or generic family names.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-family)
   */
  "font-family"?: string;

  /**
   * The font-size attribute refers to the size of the font from baseline to baseline when multiple lines of text are set solid in a multiline layout environment. For SVG, if a <length> is provided without a unit identifier (e.g., an unqualified number such as 128), the browser processes the <length> as a height value in the current user coordinate system.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-size)
   */
  "font-size"?: string;

  /**
   * The font-size-adjust attribute allows authors to specify an aspect value for an element that will preserve the x-height of the first choice font in a substitute font.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-size-adjust)
   */
  "font-size-adjust"?: string;

  /**
   * The font-stretch attribute indicates the desired amount of condensing or expansion in the glyphs used to render the text.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-stretch)
   */
  "font-stretch"?: string;

  /**
   * The font-style attribute specifies whether the text is to be rendered using a normal, italic or oblique face.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-style)
   */
  "font-style"?: string;

  /**
   * The font-variant attribute indicates whether the text is to be rendered using the normal glyphs for lowercase characters or using small-caps glyphs for lowercase characters.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-variant)
   */
  "font-variant"?: string;

  /**
   * The font-weight attribute refers to the boldness or lightness of the glyphs used to render the text, relative to other fonts in the same font family.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-weight)
   */
  "font-weight"?: string;

  /**
   * This attribute indicates a vertical length in the user coordinate system. The exact effect of this coordinate depends on each element. Most of the time, it represents the height of the rectangular region of the reference element (see each individual element's documentation for exceptions).
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/height)
   */
  height?: number | string;

  /**
   * The image-rendering attribute provides a hint to the browser about how to make speed vs. quality tradeoffs as it performs image processing.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/image-rendering)
   */
  "image-rendering"?: string;

  /**
   * The kerning attribute indicates whether the browser should adjust inter-glyph spacing based on kerning tables that are included in the relevant font (i.e., enable auto-kerning) or instead disable auto-kerning and instead set inter-character spacing to a specific length (typically, zero).
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/kerning)
   */
  kerning?: string;

  /**
   * The letter-spacing attribute specifies spacing behavior between text characters supplemental to any spacing due to the kerning attribute.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/letter-spacing)
   */
  "letter-spacing"?: string;

  /**
   * The lighting-color attribute defines the color of the light source for filter primitives elements <fediffuselighting> and <fespecularlighting>.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/lighting-color)
   */
  "lighting-color"?: string;

  /**
   * The marker-end defines the arrowhead or polymarker that will be drawn at the final vertex of the given <path> element or basic shape. Note that for a <path> element which ends with a closed sub-path, the last vertex is the same as the initial vertex on the given sub-path. In this case, if marker-end does not equal none, then it is possible that two markers will be rendered on the given vertex. One way to prevent this is to set marker-end to none. (Note that the same comment applies to <polygon> elements.)
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/marker-end)
   */
  "marker-end"?: string;

  /**
   * The marker-mid defines the arrowhead or polymarker that shall be drawn at every vertex other than the first and last vertex of the given <path> element or basic shape.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/marker-mid)
   */
  "marker-mid"?: string;

  /**
   * The marker-start attribute defines the arrowhead or polymarker that will be drawn at the first vertex of the given <path> element or basic shape.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/marker-start)
   */
  "marker-start"?: string;

  /**
   * The mask attribute binds the element it is applied to with a given <mask> element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/mask)
   */
  mask?: string;

  /**
   * The opacity attribute specifies the transparency of an object or of a group of objects, that is, the degree to which the background behind the element is overlaid.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/opacity)
   */
  opacity?: string;

  /**
   * The overflow attribute has the same parameter values as defined for the css overflow property.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/overflow)
   */
  overflow?: string;

  /**
   * The pointer-events attribute allows authors to control whether or when an element may be the target of a mouse event. This attribute is used to specify under which circumstance (if any) a mouse event should go "through" an element and target whatever is "underneath" that element instead.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/pointer-events)
   */
  "pointer-events"?: string;

  /**
   * The creator of SVG content might want to provide a hint about what tradeoffs to make as the browser renders <path> element or basic shapes. The shape-rendering attribute provides these hints.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/shape-rendering)
   */
  "shape-rendering"?: string;

  /**
   * The stop-color attribute indicates what color to use at that gradient stop. The keyword currentColor and ICC colors can be specified in the same manner as within a <paint> specification for the fill and stroke attributes.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stop-color)
   */
  "stop-color"?: string;

  /**
   * The stop-opacity attribute defines the opacity of a given gradient stop.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stop-opacity)
   */
  "stop-opacity"?: string;

  /**
   * The stroke attribute defines the color of the outline on a given graphical element. The default value for the stroke attribute is none.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke)
   */
  stroke?: string;

  /**
   * the stroke-dasharray attribute controls the pattern of dashes and gaps used to stroke paths.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-dasharray)
   */
  "stroke-dasharray"?: string;

  /**
   * the stroke-dashoffset attribute specifies the distance into the dash pattern to start the dash.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-dashoffset)
   */
  "stroke-dashoffset"?: string;

  /**
   * the stroke-linecap attribute specifies the shape to be used at the end of open subpaths when they are stroked.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-linecap)
   */
  "stroke-linecap"?: string;

  /**
   * the stroke-linejoin attribute specifies the shape to be used at the corners of paths or basic shapes when they are stroked.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-linejoin)
   */
  "stroke-linejoin"?: string;

  /**
   * When two line segments meet at a sharp angle and miter joins have been specified for stroke-linejoin, it is possible for the miter to extend far beyond the thickness of the line stroking the path. The stroke-miterlimit imposes a limit on the ratio of the miter length to the stroke-width. When the limit is exceeded, the join is converted from a miter to a bevel.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-miterlimit)
   */
  "stroke-miterlimit"?: string;

  /**
   * the stroke-opacity attribute specifies the opacity of the outline on the current object. Its default value is 1.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-opacity)
   */
  "stroke-opacity"?: string;

  /**
   * the stroke-width attribute specifies the width of the outline on the current object. Its default value is 1. If a <percentage> is used, the value represents a percentage of the current viewport. If a value of 0 is used the outline will never be drawn.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-width)
   */
  "stroke-width"?: string;

  /**
   * The text-anchor attribute is used to align (start-, middle- or end-alignment) a string of text relative to a given point.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/text-anchor)
   */
  "text-anchor"?: string;

  /**
   * The text-decoration attribute works exactly like the css text decoration property except that it's an attribute. See css text decoration for further information.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/text-decoration)
   */
  "text-decoration"?: string;

  /**
   * The creator of SVG content might want to provide a hint about what tradeoffs to make as the browser renders text. The text-rendering attribute provides these hints.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/text-rendering)
   */
  "text-rendering"?: string;

  /**
   * The transform attribute defines a list of transform definitions that are applied to an element and the element's children. The items in the transform list are separated by whitespace and/or commas, and are applied from right to left.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/transform)
   */
  transform?: string;

  /**
   * The vector-effect property specifies the vector effect to use when drawing an object. Vector effects are applied before any of the other compositing operations, i.e. filters, masks and clips.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/vector-effect)
   */
  "vector-effect"?: string;

  /**
   * Depending on the value of attribute pointer-events, graphics elements which have their visibility attribute set to hidden still might receive events.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/visibility)
   */
  visibility?: string;

  /**
   * This attribute indicates an horizontal length in the user coordinate system. The exact effect of this coordinate depends on each element. Most of the time, it represents the width of the rectangular region of the reference element (see each individual element's documentation for exceptions).
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/width)
   */
  width?: number | string;

  /**
   * The word-spacing attribute specifies spacing behavior between words.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/word-spacing)
   */
  "word-spacing"?: string;

  /**
   * The writing-mode attribute specifies whether the initial inline-progression-direction for a <text> element shall be left-to-right, right-to-left, or top-to-bottom. The writing-mode attribute applies only to <text> elements; the attribute is ignored for <tspan>, <tref>, <altGlyph> and <textPath> sub-elements. (Note that the inline-progression-direction can change within a <text> element due to the Unicode bidirectional algorithm and properties direction and unicode-bidi.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/writing-mode)
   */
  "writing-mode"?: string;

  /**
   * This attribute indicates an x-axis coordinate in the user coordinate system. The exact effect of this coordinate depend on each element. Most of the time, it represent the x-axis coordinate of the upper-left corner of the rectangular region of the reference element (see each individual element's documentation for exceptions).Its syntax is the same as that for <length>
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/x)
   */
  x?: string;

  /**
   * This attribute indicates an y-axis coordinate in the user coordinate system. The exact effect of this coordinate depend on each element. Most of the time, it represent the x-axis coordinate of the upper-left corner of the rectangular region of the reference element (see each individual element's documentation for exceptions).Its syntax is the same as that for <length>
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/y)
   */
  y?: string;
}

interface G extends GlobalAttributes {
  /**
   * The alignment-baseline attribute specifies how an object is aligned with respect to its parent. This property specifies which baseline of this element is to be aligned with the corresponding baseline of the parent. For example, this allows alphabetic baselines in Roman text to stay aligned across font size changes. It defaults to the baseline with the same name as the computed value of the alignment-baseline property.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/alignment-baseline)
   */
  "alignment-baseline"?: string;

  /**
   * The baseline-shift attribute allows repositioning of the dominant-baseline relative to the dominant-baseline of the parent text content element. The shifted object might be a sub- or superscript.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/baseline-shift)
   */
  "baseline-shift"?: string;

  /**
   * The clip-path attribute binds the element it is applied to with a given <clipPath> element
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/clip-path)
   */
  "clip-path"?: string;

  /**
   * The clip-rule attribute only applies to graphics elements that are contained within a <clipPath> element. The clip-rule attribute basically works as the fill-rule attribute, except that it applies to <clipPath> definitions.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/clip-rule)
   */
  "clip-rule"?: string;

  /**
   * The color attribute is used to provide a potential indirect value (currentColor) for the fill, stroke, stop-color, flood-color and lighting-color attributes.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/color)
   */
  color?: string;

  /**
   * The color-interpolation attribute specifies the color space for gradient interpolations, color animations, and alpha compositing.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/color-interpolation)
   */
  "color-interpolation"?: string;

  /**
   * The color-interpolation-filters attribute specifies the color space for imaging operations performed via filter effects.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/color-interpolation-filters)
   */
  "color-interpolation-filters"?: string;

  /**
   * The color-profile attribute is used to define which color profile a raster image included through the <image> element should use.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/color-profile)
   */
  "color-profile"?: string;

  /**
   * The color-rendering attribute provides a hint to the SVG user agent about how to optimize its color interpolation and compositing operations.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/color-rendering)
   */
  "color-rendering"?: string;

  /**
   * The cursor attribute specifies the mouse cursor displayed when the mouse pointer is over an element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/cursor)
   */
  cursor?: string;

  /**
   * The direction attribute specifies the base writing direction of text and the direction of embeddings and overrides (see unicode-bidi) for the Unicode bidirectional algorithm. For the direction attribute to have any effect on an element that does not by itself establish a new text chunk (such as a <tspan> element without absolute position adjustments due to x or y attributes), the unicode-bidi property's value must be embed or bidi-override.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/direction)
   */
  direction?: string;

  /**
   * The display attribute lets you control the rendering of graphical or container elements.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/display)
   */
  display?: string;

  /**
   * The dominant-baseline attribute is used to determine or re-determine a scaled-baseline-table. A scaled-baseline-table is a compound value with three components: a baseline-identifier for the dominant-baseline, a baseline-table and a baseline-table font-size. Some values of the property re-determine all three values; other only re-establish the baseline-table font-size. When the initial value, auto, would give an undesired result, this property can be used to explicitly set the desire scaled-baseline-table.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/dominant-baseline)
   */
  "dominant-baseline"?: string;

  /**
   * The fill attribute has two meanings based on the context it's used.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/fill)
   */
  fill?: string;

  /**
   * This attribute specifies the opacity of the color or the content the current object is filled with.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/fill-opacity)
   */
  "fill-opacity"?: string;

  /**
   * The fill-rule attribute indicates how to determine what side of a path is inside a shape, to determine how the fill property paints the shape. For a simple, non-intersecting path, it is intuitively clear what region lies "inside"; however, for a more complex path, such as a path that intersects itself or where one subpath encloses another, the interpretation of "inside" is not so obvious.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/fill-rule)
   */
  "fill-rule"?: string;

  /**
   * The filter attribute defines the filter effects define by the <filter> element that shall be applied to its element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/filter)
   */
  filter?: string;

  /**
   * The flood-color attribute indicates what color to use to flood the current filter primitive subregion defined through the <feflood> element. The keyword currentColor and ICC colors can be specified in the same manner as within a <paint> specification for the fill and stroke attributes.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/flood-color)
   */
  "flood-color"?: string;

  /**
   * The flood-opacity attribute indicates the opacity value to use across the current filter primitive subregion defined through the <feflood> element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/flood-opacity)
   */
  "flood-opacity"?: string;

  /**
   * The font-family attribute indicates which font family will be used to render the text, specified as a prioritized list of font family names and/or generic family names.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-family)
   */
  "font-family"?: string;

  /**
   * The font-size attribute refers to the size of the font from baseline to baseline when multiple lines of text are set solid in a multiline layout environment. For SVG, if a <length> is provided without a unit identifier (e.g., an unqualified number such as 128), the browser processes the <length> as a height value in the current user coordinate system.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-size)
   */
  "font-size"?: string;

  /**
   * The font-size-adjust attribute allows authors to specify an aspect value for an element that will preserve the x-height of the first choice font in a substitute font.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-size-adjust)
   */
  "font-size-adjust"?: string;

  /**
   * The font-stretch attribute indicates the desired amount of condensing or expansion in the glyphs used to render the text.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-stretch)
   */
  "font-stretch"?: string;

  /**
   * The font-style attribute specifies whether the text is to be rendered using a normal, italic or oblique face.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-style)
   */
  "font-style"?: string;

  /**
   * The font-variant attribute indicates whether the text is to be rendered using the normal glyphs for lowercase characters or using small-caps glyphs for lowercase characters.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-variant)
   */
  "font-variant"?: string;

  /**
   * The font-weight attribute refers to the boldness or lightness of the glyphs used to render the text, relative to other fonts in the same font family.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-weight)
   */
  "font-weight"?: string;

  /**
   * The image-rendering attribute provides a hint to the browser about how to make speed vs. quality tradeoffs as it performs image processing.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/image-rendering)
   */
  "image-rendering"?: string;

  /**
   * The kerning attribute indicates whether the browser should adjust inter-glyph spacing based on kerning tables that are included in the relevant font (i.e., enable auto-kerning) or instead disable auto-kerning and instead set inter-character spacing to a specific length (typically, zero).
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/kerning)
   */
  kerning?: string;

  /**
   * The letter-spacing attribute specifies spacing behavior between text characters supplemental to any spacing due to the kerning attribute.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/letter-spacing)
   */
  "letter-spacing"?: string;

  /**
   * The lighting-color attribute defines the color of the light source for filter primitives elements <fediffuselighting> and <fespecularlighting>.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/lighting-color)
   */
  "lighting-color"?: string;

  /**
   * The marker-end defines the arrowhead or polymarker that will be drawn at the final vertex of the given <path> element or basic shape. Note that for a <path> element which ends with a closed sub-path, the last vertex is the same as the initial vertex on the given sub-path. In this case, if marker-end does not equal none, then it is possible that two markers will be rendered on the given vertex. One way to prevent this is to set marker-end to none. (Note that the same comment applies to <polygon> elements.)
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/marker-end)
   */
  "marker-end"?: string;

  /**
   * The marker-mid defines the arrowhead or polymarker that shall be drawn at every vertex other than the first and last vertex of the given <path> element or basic shape.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/marker-mid)
   */
  "marker-mid"?: string;

  /**
   * The marker-start attribute defines the arrowhead or polymarker that will be drawn at the first vertex of the given <path> element or basic shape.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/marker-start)
   */
  "marker-start"?: string;

  /**
   * The mask attribute binds the element it is applied to with a given <mask> element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/mask)
   */
  mask?: string;

  /**
   * The opacity attribute specifies the transparency of an object or of a group of objects, that is, the degree to which the background behind the element is overlaid.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/opacity)
   */
  opacity?: string;

  /**
   * The overflow attribute has the same parameter values as defined for the css overflow property.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/overflow)
   */
  overflow?: string;

  /**
   * The pointer-events attribute allows authors to control whether or when an element may be the target of a mouse event. This attribute is used to specify under which circumstance (if any) a mouse event should go "through" an element and target whatever is "underneath" that element instead.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/pointer-events)
   */
  "pointer-events"?: string;

  /**
   * The creator of SVG content might want to provide a hint about what tradeoffs to make as the browser renders <path> element or basic shapes. The shape-rendering attribute provides these hints.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/shape-rendering)
   */
  "shape-rendering"?: string;

  /**
   * The stop-color attribute indicates what color to use at that gradient stop. The keyword currentColor and ICC colors can be specified in the same manner as within a <paint> specification for the fill and stroke attributes.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stop-color)
   */
  "stop-color"?: string;

  /**
   * The stop-opacity attribute defines the opacity of a given gradient stop.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stop-opacity)
   */
  "stop-opacity"?: string;

  /**
   * The stroke attribute defines the color of the outline on a given graphical element. The default value for the stroke attribute is none.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke)
   */
  stroke?: string;

  /**
   * the stroke-dasharray attribute controls the pattern of dashes and gaps used to stroke paths.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-dasharray)
   */
  "stroke-dasharray"?: string;

  /**
   * the stroke-dashoffset attribute specifies the distance into the dash pattern to start the dash.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-dashoffset)
   */
  "stroke-dashoffset"?: string;

  /**
   * the stroke-linecap attribute specifies the shape to be used at the end of open subpaths when they are stroked.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-linecap)
   */
  "stroke-linecap"?: string;

  /**
   * the stroke-linejoin attribute specifies the shape to be used at the corners of paths or basic shapes when they are stroked.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-linejoin)
   */
  "stroke-linejoin"?: string;

  /**
   * When two line segments meet at a sharp angle and miter joins have been specified for stroke-linejoin, it is possible for the miter to extend far beyond the thickness of the line stroking the path. The stroke-miterlimit imposes a limit on the ratio of the miter length to the stroke-width. When the limit is exceeded, the join is converted from a miter to a bevel.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-miterlimit)
   */
  "stroke-miterlimit"?: string;

  /**
   * the stroke-opacity attribute specifies the opacity of the outline on the current object. Its default value is 1.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-opacity)
   */
  "stroke-opacity"?: string;

  /**
   * the stroke-width attribute specifies the width of the outline on the current object. Its default value is 1. If a <percentage> is used, the value represents a percentage of the current viewport. If a value of 0 is used the outline will never be drawn.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-width)
   */
  "stroke-width"?: string;

  /**
   * The text-anchor attribute is used to align (start-, middle- or end-alignment) a string of text relative to a given point.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/text-anchor)
   */
  "text-anchor"?: string;

  /**
   * The text-decoration attribute works exactly like the css text decoration property except that it's an attribute. See css text decoration for further information.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/text-decoration)
   */
  "text-decoration"?: string;

  /**
   * The creator of SVG content might want to provide a hint about what tradeoffs to make as the browser renders text. The text-rendering attribute provides these hints.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/text-rendering)
   */
  "text-rendering"?: string;

  /**
   * The transform attribute defines a list of transform definitions that are applied to an element and the element's children. The items in the transform list are separated by whitespace and/or commas, and are applied from right to left.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/transform)
   */
  transform?: string;

  /**
   * The vector-effect property specifies the vector effect to use when drawing an object. Vector effects are applied before any of the other compositing operations, i.e. filters, masks and clips.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/vector-effect)
   */
  "vector-effect"?: string;

  /**
   * Depending on the value of attribute pointer-events, graphics elements which have their visibility attribute set to hidden still might receive events.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/visibility)
   */
  visibility?: string;

  /**
   * The word-spacing attribute specifies spacing behavior between words.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/word-spacing)
   */
  "word-spacing"?: string;

  /**
   * The writing-mode attribute specifies whether the initial inline-progression-direction for a <text> element shall be left-to-right, right-to-left, or top-to-bottom. The writing-mode attribute applies only to <text> elements; the attribute is ignored for <tspan>, <tref>, <altGlyph> and <textPath> sub-elements. (Note that the inline-progression-direction can change within a <text> element due to the Unicode bidirectional algorithm and properties direction and unicode-bidi.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/writing-mode)
   */
  "writing-mode"?: string;
}

interface Image extends GlobalAttributes {
  /**
   * The alignment-baseline attribute specifies how an object is aligned with respect to its parent. This property specifies which baseline of this element is to be aligned with the corresponding baseline of the parent. For example, this allows alphabetic baselines in Roman text to stay aligned across font size changes. It defaults to the baseline with the same name as the computed value of the alignment-baseline property.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/alignment-baseline)
   */
  "alignment-baseline"?: string;

  /**
   * The baseline-shift attribute allows repositioning of the dominant-baseline relative to the dominant-baseline of the parent text content element. The shifted object might be a sub- or superscript.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/baseline-shift)
   */
  "baseline-shift"?: string;

  /**
   * The clip-path attribute binds the element it is applied to with a given <clipPath> element
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/clip-path)
   */
  "clip-path"?: string;

  /**
   * The clip-rule attribute only applies to graphics elements that are contained within a <clipPath> element. The clip-rule attribute basically works as the fill-rule attribute, except that it applies to <clipPath> definitions.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/clip-rule)
   */
  "clip-rule"?: string;

  /**
   * The color attribute is used to provide a potential indirect value (currentColor) for the fill, stroke, stop-color, flood-color and lighting-color attributes.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/color)
   */
  color?: string;

  /**
   * The color-interpolation attribute specifies the color space for gradient interpolations, color animations, and alpha compositing.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/color-interpolation)
   */
  "color-interpolation"?: string;

  /**
   * The color-interpolation-filters attribute specifies the color space for imaging operations performed via filter effects.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/color-interpolation-filters)
   */
  "color-interpolation-filters"?: string;

  /**
   * The color-profile attribute is used to define which color profile a raster image included through the <image> element should use.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/color-profile)
   */
  "color-profile"?: string;

  /**
   * The color-rendering attribute provides a hint to the SVG user agent about how to optimize its color interpolation and compositing operations.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/color-rendering)
   */
  "color-rendering"?: string;

  /**
   * provides support for CORS, defining how the element handles crossorigin requests, thereby enabling the configuration of the CORS requests for the element's fetched data. It is a CORS settings attribute.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/crossorigin)
   */
  crossorigin?: "anonymous" | "use-credentials";

  /**
   * The cursor attribute specifies the mouse cursor displayed when the mouse pointer is over an element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/cursor)
   */
  cursor?: string;

  /**
   * Provides a hint to the browser as to whether it should perform image decoding synchronously or asynchronously.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/decoding)
   */
  decoding?: string;

  /**
   * The direction attribute specifies the base writing direction of text and the direction of embeddings and overrides (see unicode-bidi) for the Unicode bidirectional algorithm. For the direction attribute to have any effect on an element that does not by itself establish a new text chunk (such as a <tspan> element without absolute position adjustments due to x or y attributes), the unicode-bidi property's value must be embed or bidi-override.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/direction)
   */
  direction?: string;

  /**
   * The display attribute lets you control the rendering of graphical or container elements.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/display)
   */
  display?: string;

  /**
   * The dominant-baseline attribute is used to determine or re-determine a scaled-baseline-table. A scaled-baseline-table is a compound value with three components: a baseline-identifier for the dominant-baseline, a baseline-table and a baseline-table font-size. Some values of the property re-determine all three values; other only re-establish the baseline-table font-size. When the initial value, auto, would give an undesired result, this property can be used to explicitly set the desire scaled-baseline-table.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/dominant-baseline)
   */
  "dominant-baseline"?: string;

  /**
   * The fill attribute has two meanings based on the context it's used.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/fill)
   */
  fill?: string;

  /**
   * This attribute specifies the opacity of the color or the content the current object is filled with.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/fill-opacity)
   */
  "fill-opacity"?: string;

  /**
   * The fill-rule attribute indicates how to determine what side of a path is inside a shape, to determine how the fill property paints the shape. For a simple, non-intersecting path, it is intuitively clear what region lies "inside"; however, for a more complex path, such as a path that intersects itself or where one subpath encloses another, the interpretation of "inside" is not so obvious.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/fill-rule)
   */
  "fill-rule"?: string;

  /**
   * The filter attribute defines the filter effects define by the <filter> element that shall be applied to its element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/filter)
   */
  filter?: string;

  /**
   * The flood-color attribute indicates what color to use to flood the current filter primitive subregion defined through the <feflood> element. The keyword currentColor and ICC colors can be specified in the same manner as within a <paint> specification for the fill and stroke attributes.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/flood-color)
   */
  "flood-color"?: string;

  /**
   * The flood-opacity attribute indicates the opacity value to use across the current filter primitive subregion defined through the <feflood> element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/flood-opacity)
   */
  "flood-opacity"?: string;

  /**
   * The font-family attribute indicates which font family will be used to render the text, specified as a prioritized list of font family names and/or generic family names.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-family)
   */
  "font-family"?: string;

  /**
   * The font-size attribute refers to the size of the font from baseline to baseline when multiple lines of text are set solid in a multiline layout environment. For SVG, if a <length> is provided without a unit identifier (e.g., an unqualified number such as 128), the browser processes the <length> as a height value in the current user coordinate system.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-size)
   */
  "font-size"?: string;

  /**
   * The font-size-adjust attribute allows authors to specify an aspect value for an element that will preserve the x-height of the first choice font in a substitute font.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-size-adjust)
   */
  "font-size-adjust"?: string;

  /**
   * The font-stretch attribute indicates the desired amount of condensing or expansion in the glyphs used to render the text.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-stretch)
   */
  "font-stretch"?: string;

  /**
   * The font-style attribute specifies whether the text is to be rendered using a normal, italic or oblique face.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-style)
   */
  "font-style"?: string;

  /**
   * The font-variant attribute indicates whether the text is to be rendered using the normal glyphs for lowercase characters or using small-caps glyphs for lowercase characters.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-variant)
   */
  "font-variant"?: string;

  /**
   * The font-weight attribute refers to the boldness or lightness of the glyphs used to render the text, relative to other fonts in the same font family.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-weight)
   */
  "font-weight"?: string;

  /**
   * This attribute indicates a vertical length in the user coordinate system. The exact effect of this coordinate depends on each element. Most of the time, it represents the height of the rectangular region of the reference element (see each individual element's documentation for exceptions).
   * undefined
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/height)
   */
  height?: number | string;

  /**
   * This attribute indicates the name of the attribute in the parent element that is going to be changed during an animation.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/href)
   */
  href?: string;

  /**
   * The image-rendering attribute provides a hint to the browser about how to make speed vs. quality tradeoffs as it performs image processing.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/image-rendering)
   */
  "image-rendering"?: string;

  /**
   * The kerning attribute indicates whether the browser should adjust inter-glyph spacing based on kerning tables that are included in the relevant font (i.e., enable auto-kerning) or instead disable auto-kerning and instead set inter-character spacing to a specific length (typically, zero).
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/kerning)
   */
  kerning?: string;

  /**
   * The letter-spacing attribute specifies spacing behavior between text characters supplemental to any spacing due to the kerning attribute.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/letter-spacing)
   */
  "letter-spacing"?: string;

  /**
   * The lighting-color attribute defines the color of the light source for filter primitives elements <fediffuselighting> and <fespecularlighting>.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/lighting-color)
   */
  "lighting-color"?: string;

  /**
   * The marker-end defines the arrowhead or polymarker that will be drawn at the final vertex of the given <path> element or basic shape. Note that for a <path> element which ends with a closed sub-path, the last vertex is the same as the initial vertex on the given sub-path. In this case, if marker-end does not equal none, then it is possible that two markers will be rendered on the given vertex. One way to prevent this is to set marker-end to none. (Note that the same comment applies to <polygon> elements.)
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/marker-end)
   */
  "marker-end"?: string;

  /**
   * The marker-mid defines the arrowhead or polymarker that shall be drawn at every vertex other than the first and last vertex of the given <path> element or basic shape.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/marker-mid)
   */
  "marker-mid"?: string;

  /**
   * The marker-start attribute defines the arrowhead or polymarker that will be drawn at the first vertex of the given <path> element or basic shape.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/marker-start)
   */
  "marker-start"?: string;

  /**
   * The mask attribute binds the element it is applied to with a given <mask> element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/mask)
   */
  mask?: string;

  /**
   * The opacity attribute specifies the transparency of an object or of a group of objects, that is, the degree to which the background behind the element is overlaid.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/opacity)
   */
  opacity?: string;

  /**
   * The overflow attribute has the same parameter values as defined for the css overflow property.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/overflow)
   */
  overflow?: string;

  /**
   * The pointer-events attribute allows authors to control whether or when an element may be the target of a mouse event. This attribute is used to specify under which circumstance (if any) a mouse event should go "through" an element and target whatever is "underneath" that element instead.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/pointer-events)
   */
  "pointer-events"?: string;

  /**
   * In some cases, typically when using the viewBox attribute, it is desirable that the graphics stretch to fit non-uniformly to take up the entire viewport. In other cases, it is desirable that uniform scaling be used for the purposes of preserving the aspect ratio of the graphics.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/preserveAspectRatio)
   */
  preserveAspectRatio?: string;

  /**
   * The result attribute defines the assigned name for this filter primitive. If supplied, then graphics that result from processing this filter primitive can be referenced by an in attribute on a subsequent filter primitive within the same <filter> element. If no value is provided, the output will only be available for re-use as the implicit input into the next filter primitive if that filter primitive provides no value for its in attribute.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/result)
   */
  result?: string;

  /**
   * The creator of SVG content might want to provide a hint about what tradeoffs to make as the browser renders <path> element or basic shapes. The shape-rendering attribute provides these hints.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/shape-rendering)
   */
  "shape-rendering"?: string;

  /**
   * The stop-color attribute indicates what color to use at that gradient stop. The keyword currentColor and ICC colors can be specified in the same manner as within a <paint> specification for the fill and stroke attributes.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stop-color)
   */
  "stop-color"?: string;

  /**
   * The stop-opacity attribute defines the opacity of a given gradient stop.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stop-opacity)
   */
  "stop-opacity"?: string;

  /**
   * The stroke attribute defines the color of the outline on a given graphical element. The default value for the stroke attribute is none.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke)
   */
  stroke?: string;

  /**
   * the stroke-dasharray attribute controls the pattern of dashes and gaps used to stroke paths.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-dasharray)
   */
  "stroke-dasharray"?: string;

  /**
   * the stroke-dashoffset attribute specifies the distance into the dash pattern to start the dash.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-dashoffset)
   */
  "stroke-dashoffset"?: string;

  /**
   * the stroke-linecap attribute specifies the shape to be used at the end of open subpaths when they are stroked.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-linecap)
   */
  "stroke-linecap"?: string;

  /**
   * the stroke-linejoin attribute specifies the shape to be used at the corners of paths or basic shapes when they are stroked.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-linejoin)
   */
  "stroke-linejoin"?: string;

  /**
   * When two line segments meet at a sharp angle and miter joins have been specified for stroke-linejoin, it is possible for the miter to extend far beyond the thickness of the line stroking the path. The stroke-miterlimit imposes a limit on the ratio of the miter length to the stroke-width. When the limit is exceeded, the join is converted from a miter to a bevel.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-miterlimit)
   */
  "stroke-miterlimit"?: string;

  /**
   * the stroke-opacity attribute specifies the opacity of the outline on the current object. Its default value is 1.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-opacity)
   */
  "stroke-opacity"?: string;

  /**
   * the stroke-width attribute specifies the width of the outline on the current object. Its default value is 1. If a <percentage> is used, the value represents a percentage of the current viewport. If a value of 0 is used the outline will never be drawn.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-width)
   */
  "stroke-width"?: string;

  /**
   * The text-anchor attribute is used to align (start-, middle- or end-alignment) a string of text relative to a given point.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/text-anchor)
   */
  "text-anchor"?: string;

  /**
   * The text-decoration attribute works exactly like the css text decoration property except that it's an attribute. See css text decoration for further information.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/text-decoration)
   */
  "text-decoration"?: string;

  /**
   * The creator of SVG content might want to provide a hint about what tradeoffs to make as the browser renders text. The text-rendering attribute provides these hints.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/text-rendering)
   */
  "text-rendering"?: string;

  /**
   * The transform attribute defines a list of transform definitions that are applied to an element and the element's children. The items in the transform list are separated by whitespace and/or commas, and are applied from right to left.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/transform)
   */
  transform?: string;

  /**
   * The vector-effect property specifies the vector effect to use when drawing an object. Vector effects are applied before any of the other compositing operations, i.e. filters, masks and clips.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/vector-effect)
   */
  "vector-effect"?: string;

  /**
   * Depending on the value of attribute pointer-events, graphics elements which have their visibility attribute set to hidden still might receive events.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/visibility)
   */
  visibility?: string;

  /**
   * This attribute indicates an horizontal length in the user coordinate system. The exact effect of this coordinate depends on each element. Most of the time, it represents the width of the rectangular region of the reference element (see each individual element's documentation for exceptions).
   * undefined
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/width)
   */
  width?: number | string;

  /**
   * The word-spacing attribute specifies spacing behavior between words.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/word-spacing)
   */
  "word-spacing"?: string;

  /**
   * The writing-mode attribute specifies whether the initial inline-progression-direction for a <text> element shall be left-to-right, right-to-left, or top-to-bottom. The writing-mode attribute applies only to <text> elements; the attribute is ignored for <tspan>, <tref>, <altGlyph> and <textPath> sub-elements. (Note that the inline-progression-direction can change within a <text> element due to the Unicode bidirectional algorithm and properties direction and unicode-bidi.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/writing-mode)
   */
  "writing-mode"?: string;

  /**
   * This attribute indicates an x-axis coordinate in the user coordinate system. The exact effect of this coordinate depend on each element. Most of the time, it represent the x-axis coordinate of the upper-left corner of the rectangular region of the reference element (see each individual element's documentation for exceptions).Its syntax is the same as that for <length>
   * undefined
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/x)
   */
  x?: string;

  /**
   * This attribute indicates an y-axis coordinate in the user coordinate system. The exact effect of this coordinate depend on each element. Most of the time, it represent the x-axis coordinate of the upper-left corner of the rectangular region of the reference element (see each individual element's documentation for exceptions).Its syntax is the same as that for <length>
   * undefined
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/y)
   */
  y?: string;
}

interface Line extends GlobalAttributes {
  /**
   * The alignment-baseline attribute specifies how an object is aligned with respect to its parent. This property specifies which baseline of this element is to be aligned with the corresponding baseline of the parent. For example, this allows alphabetic baselines in Roman text to stay aligned across font size changes. It defaults to the baseline with the same name as the computed value of the alignment-baseline property.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/alignment-baseline)
   */
  "alignment-baseline"?: string;

  /**
   * The baseline-shift attribute allows repositioning of the dominant-baseline relative to the dominant-baseline of the parent text content element. The shifted object might be a sub- or superscript.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/baseline-shift)
   */
  "baseline-shift"?: string;

  /**
   * The clip-path attribute binds the element it is applied to with a given <clipPath> element
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/clip-path)
   */
  "clip-path"?: string;

  /**
   * The clip-rule attribute only applies to graphics elements that are contained within a <clipPath> element. The clip-rule attribute basically works as the fill-rule attribute, except that it applies to <clipPath> definitions.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/clip-rule)
   */
  "clip-rule"?: string;

  /**
   * The color attribute is used to provide a potential indirect value (currentColor) for the fill, stroke, stop-color, flood-color and lighting-color attributes.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/color)
   */
  color?: string;

  /**
   * The color-interpolation attribute specifies the color space for gradient interpolations, color animations, and alpha compositing.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/color-interpolation)
   */
  "color-interpolation"?: string;

  /**
   * The color-interpolation-filters attribute specifies the color space for imaging operations performed via filter effects.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/color-interpolation-filters)
   */
  "color-interpolation-filters"?: string;

  /**
   * The color-profile attribute is used to define which color profile a raster image included through the <image> element should use.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/color-profile)
   */
  "color-profile"?: string;

  /**
   * The color-rendering attribute provides a hint to the SVG user agent about how to optimize its color interpolation and compositing operations.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/color-rendering)
   */
  "color-rendering"?: string;

  /**
   * The cursor attribute specifies the mouse cursor displayed when the mouse pointer is over an element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/cursor)
   */
  cursor?: string;

  /**
   * The direction attribute specifies the base writing direction of text and the direction of embeddings and overrides (see unicode-bidi) for the Unicode bidirectional algorithm. For the direction attribute to have any effect on an element that does not by itself establish a new text chunk (such as a <tspan> element without absolute position adjustments due to x or y attributes), the unicode-bidi property's value must be embed or bidi-override.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/direction)
   */
  direction?: string;

  /**
   * The display attribute lets you control the rendering of graphical or container elements.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/display)
   */
  display?: string;

  /**
   * The dominant-baseline attribute is used to determine or re-determine a scaled-baseline-table. A scaled-baseline-table is a compound value with three components: a baseline-identifier for the dominant-baseline, a baseline-table and a baseline-table font-size. Some values of the property re-determine all three values; other only re-establish the baseline-table font-size. When the initial value, auto, would give an undesired result, this property can be used to explicitly set the desire scaled-baseline-table.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/dominant-baseline)
   */
  "dominant-baseline"?: string;

  /**
   * The fill attribute has two meanings based on the context it's used.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/fill)
   */
  fill?: string;

  /**
   * This attribute specifies the opacity of the color or the content the current object is filled with.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/fill-opacity)
   */
  "fill-opacity"?: string;

  /**
   * The fill-rule attribute indicates how to determine what side of a path is inside a shape, to determine how the fill property paints the shape. For a simple, non-intersecting path, it is intuitively clear what region lies "inside"; however, for a more complex path, such as a path that intersects itself or where one subpath encloses another, the interpretation of "inside" is not so obvious.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/fill-rule)
   */
  "fill-rule"?: string;

  /**
   * The filter attribute defines the filter effects define by the <filter> element that shall be applied to its element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/filter)
   */
  filter?: string;

  /**
   * The flood-color attribute indicates what color to use to flood the current filter primitive subregion defined through the <feflood> element. The keyword currentColor and ICC colors can be specified in the same manner as within a <paint> specification for the fill and stroke attributes.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/flood-color)
   */
  "flood-color"?: string;

  /**
   * The flood-opacity attribute indicates the opacity value to use across the current filter primitive subregion defined through the <feflood> element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/flood-opacity)
   */
  "flood-opacity"?: string;

  /**
   * The font-family attribute indicates which font family will be used to render the text, specified as a prioritized list of font family names and/or generic family names.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-family)
   */
  "font-family"?: string;

  /**
   * The font-size attribute refers to the size of the font from baseline to baseline when multiple lines of text are set solid in a multiline layout environment. For SVG, if a <length> is provided without a unit identifier (e.g., an unqualified number such as 128), the browser processes the <length> as a height value in the current user coordinate system.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-size)
   */
  "font-size"?: string;

  /**
   * The font-size-adjust attribute allows authors to specify an aspect value for an element that will preserve the x-height of the first choice font in a substitute font.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-size-adjust)
   */
  "font-size-adjust"?: string;

  /**
   * The font-stretch attribute indicates the desired amount of condensing or expansion in the glyphs used to render the text.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-stretch)
   */
  "font-stretch"?: string;

  /**
   * The font-style attribute specifies whether the text is to be rendered using a normal, italic or oblique face.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-style)
   */
  "font-style"?: string;

  /**
   * The font-variant attribute indicates whether the text is to be rendered using the normal glyphs for lowercase characters or using small-caps glyphs for lowercase characters.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-variant)
   */
  "font-variant"?: string;

  /**
   * The font-weight attribute refers to the boldness or lightness of the glyphs used to render the text, relative to other fonts in the same font family.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-weight)
   */
  "font-weight"?: string;

  /**
   * The image-rendering attribute provides a hint to the browser about how to make speed vs. quality tradeoffs as it performs image processing.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/image-rendering)
   */
  "image-rendering"?: string;

  /**
   * The kerning attribute indicates whether the browser should adjust inter-glyph spacing based on kerning tables that are included in the relevant font (i.e., enable auto-kerning) or instead disable auto-kerning and instead set inter-character spacing to a specific length (typically, zero).
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/kerning)
   */
  kerning?: string;

  /**
   * The letter-spacing attribute specifies spacing behavior between text characters supplemental to any spacing due to the kerning attribute.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/letter-spacing)
   */
  "letter-spacing"?: string;

  /**
   * The lighting-color attribute defines the color of the light source for filter primitives elements <fediffuselighting> and <fespecularlighting>.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/lighting-color)
   */
  "lighting-color"?: string;

  /**
   * The marker-end defines the arrowhead or polymarker that will be drawn at the final vertex of the given <path> element or basic shape. Note that for a <path> element which ends with a closed sub-path, the last vertex is the same as the initial vertex on the given sub-path. In this case, if marker-end does not equal none, then it is possible that two markers will be rendered on the given vertex. One way to prevent this is to set marker-end to none. (Note that the same comment applies to <polygon> elements.)
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/marker-end)
   */
  "marker-end"?: string;

  /**
   * The marker-mid defines the arrowhead or polymarker that shall be drawn at every vertex other than the first and last vertex of the given <path> element or basic shape.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/marker-mid)
   */
  "marker-mid"?: string;

  /**
   * The marker-start attribute defines the arrowhead or polymarker that will be drawn at the first vertex of the given <path> element or basic shape.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/marker-start)
   */
  "marker-start"?: string;

  /**
   * The mask attribute binds the element it is applied to with a given <mask> element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/mask)
   */
  mask?: string;

  /**
   * The opacity attribute specifies the transparency of an object or of a group of objects, that is, the degree to which the background behind the element is overlaid.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/opacity)
   */
  opacity?: string;

  /**
   * The overflow attribute has the same parameter values as defined for the css overflow property.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/overflow)
   */
  overflow?: string;

  /**
   * This attribute lets the author specify a total length for the path, in whatever units the author chooses. This value is then used to calibrate the browser's distance calculations with those of the author, by scaling all distance computations using the ratio pathLength / (computed value of path length).
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/pathLength)
   */
  pathLength?: string;

  /**
   * The pointer-events attribute allows authors to control whether or when an element may be the target of a mouse event. This attribute is used to specify under which circumstance (if any) a mouse event should go "through" an element and target whatever is "underneath" that element instead.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/pointer-events)
   */
  "pointer-events"?: string;

  /**
   * The creator of SVG content might want to provide a hint about what tradeoffs to make as the browser renders <path> element or basic shapes. The shape-rendering attribute provides these hints.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/shape-rendering)
   */
  "shape-rendering"?: string;

  /**
   * The stop-color attribute indicates what color to use at that gradient stop. The keyword currentColor and ICC colors can be specified in the same manner as within a <paint> specification for the fill and stroke attributes.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stop-color)
   */
  "stop-color"?: string;

  /**
   * The stop-opacity attribute defines the opacity of a given gradient stop.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stop-opacity)
   */
  "stop-opacity"?: string;

  /**
   * The stroke attribute defines the color of the outline on a given graphical element. The default value for the stroke attribute is none.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke)
   */
  stroke?: string;

  /**
   * the stroke-dasharray attribute controls the pattern of dashes and gaps used to stroke paths.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-dasharray)
   */
  "stroke-dasharray"?: string;

  /**
   * the stroke-dashoffset attribute specifies the distance into the dash pattern to start the dash.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-dashoffset)
   */
  "stroke-dashoffset"?: string;

  /**
   * the stroke-linecap attribute specifies the shape to be used at the end of open subpaths when they are stroked.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-linecap)
   */
  "stroke-linecap"?: string;

  /**
   * the stroke-linejoin attribute specifies the shape to be used at the corners of paths or basic shapes when they are stroked.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-linejoin)
   */
  "stroke-linejoin"?: string;

  /**
   * When two line segments meet at a sharp angle and miter joins have been specified for stroke-linejoin, it is possible for the miter to extend far beyond the thickness of the line stroking the path. The stroke-miterlimit imposes a limit on the ratio of the miter length to the stroke-width. When the limit is exceeded, the join is converted from a miter to a bevel.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-miterlimit)
   */
  "stroke-miterlimit"?: string;

  /**
   * the stroke-opacity attribute specifies the opacity of the outline on the current object. Its default value is 1.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-opacity)
   */
  "stroke-opacity"?: string;

  /**
   * the stroke-width attribute specifies the width of the outline on the current object. Its default value is 1. If a <percentage> is used, the value represents a percentage of the current viewport. If a value of 0 is used the outline will never be drawn.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-width)
   */
  "stroke-width"?: string;

  /**
   * The text-anchor attribute is used to align (start-, middle- or end-alignment) a string of text relative to a given point.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/text-anchor)
   */
  "text-anchor"?: string;

  /**
   * The text-decoration attribute works exactly like the css text decoration property except that it's an attribute. See css text decoration for further information.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/text-decoration)
   */
  "text-decoration"?: string;

  /**
   * The creator of SVG content might want to provide a hint about what tradeoffs to make as the browser renders text. The text-rendering attribute provides these hints.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/text-rendering)
   */
  "text-rendering"?: string;

  /**
   * The transform attribute defines a list of transform definitions that are applied to an element and the element's children. The items in the transform list are separated by whitespace and/or commas, and are applied from right to left.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/transform)
   */
  transform?: string;

  /**
   * The vector-effect property specifies the vector effect to use when drawing an object. Vector effects are applied before any of the other compositing operations, i.e. filters, masks and clips.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/vector-effect)
   */
  "vector-effect"?: string;

  /**
   * Depending on the value of attribute pointer-events, graphics elements which have their visibility attribute set to hidden still might receive events.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/visibility)
   */
  visibility?: string;

  /**
   * The word-spacing attribute specifies spacing behavior between words.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/word-spacing)
   */
  "word-spacing"?: string;

  /**
   * The writing-mode attribute specifies whether the initial inline-progression-direction for a <text> element shall be left-to-right, right-to-left, or top-to-bottom. The writing-mode attribute applies only to <text> elements; the attribute is ignored for <tspan>, <tref>, <altGlyph> and <textPath> sub-elements. (Note that the inline-progression-direction can change within a <text> element due to the Unicode bidirectional algorithm and properties direction and unicode-bidi.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/writing-mode)
   */
  "writing-mode"?: string;

  /**
   * Define the 1 x-axis coordinate
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/x1)
   */
  x1?: string;

  /**
   * Define the 2 x-axis coordinate
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/x2)
   */
  x2?: string;

  /**
   * Define the 1 y-axis coordinate
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/y1)
   */
  y1?: string;

  /**
   * Define the 2 y-axis coordinate
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/y2)
   */
  y2?: string;
}

interface LinearGradient extends GlobalAttributes {
  /**
   * The alignment-baseline attribute specifies how an object is aligned with respect to its parent. This property specifies which baseline of this element is to be aligned with the corresponding baseline of the parent. For example, this allows alphabetic baselines in Roman text to stay aligned across font size changes. It defaults to the baseline with the same name as the computed value of the alignment-baseline property.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/alignment-baseline)
   */
  "alignment-baseline"?: string;

  /**
   * The baseline-shift attribute allows repositioning of the dominant-baseline relative to the dominant-baseline of the parent text content element. The shifted object might be a sub- or superscript.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/baseline-shift)
   */
  "baseline-shift"?: string;

  /**
   * The clip-path attribute binds the element it is applied to with a given <clipPath> element
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/clip-path)
   */
  "clip-path"?: string;

  /**
   * The clip-rule attribute only applies to graphics elements that are contained within a <clipPath> element. The clip-rule attribute basically works as the fill-rule attribute, except that it applies to <clipPath> definitions.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/clip-rule)
   */
  "clip-rule"?: string;

  /**
   * The color attribute is used to provide a potential indirect value (currentColor) for the fill, stroke, stop-color, flood-color and lighting-color attributes.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/color)
   */
  color?: string;

  /**
   * The color-interpolation attribute specifies the color space for gradient interpolations, color animations, and alpha compositing.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/color-interpolation)
   */
  "color-interpolation"?: string;

  /**
   * The color-interpolation-filters attribute specifies the color space for imaging operations performed via filter effects.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/color-interpolation-filters)
   */
  "color-interpolation-filters"?: string;

  /**
   * The color-profile attribute is used to define which color profile a raster image included through the <image> element should use.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/color-profile)
   */
  "color-profile"?: string;

  /**
   * The color-rendering attribute provides a hint to the SVG user agent about how to optimize its color interpolation and compositing operations.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/color-rendering)
   */
  "color-rendering"?: string;

  /**
   * The cursor attribute specifies the mouse cursor displayed when the mouse pointer is over an element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/cursor)
   */
  cursor?: string;

  /**
   * The direction attribute specifies the base writing direction of text and the direction of embeddings and overrides (see unicode-bidi) for the Unicode bidirectional algorithm. For the direction attribute to have any effect on an element that does not by itself establish a new text chunk (such as a <tspan> element without absolute position adjustments due to x or y attributes), the unicode-bidi property's value must be embed or bidi-override.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/direction)
   */
  direction?: string;

  /**
   * The display attribute lets you control the rendering of graphical or container elements.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/display)
   */
  display?: string;

  /**
   * The dominant-baseline attribute is used to determine or re-determine a scaled-baseline-table. A scaled-baseline-table is a compound value with three components: a baseline-identifier for the dominant-baseline, a baseline-table and a baseline-table font-size. Some values of the property re-determine all three values; other only re-establish the baseline-table font-size. When the initial value, auto, would give an undesired result, this property can be used to explicitly set the desire scaled-baseline-table.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/dominant-baseline)
   */
  "dominant-baseline"?: string;

  /**
   * The fill attribute has two meanings based on the context it's used.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/fill)
   */
  fill?: string;

  /**
   * This attribute specifies the opacity of the color or the content the current object is filled with.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/fill-opacity)
   */
  "fill-opacity"?: string;

  /**
   * The fill-rule attribute indicates how to determine what side of a path is inside a shape, to determine how the fill property paints the shape. For a simple, non-intersecting path, it is intuitively clear what region lies "inside"; however, for a more complex path, such as a path that intersects itself or where one subpath encloses another, the interpretation of "inside" is not so obvious.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/fill-rule)
   */
  "fill-rule"?: string;

  /**
   * The filter attribute defines the filter effects define by the <filter> element that shall be applied to its element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/filter)
   */
  filter?: string;

  /**
   * The flood-color attribute indicates what color to use to flood the current filter primitive subregion defined through the <feflood> element. The keyword currentColor and ICC colors can be specified in the same manner as within a <paint> specification for the fill and stroke attributes.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/flood-color)
   */
  "flood-color"?: string;

  /**
   * The flood-opacity attribute indicates the opacity value to use across the current filter primitive subregion defined through the <feflood> element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/flood-opacity)
   */
  "flood-opacity"?: string;

  /**
   * The font-family attribute indicates which font family will be used to render the text, specified as a prioritized list of font family names and/or generic family names.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-family)
   */
  "font-family"?: string;

  /**
   * The font-size attribute refers to the size of the font from baseline to baseline when multiple lines of text are set solid in a multiline layout environment. For SVG, if a <length> is provided without a unit identifier (e.g., an unqualified number such as 128), the browser processes the <length> as a height value in the current user coordinate system.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-size)
   */
  "font-size"?: string;

  /**
   * The font-size-adjust attribute allows authors to specify an aspect value for an element that will preserve the x-height of the first choice font in a substitute font.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-size-adjust)
   */
  "font-size-adjust"?: string;

  /**
   * The font-stretch attribute indicates the desired amount of condensing or expansion in the glyphs used to render the text.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-stretch)
   */
  "font-stretch"?: string;

  /**
   * The font-style attribute specifies whether the text is to be rendered using a normal, italic or oblique face.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-style)
   */
  "font-style"?: string;

  /**
   * The font-variant attribute indicates whether the text is to be rendered using the normal glyphs for lowercase characters or using small-caps glyphs for lowercase characters.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-variant)
   */
  "font-variant"?: string;

  /**
   * The font-weight attribute refers to the boldness or lightness of the glyphs used to render the text, relative to other fonts in the same font family.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-weight)
   */
  "font-weight"?: string;

  /**
   * The gradientTransform attribute contains the definition of an optional additional transformation from the gradient coordinate system onto the target coordinate system (i.e., userSpaceOnUse or objectBoundingBox). This allows for things such as skewing the gradient. This additional transformation matrix is post-multiplied to (i.e., inserted to the right of) any previously defined transformations, including the implicit transformation necessary to convert from object bounding box units to user space.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/gradientTransform)
   */
  gradientTransform?: string;

  /**
   * The gradientUnits attribute defines the coordinate system for attributes x1, y1, x2 and y2 on the <lineargradient> element or for attributes cx, cy, r, fx, and fy on the <radialgradient>.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/gradientUnits)
   */
  gradientUnits?: string;

  /**
   * This attribute indicates the name of the attribute in the parent element that is going to be changed during an animation.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/href)
   */
  href?: string;

  /**
   * The image-rendering attribute provides a hint to the browser about how to make speed vs. quality tradeoffs as it performs image processing.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/image-rendering)
   */
  "image-rendering"?: string;

  /**
   * The kerning attribute indicates whether the browser should adjust inter-glyph spacing based on kerning tables that are included in the relevant font (i.e., enable auto-kerning) or instead disable auto-kerning and instead set inter-character spacing to a specific length (typically, zero).
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/kerning)
   */
  kerning?: string;

  /**
   * The letter-spacing attribute specifies spacing behavior between text characters supplemental to any spacing due to the kerning attribute.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/letter-spacing)
   */
  "letter-spacing"?: string;

  /**
   * The lighting-color attribute defines the color of the light source for filter primitives elements <fediffuselighting> and <fespecularlighting>.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/lighting-color)
   */
  "lighting-color"?: string;

  /**
   * The marker-end defines the arrowhead or polymarker that will be drawn at the final vertex of the given <path> element or basic shape. Note that for a <path> element which ends with a closed sub-path, the last vertex is the same as the initial vertex on the given sub-path. In this case, if marker-end does not equal none, then it is possible that two markers will be rendered on the given vertex. One way to prevent this is to set marker-end to none. (Note that the same comment applies to <polygon> elements.)
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/marker-end)
   */
  "marker-end"?: string;

  /**
   * The marker-mid defines the arrowhead or polymarker that shall be drawn at every vertex other than the first and last vertex of the given <path> element or basic shape.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/marker-mid)
   */
  "marker-mid"?: string;

  /**
   * The marker-start attribute defines the arrowhead or polymarker that will be drawn at the first vertex of the given <path> element or basic shape.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/marker-start)
   */
  "marker-start"?: string;

  /**
   * The mask attribute binds the element it is applied to with a given <mask> element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/mask)
   */
  mask?: string;

  /**
   * The opacity attribute specifies the transparency of an object or of a group of objects, that is, the degree to which the background behind the element is overlaid.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/opacity)
   */
  opacity?: string;

  /**
   * The overflow attribute has the same parameter values as defined for the css overflow property.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/overflow)
   */
  overflow?: string;

  /**
   * The pointer-events attribute allows authors to control whether or when an element may be the target of a mouse event. This attribute is used to specify under which circumstance (if any) a mouse event should go "through" an element and target whatever is "underneath" that element instead.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/pointer-events)
   */
  "pointer-events"?: string;

  /**
   * The creator of SVG content might want to provide a hint about what tradeoffs to make as the browser renders <path> element or basic shapes. The shape-rendering attribute provides these hints.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/shape-rendering)
   */
  "shape-rendering"?: string;

  /**
   * The spreadMethod attribute determines how a shape is filled beyond the defined edges of a gradient.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/spreadMethod)
   */
  spreadMethod?: string;

  /**
   * The stop-color attribute indicates what color to use at that gradient stop. The keyword currentColor and ICC colors can be specified in the same manner as within a <paint> specification for the fill and stroke attributes.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stop-color)
   */
  "stop-color"?: string;

  /**
   * The stop-opacity attribute defines the opacity of a given gradient stop.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stop-opacity)
   */
  "stop-opacity"?: string;

  /**
   * The stroke attribute defines the color of the outline on a given graphical element. The default value for the stroke attribute is none.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke)
   */
  stroke?: string;

  /**
   * the stroke-dasharray attribute controls the pattern of dashes and gaps used to stroke paths.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-dasharray)
   */
  "stroke-dasharray"?: string;

  /**
   * the stroke-dashoffset attribute specifies the distance into the dash pattern to start the dash.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-dashoffset)
   */
  "stroke-dashoffset"?: string;

  /**
   * the stroke-linecap attribute specifies the shape to be used at the end of open subpaths when they are stroked.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-linecap)
   */
  "stroke-linecap"?: string;

  /**
   * the stroke-linejoin attribute specifies the shape to be used at the corners of paths or basic shapes when they are stroked.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-linejoin)
   */
  "stroke-linejoin"?: string;

  /**
   * When two line segments meet at a sharp angle and miter joins have been specified for stroke-linejoin, it is possible for the miter to extend far beyond the thickness of the line stroking the path. The stroke-miterlimit imposes a limit on the ratio of the miter length to the stroke-width. When the limit is exceeded, the join is converted from a miter to a bevel.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-miterlimit)
   */
  "stroke-miterlimit"?: string;

  /**
   * the stroke-opacity attribute specifies the opacity of the outline on the current object. Its default value is 1.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-opacity)
   */
  "stroke-opacity"?: string;

  /**
   * the stroke-width attribute specifies the width of the outline on the current object. Its default value is 1. If a <percentage> is used, the value represents a percentage of the current viewport. If a value of 0 is used the outline will never be drawn.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-width)
   */
  "stroke-width"?: string;

  /**
   * The text-anchor attribute is used to align (start-, middle- or end-alignment) a string of text relative to a given point.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/text-anchor)
   */
  "text-anchor"?: string;

  /**
   * The text-decoration attribute works exactly like the css text decoration property except that it's an attribute. See css text decoration for further information.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/text-decoration)
   */
  "text-decoration"?: string;

  /**
   * The creator of SVG content might want to provide a hint about what tradeoffs to make as the browser renders text. The text-rendering attribute provides these hints.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/text-rendering)
   */
  "text-rendering"?: string;

  /**
   * The transform attribute defines a list of transform definitions that are applied to an element and the element's children. The items in the transform list are separated by whitespace and/or commas, and are applied from right to left.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/transform)
   */
  transform?: string;

  /**
   * The vector-effect property specifies the vector effect to use when drawing an object. Vector effects are applied before any of the other compositing operations, i.e. filters, masks and clips.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/vector-effect)
   */
  "vector-effect"?: string;

  /**
   * Depending on the value of attribute pointer-events, graphics elements which have their visibility attribute set to hidden still might receive events.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/visibility)
   */
  visibility?: string;

  /**
   * The word-spacing attribute specifies spacing behavior between words.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/word-spacing)
   */
  "word-spacing"?: string;

  /**
   * The writing-mode attribute specifies whether the initial inline-progression-direction for a <text> element shall be left-to-right, right-to-left, or top-to-bottom. The writing-mode attribute applies only to <text> elements; the attribute is ignored for <tspan>, <tref>, <altGlyph> and <textPath> sub-elements. (Note that the inline-progression-direction can change within a <text> element due to the Unicode bidirectional algorithm and properties direction and unicode-bidi.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/writing-mode)
   */
  "writing-mode"?: string;

  /**
   * Define the 1 x-axis coordinate
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/x1)
   */
  x1?: string;

  /**
   * Define the 2 x-axis coordinate
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/x2)
   */
  x2?: string;

  /**
   * Define the 1 y-axis coordinate
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/y1)
   */
  y1?: string;

  /**
   * Define the 2 y-axis coordinate
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/y2)
   */
  y2?: string;
}

interface Marker extends GlobalAttributes {
  /**
   * The alignment-baseline attribute specifies how an object is aligned with respect to its parent. This property specifies which baseline of this element is to be aligned with the corresponding baseline of the parent. For example, this allows alphabetic baselines in Roman text to stay aligned across font size changes. It defaults to the baseline with the same name as the computed value of the alignment-baseline property.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/alignment-baseline)
   */
  "alignment-baseline"?: string;

  /**
   * The baseline-shift attribute allows repositioning of the dominant-baseline relative to the dominant-baseline of the parent text content element. The shifted object might be a sub- or superscript.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/baseline-shift)
   */
  "baseline-shift"?: string;

  /**
   * The clip-path attribute binds the element it is applied to with a given <clipPath> element
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/clip-path)
   */
  "clip-path"?: string;

  /**
   * The clip-rule attribute only applies to graphics elements that are contained within a <clipPath> element. The clip-rule attribute basically works as the fill-rule attribute, except that it applies to <clipPath> definitions.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/clip-rule)
   */
  "clip-rule"?: string;

  /**
   * The color attribute is used to provide a potential indirect value (currentColor) for the fill, stroke, stop-color, flood-color and lighting-color attributes.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/color)
   */
  color?: string;

  /**
   * The color-interpolation attribute specifies the color space for gradient interpolations, color animations, and alpha compositing.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/color-interpolation)
   */
  "color-interpolation"?: string;

  /**
   * The color-interpolation-filters attribute specifies the color space for imaging operations performed via filter effects.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/color-interpolation-filters)
   */
  "color-interpolation-filters"?: string;

  /**
   * The color-profile attribute is used to define which color profile a raster image included through the <image> element should use.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/color-profile)
   */
  "color-profile"?: string;

  /**
   * The color-rendering attribute provides a hint to the SVG user agent about how to optimize its color interpolation and compositing operations.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/color-rendering)
   */
  "color-rendering"?: string;

  /**
   * The cursor attribute specifies the mouse cursor displayed when the mouse pointer is over an element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/cursor)
   */
  cursor?: string;

  /**
   * The direction attribute specifies the base writing direction of text and the direction of embeddings and overrides (see unicode-bidi) for the Unicode bidirectional algorithm. For the direction attribute to have any effect on an element that does not by itself establish a new text chunk (such as a <tspan> element without absolute position adjustments due to x or y attributes), the unicode-bidi property's value must be embed or bidi-override.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/direction)
   */
  direction?: string;

  /**
   * The display attribute lets you control the rendering of graphical or container elements.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/display)
   */
  display?: string;

  /**
   * The dominant-baseline attribute is used to determine or re-determine a scaled-baseline-table. A scaled-baseline-table is a compound value with three components: a baseline-identifier for the dominant-baseline, a baseline-table and a baseline-table font-size. Some values of the property re-determine all three values; other only re-establish the baseline-table font-size. When the initial value, auto, would give an undesired result, this property can be used to explicitly set the desire scaled-baseline-table.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/dominant-baseline)
   */
  "dominant-baseline"?: string;

  /**
   * The fill attribute has two meanings based on the context it's used.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/fill)
   */
  fill?: string;

  /**
   * This attribute specifies the opacity of the color or the content the current object is filled with.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/fill-opacity)
   */
  "fill-opacity"?: string;

  /**
   * The fill-rule attribute indicates how to determine what side of a path is inside a shape, to determine how the fill property paints the shape. For a simple, non-intersecting path, it is intuitively clear what region lies "inside"; however, for a more complex path, such as a path that intersects itself or where one subpath encloses another, the interpretation of "inside" is not so obvious.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/fill-rule)
   */
  "fill-rule"?: string;

  /**
   * The filter attribute defines the filter effects define by the <filter> element that shall be applied to its element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/filter)
   */
  filter?: string;

  /**
   * The flood-color attribute indicates what color to use to flood the current filter primitive subregion defined through the <feflood> element. The keyword currentColor and ICC colors can be specified in the same manner as within a <paint> specification for the fill and stroke attributes.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/flood-color)
   */
  "flood-color"?: string;

  /**
   * The flood-opacity attribute indicates the opacity value to use across the current filter primitive subregion defined through the <feflood> element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/flood-opacity)
   */
  "flood-opacity"?: string;

  /**
   * The font-family attribute indicates which font family will be used to render the text, specified as a prioritized list of font family names and/or generic family names.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-family)
   */
  "font-family"?: string;

  /**
   * The font-size attribute refers to the size of the font from baseline to baseline when multiple lines of text are set solid in a multiline layout environment. For SVG, if a <length> is provided without a unit identifier (e.g., an unqualified number such as 128), the browser processes the <length> as a height value in the current user coordinate system.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-size)
   */
  "font-size"?: string;

  /**
   * The font-size-adjust attribute allows authors to specify an aspect value for an element that will preserve the x-height of the first choice font in a substitute font.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-size-adjust)
   */
  "font-size-adjust"?: string;

  /**
   * The font-stretch attribute indicates the desired amount of condensing or expansion in the glyphs used to render the text.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-stretch)
   */
  "font-stretch"?: string;

  /**
   * The font-style attribute specifies whether the text is to be rendered using a normal, italic or oblique face.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-style)
   */
  "font-style"?: string;

  /**
   * The font-variant attribute indicates whether the text is to be rendered using the normal glyphs for lowercase characters or using small-caps glyphs for lowercase characters.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-variant)
   */
  "font-variant"?: string;

  /**
   * The font-weight attribute refers to the boldness or lightness of the glyphs used to render the text, relative to other fonts in the same font family.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-weight)
   */
  "font-weight"?: string;

  /**
   * The image-rendering attribute provides a hint to the browser about how to make speed vs. quality tradeoffs as it performs image processing.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/image-rendering)
   */
  "image-rendering"?: string;

  /**
   * The kerning attribute indicates whether the browser should adjust inter-glyph spacing based on kerning tables that are included in the relevant font (i.e., enable auto-kerning) or instead disable auto-kerning and instead set inter-character spacing to a specific length (typically, zero).
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/kerning)
   */
  kerning?: string;

  /**
   * The letter-spacing attribute specifies spacing behavior between text characters supplemental to any spacing due to the kerning attribute.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/letter-spacing)
   */
  "letter-spacing"?: string;

  /**
   * The lighting-color attribute defines the color of the light source for filter primitives elements <fediffuselighting> and <fespecularlighting>.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/lighting-color)
   */
  "lighting-color"?: string;

  /**
   * The marker-end defines the arrowhead or polymarker that will be drawn at the final vertex of the given <path> element or basic shape. Note that for a <path> element which ends with a closed sub-path, the last vertex is the same as the initial vertex on the given sub-path. In this case, if marker-end does not equal none, then it is possible that two markers will be rendered on the given vertex. One way to prevent this is to set marker-end to none. (Note that the same comment applies to <polygon> elements.)
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/marker-end)
   */
  "marker-end"?: string;

  /**
   * The marker-mid defines the arrowhead or polymarker that shall be drawn at every vertex other than the first and last vertex of the given <path> element or basic shape.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/marker-mid)
   */
  "marker-mid"?: string;

  /**
   * The marker-start attribute defines the arrowhead or polymarker that will be drawn at the first vertex of the given <path> element or basic shape.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/marker-start)
   */
  "marker-start"?: string;

  /**
   * The markerHeight represents the height of the viewport into which the <marker> is to be fitted when it is rendered.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/markerHeight)
   */
  markerHeight?: string;

  /**
   * The markerUnits attribute defines the coordinate system for the attributes markerWidth, markerHeight and the contents of the <marker>.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/markerUnits)
   */
  markerUnits?: string;

  /**
   * The markerWidth represents the width of the viewport into which the <marker> is to be fitted when it is rendered.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/markerWidth)
   */
  markerWidth?: string;

  /**
   * The mask attribute binds the element it is applied to with a given <mask> element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/mask)
   */
  mask?: string;

  /**
   * The opacity attribute specifies the transparency of an object or of a group of objects, that is, the degree to which the background behind the element is overlaid.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/opacity)
   */
  opacity?: string;

  /**
   * Indicates how a marker is rotated when it is placed at its position on the shape.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/orient)
   */
  orient?: string;

  /**
   * The overflow attribute has the same parameter values as defined for the css overflow property.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/overflow)
   */
  overflow?: string;

  /**
   * The pointer-events attribute allows authors to control whether or when an element may be the target of a mouse event. This attribute is used to specify under which circumstance (if any) a mouse event should go "through" an element and target whatever is "underneath" that element instead.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/pointer-events)
   */
  "pointer-events"?: string;

  /**
   * In some cases, typically when using the viewBox attribute, it is desirable that the graphics stretch to fit non-uniformly to take up the entire viewport. In other cases, it is desirable that uniform scaling be used for the purposes of preserving the aspect ratio of the graphics.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/preserveAspectRatio)
   */
  preserveAspectRatio?: string;

  /**
   * Defines the x coordinate for the reference point of the marker.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/refX)
   */
  refX?: string;

  /**
   * Defines the y coordinate for the reference point of the marker.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/refY)
   */
  refY?: string;

  /**
   * The creator of SVG content might want to provide a hint about what tradeoffs to make as the browser renders <path> element or basic shapes. The shape-rendering attribute provides these hints.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/shape-rendering)
   */
  "shape-rendering"?: string;

  /**
   * The stop-color attribute indicates what color to use at that gradient stop. The keyword currentColor and ICC colors can be specified in the same manner as within a <paint> specification for the fill and stroke attributes.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stop-color)
   */
  "stop-color"?: string;

  /**
   * The stop-opacity attribute defines the opacity of a given gradient stop.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stop-opacity)
   */
  "stop-opacity"?: string;

  /**
   * The stroke attribute defines the color of the outline on a given graphical element. The default value for the stroke attribute is none.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke)
   */
  stroke?: string;

  /**
   * the stroke-dasharray attribute controls the pattern of dashes and gaps used to stroke paths.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-dasharray)
   */
  "stroke-dasharray"?: string;

  /**
   * the stroke-dashoffset attribute specifies the distance into the dash pattern to start the dash.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-dashoffset)
   */
  "stroke-dashoffset"?: string;

  /**
   * the stroke-linecap attribute specifies the shape to be used at the end of open subpaths when they are stroked.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-linecap)
   */
  "stroke-linecap"?: string;

  /**
   * the stroke-linejoin attribute specifies the shape to be used at the corners of paths or basic shapes when they are stroked.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-linejoin)
   */
  "stroke-linejoin"?: string;

  /**
   * When two line segments meet at a sharp angle and miter joins have been specified for stroke-linejoin, it is possible for the miter to extend far beyond the thickness of the line stroking the path. The stroke-miterlimit imposes a limit on the ratio of the miter length to the stroke-width. When the limit is exceeded, the join is converted from a miter to a bevel.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-miterlimit)
   */
  "stroke-miterlimit"?: string;

  /**
   * the stroke-opacity attribute specifies the opacity of the outline on the current object. Its default value is 1.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-opacity)
   */
  "stroke-opacity"?: string;

  /**
   * the stroke-width attribute specifies the width of the outline on the current object. Its default value is 1. If a <percentage> is used, the value represents a percentage of the current viewport. If a value of 0 is used the outline will never be drawn.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-width)
   */
  "stroke-width"?: string;

  /**
   * The text-anchor attribute is used to align (start-, middle- or end-alignment) a string of text relative to a given point.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/text-anchor)
   */
  "text-anchor"?: string;

  /**
   * The text-decoration attribute works exactly like the css text decoration property except that it's an attribute. See css text decoration for further information.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/text-decoration)
   */
  "text-decoration"?: string;

  /**
   * The creator of SVG content might want to provide a hint about what tradeoffs to make as the browser renders text. The text-rendering attribute provides these hints.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/text-rendering)
   */
  "text-rendering"?: string;

  /**
   * The transform attribute defines a list of transform definitions that are applied to an element and the element's children. The items in the transform list are separated by whitespace and/or commas, and are applied from right to left.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/transform)
   */
  transform?: string;

  /**
   * The vector-effect property specifies the vector effect to use when drawing an object. Vector effects are applied before any of the other compositing operations, i.e. filters, masks and clips.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/vector-effect)
   */
  "vector-effect"?: string;

  /**
   * The viewBox attribute allows you to specify that a given set of graphics stretch to fit a particular container element.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/viewBox)
   */
  viewBox?: string;

  /**
   * Depending on the value of attribute pointer-events, graphics elements which have their visibility attribute set to hidden still might receive events.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/visibility)
   */
  visibility?: string;

  /**
   * The word-spacing attribute specifies spacing behavior between words.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/word-spacing)
   */
  "word-spacing"?: string;

  /**
   * The writing-mode attribute specifies whether the initial inline-progression-direction for a <text> element shall be left-to-right, right-to-left, or top-to-bottom. The writing-mode attribute applies only to <text> elements; the attribute is ignored for <tspan>, <tref>, <altGlyph> and <textPath> sub-elements. (Note that the inline-progression-direction can change within a <text> element due to the Unicode bidirectional algorithm and properties direction and unicode-bidi.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/writing-mode)
   */
  "writing-mode"?: string;
}

interface Mask extends GlobalAttributes {
  /**
   * The alignment-baseline attribute specifies how an object is aligned with respect to its parent. This property specifies which baseline of this element is to be aligned with the corresponding baseline of the parent. For example, this allows alphabetic baselines in Roman text to stay aligned across font size changes. It defaults to the baseline with the same name as the computed value of the alignment-baseline property.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/alignment-baseline)
   */
  "alignment-baseline"?: string;

  /**
   * The baseline-shift attribute allows repositioning of the dominant-baseline relative to the dominant-baseline of the parent text content element. The shifted object might be a sub- or superscript.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/baseline-shift)
   */
  "baseline-shift"?: string;

  /**
   * The clip-path attribute binds the element it is applied to with a given <clipPath> element
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/clip-path)
   */
  "clip-path"?: string;

  /**
   * The clip-rule attribute only applies to graphics elements that are contained within a <clipPath> element. The clip-rule attribute basically works as the fill-rule attribute, except that it applies to <clipPath> definitions.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/clip-rule)
   */
  "clip-rule"?: string;

  /**
   * The color attribute is used to provide a potential indirect value (currentColor) for the fill, stroke, stop-color, flood-color and lighting-color attributes.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/color)
   */
  color?: string;

  /**
   * The color-interpolation attribute specifies the color space for gradient interpolations, color animations, and alpha compositing.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/color-interpolation)
   */
  "color-interpolation"?: string;

  /**
   * The color-interpolation-filters attribute specifies the color space for imaging operations performed via filter effects.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/color-interpolation-filters)
   */
  "color-interpolation-filters"?: string;

  /**
   * The color-profile attribute is used to define which color profile a raster image included through the <image> element should use.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/color-profile)
   */
  "color-profile"?: string;

  /**
   * The color-rendering attribute provides a hint to the SVG user agent about how to optimize its color interpolation and compositing operations.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/color-rendering)
   */
  "color-rendering"?: string;

  /**
   * The cursor attribute specifies the mouse cursor displayed when the mouse pointer is over an element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/cursor)
   */
  cursor?: string;

  /**
   * The direction attribute specifies the base writing direction of text and the direction of embeddings and overrides (see unicode-bidi) for the Unicode bidirectional algorithm. For the direction attribute to have any effect on an element that does not by itself establish a new text chunk (such as a <tspan> element without absolute position adjustments due to x or y attributes), the unicode-bidi property's value must be embed or bidi-override.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/direction)
   */
  direction?: string;

  /**
   * The display attribute lets you control the rendering of graphical or container elements.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/display)
   */
  display?: string;

  /**
   * The dominant-baseline attribute is used to determine or re-determine a scaled-baseline-table. A scaled-baseline-table is a compound value with three components: a baseline-identifier for the dominant-baseline, a baseline-table and a baseline-table font-size. Some values of the property re-determine all three values; other only re-establish the baseline-table font-size. When the initial value, auto, would give an undesired result, this property can be used to explicitly set the desire scaled-baseline-table.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/dominant-baseline)
   */
  "dominant-baseline"?: string;

  /**
   * The fill attribute has two meanings based on the context it's used.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/fill)
   */
  fill?: string;

  /**
   * This attribute specifies the opacity of the color or the content the current object is filled with.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/fill-opacity)
   */
  "fill-opacity"?: string;

  /**
   * The fill-rule attribute indicates how to determine what side of a path is inside a shape, to determine how the fill property paints the shape. For a simple, non-intersecting path, it is intuitively clear what region lies "inside"; however, for a more complex path, such as a path that intersects itself or where one subpath encloses another, the interpretation of "inside" is not so obvious.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/fill-rule)
   */
  "fill-rule"?: string;

  /**
   * The filter attribute defines the filter effects define by the <filter> element that shall be applied to its element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/filter)
   */
  filter?: string;

  /**
   * The flood-color attribute indicates what color to use to flood the current filter primitive subregion defined through the <feflood> element. The keyword currentColor and ICC colors can be specified in the same manner as within a <paint> specification for the fill and stroke attributes.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/flood-color)
   */
  "flood-color"?: string;

  /**
   * The flood-opacity attribute indicates the opacity value to use across the current filter primitive subregion defined through the <feflood> element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/flood-opacity)
   */
  "flood-opacity"?: string;

  /**
   * The font-family attribute indicates which font family will be used to render the text, specified as a prioritized list of font family names and/or generic family names.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-family)
   */
  "font-family"?: string;

  /**
   * The font-size attribute refers to the size of the font from baseline to baseline when multiple lines of text are set solid in a multiline layout environment. For SVG, if a <length> is provided without a unit identifier (e.g., an unqualified number such as 128), the browser processes the <length> as a height value in the current user coordinate system.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-size)
   */
  "font-size"?: string;

  /**
   * The font-size-adjust attribute allows authors to specify an aspect value for an element that will preserve the x-height of the first choice font in a substitute font.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-size-adjust)
   */
  "font-size-adjust"?: string;

  /**
   * The font-stretch attribute indicates the desired amount of condensing or expansion in the glyphs used to render the text.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-stretch)
   */
  "font-stretch"?: string;

  /**
   * The font-style attribute specifies whether the text is to be rendered using a normal, italic or oblique face.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-style)
   */
  "font-style"?: string;

  /**
   * The font-variant attribute indicates whether the text is to be rendered using the normal glyphs for lowercase characters or using small-caps glyphs for lowercase characters.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-variant)
   */
  "font-variant"?: string;

  /**
   * The font-weight attribute refers to the boldness or lightness of the glyphs used to render the text, relative to other fonts in the same font family.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-weight)
   */
  "font-weight"?: string;

  /**
   * This attribute indicates a vertical length in the user coordinate system. The exact effect of this coordinate depends on each element. Most of the time, it represents the height of the rectangular region of the reference element (see each individual element's documentation for exceptions).
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/height)
   */
  height?: number | string;

  /**
   * The image-rendering attribute provides a hint to the browser about how to make speed vs. quality tradeoffs as it performs image processing.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/image-rendering)
   */
  "image-rendering"?: string;

  /**
   * The kerning attribute indicates whether the browser should adjust inter-glyph spacing based on kerning tables that are included in the relevant font (i.e., enable auto-kerning) or instead disable auto-kerning and instead set inter-character spacing to a specific length (typically, zero).
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/kerning)
   */
  kerning?: string;

  /**
   * The letter-spacing attribute specifies spacing behavior between text characters supplemental to any spacing due to the kerning attribute.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/letter-spacing)
   */
  "letter-spacing"?: string;

  /**
   * The lighting-color attribute defines the color of the light source for filter primitives elements <fediffuselighting> and <fespecularlighting>.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/lighting-color)
   */
  "lighting-color"?: string;

  /**
   * The marker-end defines the arrowhead or polymarker that will be drawn at the final vertex of the given <path> element or basic shape. Note that for a <path> element which ends with a closed sub-path, the last vertex is the same as the initial vertex on the given sub-path. In this case, if marker-end does not equal none, then it is possible that two markers will be rendered on the given vertex. One way to prevent this is to set marker-end to none. (Note that the same comment applies to <polygon> elements.)
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/marker-end)
   */
  "marker-end"?: string;

  /**
   * The marker-mid defines the arrowhead or polymarker that shall be drawn at every vertex other than the first and last vertex of the given <path> element or basic shape.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/marker-mid)
   */
  "marker-mid"?: string;

  /**
   * The marker-start attribute defines the arrowhead or polymarker that will be drawn at the first vertex of the given <path> element or basic shape.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/marker-start)
   */
  "marker-start"?: string;

  /**
   * The mask attribute binds the element it is applied to with a given <mask> element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/mask)
   */
  mask?: string;

  /**
   * Defines the coordinate system for the contents of the <mask>.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/maskContentUnits)
   */
  maskContentUnits?: string;

  /**
   * This attribute defines the coordinate system for attributes x, y, width and height on the <mask>.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/maskUnits)
   */
  maskUnits?: string;

  /**
   * The opacity attribute specifies the transparency of an object or of a group of objects, that is, the degree to which the background behind the element is overlaid.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/opacity)
   */
  opacity?: string;

  /**
   * The overflow attribute has the same parameter values as defined for the css overflow property.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/overflow)
   */
  overflow?: string;

  /**
   * The pointer-events attribute allows authors to control whether or when an element may be the target of a mouse event. This attribute is used to specify under which circumstance (if any) a mouse event should go "through" an element and target whatever is "underneath" that element instead.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/pointer-events)
   */
  "pointer-events"?: string;

  /**
   * The creator of SVG content might want to provide a hint about what tradeoffs to make as the browser renders <path> element or basic shapes. The shape-rendering attribute provides these hints.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/shape-rendering)
   */
  "shape-rendering"?: string;

  /**
   * The stop-color attribute indicates what color to use at that gradient stop. The keyword currentColor and ICC colors can be specified in the same manner as within a <paint> specification for the fill and stroke attributes.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stop-color)
   */
  "stop-color"?: string;

  /**
   * The stop-opacity attribute defines the opacity of a given gradient stop.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stop-opacity)
   */
  "stop-opacity"?: string;

  /**
   * The stroke attribute defines the color of the outline on a given graphical element. The default value for the stroke attribute is none.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke)
   */
  stroke?: string;

  /**
   * the stroke-dasharray attribute controls the pattern of dashes and gaps used to stroke paths.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-dasharray)
   */
  "stroke-dasharray"?: string;

  /**
   * the stroke-dashoffset attribute specifies the distance into the dash pattern to start the dash.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-dashoffset)
   */
  "stroke-dashoffset"?: string;

  /**
   * the stroke-linecap attribute specifies the shape to be used at the end of open subpaths when they are stroked.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-linecap)
   */
  "stroke-linecap"?: string;

  /**
   * the stroke-linejoin attribute specifies the shape to be used at the corners of paths or basic shapes when they are stroked.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-linejoin)
   */
  "stroke-linejoin"?: string;

  /**
   * When two line segments meet at a sharp angle and miter joins have been specified for stroke-linejoin, it is possible for the miter to extend far beyond the thickness of the line stroking the path. The stroke-miterlimit imposes a limit on the ratio of the miter length to the stroke-width. When the limit is exceeded, the join is converted from a miter to a bevel.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-miterlimit)
   */
  "stroke-miterlimit"?: string;

  /**
   * the stroke-opacity attribute specifies the opacity of the outline on the current object. Its default value is 1.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-opacity)
   */
  "stroke-opacity"?: string;

  /**
   * the stroke-width attribute specifies the width of the outline on the current object. Its default value is 1. If a <percentage> is used, the value represents a percentage of the current viewport. If a value of 0 is used the outline will never be drawn.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-width)
   */
  "stroke-width"?: string;

  /**
   * The text-anchor attribute is used to align (start-, middle- or end-alignment) a string of text relative to a given point.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/text-anchor)
   */
  "text-anchor"?: string;

  /**
   * The text-decoration attribute works exactly like the css text decoration property except that it's an attribute. See css text decoration for further information.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/text-decoration)
   */
  "text-decoration"?: string;

  /**
   * The creator of SVG content might want to provide a hint about what tradeoffs to make as the browser renders text. The text-rendering attribute provides these hints.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/text-rendering)
   */
  "text-rendering"?: string;

  /**
   * The transform attribute defines a list of transform definitions that are applied to an element and the element's children. The items in the transform list are separated by whitespace and/or commas, and are applied from right to left.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/transform)
   */
  transform?: string;

  /**
   * The vector-effect property specifies the vector effect to use when drawing an object. Vector effects are applied before any of the other compositing operations, i.e. filters, masks and clips.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/vector-effect)
   */
  "vector-effect"?: string;

  /**
   * Depending on the value of attribute pointer-events, graphics elements which have their visibility attribute set to hidden still might receive events.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/visibility)
   */
  visibility?: string;

  /**
   * This attribute indicates an horizontal length in the user coordinate system. The exact effect of this coordinate depends on each element. Most of the time, it represents the width of the rectangular region of the reference element (see each individual element's documentation for exceptions).
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/width)
   */
  width?: number | string;

  /**
   * The word-spacing attribute specifies spacing behavior between words.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/word-spacing)
   */
  "word-spacing"?: string;

  /**
   * The writing-mode attribute specifies whether the initial inline-progression-direction for a <text> element shall be left-to-right, right-to-left, or top-to-bottom. The writing-mode attribute applies only to <text> elements; the attribute is ignored for <tspan>, <tref>, <altGlyph> and <textPath> sub-elements. (Note that the inline-progression-direction can change within a <text> element due to the Unicode bidirectional algorithm and properties direction and unicode-bidi.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/writing-mode)
   */
  "writing-mode"?: string;

  /**
   * This attribute indicates an x-axis coordinate in the user coordinate system. The exact effect of this coordinate depend on each element. Most of the time, it represent the x-axis coordinate of the upper-left corner of the rectangular region of the reference element (see each individual element's documentation for exceptions).Its syntax is the same as that for <length>
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/x)
   */
  x?: string;

  /**
   * This attribute indicates an y-axis coordinate in the user coordinate system. The exact effect of this coordinate depend on each element. Most of the time, it represent the x-axis coordinate of the upper-left corner of the rectangular region of the reference element (see each individual element's documentation for exceptions).Its syntax is the same as that for <length>
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/y)
   */
  y?: string;
}

interface Mpath extends GlobalAttributes {
  /**
   * The URL or URL fragment the hyperlink points to.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/href)
   */
  href?: string;
}

interface Path extends GlobalAttributes {
  /**
   * The alignment-baseline attribute specifies how an object is aligned with respect to its parent. This property specifies which baseline of this element is to be aligned with the corresponding baseline of the parent. For example, this allows alphabetic baselines in Roman text to stay aligned across font size changes. It defaults to the baseline with the same name as the computed value of the alignment-baseline property.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/alignment-baseline)
   */
  "alignment-baseline"?: string;

  /**
   * The baseline-shift attribute allows repositioning of the dominant-baseline relative to the dominant-baseline of the parent text content element. The shifted object might be a sub- or superscript.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/baseline-shift)
   */
  "baseline-shift"?: string;

  /**
   * The clip-path attribute binds the element it is applied to with a given <clipPath> element
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/clip-path)
   */
  "clip-path"?: string;

  /**
   * The clip-rule attribute only applies to graphics elements that are contained within a <clipPath> element. The clip-rule attribute basically works as the fill-rule attribute, except that it applies to <clipPath> definitions.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/clip-rule)
   */
  "clip-rule"?: string;

  /**
   * The color attribute is used to provide a potential indirect value (currentColor) for the fill, stroke, stop-color, flood-color and lighting-color attributes.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/color)
   */
  color?: string;

  /**
   * The color-interpolation attribute specifies the color space for gradient interpolations, color animations, and alpha compositing.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/color-interpolation)
   */
  "color-interpolation"?: string;

  /**
   * The color-interpolation-filters attribute specifies the color space for imaging operations performed via filter effects.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/color-interpolation-filters)
   */
  "color-interpolation-filters"?: string;

  /**
   * The color-profile attribute is used to define which color profile a raster image included through the <image> element should use.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/color-profile)
   */
  "color-profile"?: string;

  /**
   * The color-rendering attribute provides a hint to the SVG user agent about how to optimize its color interpolation and compositing operations.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/color-rendering)
   */
  "color-rendering"?: string;

  /**
   * The cursor attribute specifies the mouse cursor displayed when the mouse pointer is over an element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/cursor)
   */
  cursor?: string;

  /**
   * This attribute defines a path to follow.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/d)
   */
  d?: string;

  /**
   * The direction attribute specifies the base writing direction of text and the direction of embeddings and overrides (see unicode-bidi) for the Unicode bidirectional algorithm. For the direction attribute to have any effect on an element that does not by itself establish a new text chunk (such as a <tspan> element without absolute position adjustments due to x or y attributes), the unicode-bidi property's value must be embed or bidi-override.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/direction)
   */
  direction?: string;

  /**
   * The display attribute lets you control the rendering of graphical or container elements.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/display)
   */
  display?: string;

  /**
   * The dominant-baseline attribute is used to determine or re-determine a scaled-baseline-table. A scaled-baseline-table is a compound value with three components: a baseline-identifier for the dominant-baseline, a baseline-table and a baseline-table font-size. Some values of the property re-determine all three values; other only re-establish the baseline-table font-size. When the initial value, auto, would give an undesired result, this property can be used to explicitly set the desire scaled-baseline-table.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/dominant-baseline)
   */
  "dominant-baseline"?: string;

  /**
   * The fill attribute has two meanings based on the context it's used.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/fill)
   */
  fill?: string;

  /**
   * This attribute specifies the opacity of the color or the content the current object is filled with.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/fill-opacity)
   */
  "fill-opacity"?: string;

  /**
   * The fill-rule attribute indicates how to determine what side of a path is inside a shape, to determine how the fill property paints the shape. For a simple, non-intersecting path, it is intuitively clear what region lies "inside"; however, for a more complex path, such as a path that intersects itself or where one subpath encloses another, the interpretation of "inside" is not so obvious.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/fill-rule)
   */
  "fill-rule"?: string;

  /**
   * The filter attribute defines the filter effects define by the <filter> element that shall be applied to its element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/filter)
   */
  filter?: string;

  /**
   * The flood-color attribute indicates what color to use to flood the current filter primitive subregion defined through the <feflood> element. The keyword currentColor and ICC colors can be specified in the same manner as within a <paint> specification for the fill and stroke attributes.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/flood-color)
   */
  "flood-color"?: string;

  /**
   * The flood-opacity attribute indicates the opacity value to use across the current filter primitive subregion defined through the <feflood> element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/flood-opacity)
   */
  "flood-opacity"?: string;

  /**
   * The font-family attribute indicates which font family will be used to render the text, specified as a prioritized list of font family names and/or generic family names.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-family)
   */
  "font-family"?: string;

  /**
   * The font-size attribute refers to the size of the font from baseline to baseline when multiple lines of text are set solid in a multiline layout environment. For SVG, if a <length> is provided without a unit identifier (e.g., an unqualified number such as 128), the browser processes the <length> as a height value in the current user coordinate system.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-size)
   */
  "font-size"?: string;

  /**
   * The font-size-adjust attribute allows authors to specify an aspect value for an element that will preserve the x-height of the first choice font in a substitute font.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-size-adjust)
   */
  "font-size-adjust"?: string;

  /**
   * The font-stretch attribute indicates the desired amount of condensing or expansion in the glyphs used to render the text.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-stretch)
   */
  "font-stretch"?: string;

  /**
   * The font-style attribute specifies whether the text is to be rendered using a normal, italic or oblique face.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-style)
   */
  "font-style"?: string;

  /**
   * The font-variant attribute indicates whether the text is to be rendered using the normal glyphs for lowercase characters or using small-caps glyphs for lowercase characters.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-variant)
   */
  "font-variant"?: string;

  /**
   * The font-weight attribute refers to the boldness or lightness of the glyphs used to render the text, relative to other fonts in the same font family.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-weight)
   */
  "font-weight"?: string;

  /**
   * The image-rendering attribute provides a hint to the browser about how to make speed vs. quality tradeoffs as it performs image processing.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/image-rendering)
   */
  "image-rendering"?: string;

  /**
   * The kerning attribute indicates whether the browser should adjust inter-glyph spacing based on kerning tables that are included in the relevant font (i.e., enable auto-kerning) or instead disable auto-kerning and instead set inter-character spacing to a specific length (typically, zero).
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/kerning)
   */
  kerning?: string;

  /**
   * The letter-spacing attribute specifies spacing behavior between text characters supplemental to any spacing due to the kerning attribute.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/letter-spacing)
   */
  "letter-spacing"?: string;

  /**
   * The lighting-color attribute defines the color of the light source for filter primitives elements <fediffuselighting> and <fespecularlighting>.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/lighting-color)
   */
  "lighting-color"?: string;

  /**
   * The marker-end defines the arrowhead or polymarker that will be drawn at the final vertex of the given <path> element or basic shape. Note that for a <path> element which ends with a closed sub-path, the last vertex is the same as the initial vertex on the given sub-path. In this case, if marker-end does not equal none, then it is possible that two markers will be rendered on the given vertex. One way to prevent this is to set marker-end to none. (Note that the same comment applies to <polygon> elements.)
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/marker-end)
   */
  "marker-end"?: string;

  /**
   * The marker-mid defines the arrowhead or polymarker that shall be drawn at every vertex other than the first and last vertex of the given <path> element or basic shape.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/marker-mid)
   */
  "marker-mid"?: string;

  /**
   * The marker-start attribute defines the arrowhead or polymarker that will be drawn at the first vertex of the given <path> element or basic shape.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/marker-start)
   */
  "marker-start"?: string;

  /**
   * The mask attribute binds the element it is applied to with a given <mask> element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/mask)
   */
  mask?: string;

  /**
   * The opacity attribute specifies the transparency of an object or of a group of objects, that is, the degree to which the background behind the element is overlaid.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/opacity)
   */
  opacity?: string;

  /**
   * The overflow attribute has the same parameter values as defined for the css overflow property.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/overflow)
   */
  overflow?: string;

  /**
   * This attribute lets the author specify a total length for the path, in whatever units the author chooses. This value is then used to calibrate the browser's distance calculations with those of the author, by scaling all distance computations using the ratio pathLength / (computed value of path length).
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/pathLength)
   */
  pathLength?: string;

  /**
   * The pointer-events attribute allows authors to control whether or when an element may be the target of a mouse event. This attribute is used to specify under which circumstance (if any) a mouse event should go "through" an element and target whatever is "underneath" that element instead.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/pointer-events)
   */
  "pointer-events"?: string;

  /**
   * The creator of SVG content might want to provide a hint about what tradeoffs to make as the browser renders <path> element or basic shapes. The shape-rendering attribute provides these hints.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/shape-rendering)
   */
  "shape-rendering"?: string;

  /**
   * The stop-color attribute indicates what color to use at that gradient stop. The keyword currentColor and ICC colors can be specified in the same manner as within a <paint> specification for the fill and stroke attributes.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stop-color)
   */
  "stop-color"?: string;

  /**
   * The stop-opacity attribute defines the opacity of a given gradient stop.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stop-opacity)
   */
  "stop-opacity"?: string;

  /**
   * The stroke attribute defines the color of the outline on a given graphical element. The default value for the stroke attribute is none.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke)
   */
  stroke?: string;

  /**
   * the stroke-dasharray attribute controls the pattern of dashes and gaps used to stroke paths.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-dasharray)
   */
  "stroke-dasharray"?: string;

  /**
   * the stroke-dashoffset attribute specifies the distance into the dash pattern to start the dash.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-dashoffset)
   */
  "stroke-dashoffset"?: string;

  /**
   * the stroke-linecap attribute specifies the shape to be used at the end of open subpaths when they are stroked.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-linecap)
   */
  "stroke-linecap"?: string;

  /**
   * the stroke-linejoin attribute specifies the shape to be used at the corners of paths or basic shapes when they are stroked.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-linejoin)
   */
  "stroke-linejoin"?: string;

  /**
   * When two line segments meet at a sharp angle and miter joins have been specified for stroke-linejoin, it is possible for the miter to extend far beyond the thickness of the line stroking the path. The stroke-miterlimit imposes a limit on the ratio of the miter length to the stroke-width. When the limit is exceeded, the join is converted from a miter to a bevel.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-miterlimit)
   */
  "stroke-miterlimit"?: string;

  /**
   * the stroke-opacity attribute specifies the opacity of the outline on the current object. Its default value is 1.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-opacity)
   */
  "stroke-opacity"?: string;

  /**
   * the stroke-width attribute specifies the width of the outline on the current object. Its default value is 1. If a <percentage> is used, the value represents a percentage of the current viewport. If a value of 0 is used the outline will never be drawn.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-width)
   */
  "stroke-width"?: string;

  /**
   * The text-anchor attribute is used to align (start-, middle- or end-alignment) a string of text relative to a given point.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/text-anchor)
   */
  "text-anchor"?: string;

  /**
   * The text-decoration attribute works exactly like the css text decoration property except that it's an attribute. See css text decoration for further information.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/text-decoration)
   */
  "text-decoration"?: string;

  /**
   * The creator of SVG content might want to provide a hint about what tradeoffs to make as the browser renders text. The text-rendering attribute provides these hints.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/text-rendering)
   */
  "text-rendering"?: string;

  /**
   * The transform attribute defines a list of transform definitions that are applied to an element and the element's children. The items in the transform list are separated by whitespace and/or commas, and are applied from right to left.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/transform)
   */
  transform?: string;

  /**
   * The vector-effect property specifies the vector effect to use when drawing an object. Vector effects are applied before any of the other compositing operations, i.e. filters, masks and clips.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/vector-effect)
   */
  "vector-effect"?: string;

  /**
   * Depending on the value of attribute pointer-events, graphics elements which have their visibility attribute set to hidden still might receive events.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/visibility)
   */
  visibility?: string;

  /**
   * The word-spacing attribute specifies spacing behavior between words.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/word-spacing)
   */
  "word-spacing"?: string;

  /**
   * The writing-mode attribute specifies whether the initial inline-progression-direction for a <text> element shall be left-to-right, right-to-left, or top-to-bottom. The writing-mode attribute applies only to <text> elements; the attribute is ignored for <tspan>, <tref>, <altGlyph> and <textPath> sub-elements. (Note that the inline-progression-direction can change within a <text> element due to the Unicode bidirectional algorithm and properties direction and unicode-bidi.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/writing-mode)
   */
  "writing-mode"?: string;
}

interface Pattern extends GlobalAttributes {
  /**
   * The alignment-baseline attribute specifies how an object is aligned with respect to its parent. This property specifies which baseline of this element is to be aligned with the corresponding baseline of the parent. For example, this allows alphabetic baselines in Roman text to stay aligned across font size changes. It defaults to the baseline with the same name as the computed value of the alignment-baseline property.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/alignment-baseline)
   */
  "alignment-baseline"?: string;

  /**
   * The baseline-shift attribute allows repositioning of the dominant-baseline relative to the dominant-baseline of the parent text content element. The shifted object might be a sub- or superscript.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/baseline-shift)
   */
  "baseline-shift"?: string;

  /**
   * The clip-path attribute binds the element it is applied to with a given <clipPath> element
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/clip-path)
   */
  "clip-path"?: string;

  /**
   * The clip-rule attribute only applies to graphics elements that are contained within a <clipPath> element. The clip-rule attribute basically works as the fill-rule attribute, except that it applies to <clipPath> definitions.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/clip-rule)
   */
  "clip-rule"?: string;

  /**
   * The color attribute is used to provide a potential indirect value (currentColor) for the fill, stroke, stop-color, flood-color and lighting-color attributes.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/color)
   */
  color?: string;

  /**
   * The color-interpolation attribute specifies the color space for gradient interpolations, color animations, and alpha compositing.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/color-interpolation)
   */
  "color-interpolation"?: string;

  /**
   * The color-interpolation-filters attribute specifies the color space for imaging operations performed via filter effects.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/color-interpolation-filters)
   */
  "color-interpolation-filters"?: string;

  /**
   * The color-profile attribute is used to define which color profile a raster image included through the <image> element should use.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/color-profile)
   */
  "color-profile"?: string;

  /**
   * The color-rendering attribute provides a hint to the SVG user agent about how to optimize its color interpolation and compositing operations.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/color-rendering)
   */
  "color-rendering"?: string;

  /**
   * The cursor attribute specifies the mouse cursor displayed when the mouse pointer is over an element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/cursor)
   */
  cursor?: string;

  /**
   * The direction attribute specifies the base writing direction of text and the direction of embeddings and overrides (see unicode-bidi) for the Unicode bidirectional algorithm. For the direction attribute to have any effect on an element that does not by itself establish a new text chunk (such as a <tspan> element without absolute position adjustments due to x or y attributes), the unicode-bidi property's value must be embed or bidi-override.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/direction)
   */
  direction?: string;

  /**
   * The display attribute lets you control the rendering of graphical or container elements.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/display)
   */
  display?: string;

  /**
   * The dominant-baseline attribute is used to determine or re-determine a scaled-baseline-table. A scaled-baseline-table is a compound value with three components: a baseline-identifier for the dominant-baseline, a baseline-table and a baseline-table font-size. Some values of the property re-determine all three values; other only re-establish the baseline-table font-size. When the initial value, auto, would give an undesired result, this property can be used to explicitly set the desire scaled-baseline-table.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/dominant-baseline)
   */
  "dominant-baseline"?: string;

  /**
   * The fill attribute has two meanings based on the context it's used.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/fill)
   */
  fill?: string;

  /**
   * This attribute specifies the opacity of the color or the content the current object is filled with.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/fill-opacity)
   */
  "fill-opacity"?: string;

  /**
   * The fill-rule attribute indicates how to determine what side of a path is inside a shape, to determine how the fill property paints the shape. For a simple, non-intersecting path, it is intuitively clear what region lies "inside"; however, for a more complex path, such as a path that intersects itself or where one subpath encloses another, the interpretation of "inside" is not so obvious.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/fill-rule)
   */
  "fill-rule"?: string;

  /**
   * The filter attribute defines the filter effects define by the <filter> element that shall be applied to its element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/filter)
   */
  filter?: string;

  /**
   * The flood-color attribute indicates what color to use to flood the current filter primitive subregion defined through the <feflood> element. The keyword currentColor and ICC colors can be specified in the same manner as within a <paint> specification for the fill and stroke attributes.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/flood-color)
   */
  "flood-color"?: string;

  /**
   * The flood-opacity attribute indicates the opacity value to use across the current filter primitive subregion defined through the <feflood> element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/flood-opacity)
   */
  "flood-opacity"?: string;

  /**
   * The font-family attribute indicates which font family will be used to render the text, specified as a prioritized list of font family names and/or generic family names.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-family)
   */
  "font-family"?: string;

  /**
   * The font-size attribute refers to the size of the font from baseline to baseline when multiple lines of text are set solid in a multiline layout environment. For SVG, if a <length> is provided without a unit identifier (e.g., an unqualified number such as 128), the browser processes the <length> as a height value in the current user coordinate system.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-size)
   */
  "font-size"?: string;

  /**
   * The font-size-adjust attribute allows authors to specify an aspect value for an element that will preserve the x-height of the first choice font in a substitute font.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-size-adjust)
   */
  "font-size-adjust"?: string;

  /**
   * The font-stretch attribute indicates the desired amount of condensing or expansion in the glyphs used to render the text.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-stretch)
   */
  "font-stretch"?: string;

  /**
   * The font-style attribute specifies whether the text is to be rendered using a normal, italic or oblique face.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-style)
   */
  "font-style"?: string;

  /**
   * The font-variant attribute indicates whether the text is to be rendered using the normal glyphs for lowercase characters or using small-caps glyphs for lowercase characters.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-variant)
   */
  "font-variant"?: string;

  /**
   * The font-weight attribute refers to the boldness or lightness of the glyphs used to render the text, relative to other fonts in the same font family.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-weight)
   */
  "font-weight"?: string;

  /**
   * This attribute indicates a vertical length in the user coordinate system. The exact effect of this coordinate depends on each element. Most of the time, it represents the height of the rectangular region of the reference element (see each individual element's documentation for exceptions).
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/height)
   */
  height?: number | string;

  /**
   * This attribute indicates the name of the attribute in the parent element that is going to be changed during an animation.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/href)
   */
  href?: string;

  /**
   * The image-rendering attribute provides a hint to the browser about how to make speed vs. quality tradeoffs as it performs image processing.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/image-rendering)
   */
  "image-rendering"?: string;

  /**
   * The kerning attribute indicates whether the browser should adjust inter-glyph spacing based on kerning tables that are included in the relevant font (i.e., enable auto-kerning) or instead disable auto-kerning and instead set inter-character spacing to a specific length (typically, zero).
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/kerning)
   */
  kerning?: string;

  /**
   * The letter-spacing attribute specifies spacing behavior between text characters supplemental to any spacing due to the kerning attribute.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/letter-spacing)
   */
  "letter-spacing"?: string;

  /**
   * The lighting-color attribute defines the color of the light source for filter primitives elements <fediffuselighting> and <fespecularlighting>.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/lighting-color)
   */
  "lighting-color"?: string;

  /**
   * The marker-end defines the arrowhead or polymarker that will be drawn at the final vertex of the given <path> element or basic shape. Note that for a <path> element which ends with a closed sub-path, the last vertex is the same as the initial vertex on the given sub-path. In this case, if marker-end does not equal none, then it is possible that two markers will be rendered on the given vertex. One way to prevent this is to set marker-end to none. (Note that the same comment applies to <polygon> elements.)
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/marker-end)
   */
  "marker-end"?: string;

  /**
   * The marker-mid defines the arrowhead or polymarker that shall be drawn at every vertex other than the first and last vertex of the given <path> element or basic shape.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/marker-mid)
   */
  "marker-mid"?: string;

  /**
   * The marker-start attribute defines the arrowhead or polymarker that will be drawn at the first vertex of the given <path> element or basic shape.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/marker-start)
   */
  "marker-start"?: string;

  /**
   * The mask attribute binds the element it is applied to with a given <mask> element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/mask)
   */
  mask?: string;

  /**
   * The opacity attribute specifies the transparency of an object or of a group of objects, that is, the degree to which the background behind the element is overlaid.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/opacity)
   */
  opacity?: string;

  /**
   * The overflow attribute has the same parameter values as defined for the css overflow property.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/overflow)
   */
  overflow?: string;

  /**
   * The patternContentUnits attribute defines the coordinate system for the contents of the <pattern>. Note that this attribute has no effect if attribute viewBox is specified on the <pattern> element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/patternContentUnits)
   */
  patternContentUnits?: string;

  /**
   * The patternTransform attribute contains the definition of an optional additional transformation from the pattern coordinate system onto the target coordinate system. This allows for things such as skewing the pattern tiles. This additional transformation matrix is post-multiplied to (i.e., inserted to the right of) any previously defined transformations, including the implicit transformation necessary to convert from object bounding box units to user space.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/patternTransform)
   */
  patternTransform?: string;

  /**
   * The patternUnits attribute defines the coordinate system for attributes x, y, width and height.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/patternUnits)
   */
  patternUnits?: string;

  /**
   * The pointer-events attribute allows authors to control whether or when an element may be the target of a mouse event. This attribute is used to specify under which circumstance (if any) a mouse event should go "through" an element and target whatever is "underneath" that element instead.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/pointer-events)
   */
  "pointer-events"?: string;

  /**
   * In some cases, typically when using the viewBox attribute, it is desirable that the graphics stretch to fit non-uniformly to take up the entire viewport. In other cases, it is desirable that uniform scaling be used for the purposes of preserving the aspect ratio of the graphics.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/preserveAspectRatio)
   */
  preserveAspectRatio?: string;

  /**
   * The creator of SVG content might want to provide a hint about what tradeoffs to make as the browser renders <path> element or basic shapes. The shape-rendering attribute provides these hints.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/shape-rendering)
   */
  "shape-rendering"?: string;

  /**
   * The stop-color attribute indicates what color to use at that gradient stop. The keyword currentColor and ICC colors can be specified in the same manner as within a <paint> specification for the fill and stroke attributes.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stop-color)
   */
  "stop-color"?: string;

  /**
   * The stop-opacity attribute defines the opacity of a given gradient stop.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stop-opacity)
   */
  "stop-opacity"?: string;

  /**
   * The stroke attribute defines the color of the outline on a given graphical element. The default value for the stroke attribute is none.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke)
   */
  stroke?: string;

  /**
   * the stroke-dasharray attribute controls the pattern of dashes and gaps used to stroke paths.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-dasharray)
   */
  "stroke-dasharray"?: string;

  /**
   * the stroke-dashoffset attribute specifies the distance into the dash pattern to start the dash.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-dashoffset)
   */
  "stroke-dashoffset"?: string;

  /**
   * the stroke-linecap attribute specifies the shape to be used at the end of open subpaths when they are stroked.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-linecap)
   */
  "stroke-linecap"?: string;

  /**
   * the stroke-linejoin attribute specifies the shape to be used at the corners of paths or basic shapes when they are stroked.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-linejoin)
   */
  "stroke-linejoin"?: string;

  /**
   * When two line segments meet at a sharp angle and miter joins have been specified for stroke-linejoin, it is possible for the miter to extend far beyond the thickness of the line stroking the path. The stroke-miterlimit imposes a limit on the ratio of the miter length to the stroke-width. When the limit is exceeded, the join is converted from a miter to a bevel.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-miterlimit)
   */
  "stroke-miterlimit"?: string;

  /**
   * the stroke-opacity attribute specifies the opacity of the outline on the current object. Its default value is 1.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-opacity)
   */
  "stroke-opacity"?: string;

  /**
   * the stroke-width attribute specifies the width of the outline on the current object. Its default value is 1. If a <percentage> is used, the value represents a percentage of the current viewport. If a value of 0 is used the outline will never be drawn.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-width)
   */
  "stroke-width"?: string;

  /**
   * The text-anchor attribute is used to align (start-, middle- or end-alignment) a string of text relative to a given point.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/text-anchor)
   */
  "text-anchor"?: string;

  /**
   * The text-decoration attribute works exactly like the css text decoration property except that it's an attribute. See css text decoration for further information.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/text-decoration)
   */
  "text-decoration"?: string;

  /**
   * The creator of SVG content might want to provide a hint about what tradeoffs to make as the browser renders text. The text-rendering attribute provides these hints.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/text-rendering)
   */
  "text-rendering"?: string;

  /**
   * The transform attribute defines a list of transform definitions that are applied to an element and the element's children. The items in the transform list are separated by whitespace and/or commas, and are applied from right to left.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/transform)
   */
  transform?: string;

  /**
   * The vector-effect property specifies the vector effect to use when drawing an object. Vector effects are applied before any of the other compositing operations, i.e. filters, masks and clips.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/vector-effect)
   */
  "vector-effect"?: string;

  /**
   * The viewBox attribute allows you to specify that a given set of graphics stretch to fit a particular container element.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/viewBox)
   */
  viewBox?: string;

  /**
   * Depending on the value of attribute pointer-events, graphics elements which have their visibility attribute set to hidden still might receive events.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/visibility)
   */
  visibility?: string;

  /**
   * This attribute indicates an horizontal length in the user coordinate system. The exact effect of this coordinate depends on each element. Most of the time, it represents the width of the rectangular region of the reference element (see each individual element's documentation for exceptions).
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/width)
   */
  width?: number | string;

  /**
   * The word-spacing attribute specifies spacing behavior between words.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/word-spacing)
   */
  "word-spacing"?: string;

  /**
   * The writing-mode attribute specifies whether the initial inline-progression-direction for a <text> element shall be left-to-right, right-to-left, or top-to-bottom. The writing-mode attribute applies only to <text> elements; the attribute is ignored for <tspan>, <tref>, <altGlyph> and <textPath> sub-elements. (Note that the inline-progression-direction can change within a <text> element due to the Unicode bidirectional algorithm and properties direction and unicode-bidi.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/writing-mode)
   */
  "writing-mode"?: string;

  /**
   * This attribute indicates an x-axis coordinate in the user coordinate system. The exact effect of this coordinate depend on each element. Most of the time, it represent the x-axis coordinate of the upper-left corner of the rectangular region of the reference element (see each individual element's documentation for exceptions).Its syntax is the same as that for <length>
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/x)
   */
  x?: string;

  /**
   * This attribute indicates an y-axis coordinate in the user coordinate system. The exact effect of this coordinate depend on each element. Most of the time, it represent the x-axis coordinate of the upper-left corner of the rectangular region of the reference element (see each individual element's documentation for exceptions).Its syntax is the same as that for <length>
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/y)
   */
  y?: string;
}

interface Polygon extends GlobalAttributes {
  /**
   * The alignment-baseline attribute specifies how an object is aligned with respect to its parent. This property specifies which baseline of this element is to be aligned with the corresponding baseline of the parent. For example, this allows alphabetic baselines in Roman text to stay aligned across font size changes. It defaults to the baseline with the same name as the computed value of the alignment-baseline property.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/alignment-baseline)
   */
  "alignment-baseline"?: string;

  /**
   * The baseline-shift attribute allows repositioning of the dominant-baseline relative to the dominant-baseline of the parent text content element. The shifted object might be a sub- or superscript.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/baseline-shift)
   */
  "baseline-shift"?: string;

  /**
   * The clip-path attribute binds the element it is applied to with a given <clipPath> element
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/clip-path)
   */
  "clip-path"?: string;

  /**
   * The clip-rule attribute only applies to graphics elements that are contained within a <clipPath> element. The clip-rule attribute basically works as the fill-rule attribute, except that it applies to <clipPath> definitions.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/clip-rule)
   */
  "clip-rule"?: string;

  /**
   * The color attribute is used to provide a potential indirect value (currentColor) for the fill, stroke, stop-color, flood-color and lighting-color attributes.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/color)
   */
  color?: string;

  /**
   * The color-interpolation attribute specifies the color space for gradient interpolations, color animations, and alpha compositing.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/color-interpolation)
   */
  "color-interpolation"?: string;

  /**
   * The color-interpolation-filters attribute specifies the color space for imaging operations performed via filter effects.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/color-interpolation-filters)
   */
  "color-interpolation-filters"?: string;

  /**
   * The color-profile attribute is used to define which color profile a raster image included through the <image> element should use.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/color-profile)
   */
  "color-profile"?: string;

  /**
   * The color-rendering attribute provides a hint to the SVG user agent about how to optimize its color interpolation and compositing operations.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/color-rendering)
   */
  "color-rendering"?: string;

  /**
   * The cursor attribute specifies the mouse cursor displayed when the mouse pointer is over an element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/cursor)
   */
  cursor?: string;

  /**
   * The direction attribute specifies the base writing direction of text and the direction of embeddings and overrides (see unicode-bidi) for the Unicode bidirectional algorithm. For the direction attribute to have any effect on an element that does not by itself establish a new text chunk (such as a <tspan> element without absolute position adjustments due to x or y attributes), the unicode-bidi property's value must be embed or bidi-override.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/direction)
   */
  direction?: string;

  /**
   * The display attribute lets you control the rendering of graphical or container elements.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/display)
   */
  display?: string;

  /**
   * The dominant-baseline attribute is used to determine or re-determine a scaled-baseline-table. A scaled-baseline-table is a compound value with three components: a baseline-identifier for the dominant-baseline, a baseline-table and a baseline-table font-size. Some values of the property re-determine all three values; other only re-establish the baseline-table font-size. When the initial value, auto, would give an undesired result, this property can be used to explicitly set the desire scaled-baseline-table.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/dominant-baseline)
   */
  "dominant-baseline"?: string;

  /**
   * The fill attribute has two meanings based on the context it's used.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/fill)
   */
  fill?: string;

  /**
   * This attribute specifies the opacity of the color or the content the current object is filled with.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/fill-opacity)
   */
  "fill-opacity"?: string;

  /**
   * The fill-rule attribute indicates how to determine what side of a path is inside a shape, to determine how the fill property paints the shape. For a simple, non-intersecting path, it is intuitively clear what region lies "inside"; however, for a more complex path, such as a path that intersects itself or where one subpath encloses another, the interpretation of "inside" is not so obvious.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/fill-rule)
   */
  "fill-rule"?: string;

  /**
   * The filter attribute defines the filter effects define by the <filter> element that shall be applied to its element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/filter)
   */
  filter?: string;

  /**
   * The flood-color attribute indicates what color to use to flood the current filter primitive subregion defined through the <feflood> element. The keyword currentColor and ICC colors can be specified in the same manner as within a <paint> specification for the fill and stroke attributes.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/flood-color)
   */
  "flood-color"?: string;

  /**
   * The flood-opacity attribute indicates the opacity value to use across the current filter primitive subregion defined through the <feflood> element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/flood-opacity)
   */
  "flood-opacity"?: string;

  /**
   * The font-family attribute indicates which font family will be used to render the text, specified as a prioritized list of font family names and/or generic family names.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-family)
   */
  "font-family"?: string;

  /**
   * The font-size attribute refers to the size of the font from baseline to baseline when multiple lines of text are set solid in a multiline layout environment. For SVG, if a <length> is provided without a unit identifier (e.g., an unqualified number such as 128), the browser processes the <length> as a height value in the current user coordinate system.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-size)
   */
  "font-size"?: string;

  /**
   * The font-size-adjust attribute allows authors to specify an aspect value for an element that will preserve the x-height of the first choice font in a substitute font.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-size-adjust)
   */
  "font-size-adjust"?: string;

  /**
   * The font-stretch attribute indicates the desired amount of condensing or expansion in the glyphs used to render the text.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-stretch)
   */
  "font-stretch"?: string;

  /**
   * The font-style attribute specifies whether the text is to be rendered using a normal, italic or oblique face.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-style)
   */
  "font-style"?: string;

  /**
   * The font-variant attribute indicates whether the text is to be rendered using the normal glyphs for lowercase characters or using small-caps glyphs for lowercase characters.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-variant)
   */
  "font-variant"?: string;

  /**
   * The font-weight attribute refers to the boldness or lightness of the glyphs used to render the text, relative to other fonts in the same font family.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-weight)
   */
  "font-weight"?: string;

  /**
   * The image-rendering attribute provides a hint to the browser about how to make speed vs. quality tradeoffs as it performs image processing.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/image-rendering)
   */
  "image-rendering"?: string;

  /**
   * The kerning attribute indicates whether the browser should adjust inter-glyph spacing based on kerning tables that are included in the relevant font (i.e., enable auto-kerning) or instead disable auto-kerning and instead set inter-character spacing to a specific length (typically, zero).
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/kerning)
   */
  kerning?: string;

  /**
   * The letter-spacing attribute specifies spacing behavior between text characters supplemental to any spacing due to the kerning attribute.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/letter-spacing)
   */
  "letter-spacing"?: string;

  /**
   * The lighting-color attribute defines the color of the light source for filter primitives elements <fediffuselighting> and <fespecularlighting>.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/lighting-color)
   */
  "lighting-color"?: string;

  /**
   * The marker-end defines the arrowhead or polymarker that will be drawn at the final vertex of the given <path> element or basic shape. Note that for a <path> element which ends with a closed sub-path, the last vertex is the same as the initial vertex on the given sub-path. In this case, if marker-end does not equal none, then it is possible that two markers will be rendered on the given vertex. One way to prevent this is to set marker-end to none. (Note that the same comment applies to <polygon> elements.)
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/marker-end)
   */
  "marker-end"?: string;

  /**
   * The marker-mid defines the arrowhead or polymarker that shall be drawn at every vertex other than the first and last vertex of the given <path> element or basic shape.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/marker-mid)
   */
  "marker-mid"?: string;

  /**
   * The marker-start attribute defines the arrowhead or polymarker that will be drawn at the first vertex of the given <path> element or basic shape.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/marker-start)
   */
  "marker-start"?: string;

  /**
   * The mask attribute binds the element it is applied to with a given <mask> element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/mask)
   */
  mask?: string;

  /**
   * The opacity attribute specifies the transparency of an object or of a group of objects, that is, the degree to which the background behind the element is overlaid.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/opacity)
   */
  opacity?: string;

  /**
   * The overflow attribute has the same parameter values as defined for the css overflow property.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/overflow)
   */
  overflow?: string;

  /**
   * This attribute lets the author specify a total length for the path, in whatever units the author chooses. This value is then used to calibrate the browser's distance calculations with those of the author, by scaling all distance computations using the ratio pathLength / (computed value of path length).
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/pathLength)
   */
  pathLength?: string;

  /**
   * The pointer-events attribute allows authors to control whether or when an element may be the target of a mouse event. This attribute is used to specify under which circumstance (if any) a mouse event should go "through" an element and target whatever is "underneath" that element instead.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/pointer-events)
   */
  "pointer-events"?: string;

  /**
   * The points attribute define a list of points required to draw a  <polyline> or <polygon> element.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/points)
   */
  points?: string;

  /**
   * The creator of SVG content might want to provide a hint about what tradeoffs to make as the browser renders <path> element or basic shapes. The shape-rendering attribute provides these hints.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/shape-rendering)
   */
  "shape-rendering"?: string;

  /**
   * The stop-color attribute indicates what color to use at that gradient stop. The keyword currentColor and ICC colors can be specified in the same manner as within a <paint> specification for the fill and stroke attributes.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stop-color)
   */
  "stop-color"?: string;

  /**
   * The stop-opacity attribute defines the opacity of a given gradient stop.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stop-opacity)
   */
  "stop-opacity"?: string;

  /**
   * The stroke attribute defines the color of the outline on a given graphical element. The default value for the stroke attribute is none.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke)
   */
  stroke?: string;

  /**
   * the stroke-dasharray attribute controls the pattern of dashes and gaps used to stroke paths.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-dasharray)
   */
  "stroke-dasharray"?: string;

  /**
   * the stroke-dashoffset attribute specifies the distance into the dash pattern to start the dash.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-dashoffset)
   */
  "stroke-dashoffset"?: string;

  /**
   * the stroke-linecap attribute specifies the shape to be used at the end of open subpaths when they are stroked.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-linecap)
   */
  "stroke-linecap"?: string;

  /**
   * the stroke-linejoin attribute specifies the shape to be used at the corners of paths or basic shapes when they are stroked.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-linejoin)
   */
  "stroke-linejoin"?: string;

  /**
   * When two line segments meet at a sharp angle and miter joins have been specified for stroke-linejoin, it is possible for the miter to extend far beyond the thickness of the line stroking the path. The stroke-miterlimit imposes a limit on the ratio of the miter length to the stroke-width. When the limit is exceeded, the join is converted from a miter to a bevel.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-miterlimit)
   */
  "stroke-miterlimit"?: string;

  /**
   * the stroke-opacity attribute specifies the opacity of the outline on the current object. Its default value is 1.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-opacity)
   */
  "stroke-opacity"?: string;

  /**
   * the stroke-width attribute specifies the width of the outline on the current object. Its default value is 1. If a <percentage> is used, the value represents a percentage of the current viewport. If a value of 0 is used the outline will never be drawn.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-width)
   */
  "stroke-width"?: string;

  /**
   * The text-anchor attribute is used to align (start-, middle- or end-alignment) a string of text relative to a given point.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/text-anchor)
   */
  "text-anchor"?: string;

  /**
   * The text-decoration attribute works exactly like the css text decoration property except that it's an attribute. See css text decoration for further information.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/text-decoration)
   */
  "text-decoration"?: string;

  /**
   * The creator of SVG content might want to provide a hint about what tradeoffs to make as the browser renders text. The text-rendering attribute provides these hints.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/text-rendering)
   */
  "text-rendering"?: string;

  /**
   * The transform attribute defines a list of transform definitions that are applied to an element and the element's children. The items in the transform list are separated by whitespace and/or commas, and are applied from right to left.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/transform)
   */
  transform?: string;

  /**
   * The vector-effect property specifies the vector effect to use when drawing an object. Vector effects are applied before any of the other compositing operations, i.e. filters, masks and clips.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/vector-effect)
   */
  "vector-effect"?: string;

  /**
   * Depending on the value of attribute pointer-events, graphics elements which have their visibility attribute set to hidden still might receive events.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/visibility)
   */
  visibility?: string;

  /**
   * The word-spacing attribute specifies spacing behavior between words.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/word-spacing)
   */
  "word-spacing"?: string;

  /**
   * The writing-mode attribute specifies whether the initial inline-progression-direction for a <text> element shall be left-to-right, right-to-left, or top-to-bottom. The writing-mode attribute applies only to <text> elements; the attribute is ignored for <tspan>, <tref>, <altGlyph> and <textPath> sub-elements. (Note that the inline-progression-direction can change within a <text> element due to the Unicode bidirectional algorithm and properties direction and unicode-bidi.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/writing-mode)
   */
  "writing-mode"?: string;
}

interface Polyline extends GlobalAttributes {
  /**
   * The alignment-baseline attribute specifies how an object is aligned with respect to its parent. This property specifies which baseline of this element is to be aligned with the corresponding baseline of the parent. For example, this allows alphabetic baselines in Roman text to stay aligned across font size changes. It defaults to the baseline with the same name as the computed value of the alignment-baseline property.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/alignment-baseline)
   */
  "alignment-baseline"?: string;

  /**
   * The baseline-shift attribute allows repositioning of the dominant-baseline relative to the dominant-baseline of the parent text content element. The shifted object might be a sub- or superscript.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/baseline-shift)
   */
  "baseline-shift"?: string;

  /**
   * The clip-path attribute binds the element it is applied to with a given <clipPath> element
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/clip-path)
   */
  "clip-path"?: string;

  /**
   * The clip-rule attribute only applies to graphics elements that are contained within a <clipPath> element. The clip-rule attribute basically works as the fill-rule attribute, except that it applies to <clipPath> definitions.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/clip-rule)
   */
  "clip-rule"?: string;

  /**
   * The color attribute is used to provide a potential indirect value (currentColor) for the fill, stroke, stop-color, flood-color and lighting-color attributes.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/color)
   */
  color?: string;

  /**
   * The color-interpolation attribute specifies the color space for gradient interpolations, color animations, and alpha compositing.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/color-interpolation)
   */
  "color-interpolation"?: string;

  /**
   * The color-interpolation-filters attribute specifies the color space for imaging operations performed via filter effects.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/color-interpolation-filters)
   */
  "color-interpolation-filters"?: string;

  /**
   * The color-profile attribute is used to define which color profile a raster image included through the <image> element should use.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/color-profile)
   */
  "color-profile"?: string;

  /**
   * The color-rendering attribute provides a hint to the SVG user agent about how to optimize its color interpolation and compositing operations.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/color-rendering)
   */
  "color-rendering"?: string;

  /**
   * The cursor attribute specifies the mouse cursor displayed when the mouse pointer is over an element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/cursor)
   */
  cursor?: string;

  /**
   * The direction attribute specifies the base writing direction of text and the direction of embeddings and overrides (see unicode-bidi) for the Unicode bidirectional algorithm. For the direction attribute to have any effect on an element that does not by itself establish a new text chunk (such as a <tspan> element without absolute position adjustments due to x or y attributes), the unicode-bidi property's value must be embed or bidi-override.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/direction)
   */
  direction?: string;

  /**
   * The display attribute lets you control the rendering of graphical or container elements.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/display)
   */
  display?: string;

  /**
   * The dominant-baseline attribute is used to determine or re-determine a scaled-baseline-table. A scaled-baseline-table is a compound value with three components: a baseline-identifier for the dominant-baseline, a baseline-table and a baseline-table font-size. Some values of the property re-determine all three values; other only re-establish the baseline-table font-size. When the initial value, auto, would give an undesired result, this property can be used to explicitly set the desire scaled-baseline-table.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/dominant-baseline)
   */
  "dominant-baseline"?: string;

  /**
   * The fill attribute has two meanings based on the context it's used.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/fill)
   */
  fill?: string;

  /**
   * This attribute specifies the opacity of the color or the content the current object is filled with.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/fill-opacity)
   */
  "fill-opacity"?: string;

  /**
   * The fill-rule attribute indicates how to determine what side of a path is inside a shape, to determine how the fill property paints the shape. For a simple, non-intersecting path, it is intuitively clear what region lies "inside"; however, for a more complex path, such as a path that intersects itself or where one subpath encloses another, the interpretation of "inside" is not so obvious.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/fill-rule)
   */
  "fill-rule"?: string;

  /**
   * The filter attribute defines the filter effects define by the <filter> element that shall be applied to its element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/filter)
   */
  filter?: string;

  /**
   * The flood-color attribute indicates what color to use to flood the current filter primitive subregion defined through the <feflood> element. The keyword currentColor and ICC colors can be specified in the same manner as within a <paint> specification for the fill and stroke attributes.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/flood-color)
   */
  "flood-color"?: string;

  /**
   * The flood-opacity attribute indicates the opacity value to use across the current filter primitive subregion defined through the <feflood> element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/flood-opacity)
   */
  "flood-opacity"?: string;

  /**
   * The font-family attribute indicates which font family will be used to render the text, specified as a prioritized list of font family names and/or generic family names.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-family)
   */
  "font-family"?: string;

  /**
   * The font-size attribute refers to the size of the font from baseline to baseline when multiple lines of text are set solid in a multiline layout environment. For SVG, if a <length> is provided without a unit identifier (e.g., an unqualified number such as 128), the browser processes the <length> as a height value in the current user coordinate system.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-size)
   */
  "font-size"?: string;

  /**
   * The font-size-adjust attribute allows authors to specify an aspect value for an element that will preserve the x-height of the first choice font in a substitute font.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-size-adjust)
   */
  "font-size-adjust"?: string;

  /**
   * The font-stretch attribute indicates the desired amount of condensing or expansion in the glyphs used to render the text.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-stretch)
   */
  "font-stretch"?: string;

  /**
   * The font-style attribute specifies whether the text is to be rendered using a normal, italic or oblique face.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-style)
   */
  "font-style"?: string;

  /**
   * The font-variant attribute indicates whether the text is to be rendered using the normal glyphs for lowercase characters or using small-caps glyphs for lowercase characters.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-variant)
   */
  "font-variant"?: string;

  /**
   * The font-weight attribute refers to the boldness or lightness of the glyphs used to render the text, relative to other fonts in the same font family.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-weight)
   */
  "font-weight"?: string;

  /**
   * The image-rendering attribute provides a hint to the browser about how to make speed vs. quality tradeoffs as it performs image processing.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/image-rendering)
   */
  "image-rendering"?: string;

  /**
   * The kerning attribute indicates whether the browser should adjust inter-glyph spacing based on kerning tables that are included in the relevant font (i.e., enable auto-kerning) or instead disable auto-kerning and instead set inter-character spacing to a specific length (typically, zero).
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/kerning)
   */
  kerning?: string;

  /**
   * The letter-spacing attribute specifies spacing behavior between text characters supplemental to any spacing due to the kerning attribute.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/letter-spacing)
   */
  "letter-spacing"?: string;

  /**
   * The lighting-color attribute defines the color of the light source for filter primitives elements <fediffuselighting> and <fespecularlighting>.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/lighting-color)
   */
  "lighting-color"?: string;

  /**
   * The marker-end defines the arrowhead or polymarker that will be drawn at the final vertex of the given <path> element or basic shape. Note that for a <path> element which ends with a closed sub-path, the last vertex is the same as the initial vertex on the given sub-path. In this case, if marker-end does not equal none, then it is possible that two markers will be rendered on the given vertex. One way to prevent this is to set marker-end to none. (Note that the same comment applies to <polygon> elements.)
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/marker-end)
   */
  "marker-end"?: string;

  /**
   * The marker-mid defines the arrowhead or polymarker that shall be drawn at every vertex other than the first and last vertex of the given <path> element or basic shape.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/marker-mid)
   */
  "marker-mid"?: string;

  /**
   * The marker-start attribute defines the arrowhead or polymarker that will be drawn at the first vertex of the given <path> element or basic shape.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/marker-start)
   */
  "marker-start"?: string;

  /**
   * The mask attribute binds the element it is applied to with a given <mask> element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/mask)
   */
  mask?: string;

  /**
   * The opacity attribute specifies the transparency of an object or of a group of objects, that is, the degree to which the background behind the element is overlaid.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/opacity)
   */
  opacity?: string;

  /**
   * The overflow attribute has the same parameter values as defined for the css overflow property.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/overflow)
   */
  overflow?: string;

  /**
   * This attribute lets the author specify a total length for the path, in whatever units the author chooses. This value is then used to calibrate the browser's distance calculations with those of the author, by scaling all distance computations using the ratio pathLength / (computed value of path length).
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/pathLength)
   */
  pathLength?: string;

  /**
   * The pointer-events attribute allows authors to control whether or when an element may be the target of a mouse event. This attribute is used to specify under which circumstance (if any) a mouse event should go "through" an element and target whatever is "underneath" that element instead.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/pointer-events)
   */
  "pointer-events"?: string;

  /**
   * The points attribute define a list of points required to draw a  <polyline> or <polygon> element.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/points)
   */
  points?: string;

  /**
   * The creator of SVG content might want to provide a hint about what tradeoffs to make as the browser renders <path> element or basic shapes. The shape-rendering attribute provides these hints.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/shape-rendering)
   */
  "shape-rendering"?: string;

  /**
   * The stop-color attribute indicates what color to use at that gradient stop. The keyword currentColor and ICC colors can be specified in the same manner as within a <paint> specification for the fill and stroke attributes.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stop-color)
   */
  "stop-color"?: string;

  /**
   * The stop-opacity attribute defines the opacity of a given gradient stop.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stop-opacity)
   */
  "stop-opacity"?: string;

  /**
   * The stroke attribute defines the color of the outline on a given graphical element. The default value for the stroke attribute is none.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke)
   */
  stroke?: string;

  /**
   * the stroke-dasharray attribute controls the pattern of dashes and gaps used to stroke paths.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-dasharray)
   */
  "stroke-dasharray"?: string;

  /**
   * the stroke-dashoffset attribute specifies the distance into the dash pattern to start the dash.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-dashoffset)
   */
  "stroke-dashoffset"?: string;

  /**
   * the stroke-linecap attribute specifies the shape to be used at the end of open subpaths when they are stroked.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-linecap)
   */
  "stroke-linecap"?: string;

  /**
   * the stroke-linejoin attribute specifies the shape to be used at the corners of paths or basic shapes when they are stroked.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-linejoin)
   */
  "stroke-linejoin"?: string;

  /**
   * When two line segments meet at a sharp angle and miter joins have been specified for stroke-linejoin, it is possible for the miter to extend far beyond the thickness of the line stroking the path. The stroke-miterlimit imposes a limit on the ratio of the miter length to the stroke-width. When the limit is exceeded, the join is converted from a miter to a bevel.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-miterlimit)
   */
  "stroke-miterlimit"?: string;

  /**
   * the stroke-opacity attribute specifies the opacity of the outline on the current object. Its default value is 1.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-opacity)
   */
  "stroke-opacity"?: string;

  /**
   * the stroke-width attribute specifies the width of the outline on the current object. Its default value is 1. If a <percentage> is used, the value represents a percentage of the current viewport. If a value of 0 is used the outline will never be drawn.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-width)
   */
  "stroke-width"?: string;

  /**
   * The text-anchor attribute is used to align (start-, middle- or end-alignment) a string of text relative to a given point.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/text-anchor)
   */
  "text-anchor"?: string;

  /**
   * The text-decoration attribute works exactly like the css text decoration property except that it's an attribute. See css text decoration for further information.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/text-decoration)
   */
  "text-decoration"?: string;

  /**
   * The creator of SVG content might want to provide a hint about what tradeoffs to make as the browser renders text. The text-rendering attribute provides these hints.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/text-rendering)
   */
  "text-rendering"?: string;

  /**
   * The transform attribute defines a list of transform definitions that are applied to an element and the element's children. The items in the transform list are separated by whitespace and/or commas, and are applied from right to left.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/transform)
   */
  transform?: string;

  /**
   * The vector-effect property specifies the vector effect to use when drawing an object. Vector effects are applied before any of the other compositing operations, i.e. filters, masks and clips.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/vector-effect)
   */
  "vector-effect"?: string;

  /**
   * Depending on the value of attribute pointer-events, graphics elements which have their visibility attribute set to hidden still might receive events.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/visibility)
   */
  visibility?: string;

  /**
   * The word-spacing attribute specifies spacing behavior between words.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/word-spacing)
   */
  "word-spacing"?: string;

  /**
   * The writing-mode attribute specifies whether the initial inline-progression-direction for a <text> element shall be left-to-right, right-to-left, or top-to-bottom. The writing-mode attribute applies only to <text> elements; the attribute is ignored for <tspan>, <tref>, <altGlyph> and <textPath> sub-elements. (Note that the inline-progression-direction can change within a <text> element due to the Unicode bidirectional algorithm and properties direction and unicode-bidi.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/writing-mode)
   */
  "writing-mode"?: string;
}

interface RadialGradient extends GlobalAttributes {
  /**
   * The alignment-baseline attribute specifies how an object is aligned with respect to its parent. This property specifies which baseline of this element is to be aligned with the corresponding baseline of the parent. For example, this allows alphabetic baselines in Roman text to stay aligned across font size changes. It defaults to the baseline with the same name as the computed value of the alignment-baseline property.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/alignment-baseline)
   */
  "alignment-baseline"?: string;

  /**
   * The baseline-shift attribute allows repositioning of the dominant-baseline relative to the dominant-baseline of the parent text content element. The shifted object might be a sub- or superscript.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/baseline-shift)
   */
  "baseline-shift"?: string;

  /**
   * The clip-path attribute binds the element it is applied to with a given <clipPath> element
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/clip-path)
   */
  "clip-path"?: string;

  /**
   * The clip-rule attribute only applies to graphics elements that are contained within a <clipPath> element. The clip-rule attribute basically works as the fill-rule attribute, except that it applies to <clipPath> definitions.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/clip-rule)
   */
  "clip-rule"?: string;

  /**
   * The color attribute is used to provide a potential indirect value (currentColor) for the fill, stroke, stop-color, flood-color and lighting-color attributes.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/color)
   */
  color?: string;

  /**
   * The color-interpolation attribute specifies the color space for gradient interpolations, color animations, and alpha compositing.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/color-interpolation)
   */
  "color-interpolation"?: string;

  /**
   * The color-interpolation-filters attribute specifies the color space for imaging operations performed via filter effects.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/color-interpolation-filters)
   */
  "color-interpolation-filters"?: string;

  /**
   * The color-profile attribute is used to define which color profile a raster image included through the <image> element should use.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/color-profile)
   */
  "color-profile"?: string;

  /**
   * The color-rendering attribute provides a hint to the SVG user agent about how to optimize its color interpolation and compositing operations.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/color-rendering)
   */
  "color-rendering"?: string;

  /**
   * The cursor attribute specifies the mouse cursor displayed when the mouse pointer is over an element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/cursor)
   */
  cursor?: string;

  /**
   * For the <circle> and the <ellipse> element, this attribute define the x-axis coordinate of the center of the element. If the attribute is not specified, the effect is as if a value of "0" were specified.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/cx)
   */
  cx?: string;

  /**
   * For the <circle> and the <ellipse> element, this attribute define the y-axis coordinate of the center of the element. If the attribute is not specified, the effect is as if a value of "0" were specified.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/cy)
   */
  cy?: string;

  /**
   * The direction attribute specifies the base writing direction of text and the direction of embeddings and overrides (see unicode-bidi) for the Unicode bidirectional algorithm. For the direction attribute to have any effect on an element that does not by itself establish a new text chunk (such as a <tspan> element without absolute position adjustments due to x or y attributes), the unicode-bidi property's value must be embed or bidi-override.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/direction)
   */
  direction?: string;

  /**
   * The display attribute lets you control the rendering of graphical or container elements.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/display)
   */
  display?: string;

  /**
   * The dominant-baseline attribute is used to determine or re-determine a scaled-baseline-table. A scaled-baseline-table is a compound value with three components: a baseline-identifier for the dominant-baseline, a baseline-table and a baseline-table font-size. Some values of the property re-determine all three values; other only re-establish the baseline-table font-size. When the initial value, auto, would give an undesired result, this property can be used to explicitly set the desire scaled-baseline-table.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/dominant-baseline)
   */
  "dominant-baseline"?: string;

  /**
   * The fill attribute has two meanings based on the context it's used.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/fill)
   */
  fill?: string;

  /**
   * This attribute specifies the opacity of the color or the content the current object is filled with.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/fill-opacity)
   */
  "fill-opacity"?: string;

  /**
   * The fill-rule attribute indicates how to determine what side of a path is inside a shape, to determine how the fill property paints the shape. For a simple, non-intersecting path, it is intuitively clear what region lies "inside"; however, for a more complex path, such as a path that intersects itself or where one subpath encloses another, the interpretation of "inside" is not so obvious.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/fill-rule)
   */
  "fill-rule"?: string;

  /**
   * The filter attribute defines the filter effects define by the <filter> element that shall be applied to its element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/filter)
   */
  filter?: string;

  /**
   * The flood-color attribute indicates what color to use to flood the current filter primitive subregion defined through the <feflood> element. The keyword currentColor and ICC colors can be specified in the same manner as within a <paint> specification for the fill and stroke attributes.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/flood-color)
   */
  "flood-color"?: string;

  /**
   * The flood-opacity attribute indicates the opacity value to use across the current filter primitive subregion defined through the <feflood> element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/flood-opacity)
   */
  "flood-opacity"?: string;

  /**
   * The font-family attribute indicates which font family will be used to render the text, specified as a prioritized list of font family names and/or generic family names.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-family)
   */
  "font-family"?: string;

  /**
   * The font-size attribute refers to the size of the font from baseline to baseline when multiple lines of text are set solid in a multiline layout environment. For SVG, if a <length> is provided without a unit identifier (e.g., an unqualified number such as 128), the browser processes the <length> as a height value in the current user coordinate system.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-size)
   */
  "font-size"?: string;

  /**
   * The font-size-adjust attribute allows authors to specify an aspect value for an element that will preserve the x-height of the first choice font in a substitute font.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-size-adjust)
   */
  "font-size-adjust"?: string;

  /**
   * The font-stretch attribute indicates the desired amount of condensing or expansion in the glyphs used to render the text.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-stretch)
   */
  "font-stretch"?: string;

  /**
   * The font-style attribute specifies whether the text is to be rendered using a normal, italic or oblique face.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-style)
   */
  "font-style"?: string;

  /**
   * The font-variant attribute indicates whether the text is to be rendered using the normal glyphs for lowercase characters or using small-caps glyphs for lowercase characters.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-variant)
   */
  "font-variant"?: string;

  /**
   * The font-weight attribute refers to the boldness or lightness of the glyphs used to render the text, relative to other fonts in the same font family.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-weight)
   */
  "font-weight"?: string;

  /**
   * Defines the radius of the start circle of the radial gradient. The gradient will be drawn such that the 0% <stop> is mapped to the perimeter of the start circle.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/fr)
   */
  fr?: string;

  /**
   * For the <radialGradient> element, this attribute define the x-axis coordinate of the focal point for radial gradient. If the attribute is not specified, it's assumed to be at the same place as the center point.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/fx)
   */
  fx?: string;

  /**
   * For the <radialGradient> element, this attribute define the y-axis coordinate of the focal point for radial gradient. If the attribute is not specified, it's assumed to be at the same place as the center point.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/fy)
   */
  fy?: string;

  /**
   * The gradientTransform attribute contains the definition of an optional additional transformation from the gradient coordinate system onto the target coordinate system (i.e., userSpaceOnUse or objectBoundingBox). This allows for things such as skewing the gradient. This additional transformation matrix is post-multiplied to (i.e., inserted to the right of) any previously defined transformations, including the implicit transformation necessary to convert from object bounding box units to user space.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/gradientTransform)
   */
  gradientTransform?: string;

  /**
   * The gradientUnits attribute defines the coordinate system for attributes x1, y1, x2 and y2 on the <lineargradient> element or for attributes cx, cy, r, fx, and fy on the <radialgradient>.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/gradientUnits)
   */
  gradientUnits?: string;

  /**
   * This attribute indicates the name of the attribute in the parent element that is going to be changed during an animation.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/href)
   */
  href?: string;

  /**
   * The image-rendering attribute provides a hint to the browser about how to make speed vs. quality tradeoffs as it performs image processing.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/image-rendering)
   */
  "image-rendering"?: string;

  /**
   * The kerning attribute indicates whether the browser should adjust inter-glyph spacing based on kerning tables that are included in the relevant font (i.e., enable auto-kerning) or instead disable auto-kerning and instead set inter-character spacing to a specific length (typically, zero).
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/kerning)
   */
  kerning?: string;

  /**
   * The letter-spacing attribute specifies spacing behavior between text characters supplemental to any spacing due to the kerning attribute.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/letter-spacing)
   */
  "letter-spacing"?: string;

  /**
   * The lighting-color attribute defines the color of the light source for filter primitives elements <fediffuselighting> and <fespecularlighting>.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/lighting-color)
   */
  "lighting-color"?: string;

  /**
   * The marker-end defines the arrowhead or polymarker that will be drawn at the final vertex of the given <path> element or basic shape. Note that for a <path> element which ends with a closed sub-path, the last vertex is the same as the initial vertex on the given sub-path. In this case, if marker-end does not equal none, then it is possible that two markers will be rendered on the given vertex. One way to prevent this is to set marker-end to none. (Note that the same comment applies to <polygon> elements.)
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/marker-end)
   */
  "marker-end"?: string;

  /**
   * The marker-mid defines the arrowhead or polymarker that shall be drawn at every vertex other than the first and last vertex of the given <path> element or basic shape.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/marker-mid)
   */
  "marker-mid"?: string;

  /**
   * The marker-start attribute defines the arrowhead or polymarker that will be drawn at the first vertex of the given <path> element or basic shape.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/marker-start)
   */
  "marker-start"?: string;

  /**
   * The mask attribute binds the element it is applied to with a given <mask> element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/mask)
   */
  mask?: string;

  /**
   * The opacity attribute specifies the transparency of an object or of a group of objects, that is, the degree to which the background behind the element is overlaid.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/opacity)
   */
  opacity?: string;

  /**
   * The overflow attribute has the same parameter values as defined for the css overflow property.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/overflow)
   */
  overflow?: string;

  /**
   * This attribute lets the author specify a total length for the path, in whatever units the author chooses. This value is then used to calibrate the browser's distance calculations with those of the author, by scaling all distance computations using the ratio pathLength / (computed value of path length).
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/pathLength)
   */
  pathLength?: string;

  /**
   * The pointer-events attribute allows authors to control whether or when an element may be the target of a mouse event. This attribute is used to specify under which circumstance (if any) a mouse event should go "through" an element and target whatever is "underneath" that element instead.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/pointer-events)
   */
  "pointer-events"?: string;

  /**
   * For the <circle> this attribute defines the radius of the element. A value of zero disables rendering of the circle.
   *
   *   For the <radialgradient> element, this attribute defines the radius of the largest (i.e., outermost) circle for the radial gradient. The gradient will be drawn such that the 100% gradient stop is mapped to the perimeter of this largest (i.e., outermost) circle. A value of zero will cause the area to be painted as a single color using the color and opacity of the last gradient <stop>. If the attribute is not specified, the effect is as if a value of 50% were specified.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/r)
   */
  r?: string;

  /**
   * The creator of SVG content might want to provide a hint about what tradeoffs to make as the browser renders <path> element or basic shapes. The shape-rendering attribute provides these hints.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/shape-rendering)
   */
  "shape-rendering"?: string;

  /**
   * The spreadMethod attribute determines how a shape is filled beyond the defined edges of a gradient.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/spreadMethod)
   */
  spreadMethod?: string;

  /**
   * The stop-color attribute indicates what color to use at that gradient stop. The keyword currentColor and ICC colors can be specified in the same manner as within a <paint> specification for the fill and stroke attributes.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stop-color)
   */
  "stop-color"?: string;

  /**
   * The stop-opacity attribute defines the opacity of a given gradient stop.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stop-opacity)
   */
  "stop-opacity"?: string;

  /**
   * The stroke attribute defines the color of the outline on a given graphical element. The default value for the stroke attribute is none.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke)
   */
  stroke?: string;

  /**
   * the stroke-dasharray attribute controls the pattern of dashes and gaps used to stroke paths.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-dasharray)
   */
  "stroke-dasharray"?: string;

  /**
   * the stroke-dashoffset attribute specifies the distance into the dash pattern to start the dash.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-dashoffset)
   */
  "stroke-dashoffset"?: string;

  /**
   * the stroke-linecap attribute specifies the shape to be used at the end of open subpaths when they are stroked.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-linecap)
   */
  "stroke-linecap"?: string;

  /**
   * the stroke-linejoin attribute specifies the shape to be used at the corners of paths or basic shapes when they are stroked.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-linejoin)
   */
  "stroke-linejoin"?: string;

  /**
   * When two line segments meet at a sharp angle and miter joins have been specified for stroke-linejoin, it is possible for the miter to extend far beyond the thickness of the line stroking the path. The stroke-miterlimit imposes a limit on the ratio of the miter length to the stroke-width. When the limit is exceeded, the join is converted from a miter to a bevel.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-miterlimit)
   */
  "stroke-miterlimit"?: string;

  /**
   * the stroke-opacity attribute specifies the opacity of the outline on the current object. Its default value is 1.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-opacity)
   */
  "stroke-opacity"?: string;

  /**
   * the stroke-width attribute specifies the width of the outline on the current object. Its default value is 1. If a <percentage> is used, the value represents a percentage of the current viewport. If a value of 0 is used the outline will never be drawn.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-width)
   */
  "stroke-width"?: string;

  /**
   * The text-anchor attribute is used to align (start-, middle- or end-alignment) a string of text relative to a given point.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/text-anchor)
   */
  "text-anchor"?: string;

  /**
   * The text-decoration attribute works exactly like the css text decoration property except that it's an attribute. See css text decoration for further information.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/text-decoration)
   */
  "text-decoration"?: string;

  /**
   * The creator of SVG content might want to provide a hint about what tradeoffs to make as the browser renders text. The text-rendering attribute provides these hints.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/text-rendering)
   */
  "text-rendering"?: string;

  /**
   * The transform attribute defines a list of transform definitions that are applied to an element and the element's children. The items in the transform list are separated by whitespace and/or commas, and are applied from right to left.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/transform)
   */
  transform?: string;

  /**
   * The vector-effect property specifies the vector effect to use when drawing an object. Vector effects are applied before any of the other compositing operations, i.e. filters, masks and clips.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/vector-effect)
   */
  "vector-effect"?: string;

  /**
   * Depending on the value of attribute pointer-events, graphics elements which have their visibility attribute set to hidden still might receive events.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/visibility)
   */
  visibility?: string;

  /**
   * The word-spacing attribute specifies spacing behavior between words.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/word-spacing)
   */
  "word-spacing"?: string;

  /**
   * The writing-mode attribute specifies whether the initial inline-progression-direction for a <text> element shall be left-to-right, right-to-left, or top-to-bottom. The writing-mode attribute applies only to <text> elements; the attribute is ignored for <tspan>, <tref>, <altGlyph> and <textPath> sub-elements. (Note that the inline-progression-direction can change within a <text> element due to the Unicode bidirectional algorithm and properties direction and unicode-bidi.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/writing-mode)
   */
  "writing-mode"?: string;
}

interface Rect extends GlobalAttributes {
  /**
   * The alignment-baseline attribute specifies how an object is aligned with respect to its parent. This property specifies which baseline of this element is to be aligned with the corresponding baseline of the parent. For example, this allows alphabetic baselines in Roman text to stay aligned across font size changes. It defaults to the baseline with the same name as the computed value of the alignment-baseline property.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/alignment-baseline)
   */
  "alignment-baseline"?: string;

  /**
   * The baseline-shift attribute allows repositioning of the dominant-baseline relative to the dominant-baseline of the parent text content element. The shifted object might be a sub- or superscript.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/baseline-shift)
   */
  "baseline-shift"?: string;

  /**
   * The clip-path attribute binds the element it is applied to with a given <clipPath> element
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/clip-path)
   */
  "clip-path"?: string;

  /**
   * The clip-rule attribute only applies to graphics elements that are contained within a <clipPath> element. The clip-rule attribute basically works as the fill-rule attribute, except that it applies to <clipPath> definitions.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/clip-rule)
   */
  "clip-rule"?: string;

  /**
   * The color attribute is used to provide a potential indirect value (currentColor) for the fill, stroke, stop-color, flood-color and lighting-color attributes.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/color)
   */
  color?: string;

  /**
   * The color-interpolation attribute specifies the color space for gradient interpolations, color animations, and alpha compositing.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/color-interpolation)
   */
  "color-interpolation"?: string;

  /**
   * The color-interpolation-filters attribute specifies the color space for imaging operations performed via filter effects.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/color-interpolation-filters)
   */
  "color-interpolation-filters"?: string;

  /**
   * The color-profile attribute is used to define which color profile a raster image included through the <image> element should use.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/color-profile)
   */
  "color-profile"?: string;

  /**
   * The color-rendering attribute provides a hint to the SVG user agent about how to optimize its color interpolation and compositing operations.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/color-rendering)
   */
  "color-rendering"?: string;

  /**
   * The cursor attribute specifies the mouse cursor displayed when the mouse pointer is over an element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/cursor)
   */
  cursor?: string;

  /**
   * The direction attribute specifies the base writing direction of text and the direction of embeddings and overrides (see unicode-bidi) for the Unicode bidirectional algorithm. For the direction attribute to have any effect on an element that does not by itself establish a new text chunk (such as a <tspan> element without absolute position adjustments due to x or y attributes), the unicode-bidi property's value must be embed or bidi-override.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/direction)
   */
  direction?: string;

  /**
   * The display attribute lets you control the rendering of graphical or container elements.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/display)
   */
  display?: string;

  /**
   * The dominant-baseline attribute is used to determine or re-determine a scaled-baseline-table. A scaled-baseline-table is a compound value with three components: a baseline-identifier for the dominant-baseline, a baseline-table and a baseline-table font-size. Some values of the property re-determine all three values; other only re-establish the baseline-table font-size. When the initial value, auto, would give an undesired result, this property can be used to explicitly set the desire scaled-baseline-table.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/dominant-baseline)
   */
  "dominant-baseline"?: string;

  /**
   * The fill attribute has two meanings based on the context it's used.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/fill)
   */
  fill?: string;

  /**
   * This attribute specifies the opacity of the color or the content the current object is filled with.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/fill-opacity)
   */
  "fill-opacity"?: string;

  /**
   * The fill-rule attribute indicates how to determine what side of a path is inside a shape, to determine how the fill property paints the shape. For a simple, non-intersecting path, it is intuitively clear what region lies "inside"; however, for a more complex path, such as a path that intersects itself or where one subpath encloses another, the interpretation of "inside" is not so obvious.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/fill-rule)
   */
  "fill-rule"?: string;

  /**
   * The filter attribute defines the filter effects define by the <filter> element that shall be applied to its element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/filter)
   */
  filter?: string;

  /**
   * The flood-color attribute indicates what color to use to flood the current filter primitive subregion defined through the <feflood> element. The keyword currentColor and ICC colors can be specified in the same manner as within a <paint> specification for the fill and stroke attributes.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/flood-color)
   */
  "flood-color"?: string;

  /**
   * The flood-opacity attribute indicates the opacity value to use across the current filter primitive subregion defined through the <feflood> element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/flood-opacity)
   */
  "flood-opacity"?: string;

  /**
   * The font-family attribute indicates which font family will be used to render the text, specified as a prioritized list of font family names and/or generic family names.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-family)
   */
  "font-family"?: string;

  /**
   * The font-size attribute refers to the size of the font from baseline to baseline when multiple lines of text are set solid in a multiline layout environment. For SVG, if a <length> is provided without a unit identifier (e.g., an unqualified number such as 128), the browser processes the <length> as a height value in the current user coordinate system.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-size)
   */
  "font-size"?: string;

  /**
   * The font-size-adjust attribute allows authors to specify an aspect value for an element that will preserve the x-height of the first choice font in a substitute font.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-size-adjust)
   */
  "font-size-adjust"?: string;

  /**
   * The font-stretch attribute indicates the desired amount of condensing or expansion in the glyphs used to render the text.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-stretch)
   */
  "font-stretch"?: string;

  /**
   * The font-style attribute specifies whether the text is to be rendered using a normal, italic or oblique face.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-style)
   */
  "font-style"?: string;

  /**
   * The font-variant attribute indicates whether the text is to be rendered using the normal glyphs for lowercase characters or using small-caps glyphs for lowercase characters.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-variant)
   */
  "font-variant"?: string;

  /**
   * The font-weight attribute refers to the boldness or lightness of the glyphs used to render the text, relative to other fonts in the same font family.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-weight)
   */
  "font-weight"?: string;

  /**
   * This attribute indicates a vertical length in the user coordinate system. The exact effect of this coordinate depends on each element. Most of the time, it represents the height of the rectangular region of the reference element (see each individual element's documentation for exceptions).
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/height)
   */
  height?: number | string;

  /**
   * The image-rendering attribute provides a hint to the browser about how to make speed vs. quality tradeoffs as it performs image processing.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/image-rendering)
   */
  "image-rendering"?: string;

  /**
   * The kerning attribute indicates whether the browser should adjust inter-glyph spacing based on kerning tables that are included in the relevant font (i.e., enable auto-kerning) or instead disable auto-kerning and instead set inter-character spacing to a specific length (typically, zero).
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/kerning)
   */
  kerning?: string;

  /**
   * The letter-spacing attribute specifies spacing behavior between text characters supplemental to any spacing due to the kerning attribute.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/letter-spacing)
   */
  "letter-spacing"?: string;

  /**
   * The lighting-color attribute defines the color of the light source for filter primitives elements <fediffuselighting> and <fespecularlighting>.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/lighting-color)
   */
  "lighting-color"?: string;

  /**
   * The marker-end defines the arrowhead or polymarker that will be drawn at the final vertex of the given <path> element or basic shape. Note that for a <path> element which ends with a closed sub-path, the last vertex is the same as the initial vertex on the given sub-path. In this case, if marker-end does not equal none, then it is possible that two markers will be rendered on the given vertex. One way to prevent this is to set marker-end to none. (Note that the same comment applies to <polygon> elements.)
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/marker-end)
   */
  "marker-end"?: string;

  /**
   * The marker-mid defines the arrowhead or polymarker that shall be drawn at every vertex other than the first and last vertex of the given <path> element or basic shape.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/marker-mid)
   */
  "marker-mid"?: string;

  /**
   * The marker-start attribute defines the arrowhead or polymarker that will be drawn at the first vertex of the given <path> element or basic shape.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/marker-start)
   */
  "marker-start"?: string;

  /**
   * The mask attribute binds the element it is applied to with a given <mask> element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/mask)
   */
  mask?: string;

  /**
   * The opacity attribute specifies the transparency of an object or of a group of objects, that is, the degree to which the background behind the element is overlaid.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/opacity)
   */
  opacity?: string;

  /**
   * The overflow attribute has the same parameter values as defined for the css overflow property.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/overflow)
   */
  overflow?: string;

  /**
   * This attribute lets the author specify a total length for the path, in whatever units the author chooses. This value is then used to calibrate the browser's distance calculations with those of the author, by scaling all distance computations using the ratio pathLength / (computed value of path length).
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/pathLength)
   */
  pathLength?: string;

  /**
   * The pointer-events attribute allows authors to control whether or when an element may be the target of a mouse event. This attribute is used to specify under which circumstance (if any) a mouse event should go "through" an element and target whatever is "underneath" that element instead.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/pointer-events)
   */
  "pointer-events"?: string;

  /**
   * The radius of the ellipse on the x axis.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/rx)
   */
  rx?: string;

  /**
   * For the <circle> and the <ellipse> element, The radius of the ellipse on the y axis.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/ry)
   */
  ry?: string;

  /**
   * The creator of SVG content might want to provide a hint about what tradeoffs to make as the browser renders <path> element or basic shapes. The shape-rendering attribute provides these hints.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/shape-rendering)
   */
  "shape-rendering"?: string;

  /**
   * The stop-color attribute indicates what color to use at that gradient stop. The keyword currentColor and ICC colors can be specified in the same manner as within a <paint> specification for the fill and stroke attributes.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stop-color)
   */
  "stop-color"?: string;

  /**
   * The stop-opacity attribute defines the opacity of a given gradient stop.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stop-opacity)
   */
  "stop-opacity"?: string;

  /**
   * The stroke attribute defines the color of the outline on a given graphical element. The default value for the stroke attribute is none.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke)
   */
  stroke?: string;

  /**
   * the stroke-dasharray attribute controls the pattern of dashes and gaps used to stroke paths.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-dasharray)
   */
  "stroke-dasharray"?: string;

  /**
   * the stroke-dashoffset attribute specifies the distance into the dash pattern to start the dash.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-dashoffset)
   */
  "stroke-dashoffset"?: string;

  /**
   * the stroke-linecap attribute specifies the shape to be used at the end of open subpaths when they are stroked.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-linecap)
   */
  "stroke-linecap"?: string;

  /**
   * the stroke-linejoin attribute specifies the shape to be used at the corners of paths or basic shapes when they are stroked.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-linejoin)
   */
  "stroke-linejoin"?: string;

  /**
   * When two line segments meet at a sharp angle and miter joins have been specified for stroke-linejoin, it is possible for the miter to extend far beyond the thickness of the line stroking the path. The stroke-miterlimit imposes a limit on the ratio of the miter length to the stroke-width. When the limit is exceeded, the join is converted from a miter to a bevel.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-miterlimit)
   */
  "stroke-miterlimit"?: string;

  /**
   * the stroke-opacity attribute specifies the opacity of the outline on the current object. Its default value is 1.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-opacity)
   */
  "stroke-opacity"?: string;

  /**
   * the stroke-width attribute specifies the width of the outline on the current object. Its default value is 1. If a <percentage> is used, the value represents a percentage of the current viewport. If a value of 0 is used the outline will never be drawn.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-width)
   */
  "stroke-width"?: string;

  /**
   * The text-anchor attribute is used to align (start-, middle- or end-alignment) a string of text relative to a given point.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/text-anchor)
   */
  "text-anchor"?: string;

  /**
   * The text-decoration attribute works exactly like the css text decoration property except that it's an attribute. See css text decoration for further information.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/text-decoration)
   */
  "text-decoration"?: string;

  /**
   * The creator of SVG content might want to provide a hint about what tradeoffs to make as the browser renders text. The text-rendering attribute provides these hints.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/text-rendering)
   */
  "text-rendering"?: string;

  /**
   * The transform attribute defines a list of transform definitions that are applied to an element and the element's children. The items in the transform list are separated by whitespace and/or commas, and are applied from right to left.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/transform)
   */
  transform?: string;

  /**
   * The vector-effect property specifies the vector effect to use when drawing an object. Vector effects are applied before any of the other compositing operations, i.e. filters, masks and clips.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/vector-effect)
   */
  "vector-effect"?: string;

  /**
   * Depending on the value of attribute pointer-events, graphics elements which have their visibility attribute set to hidden still might receive events.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/visibility)
   */
  visibility?: string;

  /**
   * This attribute indicates an horizontal length in the user coordinate system. The exact effect of this coordinate depends on each element. Most of the time, it represents the width of the rectangular region of the reference element (see each individual element's documentation for exceptions).
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/width)
   */
  width?: number | string;

  /**
   * The word-spacing attribute specifies spacing behavior between words.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/word-spacing)
   */
  "word-spacing"?: string;

  /**
   * The writing-mode attribute specifies whether the initial inline-progression-direction for a <text> element shall be left-to-right, right-to-left, or top-to-bottom. The writing-mode attribute applies only to <text> elements; the attribute is ignored for <tspan>, <tref>, <altGlyph> and <textPath> sub-elements. (Note that the inline-progression-direction can change within a <text> element due to the Unicode bidirectional algorithm and properties direction and unicode-bidi.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/writing-mode)
   */
  "writing-mode"?: string;

  /**
   * This attribute indicates an x-axis coordinate in the user coordinate system. The exact effect of this coordinate depend on each element. Most of the time, it represent the x-axis coordinate of the upper-left corner of the rectangular region of the reference element (see each individual element's documentation for exceptions).Its syntax is the same as that for <length>
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/x)
   */
  x?: string;

  /**
   * This attribute indicates an y-axis coordinate in the user coordinate system. The exact effect of this coordinate depend on each element. Most of the time, it represent the x-axis coordinate of the upper-left corner of the rectangular region of the reference element (see each individual element's documentation for exceptions).Its syntax is the same as that for <length>
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/y)
   */
  y?: string;
}

interface Set extends GlobalAttributes {
  /**
   * This attribute indicates the name of the attribute in the parent element that is going to be changed during an animation.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/attributeName)
   */
  attributeName?: string;

  /**
   * This attribute specifies the namespace in which the target attribute and its associated values are defined.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/attributeType)
   */
  attributeType?: string;

  /**
   * Defines when an animation should begin or when an element should be discarded.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/begin)
   */
  begin?: string;

  /**
   * This attribute indicates the simple duration of the animation.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/dur)
   */
  dur?: string;

  /**
   * This attribute defines an end value for the animation that can constrain the active duration.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/end)
   */
  end?: string;

  /**
   * The fill attribute has two meanings based on the context it's used.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/fill)
   */
  fill?: string;

  /**
   * The URL or URL fragment the hyperlink points to.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/href)
   */
  href?: string;

  /**
   * This attribute specifies the maximum value of the active duration.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/max)
   */
  max?: number | string;

  /**
   * This attribute specifies the minimum value of the active duration.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/min)
   */
  min?: number | string;

  /**
   * This attribute indicates the number of time the animation will take place.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/repeatCount)
   */
  repeatCount?: string;

  /**
   * This attribute specifies the total duration for repeat.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/repeatDur)
   */
  repeatDur?: string;

  /**
   * This attribute indicates when animation can or can not restart.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/restart)
   */
  restart?: string;

  /**
   * This attribute indicates the final value of the attribute that will be modified during the animation. The value of the attribute will change between the from attribute value and this value. By default the change will be linear.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/to)
   */
  to?: string;
}

interface Stop extends GlobalAttributes {
  /**
   * The alignment-baseline attribute specifies how an object is aligned with respect to its parent. This property specifies which baseline of this element is to be aligned with the corresponding baseline of the parent. For example, this allows alphabetic baselines in Roman text to stay aligned across font size changes. It defaults to the baseline with the same name as the computed value of the alignment-baseline property.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/alignment-baseline)
   */
  "alignment-baseline"?: string;

  /**
   * The baseline-shift attribute allows repositioning of the dominant-baseline relative to the dominant-baseline of the parent text content element. The shifted object might be a sub- or superscript.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/baseline-shift)
   */
  "baseline-shift"?: string;

  /**
   * The clip-path attribute binds the element it is applied to with a given <clipPath> element
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/clip-path)
   */
  "clip-path"?: string;

  /**
   * The clip-rule attribute only applies to graphics elements that are contained within a <clipPath> element. The clip-rule attribute basically works as the fill-rule attribute, except that it applies to <clipPath> definitions.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/clip-rule)
   */
  "clip-rule"?: string;

  /**
   * The color attribute is used to provide a potential indirect value (currentColor) for the fill, stroke, stop-color, flood-color and lighting-color attributes.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/color)
   */
  color?: string;

  /**
   * The color-interpolation attribute specifies the color space for gradient interpolations, color animations, and alpha compositing.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/color-interpolation)
   */
  "color-interpolation"?: string;

  /**
   * The color-interpolation-filters attribute specifies the color space for imaging operations performed via filter effects.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/color-interpolation-filters)
   */
  "color-interpolation-filters"?: string;

  /**
   * The color-profile attribute is used to define which color profile a raster image included through the <image> element should use.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/color-profile)
   */
  "color-profile"?: string;

  /**
   * The color-rendering attribute provides a hint to the SVG user agent about how to optimize its color interpolation and compositing operations.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/color-rendering)
   */
  "color-rendering"?: string;

  /**
   * The cursor attribute specifies the mouse cursor displayed when the mouse pointer is over an element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/cursor)
   */
  cursor?: string;

  /**
   * The direction attribute specifies the base writing direction of text and the direction of embeddings and overrides (see unicode-bidi) for the Unicode bidirectional algorithm. For the direction attribute to have any effect on an element that does not by itself establish a new text chunk (such as a <tspan> element without absolute position adjustments due to x or y attributes), the unicode-bidi property's value must be embed or bidi-override.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/direction)
   */
  direction?: string;

  /**
   * The display attribute lets you control the rendering of graphical or container elements.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/display)
   */
  display?: string;

  /**
   * The dominant-baseline attribute is used to determine or re-determine a scaled-baseline-table. A scaled-baseline-table is a compound value with three components: a baseline-identifier for the dominant-baseline, a baseline-table and a baseline-table font-size. Some values of the property re-determine all three values; other only re-establish the baseline-table font-size. When the initial value, auto, would give an undesired result, this property can be used to explicitly set the desire scaled-baseline-table.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/dominant-baseline)
   */
  "dominant-baseline"?: string;

  /**
   * The fill attribute has two meanings based on the context it's used.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/fill)
   */
  fill?: string;

  /**
   * This attribute specifies the opacity of the color or the content the current object is filled with.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/fill-opacity)
   */
  "fill-opacity"?: string;

  /**
   * The fill-rule attribute indicates how to determine what side of a path is inside a shape, to determine how the fill property paints the shape. For a simple, non-intersecting path, it is intuitively clear what region lies "inside"; however, for a more complex path, such as a path that intersects itself or where one subpath encloses another, the interpretation of "inside" is not so obvious.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/fill-rule)
   */
  "fill-rule"?: string;

  /**
   * The filter attribute defines the filter effects define by the <filter> element that shall be applied to its element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/filter)
   */
  filter?: string;

  /**
   * The flood-color attribute indicates what color to use to flood the current filter primitive subregion defined through the <feflood> element. The keyword currentColor and ICC colors can be specified in the same manner as within a <paint> specification for the fill and stroke attributes.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/flood-color)
   */
  "flood-color"?: string;

  /**
   * The flood-opacity attribute indicates the opacity value to use across the current filter primitive subregion defined through the <feflood> element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/flood-opacity)
   */
  "flood-opacity"?: string;

  /**
   * The font-family attribute indicates which font family will be used to render the text, specified as a prioritized list of font family names and/or generic family names.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-family)
   */
  "font-family"?: string;

  /**
   * The font-size attribute refers to the size of the font from baseline to baseline when multiple lines of text are set solid in a multiline layout environment. For SVG, if a <length> is provided without a unit identifier (e.g., an unqualified number such as 128), the browser processes the <length> as a height value in the current user coordinate system.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-size)
   */
  "font-size"?: string;

  /**
   * The font-size-adjust attribute allows authors to specify an aspect value for an element that will preserve the x-height of the first choice font in a substitute font.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-size-adjust)
   */
  "font-size-adjust"?: string;

  /**
   * The font-stretch attribute indicates the desired amount of condensing or expansion in the glyphs used to render the text.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-stretch)
   */
  "font-stretch"?: string;

  /**
   * The font-style attribute specifies whether the text is to be rendered using a normal, italic or oblique face.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-style)
   */
  "font-style"?: string;

  /**
   * The font-variant attribute indicates whether the text is to be rendered using the normal glyphs for lowercase characters or using small-caps glyphs for lowercase characters.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-variant)
   */
  "font-variant"?: string;

  /**
   * The font-weight attribute refers to the boldness or lightness of the glyphs used to render the text, relative to other fonts in the same font family.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-weight)
   */
  "font-weight"?: string;

  /**
   * The image-rendering attribute provides a hint to the browser about how to make speed vs. quality tradeoffs as it performs image processing.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/image-rendering)
   */
  "image-rendering"?: string;

  /**
   * The kerning attribute indicates whether the browser should adjust inter-glyph spacing based on kerning tables that are included in the relevant font (i.e., enable auto-kerning) or instead disable auto-kerning and instead set inter-character spacing to a specific length (typically, zero).
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/kerning)
   */
  kerning?: string;

  /**
   * The letter-spacing attribute specifies spacing behavior between text characters supplemental to any spacing due to the kerning attribute.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/letter-spacing)
   */
  "letter-spacing"?: string;

  /**
   * The lighting-color attribute defines the color of the light source for filter primitives elements <fediffuselighting> and <fespecularlighting>.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/lighting-color)
   */
  "lighting-color"?: string;

  /**
   * The marker-end defines the arrowhead or polymarker that will be drawn at the final vertex of the given <path> element or basic shape. Note that for a <path> element which ends with a closed sub-path, the last vertex is the same as the initial vertex on the given sub-path. In this case, if marker-end does not equal none, then it is possible that two markers will be rendered on the given vertex. One way to prevent this is to set marker-end to none. (Note that the same comment applies to <polygon> elements.)
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/marker-end)
   */
  "marker-end"?: string;

  /**
   * The marker-mid defines the arrowhead or polymarker that shall be drawn at every vertex other than the first and last vertex of the given <path> element or basic shape.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/marker-mid)
   */
  "marker-mid"?: string;

  /**
   * The marker-start attribute defines the arrowhead or polymarker that will be drawn at the first vertex of the given <path> element or basic shape.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/marker-start)
   */
  "marker-start"?: string;

  /**
   * The mask attribute binds the element it is applied to with a given <mask> element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/mask)
   */
  mask?: string;

  /**
   * This attribute defines where the gradient stop is placed along the gradient vector.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/offset)
   */
  offset?: string;

  /**
   * The opacity attribute specifies the transparency of an object or of a group of objects, that is, the degree to which the background behind the element is overlaid.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/opacity)
   */
  opacity?: string;

  /**
   * The overflow attribute has the same parameter values as defined for the css overflow property.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/overflow)
   */
  overflow?: string;

  /**
   * The pointer-events attribute allows authors to control whether or when an element may be the target of a mouse event. This attribute is used to specify under which circumstance (if any) a mouse event should go "through" an element and target whatever is "underneath" that element instead.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/pointer-events)
   */
  "pointer-events"?: string;

  /**
   * The creator of SVG content might want to provide a hint about what tradeoffs to make as the browser renders <path> element or basic shapes. The shape-rendering attribute provides these hints.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/shape-rendering)
   */
  "shape-rendering"?: string;

  /**
   * The stop-color attribute indicates what color to use at that gradient stop. The keyword currentColor and ICC colors can be specified in the same manner as within a <paint> specification for the fill and stroke attributes.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stop-color)
   */
  "stop-color"?: string;

  /**
   * The stop-opacity attribute defines the opacity of a given gradient stop.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stop-opacity)
   */
  "stop-opacity"?: string;

  /**
   * The stroke attribute defines the color of the outline on a given graphical element. The default value for the stroke attribute is none.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke)
   */
  stroke?: string;

  /**
   * the stroke-dasharray attribute controls the pattern of dashes and gaps used to stroke paths.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-dasharray)
   */
  "stroke-dasharray"?: string;

  /**
   * the stroke-dashoffset attribute specifies the distance into the dash pattern to start the dash.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-dashoffset)
   */
  "stroke-dashoffset"?: string;

  /**
   * the stroke-linecap attribute specifies the shape to be used at the end of open subpaths when they are stroked.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-linecap)
   */
  "stroke-linecap"?: string;

  /**
   * the stroke-linejoin attribute specifies the shape to be used at the corners of paths or basic shapes when they are stroked.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-linejoin)
   */
  "stroke-linejoin"?: string;

  /**
   * When two line segments meet at a sharp angle and miter joins have been specified for stroke-linejoin, it is possible for the miter to extend far beyond the thickness of the line stroking the path. The stroke-miterlimit imposes a limit on the ratio of the miter length to the stroke-width. When the limit is exceeded, the join is converted from a miter to a bevel.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-miterlimit)
   */
  "stroke-miterlimit"?: string;

  /**
   * the stroke-opacity attribute specifies the opacity of the outline on the current object. Its default value is 1.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-opacity)
   */
  "stroke-opacity"?: string;

  /**
   * the stroke-width attribute specifies the width of the outline on the current object. Its default value is 1. If a <percentage> is used, the value represents a percentage of the current viewport. If a value of 0 is used the outline will never be drawn.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-width)
   */
  "stroke-width"?: string;

  /**
   * The text-anchor attribute is used to align (start-, middle- or end-alignment) a string of text relative to a given point.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/text-anchor)
   */
  "text-anchor"?: string;

  /**
   * The text-decoration attribute works exactly like the css text decoration property except that it's an attribute. See css text decoration for further information.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/text-decoration)
   */
  "text-decoration"?: string;

  /**
   * The creator of SVG content might want to provide a hint about what tradeoffs to make as the browser renders text. The text-rendering attribute provides these hints.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/text-rendering)
   */
  "text-rendering"?: string;

  /**
   * The transform attribute defines a list of transform definitions that are applied to an element and the element's children. The items in the transform list are separated by whitespace and/or commas, and are applied from right to left.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/transform)
   */
  transform?: string;

  /**
   * The vector-effect property specifies the vector effect to use when drawing an object. Vector effects are applied before any of the other compositing operations, i.e. filters, masks and clips.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/vector-effect)
   */
  "vector-effect"?: string;

  /**
   * Depending on the value of attribute pointer-events, graphics elements which have their visibility attribute set to hidden still might receive events.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/visibility)
   */
  visibility?: string;

  /**
   * The word-spacing attribute specifies spacing behavior between words.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/word-spacing)
   */
  "word-spacing"?: string;

  /**
   * The writing-mode attribute specifies whether the initial inline-progression-direction for a <text> element shall be left-to-right, right-to-left, or top-to-bottom. The writing-mode attribute applies only to <text> elements; the attribute is ignored for <tspan>, <tref>, <altGlyph> and <textPath> sub-elements. (Note that the inline-progression-direction can change within a <text> element due to the Unicode bidirectional algorithm and properties direction and unicode-bidi.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/writing-mode)
   */
  "writing-mode"?: string;
}

interface Svg extends GlobalAttributes {
  /**
   * The alignment-baseline attribute specifies how an object is aligned with respect to its parent. This property specifies which baseline of this element is to be aligned with the corresponding baseline of the parent. For example, this allows alphabetic baselines in Roman text to stay aligned across font size changes. It defaults to the baseline with the same name as the computed value of the alignment-baseline property.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/alignment-baseline)
   */
  "alignment-baseline"?: string;

  /**
   * The baseline-shift attribute allows repositioning of the dominant-baseline relative to the dominant-baseline of the parent text content element. The shifted object might be a sub- or superscript.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/baseline-shift)
   */
  "baseline-shift"?: string;

  /**
   * The clip-path attribute binds the element it is applied to with a given <clipPath> element
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/clip-path)
   */
  "clip-path"?: string;

  /**
   * The clip-rule attribute only applies to graphics elements that are contained within a <clipPath> element. The clip-rule attribute basically works as the fill-rule attribute, except that it applies to <clipPath> definitions.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/clip-rule)
   */
  "clip-rule"?: string;

  /**
   * The color attribute is used to provide a potential indirect value (currentColor) for the fill, stroke, stop-color, flood-color and lighting-color attributes.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/color)
   */
  color?: string;

  /**
   * The color-interpolation attribute specifies the color space for gradient interpolations, color animations, and alpha compositing.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/color-interpolation)
   */
  "color-interpolation"?: string;

  /**
   * The color-interpolation-filters attribute specifies the color space for imaging operations performed via filter effects.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/color-interpolation-filters)
   */
  "color-interpolation-filters"?: string;

  /**
   * The color-profile attribute is used to define which color profile a raster image included through the <image> element should use.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/color-profile)
   */
  "color-profile"?: string;

  /**
   * The color-rendering attribute provides a hint to the SVG user agent about how to optimize its color interpolation and compositing operations.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/color-rendering)
   */
  "color-rendering"?: string;

  /**
   * The cursor attribute specifies the mouse cursor displayed when the mouse pointer is over an element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/cursor)
   */
  cursor?: string;

  /**
   * The direction attribute specifies the base writing direction of text and the direction of embeddings and overrides (see unicode-bidi) for the Unicode bidirectional algorithm. For the direction attribute to have any effect on an element that does not by itself establish a new text chunk (such as a <tspan> element without absolute position adjustments due to x or y attributes), the unicode-bidi property's value must be embed or bidi-override.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/direction)
   */
  direction?: string;

  /**
   * The display attribute lets you control the rendering of graphical or container elements.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/display)
   */
  display?: string;

  /**
   * The dominant-baseline attribute is used to determine or re-determine a scaled-baseline-table. A scaled-baseline-table is a compound value with three components: a baseline-identifier for the dominant-baseline, a baseline-table and a baseline-table font-size. Some values of the property re-determine all three values; other only re-establish the baseline-table font-size. When the initial value, auto, would give an undesired result, this property can be used to explicitly set the desire scaled-baseline-table.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/dominant-baseline)
   */
  "dominant-baseline"?: string;

  /**
   * The fill attribute has two meanings based on the context it's used.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/fill)
   */
  fill?: string;

  /**
   * This attribute specifies the opacity of the color or the content the current object is filled with.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/fill-opacity)
   */
  "fill-opacity"?: string;

  /**
   * The fill-rule attribute indicates how to determine what side of a path is inside a shape, to determine how the fill property paints the shape. For a simple, non-intersecting path, it is intuitively clear what region lies "inside"; however, for a more complex path, such as a path that intersects itself or where one subpath encloses another, the interpretation of "inside" is not so obvious.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/fill-rule)
   */
  "fill-rule"?: string;

  /**
   * The filter attribute defines the filter effects define by the <filter> element that shall be applied to its element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/filter)
   */
  filter?: string;

  /**
   * The flood-color attribute indicates what color to use to flood the current filter primitive subregion defined through the <feflood> element. The keyword currentColor and ICC colors can be specified in the same manner as within a <paint> specification for the fill and stroke attributes.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/flood-color)
   */
  "flood-color"?: string;

  /**
   * The flood-opacity attribute indicates the opacity value to use across the current filter primitive subregion defined through the <feflood> element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/flood-opacity)
   */
  "flood-opacity"?: string;

  /**
   * The font-family attribute indicates which font family will be used to render the text, specified as a prioritized list of font family names and/or generic family names.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-family)
   */
  "font-family"?: string;

  /**
   * The font-size attribute refers to the size of the font from baseline to baseline when multiple lines of text are set solid in a multiline layout environment. For SVG, if a <length> is provided without a unit identifier (e.g., an unqualified number such as 128), the browser processes the <length> as a height value in the current user coordinate system.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-size)
   */
  "font-size"?: string;

  /**
   * The font-size-adjust attribute allows authors to specify an aspect value for an element that will preserve the x-height of the first choice font in a substitute font.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-size-adjust)
   */
  "font-size-adjust"?: string;

  /**
   * The font-stretch attribute indicates the desired amount of condensing or expansion in the glyphs used to render the text.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-stretch)
   */
  "font-stretch"?: string;

  /**
   * The font-style attribute specifies whether the text is to be rendered using a normal, italic or oblique face.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-style)
   */
  "font-style"?: string;

  /**
   * The font-variant attribute indicates whether the text is to be rendered using the normal glyphs for lowercase characters or using small-caps glyphs for lowercase characters.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-variant)
   */
  "font-variant"?: string;

  /**
   * The font-weight attribute refers to the boldness or lightness of the glyphs used to render the text, relative to other fonts in the same font family.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-weight)
   */
  "font-weight"?: string;

  /**
   * This attribute indicates a vertical length in the user coordinate system. The exact effect of this coordinate depends on each element. Most of the time, it represents the height of the rectangular region of the reference element (see each individual element's documentation for exceptions).
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/height)
   */
  height?: number | string;

  /**
   * The image-rendering attribute provides a hint to the browser about how to make speed vs. quality tradeoffs as it performs image processing.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/image-rendering)
   */
  "image-rendering"?: string;

  /**
   * The kerning attribute indicates whether the browser should adjust inter-glyph spacing based on kerning tables that are included in the relevant font (i.e., enable auto-kerning) or instead disable auto-kerning and instead set inter-character spacing to a specific length (typically, zero).
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/kerning)
   */
  kerning?: string;

  /**
   * The letter-spacing attribute specifies spacing behavior between text characters supplemental to any spacing due to the kerning attribute.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/letter-spacing)
   */
  "letter-spacing"?: string;

  /**
   * The lighting-color attribute defines the color of the light source for filter primitives elements <fediffuselighting> and <fespecularlighting>.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/lighting-color)
   */
  "lighting-color"?: string;

  /**
   * The marker-end defines the arrowhead or polymarker that will be drawn at the final vertex of the given <path> element or basic shape. Note that for a <path> element which ends with a closed sub-path, the last vertex is the same as the initial vertex on the given sub-path. In this case, if marker-end does not equal none, then it is possible that two markers will be rendered on the given vertex. One way to prevent this is to set marker-end to none. (Note that the same comment applies to <polygon> elements.)
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/marker-end)
   */
  "marker-end"?: string;

  /**
   * The marker-mid defines the arrowhead or polymarker that shall be drawn at every vertex other than the first and last vertex of the given <path> element or basic shape.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/marker-mid)
   */
  "marker-mid"?: string;

  /**
   * The marker-start attribute defines the arrowhead or polymarker that will be drawn at the first vertex of the given <path> element or basic shape.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/marker-start)
   */
  "marker-start"?: string;

  /**
   * The mask attribute binds the element it is applied to with a given <mask> element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/mask)
   */
  mask?: string;

  /**
   * The opacity attribute specifies the transparency of an object or of a group of objects, that is, the degree to which the background behind the element is overlaid.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/opacity)
   */
  opacity?: string;

  /**
   * The overflow attribute has the same parameter values as defined for the css overflow property.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/overflow)
   */
  overflow?: string;

  /**
   * The pointer-events attribute allows authors to control whether or when an element may be the target of a mouse event. This attribute is used to specify under which circumstance (if any) a mouse event should go "through" an element and target whatever is "underneath" that element instead.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/pointer-events)
   */
  "pointer-events"?: string;

  /**
   * In some cases, typically when using the viewBox attribute, it is desirable that the graphics stretch to fit non-uniformly to take up the entire viewport. In other cases, it is desirable that uniform scaling be used for the purposes of preserving the aspect ratio of the graphics.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/preserveAspectRatio)
   */
  preserveAspectRatio?: string;

  /**
   * The creator of SVG content might want to provide a hint about what tradeoffs to make as the browser renders <path> element or basic shapes. The shape-rendering attribute provides these hints.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/shape-rendering)
   */
  "shape-rendering"?: string;

  /**
   * The stop-color attribute indicates what color to use at that gradient stop. The keyword currentColor and ICC colors can be specified in the same manner as within a <paint> specification for the fill and stroke attributes.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stop-color)
   */
  "stop-color"?: string;

  /**
   * The stop-opacity attribute defines the opacity of a given gradient stop.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stop-opacity)
   */
  "stop-opacity"?: string;

  /**
   * The stroke attribute defines the color of the outline on a given graphical element. The default value for the stroke attribute is none.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke)
   */
  stroke?: string;

  /**
   * the stroke-dasharray attribute controls the pattern of dashes and gaps used to stroke paths.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-dasharray)
   */
  "stroke-dasharray"?: string;

  /**
   * the stroke-dashoffset attribute specifies the distance into the dash pattern to start the dash.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-dashoffset)
   */
  "stroke-dashoffset"?: string;

  /**
   * the stroke-linecap attribute specifies the shape to be used at the end of open subpaths when they are stroked.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-linecap)
   */
  "stroke-linecap"?: string;

  /**
   * the stroke-linejoin attribute specifies the shape to be used at the corners of paths or basic shapes when they are stroked.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-linejoin)
   */
  "stroke-linejoin"?: string;

  /**
   * When two line segments meet at a sharp angle and miter joins have been specified for stroke-linejoin, it is possible for the miter to extend far beyond the thickness of the line stroking the path. The stroke-miterlimit imposes a limit on the ratio of the miter length to the stroke-width. When the limit is exceeded, the join is converted from a miter to a bevel.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-miterlimit)
   */
  "stroke-miterlimit"?: string;

  /**
   * the stroke-opacity attribute specifies the opacity of the outline on the current object. Its default value is 1.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-opacity)
   */
  "stroke-opacity"?: string;

  /**
   * the stroke-width attribute specifies the width of the outline on the current object. Its default value is 1. If a <percentage> is used, the value represents a percentage of the current viewport. If a value of 0 is used the outline will never be drawn.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-width)
   */
  "stroke-width"?: string;

  /**
   * The text-anchor attribute is used to align (start-, middle- or end-alignment) a string of text relative to a given point.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/text-anchor)
   */
  "text-anchor"?: string;

  /**
   * The text-decoration attribute works exactly like the css text decoration property except that it's an attribute. See css text decoration for further information.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/text-decoration)
   */
  "text-decoration"?: string;

  /**
   * The creator of SVG content might want to provide a hint about what tradeoffs to make as the browser renders text. The text-rendering attribute provides these hints.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/text-rendering)
   */
  "text-rendering"?: string;

  /**
   * The transform attribute defines a list of transform definitions that are applied to an element and the element's children. The items in the transform list are separated by whitespace and/or commas, and are applied from right to left.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/transform)
   */
  transform?: string;

  /**
   * The vector-effect property specifies the vector effect to use when drawing an object. Vector effects are applied before any of the other compositing operations, i.e. filters, masks and clips.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/vector-effect)
   */
  "vector-effect"?: string;

  /**
   * The viewBox attribute allows you to specify that a given set of graphics stretch to fit a particular container element.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/viewBox)
   */
  viewBox?: string;

  /**
   * Depending on the value of attribute pointer-events, graphics elements which have their visibility attribute set to hidden still might receive events.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/visibility)
   */
  visibility?: string;

  /**
   * This attribute indicates an horizontal length in the user coordinate system. The exact effect of this coordinate depends on each element. Most of the time, it represents the width of the rectangular region of the reference element (see each individual element's documentation for exceptions).
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/width)
   */
  width?: number | string;

  /**
   * The word-spacing attribute specifies spacing behavior between words.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/word-spacing)
   */
  "word-spacing"?: string;

  /**
   * The writing-mode attribute specifies whether the initial inline-progression-direction for a <text> element shall be left-to-right, right-to-left, or top-to-bottom. The writing-mode attribute applies only to <text> elements; the attribute is ignored for <tspan>, <tref>, <altGlyph> and <textPath> sub-elements. (Note that the inline-progression-direction can change within a <text> element due to the Unicode bidirectional algorithm and properties direction and unicode-bidi.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/writing-mode)
   */
  "writing-mode"?: string;

  /**
   * This attribute indicates an x-axis coordinate in the user coordinate system. The exact effect of this coordinate depend on each element. Most of the time, it represent the x-axis coordinate of the upper-left corner of the rectangular region of the reference element (see each individual element's documentation for exceptions).Its syntax is the same as that for <length>
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/x)
   */
  x?: string;

  /**
   * Specifies the XML Namespace of the document.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/xmlns)
   */
  xmlns?: string;

  /**
   * This attribute indicates an y-axis coordinate in the user coordinate system. The exact effect of this coordinate depend on each element. Most of the time, it represent the x-axis coordinate of the upper-left corner of the rectangular region of the reference element (see each individual element's documentation for exceptions).Its syntax is the same as that for <length>
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/y)
   */
  y?: string;
}

interface Switch extends GlobalAttributes {
  /**
   * The alignment-baseline attribute specifies how an object is aligned with respect to its parent. This property specifies which baseline of this element is to be aligned with the corresponding baseline of the parent. For example, this allows alphabetic baselines in Roman text to stay aligned across font size changes. It defaults to the baseline with the same name as the computed value of the alignment-baseline property.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/alignment-baseline)
   */
  "alignment-baseline"?: string;

  /**
   * The baseline-shift attribute allows repositioning of the dominant-baseline relative to the dominant-baseline of the parent text content element. The shifted object might be a sub- or superscript.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/baseline-shift)
   */
  "baseline-shift"?: string;

  /**
   * The clip-path attribute binds the element it is applied to with a given <clipPath> element
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/clip-path)
   */
  "clip-path"?: string;

  /**
   * The clip-rule attribute only applies to graphics elements that are contained within a <clipPath> element. The clip-rule attribute basically works as the fill-rule attribute, except that it applies to <clipPath> definitions.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/clip-rule)
   */
  "clip-rule"?: string;

  /**
   * The color attribute is used to provide a potential indirect value (currentColor) for the fill, stroke, stop-color, flood-color and lighting-color attributes.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/color)
   */
  color?: string;

  /**
   * The color-interpolation attribute specifies the color space for gradient interpolations, color animations, and alpha compositing.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/color-interpolation)
   */
  "color-interpolation"?: string;

  /**
   * The color-interpolation-filters attribute specifies the color space for imaging operations performed via filter effects.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/color-interpolation-filters)
   */
  "color-interpolation-filters"?: string;

  /**
   * The color-profile attribute is used to define which color profile a raster image included through the <image> element should use.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/color-profile)
   */
  "color-profile"?: string;

  /**
   * The color-rendering attribute provides a hint to the SVG user agent about how to optimize its color interpolation and compositing operations.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/color-rendering)
   */
  "color-rendering"?: string;

  /**
   * The cursor attribute specifies the mouse cursor displayed when the mouse pointer is over an element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/cursor)
   */
  cursor?: string;

  /**
   * The direction attribute specifies the base writing direction of text and the direction of embeddings and overrides (see unicode-bidi) for the Unicode bidirectional algorithm. For the direction attribute to have any effect on an element that does not by itself establish a new text chunk (such as a <tspan> element without absolute position adjustments due to x or y attributes), the unicode-bidi property's value must be embed or bidi-override.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/direction)
   */
  direction?: string;

  /**
   * The display attribute lets you control the rendering of graphical or container elements.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/display)
   */
  display?: string;

  /**
   * The dominant-baseline attribute is used to determine or re-determine a scaled-baseline-table. A scaled-baseline-table is a compound value with three components: a baseline-identifier for the dominant-baseline, a baseline-table and a baseline-table font-size. Some values of the property re-determine all three values; other only re-establish the baseline-table font-size. When the initial value, auto, would give an undesired result, this property can be used to explicitly set the desire scaled-baseline-table.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/dominant-baseline)
   */
  "dominant-baseline"?: string;

  /**
   * The fill attribute has two meanings based on the context it's used.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/fill)
   */
  fill?: string;

  /**
   * This attribute specifies the opacity of the color or the content the current object is filled with.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/fill-opacity)
   */
  "fill-opacity"?: string;

  /**
   * The fill-rule attribute indicates how to determine what side of a path is inside a shape, to determine how the fill property paints the shape. For a simple, non-intersecting path, it is intuitively clear what region lies "inside"; however, for a more complex path, such as a path that intersects itself or where one subpath encloses another, the interpretation of "inside" is not so obvious.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/fill-rule)
   */
  "fill-rule"?: string;

  /**
   * The filter attribute defines the filter effects define by the <filter> element that shall be applied to its element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/filter)
   */
  filter?: string;

  /**
   * The flood-color attribute indicates what color to use to flood the current filter primitive subregion defined through the <feflood> element. The keyword currentColor and ICC colors can be specified in the same manner as within a <paint> specification for the fill and stroke attributes.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/flood-color)
   */
  "flood-color"?: string;

  /**
   * The flood-opacity attribute indicates the opacity value to use across the current filter primitive subregion defined through the <feflood> element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/flood-opacity)
   */
  "flood-opacity"?: string;

  /**
   * The font-family attribute indicates which font family will be used to render the text, specified as a prioritized list of font family names and/or generic family names.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-family)
   */
  "font-family"?: string;

  /**
   * The font-size attribute refers to the size of the font from baseline to baseline when multiple lines of text are set solid in a multiline layout environment. For SVG, if a <length> is provided without a unit identifier (e.g., an unqualified number such as 128), the browser processes the <length> as a height value in the current user coordinate system.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-size)
   */
  "font-size"?: string;

  /**
   * The font-size-adjust attribute allows authors to specify an aspect value for an element that will preserve the x-height of the first choice font in a substitute font.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-size-adjust)
   */
  "font-size-adjust"?: string;

  /**
   * The font-stretch attribute indicates the desired amount of condensing or expansion in the glyphs used to render the text.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-stretch)
   */
  "font-stretch"?: string;

  /**
   * The font-style attribute specifies whether the text is to be rendered using a normal, italic or oblique face.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-style)
   */
  "font-style"?: string;

  /**
   * The font-variant attribute indicates whether the text is to be rendered using the normal glyphs for lowercase characters or using small-caps glyphs for lowercase characters.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-variant)
   */
  "font-variant"?: string;

  /**
   * The font-weight attribute refers to the boldness or lightness of the glyphs used to render the text, relative to other fonts in the same font family.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-weight)
   */
  "font-weight"?: string;

  /**
   * The image-rendering attribute provides a hint to the browser about how to make speed vs. quality tradeoffs as it performs image processing.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/image-rendering)
   */
  "image-rendering"?: string;

  /**
   * The kerning attribute indicates whether the browser should adjust inter-glyph spacing based on kerning tables that are included in the relevant font (i.e., enable auto-kerning) or instead disable auto-kerning and instead set inter-character spacing to a specific length (typically, zero).
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/kerning)
   */
  kerning?: string;

  /**
   * The letter-spacing attribute specifies spacing behavior between text characters supplemental to any spacing due to the kerning attribute.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/letter-spacing)
   */
  "letter-spacing"?: string;

  /**
   * The lighting-color attribute defines the color of the light source for filter primitives elements <fediffuselighting> and <fespecularlighting>.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/lighting-color)
   */
  "lighting-color"?: string;

  /**
   * The marker-end defines the arrowhead or polymarker that will be drawn at the final vertex of the given <path> element or basic shape. Note that for a <path> element which ends with a closed sub-path, the last vertex is the same as the initial vertex on the given sub-path. In this case, if marker-end does not equal none, then it is possible that two markers will be rendered on the given vertex. One way to prevent this is to set marker-end to none. (Note that the same comment applies to <polygon> elements.)
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/marker-end)
   */
  "marker-end"?: string;

  /**
   * The marker-mid defines the arrowhead or polymarker that shall be drawn at every vertex other than the first and last vertex of the given <path> element or basic shape.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/marker-mid)
   */
  "marker-mid"?: string;

  /**
   * The marker-start attribute defines the arrowhead or polymarker that will be drawn at the first vertex of the given <path> element or basic shape.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/marker-start)
   */
  "marker-start"?: string;

  /**
   * The mask attribute binds the element it is applied to with a given <mask> element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/mask)
   */
  mask?: string;

  /**
   * The opacity attribute specifies the transparency of an object or of a group of objects, that is, the degree to which the background behind the element is overlaid.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/opacity)
   */
  opacity?: string;

  /**
   * The overflow attribute has the same parameter values as defined for the css overflow property.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/overflow)
   */
  overflow?: string;

  /**
   * The pointer-events attribute allows authors to control whether or when an element may be the target of a mouse event. This attribute is used to specify under which circumstance (if any) a mouse event should go "through" an element and target whatever is "underneath" that element instead.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/pointer-events)
   */
  "pointer-events"?: string;

  /**
   * The creator of SVG content might want to provide a hint about what tradeoffs to make as the browser renders <path> element or basic shapes. The shape-rendering attribute provides these hints.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/shape-rendering)
   */
  "shape-rendering"?: string;

  /**
   * The stop-color attribute indicates what color to use at that gradient stop. The keyword currentColor and ICC colors can be specified in the same manner as within a <paint> specification for the fill and stroke attributes.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stop-color)
   */
  "stop-color"?: string;

  /**
   * The stop-opacity attribute defines the opacity of a given gradient stop.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stop-opacity)
   */
  "stop-opacity"?: string;

  /**
   * The stroke attribute defines the color of the outline on a given graphical element. The default value for the stroke attribute is none.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke)
   */
  stroke?: string;

  /**
   * the stroke-dasharray attribute controls the pattern of dashes and gaps used to stroke paths.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-dasharray)
   */
  "stroke-dasharray"?: string;

  /**
   * the stroke-dashoffset attribute specifies the distance into the dash pattern to start the dash.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-dashoffset)
   */
  "stroke-dashoffset"?: string;

  /**
   * the stroke-linecap attribute specifies the shape to be used at the end of open subpaths when they are stroked.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-linecap)
   */
  "stroke-linecap"?: string;

  /**
   * the stroke-linejoin attribute specifies the shape to be used at the corners of paths or basic shapes when they are stroked.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-linejoin)
   */
  "stroke-linejoin"?: string;

  /**
   * When two line segments meet at a sharp angle and miter joins have been specified for stroke-linejoin, it is possible for the miter to extend far beyond the thickness of the line stroking the path. The stroke-miterlimit imposes a limit on the ratio of the miter length to the stroke-width. When the limit is exceeded, the join is converted from a miter to a bevel.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-miterlimit)
   */
  "stroke-miterlimit"?: string;

  /**
   * the stroke-opacity attribute specifies the opacity of the outline on the current object. Its default value is 1.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-opacity)
   */
  "stroke-opacity"?: string;

  /**
   * the stroke-width attribute specifies the width of the outline on the current object. Its default value is 1. If a <percentage> is used, the value represents a percentage of the current viewport. If a value of 0 is used the outline will never be drawn.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-width)
   */
  "stroke-width"?: string;

  /**
   * The text-anchor attribute is used to align (start-, middle- or end-alignment) a string of text relative to a given point.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/text-anchor)
   */
  "text-anchor"?: string;

  /**
   * The text-decoration attribute works exactly like the css text decoration property except that it's an attribute. See css text decoration for further information.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/text-decoration)
   */
  "text-decoration"?: string;

  /**
   * The creator of SVG content might want to provide a hint about what tradeoffs to make as the browser renders text. The text-rendering attribute provides these hints.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/text-rendering)
   */
  "text-rendering"?: string;

  /**
   * The transform attribute defines a list of transform definitions that are applied to an element and the element's children. The items in the transform list are separated by whitespace and/or commas, and are applied from right to left.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/transform)
   */
  transform?: string;

  /**
   * The vector-effect property specifies the vector effect to use when drawing an object. Vector effects are applied before any of the other compositing operations, i.e. filters, masks and clips.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/vector-effect)
   */
  "vector-effect"?: string;

  /**
   * Depending on the value of attribute pointer-events, graphics elements which have their visibility attribute set to hidden still might receive events.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/visibility)
   */
  visibility?: string;

  /**
   * The word-spacing attribute specifies spacing behavior between words.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/word-spacing)
   */
  "word-spacing"?: string;

  /**
   * The writing-mode attribute specifies whether the initial inline-progression-direction for a <text> element shall be left-to-right, right-to-left, or top-to-bottom. The writing-mode attribute applies only to <text> elements; the attribute is ignored for <tspan>, <tref>, <altGlyph> and <textPath> sub-elements. (Note that the inline-progression-direction can change within a <text> element due to the Unicode bidirectional algorithm and properties direction and unicode-bidi.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/writing-mode)
   */
  "writing-mode"?: string;
}

interface Symbol extends GlobalAttributes {
  /**
   * The alignment-baseline attribute specifies how an object is aligned with respect to its parent. This property specifies which baseline of this element is to be aligned with the corresponding baseline of the parent. For example, this allows alphabetic baselines in Roman text to stay aligned across font size changes. It defaults to the baseline with the same name as the computed value of the alignment-baseline property.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/alignment-baseline)
   */
  "alignment-baseline"?: string;

  /**
   * The baseline-shift attribute allows repositioning of the dominant-baseline relative to the dominant-baseline of the parent text content element. The shifted object might be a sub- or superscript.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/baseline-shift)
   */
  "baseline-shift"?: string;

  /**
   * The clip-path attribute binds the element it is applied to with a given <clipPath> element
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/clip-path)
   */
  "clip-path"?: string;

  /**
   * The clip-rule attribute only applies to graphics elements that are contained within a <clipPath> element. The clip-rule attribute basically works as the fill-rule attribute, except that it applies to <clipPath> definitions.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/clip-rule)
   */
  "clip-rule"?: string;

  /**
   * The color attribute is used to provide a potential indirect value (currentColor) for the fill, stroke, stop-color, flood-color and lighting-color attributes.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/color)
   */
  color?: string;

  /**
   * The color-interpolation attribute specifies the color space for gradient interpolations, color animations, and alpha compositing.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/color-interpolation)
   */
  "color-interpolation"?: string;

  /**
   * The color-interpolation-filters attribute specifies the color space for imaging operations performed via filter effects.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/color-interpolation-filters)
   */
  "color-interpolation-filters"?: string;

  /**
   * The color-profile attribute is used to define which color profile a raster image included through the <image> element should use.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/color-profile)
   */
  "color-profile"?: string;

  /**
   * The color-rendering attribute provides a hint to the SVG user agent about how to optimize its color interpolation and compositing operations.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/color-rendering)
   */
  "color-rendering"?: string;

  /**
   * The cursor attribute specifies the mouse cursor displayed when the mouse pointer is over an element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/cursor)
   */
  cursor?: string;

  /**
   * The direction attribute specifies the base writing direction of text and the direction of embeddings and overrides (see unicode-bidi) for the Unicode bidirectional algorithm. For the direction attribute to have any effect on an element that does not by itself establish a new text chunk (such as a <tspan> element without absolute position adjustments due to x or y attributes), the unicode-bidi property's value must be embed or bidi-override.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/direction)
   */
  direction?: string;

  /**
   * The display attribute lets you control the rendering of graphical or container elements.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/display)
   */
  display?: string;

  /**
   * The dominant-baseline attribute is used to determine or re-determine a scaled-baseline-table. A scaled-baseline-table is a compound value with three components: a baseline-identifier for the dominant-baseline, a baseline-table and a baseline-table font-size. Some values of the property re-determine all three values; other only re-establish the baseline-table font-size. When the initial value, auto, would give an undesired result, this property can be used to explicitly set the desire scaled-baseline-table.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/dominant-baseline)
   */
  "dominant-baseline"?: string;

  /**
   * The fill attribute has two meanings based on the context it's used.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/fill)
   */
  fill?: string;

  /**
   * This attribute specifies the opacity of the color or the content the current object is filled with.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/fill-opacity)
   */
  "fill-opacity"?: string;

  /**
   * The fill-rule attribute indicates how to determine what side of a path is inside a shape, to determine how the fill property paints the shape. For a simple, non-intersecting path, it is intuitively clear what region lies "inside"; however, for a more complex path, such as a path that intersects itself or where one subpath encloses another, the interpretation of "inside" is not so obvious.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/fill-rule)
   */
  "fill-rule"?: string;

  /**
   * The filter attribute defines the filter effects define by the <filter> element that shall be applied to its element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/filter)
   */
  filter?: string;

  /**
   * The flood-color attribute indicates what color to use to flood the current filter primitive subregion defined through the <feflood> element. The keyword currentColor and ICC colors can be specified in the same manner as within a <paint> specification for the fill and stroke attributes.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/flood-color)
   */
  "flood-color"?: string;

  /**
   * The flood-opacity attribute indicates the opacity value to use across the current filter primitive subregion defined through the <feflood> element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/flood-opacity)
   */
  "flood-opacity"?: string;

  /**
   * The font-family attribute indicates which font family will be used to render the text, specified as a prioritized list of font family names and/or generic family names.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-family)
   */
  "font-family"?: string;

  /**
   * The font-size attribute refers to the size of the font from baseline to baseline when multiple lines of text are set solid in a multiline layout environment. For SVG, if a <length> is provided without a unit identifier (e.g., an unqualified number such as 128), the browser processes the <length> as a height value in the current user coordinate system.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-size)
   */
  "font-size"?: string;

  /**
   * The font-size-adjust attribute allows authors to specify an aspect value for an element that will preserve the x-height of the first choice font in a substitute font.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-size-adjust)
   */
  "font-size-adjust"?: string;

  /**
   * The font-stretch attribute indicates the desired amount of condensing or expansion in the glyphs used to render the text.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-stretch)
   */
  "font-stretch"?: string;

  /**
   * The font-style attribute specifies whether the text is to be rendered using a normal, italic or oblique face.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-style)
   */
  "font-style"?: string;

  /**
   * The font-variant attribute indicates whether the text is to be rendered using the normal glyphs for lowercase characters or using small-caps glyphs for lowercase characters.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-variant)
   */
  "font-variant"?: string;

  /**
   * The font-weight attribute refers to the boldness or lightness of the glyphs used to render the text, relative to other fonts in the same font family.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-weight)
   */
  "font-weight"?: string;

  /**
   * This attribute indicates a vertical length in the user coordinate system. The exact effect of this coordinate depends on each element. Most of the time, it represents the height of the rectangular region of the reference element (see each individual element's documentation for exceptions).
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/height)
   */
  height?: number | string;

  /**
   * The image-rendering attribute provides a hint to the browser about how to make speed vs. quality tradeoffs as it performs image processing.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/image-rendering)
   */
  "image-rendering"?: string;

  /**
   * The kerning attribute indicates whether the browser should adjust inter-glyph spacing based on kerning tables that are included in the relevant font (i.e., enable auto-kerning) or instead disable auto-kerning and instead set inter-character spacing to a specific length (typically, zero).
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/kerning)
   */
  kerning?: string;

  /**
   * The letter-spacing attribute specifies spacing behavior between text characters supplemental to any spacing due to the kerning attribute.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/letter-spacing)
   */
  "letter-spacing"?: string;

  /**
   * The lighting-color attribute defines the color of the light source for filter primitives elements <fediffuselighting> and <fespecularlighting>.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/lighting-color)
   */
  "lighting-color"?: string;

  /**
   * The marker-end defines the arrowhead or polymarker that will be drawn at the final vertex of the given <path> element or basic shape. Note that for a <path> element which ends with a closed sub-path, the last vertex is the same as the initial vertex on the given sub-path. In this case, if marker-end does not equal none, then it is possible that two markers will be rendered on the given vertex. One way to prevent this is to set marker-end to none. (Note that the same comment applies to <polygon> elements.)
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/marker-end)
   */
  "marker-end"?: string;

  /**
   * The marker-mid defines the arrowhead or polymarker that shall be drawn at every vertex other than the first and last vertex of the given <path> element or basic shape.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/marker-mid)
   */
  "marker-mid"?: string;

  /**
   * The marker-start attribute defines the arrowhead or polymarker that will be drawn at the first vertex of the given <path> element or basic shape.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/marker-start)
   */
  "marker-start"?: string;

  /**
   * The mask attribute binds the element it is applied to with a given <mask> element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/mask)
   */
  mask?: string;

  /**
   * The opacity attribute specifies the transparency of an object or of a group of objects, that is, the degree to which the background behind the element is overlaid.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/opacity)
   */
  opacity?: string;

  /**
   * The overflow attribute has the same parameter values as defined for the css overflow property.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/overflow)
   */
  overflow?: string;

  /**
   * The pointer-events attribute allows authors to control whether or when an element may be the target of a mouse event. This attribute is used to specify under which circumstance (if any) a mouse event should go "through" an element and target whatever is "underneath" that element instead.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/pointer-events)
   */
  "pointer-events"?: string;

  /**
   * In some cases, typically when using the viewBox attribute, it is desirable that the graphics stretch to fit non-uniformly to take up the entire viewport. In other cases, it is desirable that uniform scaling be used for the purposes of preserving the aspect ratio of the graphics.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/preserveAspectRatio)
   */
  preserveAspectRatio?: string;

  /**
   * Defines the x coordinate for the reference point of the marker.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/refX)
   */
  refX?: string;

  /**
   * Defines the y coordinate for the reference point of the marker.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/refY)
   */
  refY?: string;

  /**
   * The creator of SVG content might want to provide a hint about what tradeoffs to make as the browser renders <path> element or basic shapes. The shape-rendering attribute provides these hints.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/shape-rendering)
   */
  "shape-rendering"?: string;

  /**
   * The stop-color attribute indicates what color to use at that gradient stop. The keyword currentColor and ICC colors can be specified in the same manner as within a <paint> specification for the fill and stroke attributes.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stop-color)
   */
  "stop-color"?: string;

  /**
   * The stop-opacity attribute defines the opacity of a given gradient stop.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stop-opacity)
   */
  "stop-opacity"?: string;

  /**
   * The stroke attribute defines the color of the outline on a given graphical element. The default value for the stroke attribute is none.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke)
   */
  stroke?: string;

  /**
   * the stroke-dasharray attribute controls the pattern of dashes and gaps used to stroke paths.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-dasharray)
   */
  "stroke-dasharray"?: string;

  /**
   * the stroke-dashoffset attribute specifies the distance into the dash pattern to start the dash.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-dashoffset)
   */
  "stroke-dashoffset"?: string;

  /**
   * the stroke-linecap attribute specifies the shape to be used at the end of open subpaths when they are stroked.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-linecap)
   */
  "stroke-linecap"?: string;

  /**
   * the stroke-linejoin attribute specifies the shape to be used at the corners of paths or basic shapes when they are stroked.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-linejoin)
   */
  "stroke-linejoin"?: string;

  /**
   * When two line segments meet at a sharp angle and miter joins have been specified for stroke-linejoin, it is possible for the miter to extend far beyond the thickness of the line stroking the path. The stroke-miterlimit imposes a limit on the ratio of the miter length to the stroke-width. When the limit is exceeded, the join is converted from a miter to a bevel.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-miterlimit)
   */
  "stroke-miterlimit"?: string;

  /**
   * the stroke-opacity attribute specifies the opacity of the outline on the current object. Its default value is 1.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-opacity)
   */
  "stroke-opacity"?: string;

  /**
   * the stroke-width attribute specifies the width of the outline on the current object. Its default value is 1. If a <percentage> is used, the value represents a percentage of the current viewport. If a value of 0 is used the outline will never be drawn.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-width)
   */
  "stroke-width"?: string;

  /**
   * The text-anchor attribute is used to align (start-, middle- or end-alignment) a string of text relative to a given point.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/text-anchor)
   */
  "text-anchor"?: string;

  /**
   * The text-decoration attribute works exactly like the css text decoration property except that it's an attribute. See css text decoration for further information.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/text-decoration)
   */
  "text-decoration"?: string;

  /**
   * The creator of SVG content might want to provide a hint about what tradeoffs to make as the browser renders text. The text-rendering attribute provides these hints.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/text-rendering)
   */
  "text-rendering"?: string;

  /**
   * The transform attribute defines a list of transform definitions that are applied to an element and the element's children. The items in the transform list are separated by whitespace and/or commas, and are applied from right to left.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/transform)
   */
  transform?: string;

  /**
   * The vector-effect property specifies the vector effect to use when drawing an object. Vector effects are applied before any of the other compositing operations, i.e. filters, masks and clips.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/vector-effect)
   */
  "vector-effect"?: string;

  /**
   * The viewBox attribute allows you to specify that a given set of graphics stretch to fit a particular container element.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/viewBox)
   */
  viewBox?: string;

  /**
   * Depending on the value of attribute pointer-events, graphics elements which have their visibility attribute set to hidden still might receive events.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/visibility)
   */
  visibility?: string;

  /**
   * This attribute indicates an horizontal length in the user coordinate system. The exact effect of this coordinate depends on each element. Most of the time, it represents the width of the rectangular region of the reference element (see each individual element's documentation for exceptions).
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/width)
   */
  width?: number | string;

  /**
   * The word-spacing attribute specifies spacing behavior between words.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/word-spacing)
   */
  "word-spacing"?: string;

  /**
   * The writing-mode attribute specifies whether the initial inline-progression-direction for a <text> element shall be left-to-right, right-to-left, or top-to-bottom. The writing-mode attribute applies only to <text> elements; the attribute is ignored for <tspan>, <tref>, <altGlyph> and <textPath> sub-elements. (Note that the inline-progression-direction can change within a <text> element due to the Unicode bidirectional algorithm and properties direction and unicode-bidi.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/writing-mode)
   */
  "writing-mode"?: string;

  /**
   * This attribute indicates an x-axis coordinate in the user coordinate system. The exact effect of this coordinate depend on each element. Most of the time, it represent the x-axis coordinate of the upper-left corner of the rectangular region of the reference element (see each individual element's documentation for exceptions).Its syntax is the same as that for <length>
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/x)
   */
  x?: string;

  /**
   * This attribute indicates an y-axis coordinate in the user coordinate system. The exact effect of this coordinate depend on each element. Most of the time, it represent the x-axis coordinate of the upper-left corner of the rectangular region of the reference element (see each individual element's documentation for exceptions).Its syntax is the same as that for <length>
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/y)
   */
  y?: string;
}

interface Text extends GlobalAttributes {
  /**
   * The alignment-baseline attribute specifies how an object is aligned with respect to its parent. This property specifies which baseline of this element is to be aligned with the corresponding baseline of the parent. For example, this allows alphabetic baselines in Roman text to stay aligned across font size changes. It defaults to the baseline with the same name as the computed value of the alignment-baseline property.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/alignment-baseline)
   */
  "alignment-baseline"?: string;

  /**
   * The baseline-shift attribute allows repositioning of the dominant-baseline relative to the dominant-baseline of the parent text content element. The shifted object might be a sub- or superscript.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/baseline-shift)
   */
  "baseline-shift"?: string;

  /**
   * The clip-path attribute binds the element it is applied to with a given <clipPath> element
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/clip-path)
   */
  "clip-path"?: string;

  /**
   * The clip-rule attribute only applies to graphics elements that are contained within a <clipPath> element. The clip-rule attribute basically works as the fill-rule attribute, except that it applies to <clipPath> definitions.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/clip-rule)
   */
  "clip-rule"?: string;

  /**
   * The color attribute is used to provide a potential indirect value (currentColor) for the fill, stroke, stop-color, flood-color and lighting-color attributes.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/color)
   */
  color?: string;

  /**
   * The color-interpolation attribute specifies the color space for gradient interpolations, color animations, and alpha compositing.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/color-interpolation)
   */
  "color-interpolation"?: string;

  /**
   * The color-interpolation-filters attribute specifies the color space for imaging operations performed via filter effects.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/color-interpolation-filters)
   */
  "color-interpolation-filters"?: string;

  /**
   * The color-profile attribute is used to define which color profile a raster image included through the <image> element should use.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/color-profile)
   */
  "color-profile"?: string;

  /**
   * The color-rendering attribute provides a hint to the SVG user agent about how to optimize its color interpolation and compositing operations.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/color-rendering)
   */
  "color-rendering"?: string;

  /**
   * The cursor attribute specifies the mouse cursor displayed when the mouse pointer is over an element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/cursor)
   */
  cursor?: string;

  /**
   * The direction attribute specifies the base writing direction of text and the direction of embeddings and overrides (see unicode-bidi) for the Unicode bidirectional algorithm. For the direction attribute to have any effect on an element that does not by itself establish a new text chunk (such as a <tspan> element without absolute position adjustments due to x or y attributes), the unicode-bidi property's value must be embed or bidi-override.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/direction)
   */
  direction?: string;

  /**
   * The display attribute lets you control the rendering of graphical or container elements.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/display)
   */
  display?: string;

  /**
   * The dominant-baseline attribute is used to determine or re-determine a scaled-baseline-table. A scaled-baseline-table is a compound value with three components: a baseline-identifier for the dominant-baseline, a baseline-table and a baseline-table font-size. Some values of the property re-determine all three values; other only re-establish the baseline-table font-size. When the initial value, auto, would give an undesired result, this property can be used to explicitly set the desire scaled-baseline-table.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/dominant-baseline)
   */
  "dominant-baseline"?: string;

  /**
   * The dx attribute indicates a shift along the x-axis on the position of an element or its content. What exactly is shifted depends on the element for which this attribute is set.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/dx)
   */
  dx?: string;

  /**
   * The dy attribute indicates a shift along the y-axis on the position of an element or its content. What exactly is shifted depends on the element for which this attribute is set.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/dy)
   */
  dy?: string;

  /**
   * The fill attribute has two meanings based on the context it's used.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/fill)
   */
  fill?: string;

  /**
   * This attribute specifies the opacity of the color or the content the current object is filled with.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/fill-opacity)
   */
  "fill-opacity"?: string;

  /**
   * The fill-rule attribute indicates how to determine what side of a path is inside a shape, to determine how the fill property paints the shape. For a simple, non-intersecting path, it is intuitively clear what region lies "inside"; however, for a more complex path, such as a path that intersects itself or where one subpath encloses another, the interpretation of "inside" is not so obvious.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/fill-rule)
   */
  "fill-rule"?: string;

  /**
   * The filter attribute defines the filter effects define by the <filter> element that shall be applied to its element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/filter)
   */
  filter?: string;

  /**
   * The flood-color attribute indicates what color to use to flood the current filter primitive subregion defined through the <feflood> element. The keyword currentColor and ICC colors can be specified in the same manner as within a <paint> specification for the fill and stroke attributes.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/flood-color)
   */
  "flood-color"?: string;

  /**
   * The flood-opacity attribute indicates the opacity value to use across the current filter primitive subregion defined through the <feflood> element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/flood-opacity)
   */
  "flood-opacity"?: string;

  /**
   * The font-family attribute indicates which font family will be used to render the text, specified as a prioritized list of font family names and/or generic family names.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-family)
   */
  "font-family"?: string;

  /**
   * The font-size attribute refers to the size of the font from baseline to baseline when multiple lines of text are set solid in a multiline layout environment. For SVG, if a <length> is provided without a unit identifier (e.g., an unqualified number such as 128), the browser processes the <length> as a height value in the current user coordinate system.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-size)
   */
  "font-size"?: string;

  /**
   * The font-size-adjust attribute allows authors to specify an aspect value for an element that will preserve the x-height of the first choice font in a substitute font.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-size-adjust)
   */
  "font-size-adjust"?: string;

  /**
   * The font-stretch attribute indicates the desired amount of condensing or expansion in the glyphs used to render the text.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-stretch)
   */
  "font-stretch"?: string;

  /**
   * The font-style attribute specifies whether the text is to be rendered using a normal, italic or oblique face.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-style)
   */
  "font-style"?: string;

  /**
   * The font-variant attribute indicates whether the text is to be rendered using the normal glyphs for lowercase characters or using small-caps glyphs for lowercase characters.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-variant)
   */
  "font-variant"?: string;

  /**
   * The font-weight attribute refers to the boldness or lightness of the glyphs used to render the text, relative to other fonts in the same font family.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-weight)
   */
  "font-weight"?: string;

  /**
   * The image-rendering attribute provides a hint to the browser about how to make speed vs. quality tradeoffs as it performs image processing.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/image-rendering)
   */
  "image-rendering"?: string;

  /**
   * The kerning attribute indicates whether the browser should adjust inter-glyph spacing based on kerning tables that are included in the relevant font (i.e., enable auto-kerning) or instead disable auto-kerning and instead set inter-character spacing to a specific length (typically, zero).
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/kerning)
   */
  kerning?: string;

  /**
   * How the text is stretched or compressed to fit the width defined by the textLength attribute.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/lengthAdjust)
   */
  lengthAdjust?: string;

  /**
   * The letter-spacing attribute specifies spacing behavior between text characters supplemental to any spacing due to the kerning attribute.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/letter-spacing)
   */
  "letter-spacing"?: string;

  /**
   * The lighting-color attribute defines the color of the light source for filter primitives elements <fediffuselighting> and <fespecularlighting>.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/lighting-color)
   */
  "lighting-color"?: string;

  /**
   * The marker-end defines the arrowhead or polymarker that will be drawn at the final vertex of the given <path> element or basic shape. Note that for a <path> element which ends with a closed sub-path, the last vertex is the same as the initial vertex on the given sub-path. In this case, if marker-end does not equal none, then it is possible that two markers will be rendered on the given vertex. One way to prevent this is to set marker-end to none. (Note that the same comment applies to <polygon> elements.)
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/marker-end)
   */
  "marker-end"?: string;

  /**
   * The marker-mid defines the arrowhead or polymarker that shall be drawn at every vertex other than the first and last vertex of the given <path> element or basic shape.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/marker-mid)
   */
  "marker-mid"?: string;

  /**
   * The marker-start attribute defines the arrowhead or polymarker that will be drawn at the first vertex of the given <path> element or basic shape.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/marker-start)
   */
  "marker-start"?: string;

  /**
   * The mask attribute binds the element it is applied to with a given <mask> element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/mask)
   */
  mask?: string;

  /**
   * The opacity attribute specifies the transparency of an object or of a group of objects, that is, the degree to which the background behind the element is overlaid.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/opacity)
   */
  opacity?: string;

  /**
   * The overflow attribute has the same parameter values as defined for the css overflow property.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/overflow)
   */
  overflow?: string;

  /**
   * The pointer-events attribute allows authors to control whether or when an element may be the target of a mouse event. This attribute is used to specify under which circumstance (if any) a mouse event should go "through" an element and target whatever is "underneath" that element instead.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/pointer-events)
   */
  "pointer-events"?: string;

  /**
   * defines a rotation applied to the element animated along a path, usually to make it pointing in the direction of the animation.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/rotate)
   */
  rotate?: string;

  /**
   * The creator of SVG content might want to provide a hint about what tradeoffs to make as the browser renders <path> element or basic shapes. The shape-rendering attribute provides these hints.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/shape-rendering)
   */
  "shape-rendering"?: string;

  /**
   * The stop-color attribute indicates what color to use at that gradient stop. The keyword currentColor and ICC colors can be specified in the same manner as within a <paint> specification for the fill and stroke attributes.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stop-color)
   */
  "stop-color"?: string;

  /**
   * The stop-opacity attribute defines the opacity of a given gradient stop.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stop-opacity)
   */
  "stop-opacity"?: string;

  /**
   * The stroke attribute defines the color of the outline on a given graphical element. The default value for the stroke attribute is none.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke)
   */
  stroke?: string;

  /**
   * the stroke-dasharray attribute controls the pattern of dashes and gaps used to stroke paths.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-dasharray)
   */
  "stroke-dasharray"?: string;

  /**
   * the stroke-dashoffset attribute specifies the distance into the dash pattern to start the dash.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-dashoffset)
   */
  "stroke-dashoffset"?: string;

  /**
   * the stroke-linecap attribute specifies the shape to be used at the end of open subpaths when they are stroked.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-linecap)
   */
  "stroke-linecap"?: string;

  /**
   * the stroke-linejoin attribute specifies the shape to be used at the corners of paths or basic shapes when they are stroked.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-linejoin)
   */
  "stroke-linejoin"?: string;

  /**
   * When two line segments meet at a sharp angle and miter joins have been specified for stroke-linejoin, it is possible for the miter to extend far beyond the thickness of the line stroking the path. The stroke-miterlimit imposes a limit on the ratio of the miter length to the stroke-width. When the limit is exceeded, the join is converted from a miter to a bevel.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-miterlimit)
   */
  "stroke-miterlimit"?: string;

  /**
   * the stroke-opacity attribute specifies the opacity of the outline on the current object. Its default value is 1.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-opacity)
   */
  "stroke-opacity"?: string;

  /**
   * the stroke-width attribute specifies the width of the outline on the current object. Its default value is 1. If a <percentage> is used, the value represents a percentage of the current viewport. If a value of 0 is used the outline will never be drawn.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-width)
   */
  "stroke-width"?: string;

  /**
   * The text-anchor attribute is used to align (start-, middle- or end-alignment) a string of text relative to a given point.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/text-anchor)
   */
  "text-anchor"?: string;

  /**
   * The text-decoration attribute works exactly like the css text decoration property except that it's an attribute. See css text decoration for further information.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/text-decoration)
   */
  "text-decoration"?: string;

  /**
   * The creator of SVG content might want to provide a hint about what tradeoffs to make as the browser renders text. The text-rendering attribute provides these hints.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/text-rendering)
   */
  "text-rendering"?: string;

  /**
   * A width that the text should be scaled to fit.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/textLength)
   */
  textLength?: string;

  /**
   * The transform attribute defines a list of transform definitions that are applied to an element and the element's children. The items in the transform list are separated by whitespace and/or commas, and are applied from right to left.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/transform)
   */
  transform?: string;

  /**
   * The vector-effect property specifies the vector effect to use when drawing an object. Vector effects are applied before any of the other compositing operations, i.e. filters, masks and clips.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/vector-effect)
   */
  "vector-effect"?: string;

  /**
   * Depending on the value of attribute pointer-events, graphics elements which have their visibility attribute set to hidden still might receive events.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/visibility)
   */
  visibility?: string;

  /**
   * The word-spacing attribute specifies spacing behavior between words.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/word-spacing)
   */
  "word-spacing"?: string;

  /**
   * The writing-mode attribute specifies whether the initial inline-progression-direction for a <text> element shall be left-to-right, right-to-left, or top-to-bottom. The writing-mode attribute applies only to <text> elements; the attribute is ignored for <tspan>, <tref>, <altGlyph> and <textPath> sub-elements. (Note that the inline-progression-direction can change within a <text> element due to the Unicode bidirectional algorithm and properties direction and unicode-bidi.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/writing-mode)
   */
  "writing-mode"?: string;

  /**
   * This attribute indicates an x-axis coordinate in the user coordinate system. The exact effect of this coordinate depend on each element. Most of the time, it represent the x-axis coordinate of the upper-left corner of the rectangular region of the reference element (see each individual element's documentation for exceptions).Its syntax is the same as that for <length>
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/x)
   */
  x?: string;

  /**
   * This attribute indicates an y-axis coordinate in the user coordinate system. The exact effect of this coordinate depend on each element. Most of the time, it represent the x-axis coordinate of the upper-left corner of the rectangular region of the reference element (see each individual element's documentation for exceptions).Its syntax is the same as that for <length>
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/y)
   */
  y?: string;
}

interface TextPath extends GlobalAttributes {
  /**
   * The alignment-baseline attribute specifies how an object is aligned with respect to its parent. This property specifies which baseline of this element is to be aligned with the corresponding baseline of the parent. For example, this allows alphabetic baselines in Roman text to stay aligned across font size changes. It defaults to the baseline with the same name as the computed value of the alignment-baseline property.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/alignment-baseline)
   */
  "alignment-baseline"?: string;

  /**
   * The baseline-shift attribute allows repositioning of the dominant-baseline relative to the dominant-baseline of the parent text content element. The shifted object might be a sub- or superscript.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/baseline-shift)
   */
  "baseline-shift"?: string;

  /**
   * The clip-path attribute binds the element it is applied to with a given <clipPath> element
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/clip-path)
   */
  "clip-path"?: string;

  /**
   * The clip-rule attribute only applies to graphics elements that are contained within a <clipPath> element. The clip-rule attribute basically works as the fill-rule attribute, except that it applies to <clipPath> definitions.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/clip-rule)
   */
  "clip-rule"?: string;

  /**
   * The color attribute is used to provide a potential indirect value (currentColor) for the fill, stroke, stop-color, flood-color and lighting-color attributes.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/color)
   */
  color?: string;

  /**
   * The color-interpolation attribute specifies the color space for gradient interpolations, color animations, and alpha compositing.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/color-interpolation)
   */
  "color-interpolation"?: string;

  /**
   * The color-interpolation-filters attribute specifies the color space for imaging operations performed via filter effects.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/color-interpolation-filters)
   */
  "color-interpolation-filters"?: string;

  /**
   * The color-profile attribute is used to define which color profile a raster image included through the <image> element should use.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/color-profile)
   */
  "color-profile"?: string;

  /**
   * The color-rendering attribute provides a hint to the SVG user agent about how to optimize its color interpolation and compositing operations.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/color-rendering)
   */
  "color-rendering"?: string;

  /**
   * The cursor attribute specifies the mouse cursor displayed when the mouse pointer is over an element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/cursor)
   */
  cursor?: string;

  /**
   * The direction attribute specifies the base writing direction of text and the direction of embeddings and overrides (see unicode-bidi) for the Unicode bidirectional algorithm. For the direction attribute to have any effect on an element that does not by itself establish a new text chunk (such as a <tspan> element without absolute position adjustments due to x or y attributes), the unicode-bidi property's value must be embed or bidi-override.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/direction)
   */
  direction?: string;

  /**
   * The display attribute lets you control the rendering of graphical or container elements.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/display)
   */
  display?: string;

  /**
   * The dominant-baseline attribute is used to determine or re-determine a scaled-baseline-table. A scaled-baseline-table is a compound value with three components: a baseline-identifier for the dominant-baseline, a baseline-table and a baseline-table font-size. Some values of the property re-determine all three values; other only re-establish the baseline-table font-size. When the initial value, auto, would give an undesired result, this property can be used to explicitly set the desire scaled-baseline-table.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/dominant-baseline)
   */
  "dominant-baseline"?: string;

  /**
   * The fill attribute has two meanings based on the context it's used.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/fill)
   */
  fill?: string;

  /**
   * This attribute specifies the opacity of the color or the content the current object is filled with.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/fill-opacity)
   */
  "fill-opacity"?: string;

  /**
   * The fill-rule attribute indicates how to determine what side of a path is inside a shape, to determine how the fill property paints the shape. For a simple, non-intersecting path, it is intuitively clear what region lies "inside"; however, for a more complex path, such as a path that intersects itself or where one subpath encloses another, the interpretation of "inside" is not so obvious.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/fill-rule)
   */
  "fill-rule"?: string;

  /**
   * The filter attribute defines the filter effects define by the <filter> element that shall be applied to its element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/filter)
   */
  filter?: string;

  /**
   * The flood-color attribute indicates what color to use to flood the current filter primitive subregion defined through the <feflood> element. The keyword currentColor and ICC colors can be specified in the same manner as within a <paint> specification for the fill and stroke attributes.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/flood-color)
   */
  "flood-color"?: string;

  /**
   * The flood-opacity attribute indicates the opacity value to use across the current filter primitive subregion defined through the <feflood> element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/flood-opacity)
   */
  "flood-opacity"?: string;

  /**
   * The font-family attribute indicates which font family will be used to render the text, specified as a prioritized list of font family names and/or generic family names.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-family)
   */
  "font-family"?: string;

  /**
   * The font-size attribute refers to the size of the font from baseline to baseline when multiple lines of text are set solid in a multiline layout environment. For SVG, if a <length> is provided without a unit identifier (e.g., an unqualified number such as 128), the browser processes the <length> as a height value in the current user coordinate system.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-size)
   */
  "font-size"?: string;

  /**
   * The font-size-adjust attribute allows authors to specify an aspect value for an element that will preserve the x-height of the first choice font in a substitute font.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-size-adjust)
   */
  "font-size-adjust"?: string;

  /**
   * The font-stretch attribute indicates the desired amount of condensing or expansion in the glyphs used to render the text.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-stretch)
   */
  "font-stretch"?: string;

  /**
   * The font-style attribute specifies whether the text is to be rendered using a normal, italic or oblique face.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-style)
   */
  "font-style"?: string;

  /**
   * The font-variant attribute indicates whether the text is to be rendered using the normal glyphs for lowercase characters or using small-caps glyphs for lowercase characters.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-variant)
   */
  "font-variant"?: string;

  /**
   * The font-weight attribute refers to the boldness or lightness of the glyphs used to render the text, relative to other fonts in the same font family.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-weight)
   */
  "font-weight"?: string;

  /**
   * This attribute indicates the name of the attribute in the parent element that is going to be changed during an animation.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/href)
   */
  href?: string;

  /**
   * The image-rendering attribute provides a hint to the browser about how to make speed vs. quality tradeoffs as it performs image processing.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/image-rendering)
   */
  "image-rendering"?: string;

  /**
   * The kerning attribute indicates whether the browser should adjust inter-glyph spacing based on kerning tables that are included in the relevant font (i.e., enable auto-kerning) or instead disable auto-kerning and instead set inter-character spacing to a specific length (typically, zero).
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/kerning)
   */
  kerning?: string;

  /**
   * How the text is stretched or compressed to fit the width defined by the textLength attribute.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/lengthAdjust)
   */
  lengthAdjust?: string;

  /**
   * The letter-spacing attribute specifies spacing behavior between text characters supplemental to any spacing due to the kerning attribute.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/letter-spacing)
   */
  "letter-spacing"?: string;

  /**
   * The lighting-color attribute defines the color of the light source for filter primitives elements <fediffuselighting> and <fespecularlighting>.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/lighting-color)
   */
  "lighting-color"?: string;

  /**
   * The marker-end defines the arrowhead or polymarker that will be drawn at the final vertex of the given <path> element or basic shape. Note that for a <path> element which ends with a closed sub-path, the last vertex is the same as the initial vertex on the given sub-path. In this case, if marker-end does not equal none, then it is possible that two markers will be rendered on the given vertex. One way to prevent this is to set marker-end to none. (Note that the same comment applies to <polygon> elements.)
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/marker-end)
   */
  "marker-end"?: string;

  /**
   * The marker-mid defines the arrowhead or polymarker that shall be drawn at every vertex other than the first and last vertex of the given <path> element or basic shape.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/marker-mid)
   */
  "marker-mid"?: string;

  /**
   * The marker-start attribute defines the arrowhead or polymarker that will be drawn at the first vertex of the given <path> element or basic shape.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/marker-start)
   */
  "marker-start"?: string;

  /**
   * The mask attribute binds the element it is applied to with a given <mask> element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/mask)
   */
  mask?: string;

  /**
   * Which method to render individual glyphs along the path.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/method)
   */
  method?: string;

  /**
   * The opacity attribute specifies the transparency of an object or of a group of objects, that is, the degree to which the background behind the element is overlaid.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/opacity)
   */
  opacity?: string;

  /**
   * The overflow attribute has the same parameter values as defined for the css overflow property.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/overflow)
   */
  overflow?: string;

  /**
   * The pointer-events attribute allows authors to control whether or when an element may be the target of a mouse event. This attribute is used to specify under which circumstance (if any) a mouse event should go "through" an element and target whatever is "underneath" that element instead.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/pointer-events)
   */
  "pointer-events"?: string;

  /**
   * The creator of SVG content might want to provide a hint about what tradeoffs to make as the browser renders <path> element or basic shapes. The shape-rendering attribute provides these hints.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/shape-rendering)
   */
  "shape-rendering"?: string;

  /**
   * How space between glyphs should be handled.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/spacing)
   */
  spacing?: string;

  /**
   * How far the beginning of the text should be offset from the beginning of the path.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/startOffset)
   */
  startOffset?: string;

  /**
   * The stop-color attribute indicates what color to use at that gradient stop. The keyword currentColor and ICC colors can be specified in the same manner as within a <paint> specification for the fill and stroke attributes.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stop-color)
   */
  "stop-color"?: string;

  /**
   * The stop-opacity attribute defines the opacity of a given gradient stop.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stop-opacity)
   */
  "stop-opacity"?: string;

  /**
   * The stroke attribute defines the color of the outline on a given graphical element. The default value for the stroke attribute is none.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke)
   */
  stroke?: string;

  /**
   * the stroke-dasharray attribute controls the pattern of dashes and gaps used to stroke paths.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-dasharray)
   */
  "stroke-dasharray"?: string;

  /**
   * the stroke-dashoffset attribute specifies the distance into the dash pattern to start the dash.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-dashoffset)
   */
  "stroke-dashoffset"?: string;

  /**
   * the stroke-linecap attribute specifies the shape to be used at the end of open subpaths when they are stroked.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-linecap)
   */
  "stroke-linecap"?: string;

  /**
   * the stroke-linejoin attribute specifies the shape to be used at the corners of paths or basic shapes when they are stroked.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-linejoin)
   */
  "stroke-linejoin"?: string;

  /**
   * When two line segments meet at a sharp angle and miter joins have been specified for stroke-linejoin, it is possible for the miter to extend far beyond the thickness of the line stroking the path. The stroke-miterlimit imposes a limit on the ratio of the miter length to the stroke-width. When the limit is exceeded, the join is converted from a miter to a bevel.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-miterlimit)
   */
  "stroke-miterlimit"?: string;

  /**
   * the stroke-opacity attribute specifies the opacity of the outline on the current object. Its default value is 1.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-opacity)
   */
  "stroke-opacity"?: string;

  /**
   * the stroke-width attribute specifies the width of the outline on the current object. Its default value is 1. If a <percentage> is used, the value represents a percentage of the current viewport. If a value of 0 is used the outline will never be drawn.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-width)
   */
  "stroke-width"?: string;

  /**
   * The text-anchor attribute is used to align (start-, middle- or end-alignment) a string of text relative to a given point.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/text-anchor)
   */
  "text-anchor"?: string;

  /**
   * The text-decoration attribute works exactly like the css text decoration property except that it's an attribute. See css text decoration for further information.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/text-decoration)
   */
  "text-decoration"?: string;

  /**
   * The creator of SVG content might want to provide a hint about what tradeoffs to make as the browser renders text. The text-rendering attribute provides these hints.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/text-rendering)
   */
  "text-rendering"?: string;

  /**
   * A width that the text should be scaled to fit.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/textLength)
   */
  textLength?: string;

  /**
   * The transform attribute defines a list of transform definitions that are applied to an element and the element's children. The items in the transform list are separated by whitespace and/or commas, and are applied from right to left.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/transform)
   */
  transform?: string;

  /**
   * The vector-effect property specifies the vector effect to use when drawing an object. Vector effects are applied before any of the other compositing operations, i.e. filters, masks and clips.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/vector-effect)
   */
  "vector-effect"?: string;

  /**
   * Depending on the value of attribute pointer-events, graphics elements which have their visibility attribute set to hidden still might receive events.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/visibility)
   */
  visibility?: string;

  /**
   * The word-spacing attribute specifies spacing behavior between words.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/word-spacing)
   */
  "word-spacing"?: string;

  /**
   * The writing-mode attribute specifies whether the initial inline-progression-direction for a <text> element shall be left-to-right, right-to-left, or top-to-bottom. The writing-mode attribute applies only to <text> elements; the attribute is ignored for <tspan>, <tref>, <altGlyph> and <textPath> sub-elements. (Note that the inline-progression-direction can change within a <text> element due to the Unicode bidirectional algorithm and properties direction and unicode-bidi.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/writing-mode)
   */
  "writing-mode"?: string;
}

interface Tspan extends GlobalAttributes {
  /**
   * The alignment-baseline attribute specifies how an object is aligned with respect to its parent. This property specifies which baseline of this element is to be aligned with the corresponding baseline of the parent. For example, this allows alphabetic baselines in Roman text to stay aligned across font size changes. It defaults to the baseline with the same name as the computed value of the alignment-baseline property.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/alignment-baseline)
   */
  "alignment-baseline"?: string;

  /**
   * The baseline-shift attribute allows repositioning of the dominant-baseline relative to the dominant-baseline of the parent text content element. The shifted object might be a sub- or superscript.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/baseline-shift)
   */
  "baseline-shift"?: string;

  /**
   * The clip-path attribute binds the element it is applied to with a given <clipPath> element
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/clip-path)
   */
  "clip-path"?: string;

  /**
   * The clip-rule attribute only applies to graphics elements that are contained within a <clipPath> element. The clip-rule attribute basically works as the fill-rule attribute, except that it applies to <clipPath> definitions.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/clip-rule)
   */
  "clip-rule"?: string;

  /**
   * The color attribute is used to provide a potential indirect value (currentColor) for the fill, stroke, stop-color, flood-color and lighting-color attributes.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/color)
   */
  color?: string;

  /**
   * The color-interpolation attribute specifies the color space for gradient interpolations, color animations, and alpha compositing.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/color-interpolation)
   */
  "color-interpolation"?: string;

  /**
   * The color-interpolation-filters attribute specifies the color space for imaging operations performed via filter effects.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/color-interpolation-filters)
   */
  "color-interpolation-filters"?: string;

  /**
   * The color-profile attribute is used to define which color profile a raster image included through the <image> element should use.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/color-profile)
   */
  "color-profile"?: string;

  /**
   * The color-rendering attribute provides a hint to the SVG user agent about how to optimize its color interpolation and compositing operations.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/color-rendering)
   */
  "color-rendering"?: string;

  /**
   * The cursor attribute specifies the mouse cursor displayed when the mouse pointer is over an element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/cursor)
   */
  cursor?: string;

  /**
   * The direction attribute specifies the base writing direction of text and the direction of embeddings and overrides (see unicode-bidi) for the Unicode bidirectional algorithm. For the direction attribute to have any effect on an element that does not by itself establish a new text chunk (such as a <tspan> element without absolute position adjustments due to x or y attributes), the unicode-bidi property's value must be embed or bidi-override.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/direction)
   */
  direction?: string;

  /**
   * The display attribute lets you control the rendering of graphical or container elements.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/display)
   */
  display?: string;

  /**
   * The dominant-baseline attribute is used to determine or re-determine a scaled-baseline-table. A scaled-baseline-table is a compound value with three components: a baseline-identifier for the dominant-baseline, a baseline-table and a baseline-table font-size. Some values of the property re-determine all three values; other only re-establish the baseline-table font-size. When the initial value, auto, would give an undesired result, this property can be used to explicitly set the desire scaled-baseline-table.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/dominant-baseline)
   */
  "dominant-baseline"?: string;

  /**
   * The dx attribute indicates a shift along the x-axis on the position of an element or its content. What exactly is shifted depends on the element for which this attribute is set.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/dx)
   */
  dx?: string;

  /**
   * The dy attribute indicates a shift along the y-axis on the position of an element or its content. What exactly is shifted depends on the element for which this attribute is set.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/dy)
   */
  dy?: string;

  /**
   * The fill attribute has two meanings based on the context it's used.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/fill)
   */
  fill?: string;

  /**
   * This attribute specifies the opacity of the color or the content the current object is filled with.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/fill-opacity)
   */
  "fill-opacity"?: string;

  /**
   * The fill-rule attribute indicates how to determine what side of a path is inside a shape, to determine how the fill property paints the shape. For a simple, non-intersecting path, it is intuitively clear what region lies "inside"; however, for a more complex path, such as a path that intersects itself or where one subpath encloses another, the interpretation of "inside" is not so obvious.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/fill-rule)
   */
  "fill-rule"?: string;

  /**
   * The filter attribute defines the filter effects define by the <filter> element that shall be applied to its element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/filter)
   */
  filter?: string;

  /**
   * The flood-color attribute indicates what color to use to flood the current filter primitive subregion defined through the <feflood> element. The keyword currentColor and ICC colors can be specified in the same manner as within a <paint> specification for the fill and stroke attributes.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/flood-color)
   */
  "flood-color"?: string;

  /**
   * The flood-opacity attribute indicates the opacity value to use across the current filter primitive subregion defined through the <feflood> element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/flood-opacity)
   */
  "flood-opacity"?: string;

  /**
   * The font-family attribute indicates which font family will be used to render the text, specified as a prioritized list of font family names and/or generic family names.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-family)
   */
  "font-family"?: string;

  /**
   * The font-size attribute refers to the size of the font from baseline to baseline when multiple lines of text are set solid in a multiline layout environment. For SVG, if a <length> is provided without a unit identifier (e.g., an unqualified number such as 128), the browser processes the <length> as a height value in the current user coordinate system.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-size)
   */
  "font-size"?: string;

  /**
   * The font-size-adjust attribute allows authors to specify an aspect value for an element that will preserve the x-height of the first choice font in a substitute font.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-size-adjust)
   */
  "font-size-adjust"?: string;

  /**
   * The font-stretch attribute indicates the desired amount of condensing or expansion in the glyphs used to render the text.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-stretch)
   */
  "font-stretch"?: string;

  /**
   * The font-style attribute specifies whether the text is to be rendered using a normal, italic or oblique face.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-style)
   */
  "font-style"?: string;

  /**
   * The font-variant attribute indicates whether the text is to be rendered using the normal glyphs for lowercase characters or using small-caps glyphs for lowercase characters.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-variant)
   */
  "font-variant"?: string;

  /**
   * The font-weight attribute refers to the boldness or lightness of the glyphs used to render the text, relative to other fonts in the same font family.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-weight)
   */
  "font-weight"?: string;

  /**
   * The image-rendering attribute provides a hint to the browser about how to make speed vs. quality tradeoffs as it performs image processing.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/image-rendering)
   */
  "image-rendering"?: string;

  /**
   * The kerning attribute indicates whether the browser should adjust inter-glyph spacing based on kerning tables that are included in the relevant font (i.e., enable auto-kerning) or instead disable auto-kerning and instead set inter-character spacing to a specific length (typically, zero).
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/kerning)
   */
  kerning?: string;

  /**
   * How the text is stretched or compressed to fit the width defined by the textLength attribute.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/lengthAdjust)
   */
  lengthAdjust?: string;

  /**
   * The letter-spacing attribute specifies spacing behavior between text characters supplemental to any spacing due to the kerning attribute.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/letter-spacing)
   */
  "letter-spacing"?: string;

  /**
   * The lighting-color attribute defines the color of the light source for filter primitives elements <fediffuselighting> and <fespecularlighting>.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/lighting-color)
   */
  "lighting-color"?: string;

  /**
   * The marker-end defines the arrowhead or polymarker that will be drawn at the final vertex of the given <path> element or basic shape. Note that for a <path> element which ends with a closed sub-path, the last vertex is the same as the initial vertex on the given sub-path. In this case, if marker-end does not equal none, then it is possible that two markers will be rendered on the given vertex. One way to prevent this is to set marker-end to none. (Note that the same comment applies to <polygon> elements.)
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/marker-end)
   */
  "marker-end"?: string;

  /**
   * The marker-mid defines the arrowhead or polymarker that shall be drawn at every vertex other than the first and last vertex of the given <path> element or basic shape.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/marker-mid)
   */
  "marker-mid"?: string;

  /**
   * The marker-start attribute defines the arrowhead or polymarker that will be drawn at the first vertex of the given <path> element or basic shape.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/marker-start)
   */
  "marker-start"?: string;

  /**
   * The mask attribute binds the element it is applied to with a given <mask> element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/mask)
   */
  mask?: string;

  /**
   * The opacity attribute specifies the transparency of an object or of a group of objects, that is, the degree to which the background behind the element is overlaid.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/opacity)
   */
  opacity?: string;

  /**
   * The overflow attribute has the same parameter values as defined for the css overflow property.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/overflow)
   */
  overflow?: string;

  /**
   * The pointer-events attribute allows authors to control whether or when an element may be the target of a mouse event. This attribute is used to specify under which circumstance (if any) a mouse event should go "through" an element and target whatever is "underneath" that element instead.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/pointer-events)
   */
  "pointer-events"?: string;

  /**
   * defines a rotation applied to the element animated along a path, usually to make it pointing in the direction of the animation.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/rotate)
   */
  rotate?: string;

  /**
   * The creator of SVG content might want to provide a hint about what tradeoffs to make as the browser renders <path> element or basic shapes. The shape-rendering attribute provides these hints.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/shape-rendering)
   */
  "shape-rendering"?: string;

  /**
   * The stop-color attribute indicates what color to use at that gradient stop. The keyword currentColor and ICC colors can be specified in the same manner as within a <paint> specification for the fill and stroke attributes.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stop-color)
   */
  "stop-color"?: string;

  /**
   * The stop-opacity attribute defines the opacity of a given gradient stop.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stop-opacity)
   */
  "stop-opacity"?: string;

  /**
   * The stroke attribute defines the color of the outline on a given graphical element. The default value for the stroke attribute is none.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke)
   */
  stroke?: string;

  /**
   * the stroke-dasharray attribute controls the pattern of dashes and gaps used to stroke paths.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-dasharray)
   */
  "stroke-dasharray"?: string;

  /**
   * the stroke-dashoffset attribute specifies the distance into the dash pattern to start the dash.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-dashoffset)
   */
  "stroke-dashoffset"?: string;

  /**
   * the stroke-linecap attribute specifies the shape to be used at the end of open subpaths when they are stroked.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-linecap)
   */
  "stroke-linecap"?: string;

  /**
   * the stroke-linejoin attribute specifies the shape to be used at the corners of paths or basic shapes when they are stroked.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-linejoin)
   */
  "stroke-linejoin"?: string;

  /**
   * When two line segments meet at a sharp angle and miter joins have been specified for stroke-linejoin, it is possible for the miter to extend far beyond the thickness of the line stroking the path. The stroke-miterlimit imposes a limit on the ratio of the miter length to the stroke-width. When the limit is exceeded, the join is converted from a miter to a bevel.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-miterlimit)
   */
  "stroke-miterlimit"?: string;

  /**
   * the stroke-opacity attribute specifies the opacity of the outline on the current object. Its default value is 1.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-opacity)
   */
  "stroke-opacity"?: string;

  /**
   * the stroke-width attribute specifies the width of the outline on the current object. Its default value is 1. If a <percentage> is used, the value represents a percentage of the current viewport. If a value of 0 is used the outline will never be drawn.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-width)
   */
  "stroke-width"?: string;

  /**
   * The text-anchor attribute is used to align (start-, middle- or end-alignment) a string of text relative to a given point.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/text-anchor)
   */
  "text-anchor"?: string;

  /**
   * The text-decoration attribute works exactly like the css text decoration property except that it's an attribute. See css text decoration for further information.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/text-decoration)
   */
  "text-decoration"?: string;

  /**
   * The creator of SVG content might want to provide a hint about what tradeoffs to make as the browser renders text. The text-rendering attribute provides these hints.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/text-rendering)
   */
  "text-rendering"?: string;

  /**
   * A width that the text should be scaled to fit.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/textLength)
   */
  textLength?: string;

  /**
   * The transform attribute defines a list of transform definitions that are applied to an element and the element's children. The items in the transform list are separated by whitespace and/or commas, and are applied from right to left.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/transform)
   */
  transform?: string;

  /**
   * The vector-effect property specifies the vector effect to use when drawing an object. Vector effects are applied before any of the other compositing operations, i.e. filters, masks and clips.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/vector-effect)
   */
  "vector-effect"?: string;

  /**
   * Depending on the value of attribute pointer-events, graphics elements which have their visibility attribute set to hidden still might receive events.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/visibility)
   */
  visibility?: string;

  /**
   * The word-spacing attribute specifies spacing behavior between words.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/word-spacing)
   */
  "word-spacing"?: string;

  /**
   * The writing-mode attribute specifies whether the initial inline-progression-direction for a <text> element shall be left-to-right, right-to-left, or top-to-bottom. The writing-mode attribute applies only to <text> elements; the attribute is ignored for <tspan>, <tref>, <altGlyph> and <textPath> sub-elements. (Note that the inline-progression-direction can change within a <text> element due to the Unicode bidirectional algorithm and properties direction and unicode-bidi.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/writing-mode)
   */
  "writing-mode"?: string;

  /**
   * This attribute indicates an x-axis coordinate in the user coordinate system. The exact effect of this coordinate depend on each element. Most of the time, it represent the x-axis coordinate of the upper-left corner of the rectangular region of the reference element (see each individual element's documentation for exceptions).Its syntax is the same as that for <length>
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/x)
   */
  x?: string;

  /**
   * This attribute indicates an y-axis coordinate in the user coordinate system. The exact effect of this coordinate depend on each element. Most of the time, it represent the x-axis coordinate of the upper-left corner of the rectangular region of the reference element (see each individual element's documentation for exceptions).Its syntax is the same as that for <length>
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/y)
   */
  y?: string;
}

interface Use extends GlobalAttributes {
  /**
   * The alignment-baseline attribute specifies how an object is aligned with respect to its parent. This property specifies which baseline of this element is to be aligned with the corresponding baseline of the parent. For example, this allows alphabetic baselines in Roman text to stay aligned across font size changes. It defaults to the baseline with the same name as the computed value of the alignment-baseline property.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/alignment-baseline)
   */
  "alignment-baseline"?: string;

  /**
   * The baseline-shift attribute allows repositioning of the dominant-baseline relative to the dominant-baseline of the parent text content element. The shifted object might be a sub- or superscript.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/baseline-shift)
   */
  "baseline-shift"?: string;

  /**
   * The clip-path attribute binds the element it is applied to with a given <clipPath> element
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/clip-path)
   */
  "clip-path"?: string;

  /**
   * The clip-rule attribute only applies to graphics elements that are contained within a <clipPath> element. The clip-rule attribute basically works as the fill-rule attribute, except that it applies to <clipPath> definitions.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/clip-rule)
   */
  "clip-rule"?: string;

  /**
   * The color attribute is used to provide a potential indirect value (currentColor) for the fill, stroke, stop-color, flood-color and lighting-color attributes.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/color)
   */
  color?: string;

  /**
   * The color-interpolation attribute specifies the color space for gradient interpolations, color animations, and alpha compositing.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/color-interpolation)
   */
  "color-interpolation"?: string;

  /**
   * The color-interpolation-filters attribute specifies the color space for imaging operations performed via filter effects.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/color-interpolation-filters)
   */
  "color-interpolation-filters"?: string;

  /**
   * The color-profile attribute is used to define which color profile a raster image included through the <image> element should use.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/color-profile)
   */
  "color-profile"?: string;

  /**
   * The color-rendering attribute provides a hint to the SVG user agent about how to optimize its color interpolation and compositing operations.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/color-rendering)
   */
  "color-rendering"?: string;

  /**
   * The cursor attribute specifies the mouse cursor displayed when the mouse pointer is over an element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/cursor)
   */
  cursor?: string;

  /**
   * Load from <code>data:</code> URI
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/data_uri)
   */
  data_uri?: string;

  /**
   * The direction attribute specifies the base writing direction of text and the direction of embeddings and overrides (see unicode-bidi) for the Unicode bidirectional algorithm. For the direction attribute to have any effect on an element that does not by itself establish a new text chunk (such as a <tspan> element without absolute position adjustments due to x or y attributes), the unicode-bidi property's value must be embed or bidi-override.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/direction)
   */
  direction?: string;

  /**
   * The display attribute lets you control the rendering of graphical or container elements.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/display)
   */
  display?: string;

  /**
   * The dominant-baseline attribute is used to determine or re-determine a scaled-baseline-table. A scaled-baseline-table is a compound value with three components: a baseline-identifier for the dominant-baseline, a baseline-table and a baseline-table font-size. Some values of the property re-determine all three values; other only re-establish the baseline-table font-size. When the initial value, auto, would give an undesired result, this property can be used to explicitly set the desire scaled-baseline-table.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/dominant-baseline)
   */
  "dominant-baseline"?: string;

  /**
   * Load from external URI
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/external_uri)
   */
  external_uri?: string;

  /**
   * The fill attribute has two meanings based on the context it's used.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/fill)
   */
  fill?: string;

  /**
   * This attribute specifies the opacity of the color or the content the current object is filled with.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/fill-opacity)
   */
  "fill-opacity"?: string;

  /**
   * The fill-rule attribute indicates how to determine what side of a path is inside a shape, to determine how the fill property paints the shape. For a simple, non-intersecting path, it is intuitively clear what region lies "inside"; however, for a more complex path, such as a path that intersects itself or where one subpath encloses another, the interpretation of "inside" is not so obvious.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/fill-rule)
   */
  "fill-rule"?: string;

  /**
   * The filter attribute defines the filter effects define by the <filter> element that shall be applied to its element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/filter)
   */
  filter?: string;

  /**
   * The flood-color attribute indicates what color to use to flood the current filter primitive subregion defined through the <feflood> element. The keyword currentColor and ICC colors can be specified in the same manner as within a <paint> specification for the fill and stroke attributes.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/flood-color)
   */
  "flood-color"?: string;

  /**
   * The flood-opacity attribute indicates the opacity value to use across the current filter primitive subregion defined through the <feflood> element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/flood-opacity)
   */
  "flood-opacity"?: string;

  /**
   * The font-family attribute indicates which font family will be used to render the text, specified as a prioritized list of font family names and/or generic family names.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-family)
   */
  "font-family"?: string;

  /**
   * The font-size attribute refers to the size of the font from baseline to baseline when multiple lines of text are set solid in a multiline layout environment. For SVG, if a <length> is provided without a unit identifier (e.g., an unqualified number such as 128), the browser processes the <length> as a height value in the current user coordinate system.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-size)
   */
  "font-size"?: string;

  /**
   * The font-size-adjust attribute allows authors to specify an aspect value for an element that will preserve the x-height of the first choice font in a substitute font.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-size-adjust)
   */
  "font-size-adjust"?: string;

  /**
   * The font-stretch attribute indicates the desired amount of condensing or expansion in the glyphs used to render the text.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-stretch)
   */
  "font-stretch"?: string;

  /**
   * The font-style attribute specifies whether the text is to be rendered using a normal, italic or oblique face.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-style)
   */
  "font-style"?: string;

  /**
   * The font-variant attribute indicates whether the text is to be rendered using the normal glyphs for lowercase characters or using small-caps glyphs for lowercase characters.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-variant)
   */
  "font-variant"?: string;

  /**
   * The font-weight attribute refers to the boldness or lightness of the glyphs used to render the text, relative to other fonts in the same font family.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/font-weight)
   */
  "font-weight"?: string;

  /**
   * This attribute indicates a vertical length in the user coordinate system. The exact effect of this coordinate depends on each element. Most of the time, it represents the height of the rectangular region of the reference element (see each individual element's documentation for exceptions).
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/height)
   */
  height?: number | string;

  /**
   * This attribute indicates the name of the attribute in the parent element that is going to be changed during an animation.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/href)
   */
  href?: string;

  /**
   * The image-rendering attribute provides a hint to the browser about how to make speed vs. quality tradeoffs as it performs image processing.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/image-rendering)
   */
  "image-rendering"?: string;

  /**
   * The kerning attribute indicates whether the browser should adjust inter-glyph spacing based on kerning tables that are included in the relevant font (i.e., enable auto-kerning) or instead disable auto-kerning and instead set inter-character spacing to a specific length (typically, zero).
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/kerning)
   */
  kerning?: string;

  /**
   * The letter-spacing attribute specifies spacing behavior between text characters supplemental to any spacing due to the kerning attribute.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/letter-spacing)
   */
  "letter-spacing"?: string;

  /**
   * The lighting-color attribute defines the color of the light source for filter primitives elements <fediffuselighting> and <fespecularlighting>.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/lighting-color)
   */
  "lighting-color"?: string;

  /**
   * The marker-end defines the arrowhead or polymarker that will be drawn at the final vertex of the given <path> element or basic shape. Note that for a <path> element which ends with a closed sub-path, the last vertex is the same as the initial vertex on the given sub-path. In this case, if marker-end does not equal none, then it is possible that two markers will be rendered on the given vertex. One way to prevent this is to set marker-end to none. (Note that the same comment applies to <polygon> elements.)
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/marker-end)
   */
  "marker-end"?: string;

  /**
   * The marker-mid defines the arrowhead or polymarker that shall be drawn at every vertex other than the first and last vertex of the given <path> element or basic shape.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/marker-mid)
   */
  "marker-mid"?: string;

  /**
   * The marker-start attribute defines the arrowhead or polymarker that will be drawn at the first vertex of the given <path> element or basic shape.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/marker-start)
   */
  "marker-start"?: string;

  /**
   * The mask attribute binds the element it is applied to with a given <mask> element.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/mask)
   */
  mask?: string;

  /**
   * The opacity attribute specifies the transparency of an object or of a group of objects, that is, the degree to which the background behind the element is overlaid.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/opacity)
   */
  opacity?: string;

  /**
   * The overflow attribute has the same parameter values as defined for the css overflow property.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/overflow)
   */
  overflow?: string;

  /**
   * The pointer-events attribute allows authors to control whether or when an element may be the target of a mouse event. This attribute is used to specify under which circumstance (if any) a mouse event should go "through" an element and target whatever is "underneath" that element instead.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/pointer-events)
   */
  "pointer-events"?: string;

  /**
   * The creator of SVG content might want to provide a hint about what tradeoffs to make as the browser renders <path> element or basic shapes. The shape-rendering attribute provides these hints.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/shape-rendering)
   */
  "shape-rendering"?: string;

  /**
   * The stop-color attribute indicates what color to use at that gradient stop. The keyword currentColor and ICC colors can be specified in the same manner as within a <paint> specification for the fill and stroke attributes.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stop-color)
   */
  "stop-color"?: string;

  /**
   * The stop-opacity attribute defines the opacity of a given gradient stop.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stop-opacity)
   */
  "stop-opacity"?: string;

  /**
   * The stroke attribute defines the color of the outline on a given graphical element. The default value for the stroke attribute is none.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke)
   */
  stroke?: string;

  /**
   * the stroke-dasharray attribute controls the pattern of dashes and gaps used to stroke paths.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-dasharray)
   */
  "stroke-dasharray"?: string;

  /**
   * the stroke-dashoffset attribute specifies the distance into the dash pattern to start the dash.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-dashoffset)
   */
  "stroke-dashoffset"?: string;

  /**
   * the stroke-linecap attribute specifies the shape to be used at the end of open subpaths when they are stroked.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-linecap)
   */
  "stroke-linecap"?: string;

  /**
   * the stroke-linejoin attribute specifies the shape to be used at the corners of paths or basic shapes when they are stroked.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-linejoin)
   */
  "stroke-linejoin"?: string;

  /**
   * When two line segments meet at a sharp angle and miter joins have been specified for stroke-linejoin, it is possible for the miter to extend far beyond the thickness of the line stroking the path. The stroke-miterlimit imposes a limit on the ratio of the miter length to the stroke-width. When the limit is exceeded, the join is converted from a miter to a bevel.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-miterlimit)
   */
  "stroke-miterlimit"?: string;

  /**
   * the stroke-opacity attribute specifies the opacity of the outline on the current object. Its default value is 1.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-opacity)
   */
  "stroke-opacity"?: string;

  /**
   * the stroke-width attribute specifies the width of the outline on the current object. Its default value is 1. If a <percentage> is used, the value represents a percentage of the current viewport. If a value of 0 is used the outline will never be drawn.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke-width)
   */
  "stroke-width"?: string;

  /**
   * The text-anchor attribute is used to align (start-, middle- or end-alignment) a string of text relative to a given point.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/text-anchor)
   */
  "text-anchor"?: string;

  /**
   * The text-decoration attribute works exactly like the css text decoration property except that it's an attribute. See css text decoration for further information.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/text-decoration)
   */
  "text-decoration"?: string;

  /**
   * The creator of SVG content might want to provide a hint about what tradeoffs to make as the browser renders text. The text-rendering attribute provides these hints.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/text-rendering)
   */
  "text-rendering"?: string;

  /**
   * The transform attribute defines a list of transform definitions that are applied to an element and the element's children. The items in the transform list are separated by whitespace and/or commas, and are applied from right to left.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/transform)
   */
  transform?: string;

  /**
   * The vector-effect property specifies the vector effect to use when drawing an object. Vector effects are applied before any of the other compositing operations, i.e. filters, masks and clips.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/vector-effect)
   */
  "vector-effect"?: string;

  /**
   * Depending on the value of attribute pointer-events, graphics elements which have their visibility attribute set to hidden still might receive events.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/visibility)
   */
  visibility?: string;

  /**
   * This attribute indicates an horizontal length in the user coordinate system. The exact effect of this coordinate depends on each element. Most of the time, it represents the width of the rectangular region of the reference element (see each individual element's documentation for exceptions).
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/width)
   */
  width?: number | string;

  /**
   * The word-spacing attribute specifies spacing behavior between words.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/word-spacing)
   */
  "word-spacing"?: string;

  /**
   * The writing-mode attribute specifies whether the initial inline-progression-direction for a <text> element shall be left-to-right, right-to-left, or top-to-bottom. The writing-mode attribute applies only to <text> elements; the attribute is ignored for <tspan>, <tref>, <altGlyph> and <textPath> sub-elements. (Note that the inline-progression-direction can change within a <text> element due to the Unicode bidirectional algorithm and properties direction and unicode-bidi.
   * @see [MDN Reference](https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/writing-mode)
   */
  "writing-mode"?: string;

  /**
   * This attribute indicates an x-axis coordinate in the user coordinate system. The exact effect of this coordinate depend on each element. Most of the time, it represent the x-axis coordinate of the upper-left corner of the rectangular region of the reference element (see each individual element's documentation for exceptions).Its syntax is the same as that for <length>
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/x)
   */
  x?: string;

  /**
   * This attribute indicates an y-axis coordinate in the user coordinate system. The exact effect of this coordinate depend on each element. Most of the time, it represent the x-axis coordinate of the upper-left corner of the rectangular region of the reference element (see each individual element's documentation for exceptions).Its syntax is the same as that for <length>
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/y)
   */
  y?: string;
}

interface View extends GlobalAttributes {
  /**
   * In some cases, typically when using the viewBox attribute, it is desirable that the graphics stretch to fit non-uniformly to take up the entire viewport. In other cases, it is desirable that uniform scaling be used for the purposes of preserving the aspect ratio of the graphics.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/preserveAspectRatio)
   */
  preserveAspectRatio?: string;

  /**
   * The viewBox attribute allows you to specify that a given set of graphics stretch to fit a particular container element.
   * @see [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/viewBox)
   */
  viewBox?: string;
}